/*
Theme Name: Saico Engineers
Theme URI: *
Description: Saico Engineers
Author: LBM Infotech Pvt. Ltd.
Author URI: http://www.lbminfotech.com/
Version: 1.0
.
This theme can be used for commercial or non-commercial use
so long as it is not redistributed or resold in any way.
.
*/

@import url(reset.css);

/*-----------------------------------*/
/* Basic Styles
/*-----------------------------------*/

p {	line-height: 22px;	padding: 0 0 15px 0;	text-align: justify; }
h2 { font-family:'fontin_smallcapsregular'; font-size: 20px; color: #1e52bd; padding: 0 0 5px 0; font-weight: 300; font-style: normal; line-height: 30px; }
h3 { font-size: 20px; color: #0d72b1; border-bottom: solid 1px #e5eeeb;	padding: 0 0 10px;	margin: 0 0 10px 0;	font-weight: normal; font-family: 'cabin_condensedregular'; }
#inner h3 { font-size: 20px;	color: #707070;	padding: 0;	margin: 0 0 8px 0;	line-height: 40px;	font-weight: normal;	border-bottom: 1px solid #d8dcdc;	font-family: Asap;}
h4 {font-size: 16px; text-transform:none;border-bottom: solid 1px #e5eeeb;	padding: 0 0 10px;	margin: 0 0 10px 0; font-family: 'allerregular'; color: #3a3a3a; font-weight:normal;}
hr.new {	background-image: url(../images/features_bottom.html);	background-repeat: repeat-x;	height: 1px;	margin-top: 0px;	margin-bottom: 14px;	border: 0 none;	width: 400px; }
h5 { font-family:'fontin_smallcapsregular'; font-size: 16px; font-weight: 300; color: #323232; padding: 0 0 10px 0px; }
h6 { font-family:'fontin_smallcapsregular'; font-size: 16px; color: #103e9b; padding: 0px 0 19px 0px; font-weight: 300; line-height: 6px; }
strong { font-weight: 700; }
a { color: #0d72b1; text-decoration:none;  font-family: 'cabin_condensedregular'; font-size: 14px; }
a:hover { text-decoration:underline;}
ul { margin: 0 0 15px 0; padding: 0 0 12px 0; }
li {list-style: none; background: url(../images/bullet_galaxy.html) no-repeat left 7px; padding-left: 10px; font-family:Arial, Helvetica, sans-serif;}
li strong {	display: block;	color: #726c6a;	margin-bottom: 5px;}
.clear { clear: both; }

body { line-height: 22px; font-size: 12px; color: #6f6f6f; font-family: Arial, Helvetica, sans-serif; font-weight: normal; background: #fff; }
header { width: 100%; height:86px;  position: relative; background:url(../images/headerBg.jpg) repeat-x left top; display:block;} 
#content { width: 100%; }
#container { position: relative; width: 960px; margin: 0 auto;  }

 
/*-----------------------------------*/
/* Embeded Fonts
/*-----------------------------------*/

@font-face {
    font-family: 'allerregular';
    src: url('fonts/aller_rg-webfont.eot');
    src: url('fonts/aller_rg-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('fonts/aller_rg-webfont.woff') format('woff'),
         url('fonts/aller_rg-webfont.ttf') format('truetype'),
         url('fonts/aller_rg-webfont.svg#allerregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'cabin_condensedregular';
    src: url('fonts/cabincondensed-regular-webfont.eot');
    src: url('fonts/cabincondensed-regular-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('fonts/cabincondensed-regular-webfont.woff') format('woff'),
         url('fonts/cabincondensed-regular-webfont.ttf') format('truetype'),
         url('fonts/cabincondensed-regular-webfont.svg#cabin_condensedregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
/*-----------------------------------*/
/* Theme Styles
/*-----------------------------------*/
aside{}
#logo {  width: 350px; height: 85px; float:left;  }
#logo a { display:block; width: 350px; height: 85px; background: url(../images/logo.png) no-repeat left top; }
#call{ float:right; text-align: right; width: 300px; margin-top: 30px; font-family:'cabin_condensedregular'; font-size: 16px;}
#call strong{ color: #0d7fbe; font-weight:normal; text-transform:uppercase;}
#banner{   background:url(../images/bannerLoop.jpg) repeat-x left 498px #fff; padding:0 0 20px 0;}
#banner .disNoB{ display: none;}
/*#navigation{ height:46px; background-color:#0d5a9a; background-image: url(../images/navBgLight.jpg),  url(../images/navBg.jpg) ;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='../images/navBgLight.jpg', sizingMethod='crop');
 -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/navBgLight.jpg', sizingMethod='crop')";
 
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='../images/navBg.jpg', sizingMethod='crop'); 
 -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/navBg.jpg', sizingMethod='crop')"; 
background-position:top center, left top ; background-repeat: no-repeat, repeat-x;  border-top: solid 2px #fff; border-bottom: solid 2px #fff; }*/

#navigation{ height:46px; background-color:#f6c71f; border-top: solid 2px #9cb5d7; border-bottom: solid 8px #399ee0; }

nav ul{ float: right; margin:0; padding:0; }
nav ul li{ float:left;}
nav ul li img{ margin-top: 15px;}
nav ul li a{ color: #FFF; font-family: Calibri, Arial, Helvetica, sans-serif; font-size: 14px; text-transform: uppercase; line-height: 46px; padding: 0 10px;}

#middle { padding: 20px 0; background:#f0f5f6;}
#welcome { float:left; background:#fff; width: 564px; padding:28px; -moz-box-shadow: 0 0 1px #d8e0e2; -webkit-box-shadow: 0 0 1px #d8e0e2; box-shadow: 0 0 1px #d8e0e2; }
#welcomeInner {  background:#fff;  padding:28px; -moz-box-shadow: 0 0 1px #d8e0e2; -webkit-box-shadow: 0 0 1px #d8e0e2; box-shadow: 0 0 1px #d8e0e2; }
#rightPatch{float:right; background:#fff; width: 319px;  -moz-box-shadow: 0 0 1px #d8e0e2; -webkit-box-shadow: 0 0 1px #d8e0e2; box-shadow: 0 0 1px #d8e0e2;}
#rightPatch .textMargin { padding: 30px 20px 0px;}
.patchRead{ display: block; background: #f5f7fa; color: #3a3a3a; padding: 10px 30px; border-right: solid 1px #98acc8; border-left: solid 1px #98acc8; margin-bottom: 10px;}
.social { width: 170px; padding: 14px 74px 24px;} .social img{ float: left; margin: 0 5px;}
footer{ background: #3b6296; border-top: solid 6px #fff; }
.clientPatch{float:left; background:#fff; width: 564px; padding: 13px 28px;}
.clientPatch img{ float:left; margin-right: 8px; margin-left: 8px;}
.enquiryPatch{float:right; background:#fff; width: 265px; padding:0 28px;}
.enquiryPatch#inner{float:right; background:#fff; width: 265px; padding:5px 28px; margin-top: 10px; -moz-box-shadow: 0 0 1px #d8e0e2; -webkit-box-shadow: 0 0 1px #d8e0e2; box-shadow: 0 0 1px #d8e0e2;}
.contact {float:left; margin-right: 20px;} 
.make {color: #0d67a6; font-size: 19px; margin-top: 10px; font-family: 'cabin_condensedregular';}
.email a{ font-family: Arial, Helvetica, sans-serif; color: #8e8e8e; font-size: 13px;}
.foot { padding: 20px 0;}
.foot a{ color: #FFF;}
.foot p{ color: #FFF; line-height: 22px; margin: 0 0 5px; padding: 0;}
#lbm{ float:right; color:#FFF; }
#leftFoot{ float: left;}
.products{ float:left; margin-right: 30px; width: 250px; }
.products a strong{color: #0d72b1; font-size: 14px; font-family:'cabin_condensedregular';}
.products a{ font-family:Arial, Helvetica, sans-serif; color: #6f6f6f; font-size: 12px; }
.productsInner{ float:left; width: 250px; margin-right: 20px;}
.productDetails{ float: right; width: 290px;}
.blue{ color:#0d72b1; font-size: 14px; font-family:'cabin_condensedregular';}
#listing{ margin: 0 15px 10px; padding-top:0;  }
#listing li{ list-style-type: disc; padding-left: 5px; margin-left: 5px; }
.control{ padding-bottom: 15px; }
.marbottom { margin-bottom: 10px;}
.control li{ float: left; background: #3b6296; padding: 8px 15px; border: solid 1px #d7e1ef; }
.control li a{ color:#FFF;}
.colorWhite{ color:#FFF;}
.bgColor{ background: #E9EDF3; color:#999;}
.textBox{width:100%; height:23px; background:#FFF; border:solid 1px #CCC;}
.textBoxMulti{width: 100%; height:100px; background:#FFF; border:solid 1px #CCC;}
.btn{background:#3b6296; display:inline-block; color:#ffffff; font-family: 'allerregular'; text-transform:uppercase; padding:8px 12px 5px 12px; border:none;}

.group { width:100%; max-width:625px; margin-top:15px; float:left;}
.group li {padding:15px; background-color:#0C72B2; width:43%; float:left; border:1px solid #FFF; text-align:center; color:#FFF; font-size:14px;}
.read{ float:left; display:block; clear:left; margin-bottom:10px;}
.gal { width:100%; height:auto; clear:both;}
.gal li{ padding-left:25px; padding-top:5px; padding-bottom:5px;  width:92%; float:left; clear:both; background-color:#F5F7FA; border-left:1px solid #32639D; border-right:1px solid #32639D;}
gal li a { display:block; padding-top:5px; padding-bottom:5px; }
.marNone{ margin-right:0 !important;}
.innerHead{ width:100%; height:auto; max-width:960px; max-height:242px; margin-top:20px;} 
@media all and (max-width: 699px) and (min-width: 481px) {
body { width:100%; font-size:80%; margin:0 auto; }	
h1, h2, h3, h4, h5, h6 { font-family: Arial, Helvetica, sans-serif; }
h2 {  font-size: 105%; color: #1e52bd; padding: 0 0 5px 0; font-weight: 300; font-style: normal; line-height: 30px; }
h3 { font-size: 140%; color: #0d72b1; border-bottom: solid 1px #e5eeeb;	padding: 0 0 10px;	margin: 0 0 10px 0;	font-weight: normal;  }
h4 {font-size: 135%; text-transform:none;border-bottom: solid 1px #e5eeeb;	padding: 0 0 10px;	margin: 0 0 10px 0; color: #3a3a3a; font-weight:normal;}
h5 {  font-size: 16px; font-weight: 300; color: #323232; padding: 0 0 10px 0px; }
h6 {  font-size: 16px; color: #103e9b; padding: 0px 0 19px 0px; font-weight: 300; line-height: 6px; }
a { color: #0d72b1; text-decoration:none;  font-family: Arial, Helvetica, sans-serif; font-size: 95%; }
img{ width: 100%; height: auto;}
#container { position: relative; width: 95%; margin-left: auto; margin-right: auto; }
#banner{   background:url(../images/bannerLoop.jpg) repeat-x left bottom #fff; background-size: 17% 17%;}
#banner .disNo { display: none; } 
#banner .disNoB { display:block; padding: 20px 0;}
#banner img{ width: 100%; height: auto;}
header { width: 100%; height:60%;  position: relative; background:url(../images/headerBg.jpg) repeat-x left top; background-size: 100% 100%; display:block;} 
#logo{width:60%; height: 70px;  padding:0; }
#logo a{width:276px; height: 70px;   background-size: 100% 100%; text-indent:-999px; float:left;}
#navigation{ height:35px; background-color:#f6c71f !important; background-size:100% 100%; border-top: solid 2px #fff; border-bottom: solid 2px #fff; }
#call{  width:40%; margin-top:3%; font-family: Arial, Helvetica, sans-serif; font-size: 100%;}
nav ul{ float: right; margin:0; padding:0; }
nav ul li{ float:left;}
nav ul li img{ margin-top: 10px;}
nav ul li a{ color: #FFF; font-family: Arial, Helvetica, sans-serif; text-transform:none; font-size: 95% !important;  padding: 0 8px; line-height:35px;}
nav ul li.disNo{ display:none;}
#middle { padding: 20px 0; background:#f0f5f6;}
#welcome {  background:#fff; width: 90%; padding:5%; -moz-box-shadow: 0 0 1px #d8e0e2; -webkit-box-shadow: 0 0 1px #d8e0e2; box-shadow: 0 0 1px #d8e0e2; }
#rightPatch.disNo{ display:none;}
#rightPatch{ float: background:#fff; width: 100%; margin-top: 15px;  -moz-box-shadow: 0 0 1px #d8e0e2; -webkit-box-shadow: 0 0 1px #d8e0e2; box-shadow: 0 0 1px #d8e0e2;}
#rightPatch .textMargin { padding: 5% 5% 2%;}
.patchRead{ display: block; background: #f5f7fa; color: #3a3a3a; padding: 1% 5%; border-right: solid 1px #98acc8; border-left: solid 1px #98acc8; margin-bottom: 10px;}
.social { width: 40%; padding: 4% 0 ; margin: 0 auto;} .social img{ float: left; margin: 0 2%; width: 15%;  height:auto;}
footer{ background: #3b6296; border-top: solid 6px #fff; }
.clientPatch{float:none; background:#fff; width: 90%; padding: 2% 5%; overflow:hidden; margin:0 auto 15px;}
.clientPatch img{  margin-right: 2%; margin-left: 2%; width: 14%; height: auto; }
.enquiryPatch{float:none; background:#fff; width: 90%; padding:0 5%;}
.enquiryPatch#inner{  width: 90%; padding:2% 5% ; margin-top: 15px; -moz-box-shadow: 0 0 1px #d8e0e2; -webkit-box-shadow: 0 0 1px #d8e0e2; box-shadow: 0 0 1px #d8e0e2;}
.contact {margin-right: 2%; width: 10%; }
.contact img{ width: 100%; }
.make {color: #0d67a6; font-size: 125%; margin-top: 3%; float: left; font-family:Arial, Helvetica, sans-serif;}
.email{ float: left; padding-top: 3%; padding-left: 12px; }
.email a{ font-size: 120%;}
#lbm{ float:none; color:#FFF; margin-bottom: 5px;  }
#leftFoot{ float:none;}
.products{ float:none; margin-right:0; width: 100%; clear:both; }
.products a strong{font-family: Arial, Helvetica, sans-serif;}
.products img { float:left; margin-right:2%; width: 35%; height:auto;  margin-bottom: 3%;}
.productsInner{ float:left; width: 35%; margin-right: 5%;}
.productDetails{ float: right; width: 60%;}
.blue{ color:#0d72b1; font-size: 95%; font-family: Arial, Helvetica, sans-serif;}
.clientPatch#disNo{ display:none;}
.textBox{width:100%; height:23px; background:#FFF; border:solid 1px #CCC;}
.textBoxMulti{width: 100%; height:100px; background:#FFF; border:solid 1px #CCC;}
.btn{background:#3b6296; display:inline-block; color:#ffffff; font-family: 'allerregular'; text-transform:uppercase; padding:8px 12px 5px 12px; border:none;}
}
@media all and (max-width: 534px){
	.group li{width:94%;}
	
}

@media all and (max-width: 480px) and (min-width: 150px) {
body { width:100%; font-size:75%; margin:0 auto; }	
h1, h2, h3, h4, h5, h6 { font-family: Arial, Helvetica, sans-serif; }
h2 {  font-size: 105%; color: #1e52bd; padding: 0 0 5px 0; font-weight: 300; font-style: normal; line-height: 30px; }
h3 { font-size: 125%; color: #0d72b1; border-bottom: solid 1px #e5eeeb;	padding: 0 0 10px;	margin: 0 0 10px 0;	font-weight: normal;  }
h4 {font-size: 135%; text-transform:none;border-bottom: solid 1px #e5eeeb;	padding: 0 0 10px;	margin: 0 0 10px 0; color: #3a3a3a; font-weight:normal;}
h5 {  font-size: 16px; font-weight: 300; color: #323232; padding: 0 0 10px 0px; }
h6 {  font-size: 16px; color: #103e9b; padding: 0px 0 19px 0px; font-weight: 300; line-height: 6px; }
a { color: #0d72b1; text-decoration:none;  font-family: Arial, Helvetica, sans-serif; font-size: 95%; }
img{ width: 100%; height: auto;}
#container { position: relative; width: 95%; margin-left: auto; margin-right: auto; }
#banner{   background:url(../images/bannerLoop.jpg) repeat-x left bottom #fff; background-size: 17% 17%;}
#banner .disNo { display: none; } #banner .disNoB { display:block; padding: 10px 0;}
#banner img{ width: 100%; height: auto;}
header { width: 100%; height:65px;  position: relative; background:url(../images/headerBg.jpg) repeat-x left top; background-size: 100% 100%; display:block;} 
#logo{width:60%; height: 65px;  padding:0; margin:0 auto;  }
#logo a{width:100%; height:100%;   background-size: 100% 100%; text-indent:-999px; }
	#navigation{ height:25px; background-color:##f6c71f !important; background-size:100% 100%; border-top: solid 2px #fff; border-bottom: solid 2px #fff; }
#call{  width:100%; margin-top:1%; font-family: Arial, Helvetica, sans-serif; font-size: 85%;}
nav ul{ float: right; margin:0; padding:0; }
nav ul li{ float:left;}
nav ul li img{ margin-top: 5px;}
nav ul li a{ color: #FFF; font-family: Arial, Helvetica, sans-serif; text-transform:none; font-size: 100% !important;  padding: 0 8px; line-height:25px;}
nav ul li.disNo{ display:none;}
#middle { padding: 20px 0; background:#f0f5f6;}
#welcome {  background:#fff; width: 90%; padding:5%; -moz-box-shadow: 0 0 1px #d8e0e2; -webkit-box-shadow: 0 0 1px #d8e0e2; box-shadow: 0 0 1px #d8e0e2; }
#rightPatch.disNo{ display:none;}
#rightPatch{ float: background:#fff; width: 100%; margin-top: 15px;  -moz-box-shadow: 0 0 1px #d8e0e2; -webkit-box-shadow: 0 0 1px #d8e0e2; box-shadow: 0 0 1px #d8e0e2;}
#rightPatch .textMargin { padding: 5% 5% 2%;}
.patchRead{ display: block; background: #f5f7fa; color: #3a3a3a; padding: 1% 5%; border-right: solid 1px #98acc8; border-left: solid 1px #98acc8; margin-bottom: 10px;}
.social { width: 40%; padding: 4% 0 ; margin: 0 auto;} .social img{ float: left; margin: 0 2%; width: 15%;  height:auto;}
footer{ background: #3b6296; border-top: solid 6px #fff; }
.clientPatch{float:none; background:#fff; width: 90%; padding: 2% 5%; overflow:hidden; margin:0 auto 15px;}
.clientPatch img{  margin-right: 2%; margin-left: 2%; width: 14%; height: auto; }
.enquiryPatch{float:none; background:#fff; width: 90%; padding:0 5% 2%;}
.enquiryPatch#inner{  width: 90%; padding:2% 5% ; margin-top: 15px; -moz-box-shadow: 0 0 1px #d8e0e2; -webkit-box-shadow: 0 0 1px #d8e0e2; box-shadow: 0 0 1px #d8e0e2;}
.contact { display:none;}
.contact img{ width: 100%; }
.make {color: #0d67a6; font-size: 120%; margin-top: 1%; float: left;  font-family:Arial, Helvetica, sans-serif;}
.email{ float: left; padding-top: 1%; padding-left:2px;  font-family:Arial, Helvetica, sans-serif; }
.email a{ font-size: 110%;}
#lbm{ float:none; color:#FFF; margin-bottom: 5px;  }
#leftFoot{ float:none;}
.products{ float:none; margin-right:0; width: 100%; clear:both; }
.products a strong{font-family: Arial, Helvetica, sans-serif;}
.products img { float:left; margin-right:2%; width: 35%; height:auto;  margin-bottom: 3%;}
.productsInner{ float:left; width: 35%; margin-right: 5%;}
.productDetails{ float: right; width: 60%;}
.blue{ color:#0d72b1; font-size: 95%; font-family: Arial, Helvetica, sans-serif;}
.clientPatch#disNo{ display:none;}
.textBox{width:100%; height:23px; background:#FFF; border:solid 1px #CCC;}
.textBoxMulti{width: 100%; height:100px; background:#FFF; border:solid 1px #CCC;}.btn{background:#3b6296; display:inline-block; color:#ffffff; font-family: 'allerregular'; text-transform:uppercase; padding:8px 12px 5px 12px; border:none;}
.disNoSmall{ display: none;}
}
@media all and (max-width: 380px) and (min-width: 150px) {
header { width: 100%; height:45px;  position: relative; background:url(../images/headerBg.jpg) repeat-x left top; background-size: 100% 100%; display:block;} 
	#logo{width:60%; height: 45px;  padding:0; margin:0 auto;  }
#logo a{width:100%; height:100%;   background-size: 100% 100%; text-indent:-999px; }
	#navigation{ height:auto; background-color:#debe00 !important; background-image:none; border-top: solid 2px #fff; border-bottom: solid 2px #fff; }
	a { color: #0d72b1; text-decoration:none;  font-family: Arial, Helvetica, sans-serif; font-size: 100%; }
#banner .disNo { display: none; } #banner .disNoB { display:none; padding: 10px 0;}
nav ul{ float: none; margin:0; padding:0; }
nav ul li{ float:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='../images/navBgLight.jpg', sizingMethod='crop'); /* IE6-8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/navBg.jpg', sizingMethod='crop')";
	background-repeat: no-repeat, repeat-x;
	background-size: 100% 100%;
	background-image: url(../images/navBgLight.jpg),  url(../images/navBg.jpg);/* IE8 only */
 
/* IE6-8 */
 /* IE8 only */
}
nav ul li img{ display: none;}
nav ul li a{ color: #FFF; font-family: Arial, Helvetica, sans-serif; text-transform:none; font-size: 85% !important;  padding: 0 8px; line-height:25px;}
nav ul li.disNo{ display:none;}#banner{   background: none;  background-size: 17% 17%;}
.products{ float:none; margin-right:0; width: 100%; clear:both; }
.products a strong{font-family: Arial, Helvetica, sans-serif; font-size: 120%;}
.products img { float:none; margin-right:0; width: 100%; height:auto;  margin-bottom: 3%;}
.productsInner{ float:none; width: 100%; margin-right: 5%; }
.productsInner img{ float:none; margin-right:0; width: 100%; height:auto;  margin-bottom: 3%; }
.productDetails{ float: none; width: 100%; font-size: 105%; }
.disNoStyle{ display: none;}
}
@media all and (max-width: 580px) and (min-width: 150px) {#welcomeInner .disNo{ display:none;}}

.galleria-theme-classic {
    position: relative;
    overflow: hidden;
    background: transparent !important;
}
.galleria-theme-classic .galleria-thumbnails .galleria-image {
    height: 40px;
    width: 60px;
    background: transparent !important;
    margin: 0 5px 0 0;
    border: 1px solid transparent !important;
    float: left;
    cursor: pointer;
}
.galleria-theme-classic .galleria-info {
    width: 50%;
    top: 15px;
    left: 15px;
    z-index: 2;
    position: absolute;
    display: none !important;
}