/*-----------------------------------------------------------------------------------
	Theme Name: Vertikal
	Description: Responsive WordPress Theme
	Author: Anu rohini
	Version: 1.5
-----------------------------------------------------------------------------------*/
/* Menu css*/



#header-menu li { background: url(http://insutechuae.com/wp-content/themes/insutech/images/menu-bg.png) no-repeat; width: 263px; height: 112px; display:block; position:absolute;}
#header-menu li:hover, #header-menu li.current-menu-item{ background: url(http://insutechuae.com/wp-content/themes/insutech/images/active-menu.png) no-repeat;}
#header-menu li:hover{left:3px;	background: url(http://insutechuae.com/wp-content/themes/insutech/images/hover-menu.png) no-repeat;}
#header-menu li:hover a{color:#fff;}
#header-menu li:nth-child(1) {top:0px;}
#header-menu li:nth-child(2) {top:80px;}
#header-menu li:nth-child(3) {top:160px;}
#header-menu li:nth-child(4) {top:240px;}
#header-menu li:nth-child(5) {top:320px;}
#header-menu li:nth-child(6) {top:400px;}
#header-menu li:nth-child(7) {top:480px;}
#header-menu{position:relative;}
.navbar-vertical { padding-top:27px; background: url("http://insutechuae.com/wp-content/themes/insutech/images/menu-top.png") no-repeat; width:263px; height:57px;position: relative; top: -20px;}

/*end menu bar*/
.wel-head {  font-family: BERLIN SANS FB DEMI;  font-size: 26px;  line-height: 30px;  text-transform: uppercase;color:#ffffff; font-weight:300; margin-bottom:15px;}
.wel-head span {color: #ff7900;font-family: BERLIN SANS FB DEMI;font-weight: 600;}
.header-logo, .top-line , #background-container,footer, .footer-line, .flexslider,.main-menu > li > a, a.elemadded, .main-menu > li > a::after{ background-color:transparent!important;}
.header-logo{display: inline-block;width: 50%; text-align:left;}
.phn {  display: inline-block; width:49%;}
.phn span{text-align:right; color:#fff; float:right; font-size:18px; font-family:open sans;}
.inner-content { padding-left: 0px!important;}
.main-div{display:block; width:100%;}
.clear{ clear:both;}
.social-share{ position: relative;}
.social-share li{display:block; margin-right:0px;}
.fb { background:url(http://insutechuae.com/wp-content/themes/insutech/images/fb.png) no-repeat; width:29px; height:29px; display:block;}
.tw { background:url(http://insutechuae.com/wp-content/themes/insutech/images/tw.png) no-repeat; width:29px; height:29px; display:block;}
.in { background:url(http://insutechuae.com/wp-content/themes/insutech/images/in.png) no-repeat; width:29px; height:29px; display:block;}
.insta { background:url(http://insutechuae.com/wp-content/themes/insutech/images/insta.png) no-repeat; width:29px; height:29px; display:block;}
.gp { background:url(http://insutechuae.com/wp-content/themes/insutech/images/gp.png) no-repeat; width:29px; height:29px; display:block;}
.content-sections{background-color:#151515!important; text-align:justify; min-height:250px;}
header { /*background: url("http://insutechuae.com/wp-content/themes/insutech/images/menu.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0)!important;  height: 627px;  width: 255px;*/}
#slider, #page-banner{margin-bottom:30px; border: 3px solid #888; }
.main-menu > li > a{ text-align:left; transform: rotate(13deg); -moz-transform: rotate(13deg);  -webkit-transform: rotate(13deg);  -ms-transform: rotate(13deg); -o-transform: rotate(13deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); left: 0px;  position: relative;  top: 40px; padding-left:20px; padding-right:20px;}
.main-menu > li{width:50%; }
#page-banner{height:300px;}
p { margin-bottom:15px;}
#page-banner > .text { bottom: -110px; position: relative; right:-25px;}
#con-banner { margin-bottom: 30px;}
#con-banner iframe{border:2px solid #b2b2b2!important;}
.top-line{margin-bottom:30px;}
.con-ul {display:block;}
.con-ul li {color: #fff;display: inline-block;font-family: BERLIN SANS FB;font-size: 13px;line-height: 200% !important;width: 100%;}
.orange{ color:#ff9000; font-weight:600; font-size:15px;}
.con-ul .fa {font-size: 20px;}
.con-ul .fa.fa-map-marker { font-size: 37px; left: -8px; position: relative; top: 12px;}
.con-ul .spac { padding-left: 23px;}
#slider .tp-bullets .bullet{ width: 22px; display: inline-block; margin: 3px;}
.tp-bullets{bottom:0px!important;border-top:none!important;}
.single-post-content h1{color:#ff9000; margin-bottom: 20px;font-family: BERLIN SANS FB; }
.content-sections  h3{ color:#0090d6; font-size:21px;font-family: BERLIN SANS FB DEMI;}
.content-sections b, strong { color: #eee; margin-bottom: 10px;}
.port-container li{display:inline-block; width:30%; margin:0 17px 20px 0; vertical-align:top;}
.port-title{ color:#ff7900; font-size:15px; margin-bottom:15px; text-align:left; font-family:BERLIN SANS FB DEMI ; display:block; text-decoration:none; height:43px;}
.exer {color: #fff;font-family: BERLIN SANS FB;font-size: 14px;}
.read-m{color:#0090d6; font-family:BERLIN SANS FB ; font-size:15px; text-align:left; display:block;}
.port-title:hover, .read-m:hover{text-decoration:none;}
.port-thumb { margin-bottom: 10px;}
.portfolio-nav span{color:#fff;}
#responsive-menu li a br { display: none;}
#responsive-menu { height: 340px !important;}
/* logo technical information css*/
.su-row.techical img { height: 35px; width: 81%;}
.su-column.su-column-size-1-4 { margin: 0px !important;width: 25%;}
.su-row.techical {margin-top: 21px !important;}

@media only screen   and (min-device-width : 375px)  and (max-device-width : 667px)  and (orientation : landscape)  and (-webkit-min-device-pixel-ratio : 2){
.wel-head{font-size:20px; text-align:center;}
.social-share { display: block;  float: none; width: 100%; clear: both; text-align: center;}
.footer-line p{padding:0; text-align:center; float: none;}
.footer-line{text-align:center; }
.footer-line .alignleft{float:none;}
.port-container li{ width:45%;}
.port-title{height:auto; margin-bottom: 5px;}
.header-logo, .phn{width:100%; text-align: center;}
.phn span{float:none;}
}
@media only screen  and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2){
.wel-head{text-align: center;font-size:20px;}
.social-share { display: block;  float: none; width: 100%; clear: both; text-align: center;}
#page-content{min-height:auto;}	
.footer-line p{padding:0; text-align:center; float: none;}
.footer-line{text-align:center; }
.footer-line .alignleft{float:none;}
.port-container li{ width:100%;}
.port-title{height:auto; margin-bottom: 5px;}
#container { margin-bottom: 30px; }
.header-logo, .phn{width:100%; text-align: center;}
.phn span{float:none;}
}
@media screen and (min-width:481px) and (max-width:640px){
.wel-head{font-size:20px;font-size:20px;}
.social-share { display: block;  float: none; width: 100%; clear: both; text-align: center;}
.footer-line p{padding:0; text-align:center; float: none;}
.footer-line{text-align:center; }
.footer-line .alignleft{float:none;}
.port-container li{ width:45%;}
.port-title{height:auto; margin-bottom: 5px;}
.header-logo, .phn{width:100%; text-align: center;}
.phn span{float:none;}
}
@media screen and (min-width:321px) and (max-width:480px){
.wel-head{text-align: center;font-size:20px;}
.social-share { display: block;  float: none; width: 100%; clear: both; text-align: center;}
#page-content{min-height:auto;}	
.footer-line p{padding:0; text-align:center; float: none;}
.footer-line{text-align:center; }
.footer-line .alignleft{float:none;}
.port-container li{ width:100%;}
.port-title{height:auto; margin-bottom: 5px;}
#container { margin-bottom: 30px; }
.header-logo, .phn{width:100%; text-align: center;}
.phn span{float:none;}
}
@media screen and (min-width:0px) and (max-width:320px){
.wel-head{text-align: center;font-size:20px;}
.social-share { display: block;  float: none; width: 100%; clear: both; text-align: center;}
#page-content{min-height:auto;}	
.footer-line p{padding:0; text-align:center; float: none;}
.footer-line{text-align:center; }
.footer-line .alignleft{float:none;}
.port-container li{ width:100%;}
.port-title{height:auto; margin-bottom: 5px;} 
#container { margin-bottom: 30px; }
.header-logo, .phn{width:100%; text-align: center;}
.phn span{float:none;}
}

/** changes 24th **/
.phn{display:none;}
.footer-line > p {display: none;}
.social-share > img {margin-left: 12px;}
.footer-bottom-img {
    background-image: url("http://insutechuae.com/wp-content/uploads/2015/03/logo-insu-1.png");
    float: right;
    height: 60px;
    margin-left: 12px !important;
    width: 147px;
}
.social-share > li {padding-bottom: 8px;}

/*changes */
.footer-menu-new {
    left: 0%;
    position: relative;
}
.top-1 {
    position: fixed;
    right: 0px !important;
    top: 30% !important;
}
body {
    background-attachment: fixed !important;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("http://insutechuae.com/wp-content/uploads/2015/03/test.jpg");
    background-origin: padding-box;
    background-repeat: repeat;
    background-size: auto auto;
    background-position: center;
}

.content-sections {
    height: 310px;
    overflow-y: scroll;
}
.blog-box.no-sidebar > p {
    color: #fff;
    font-family: BERLIN SANS FB;
}
.social-share {
    padding-top:10px !important;
}

/*menu-hover*/
#header-menu li.images-menu-1:hover, #header-menu li.images-menu-1.current-menu-item{background: url("http://insutechuae.com/wp-content/themes/insutech/images/home.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
display: block;height: 112px;position: absolute;width: 263px;}
#header-menu li.images-menu-2:hover, #header-menu li.images-menu-2.current-menu-item{background: url("http://insutechuae.com/wp-content/themes/insutech/images/about-us.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
display: block;height: 112px;position: absolute;width: 263px;}
#header-menu li.images-menu-3:hover, #header-menu li.images-menu-3.current-menu-item{background: url("http://insutechuae.com/wp-content/themes/insutech/images/sevices.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
display: block;height: 112px;position: absolute;width: 263px;}
#header-menu li.images-menu-4:hover, #header-menu li.images-menu-4.current-menu-item{background: url("http://insutechuae.com/wp-content/themes/insutech/images/projects.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
display: block;height: 112px;position: absolute;width: 263px;}
#header-menu li.images-menu-5:hover, #header-menu li.images-menu-5.current-menu-item{background: url("http://insutechuae.com/wp-content/themes/insutech/images/materials.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
display: block;height: 112px;position: absolute;width: 263px;}
#header-menu li.images-menu-6:hover, #header-menu li.images-menu-6.current-menu-item{background: url("http://insutechuae.com/wp-content/themes/insutech/images/tech.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
display: block;height: 112px;position: absolute;width: 263px;}
#header-menu li.images-menu-7:hover, #header-menu li.images-menu-7.current-menu-item{background: url("http://insutechuae.com/wp-content/themes/insutech/images/cs.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
display: block;height: 112px;position: absolute;width: 263px;}

.main-menu li a span{color:#fff;}
.single-post-content p {
    color: #fff;
    font-family: BERLIN SANS FB;
    line-height: 22px;
    margin-bottom: 20px;
}
.war_soundy_audio_control.war_soundy_pp_corner {
    display: none !important;
}

#header-menu li:hover {
    left: 1px;
}

.top-2 {
    float: right;
    padding-top: 82px;
}


/* font-family*/

@font-face {
  font-family: 'BERLIN SANS FB DEMI';
  src: url('http://insutechuae.com/wp-content/themes/insutech/css/fonts/BRLNSDB.TTF');
  src: url('http://insutechuae.com/wp-content/themes/insutech/css/fonts/BRLNSDB.TTF') format('truetype');
  font-weight:bold;
}

.portfolio-nav span {
    color: #fff;
    font-family: BERLIN SANS FB;
    font-size: 15px;
}

.main-menu > li > a > span{
font-family:BERLIN SANS FB !important;
}
.top-line {
    margin-bottom: 15px !important;
}
.main-menu > li > a {
    font-size: 13px;
    position: relative;
    left: 9px;
}



*/ 7th april */

html {
    background: url("http://insutechuae.com/wp-content/uploads/2015/03/bgbg.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    margin: 0 !important;
    overflow-x: hidden;
    padding: 0 !important;
}


/*.csstransforms {
background: rgba(139,139,139,1);
background: -moz-linear-gradient(top, rgba(139,139,139,1) 0%, rgba(139,139,139,1) 0%, rgba(139,139,139,1) 0%, rgba(188,188,188,1) 75%, rgba(188,188,188,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(139,139,139,1)), color-stop(0%, rgba(139,139,139,1)), color-stop(0%, rgba(139,139,139,1)), color-stop(75%, rgba(188,188,188,1)), color-stop(100%, rgba(188,188,188,1)));
background: -webkit-linear-gradient(top, rgba(139,139,139,1) 0%, rgba(139,139,139,1) 0%, rgba(139,139,139,1) 0%, rgba(188,188,188,1) 75%, rgba(188,188,188,1) 100%);
background: -o-linear-gradient(top, rgba(139,139,139,1) 0%, rgba(139,139,139,1) 0%, rgba(139,139,139,1) 0%, rgba(188,188,188,1) 75%, rgba(188,188,188,1) 100%);
background: -ms-linear-gradient(top, rgba(139,139,139,1) 0%, rgba(139,139,139,1) 0%, rgba(139,139,139,1) 0%, rgba(188,188,188,1) 75%, rgba(188,188,188,1) 100%);
background: linear-gradient(to bottom, rgba(139,139,139,1) 0%, rgba(139,139,139,1) 0%, rgba(139,139,139,1) 0%, rgba(188,188,188,1) 75%, rgba(188,188,188,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8b8b8b', endColorstr='#bcbcbc', GradientType=0 );
}*/

.csstransforms {
    background: url("http://insutechuae.com/wp-content/uploads/2015/03/Untitled-6.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.page-id-11   .footer-line{
 padding: 50px 10px 0 30px;
}

@-keyframes thumb {

 0% { transform: scale(1); }
 50% { transform: scale(0.9); }
 100% { transform: scale(1); }
}
@-webkit-keyframes thumb {

 0% { -webkit-transform: scale(1); }
 50% { -webkit-transform: scale(0.9); }
 100% { -webkit-transform: scale(1); }
}
@-moz-keyframes thumb {

0% { -moz-transform: scale(1); }
 50% { -moz-transform: scale(0.9); }
 100% { -moz-transform: scale(1); }
}
@-o-keyframes thumb {

0% { -o-transform: scale(1); }
 50% { -o-transform: scale(0.9); }
 100% { -o-transform: scale(1); }
}
.main-menu > li:hover
{

  animation-duration: 100ms !important;
    animation-name: thumb;
    animation-timing-function: ease !important;
    transform-origin: 0 50% 0 !important;
animation-iteration-count:1;

 -webkit-animation-name: thumb;
 -webkit-animation-duration:  100ms !important;
 -webkit-transform-origin:0 50% 0 !important;
  -webkit-animation-timing-function: ease !important;
 -webkit-animation-iteration-count: 1;

 -moz-animation-name: thumb;
 -moz-animation-duration:  100ms !important;
 -moz-transform-origin:0 50% 0 !important;
  -moz-animation-timing-function: ease !important;
 -moz-animation-iteration-count: 1;

 -o-animation-name: thumb;
 -o-animation-duration:  100ms !important;
 -o-transform-origin:0 50% 0 !important;
  -o-animation-timing-function: ease !important;
 -o-animation-iteration-count: 1;
}

.-filters, .-items .title {
    display: none;
}
.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"], .wpcf7 textarea, .comment-form input[type="text"], .comment-form input[type="email"], .comment-form textarea {
    border: 1px solid #e6e6e6;
    border-radius: 0;
    color: #737373;
    display: block;
    font-size: 13px;
    margin-bottom: 10px;
    outline: medium none;
    padding: 8px 10px;
    transition: all 0.2s ease-in-out 0s;
    width: 100%;
}

.wpcf7 .your-email::before , .wpcf7 .your-name::before ,.wpcf7 .your-message::before{
display:none;}

.wpcf7 {
    padding-top: 30px !important;
}
.page-id-13 .content-sections , .page-id-15 .content-sections {
    background-color: #151515 !important;
    min-height: 590px;
    text-align: justify;margin-bottom: 60px !important;
}

/* Responsive */

@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) {}
@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : portrait){}
@media screen and (min-width:481px) and (max-width:640px){
.top-2 {text-align: center !important;padding-top: 0px !important;float: none;}
.content-sections {height: auto !important;overflow-y: hidden!important;}
.footer-bottom-img {float: none;margin-left: 33% !important;}
#con-banner iframe {width: 450px !important;}
.top-1 {display: none;}
}
@media screen and (min-width:321px) and (max-width:480px){
.top-2 {text-align: center !important;padding-top: 0px !important;float: none;}
.content-sections {height: auto !important;overflow-y: hidden!important;}
.footer-bottom-img {float: none;margin-left: 33% !important;}
#con-banner iframe {width: 380px !important;}
.top-1 {display: none;}
}
@media screen and (min-width:0px) and (max-width:320px){
.top-2 {text-align: center !important;padding-top: 0px !important;float: none;}
.content-sections {height: auto !important;overflow-y: hidden!important;}
.footer-bottom-img {float: none;margin-left: 33% !important;}
.page-id-17 .content-sections{text-align:left;}
 {width: 241px !important;}
.top-1 {display: none;}
.col-md-8 , .col-md-12 {padding: 0 !important;}
}

.pdf-mat > a {
    margin-right: 24px;color: #fff;
    font-family: Berlin Sans FB;
    font-size: 16px;
}
.pdf-mat {
    text-align: center;
    padding-top: 40px;
}

.page-id-27 .content-sections {
    overflow-y: hidden;
}
.single-tmq-portfolio .content-sections {
    margin-bottom: 44px;
}
.page-id-15 .content-sections {
    background-color:#fff !important;
}

.su-row.techical-1 .su-column.su-column-size-1-3 {
    border-right: 1px solid;
    padding-right: 12px;
    min-height:1030px;
}
.su-row.techical-2 .su-column.su-column-size-1-3 {
    border-right: 1px solid;
    padding-right: 12px;
    min-height:511px;
}
.su-row.techical-1-new .su-column.su-column-size-1-3 {
    border-right: 1px solid;
    padding-right: 12px;
    min-height:604px;
}
.su-row.techical-1 .su-column.su-column-size-1-3.last , .su-row.techical-2 .su-column.su-column-size-1-3.last , .su-row.techical-1-new .su-column.su-column-size-1-3.last {
border-right:0px !important;
}
.list-tech > ul {
    padding-left: 10px !important;
}

ul:not([class]) > li::before {
    color: #666;
    content: "";
    font-family: "FontAwesome";
    font-size: 14px;
    margin-left: -23px;
    padding-right: 5px;
    position: relative;
}
.list-tech li {
    text-align: left;
}
.list-tech a {
    color: #000;
    font-family: Berlin Sans FB;
}
.list-tech ul li:nth-child(7) , .list-tech ul li:nth-child(10) , .list-tech ul li:nth-child(6) , .list-tech ul li:nth-child(8) , .list-tech ul li:nth-child(9), .list-tech ul li:nth-child(1), .list-tech ul li:nth-child(5){
    line-height: 116% !important; padding-bottom: 10px;padding-top: 3px;
}
.tp-bgimg.defaultimg {
    margin-top: -30px;
}
.error404 .content-sections {
    height: 590px;
}

.fa-phone::before , .fa-print::before , .fa-globe::before , .fa-envelope::before {
   padding-right: 5px;
}

.pp_expand{
display:none !important;
}

.scl-icns > li {
    list-style: none;
    z-index: 1000;
}