/* Fonts */
@import url(navigation.css);
@import url(font-awesome/css/font-awesome.min.css);
@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900);

/** Generated by FG **/
@font-face {
	font-family: 'Conv_texgyreadventor-regular';
	src: url('fonts/texgyreadventor-regular.eot');
	src: local('☺'), url('fonts/texgyreadventor-regular.woff') format('woff'), url('fonts/texgyreadventor-regular.ttf') format('truetype'), url('fonts/texgyreadventor-regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_texgyreadventor-bold';
	src: url('fonts/texgyreadventor-bold.eot');
	src: local('☺'), url('fonts/texgyreadventor-bold.woff') format('woff'), url('fonts/texgyreadventor-bold.ttf') format('truetype'), url('fonts/texgyreadventor-bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Fonts */


html { margin: 0; padding: 0; height:100%;}
body{ margin:0; padding:0; font:400 14px/1.4 Roboto; color:#2d2d2d; font-weight: 400; background:#fff; height:100%;}

/*	--------------------------------------------------
Global Reset & Standards
-------------------------------------------------- */

div, p, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, textarea, select, nav, img {padding:0; margin:0;}
img{border:0;}
ol, ul { list-style: none; }

*{
-webkit-transition: color .2s ease;
-moz-transition: color .2s ease;
-ms-transition: color .2s ease;
-o-transition: color .2s ease;
transition: color .2s ease;

-webkit-transition: background-color 1s;
-moz-transition: background-color 1s;
-o-transition: background-color 1s;
-ms-transition: background-color 1s;
transition: background-color 1s;
}
*:hover{
-webkit-transition: color .2s ease;
-moz-transition: color .2s ease;
-ms-transition: color .2s ease;
-o-transition: color .2s ease;
transition: color .2s ease;

-webkit-transition: background-color 1s;
-moz-transition: background-color 1s;
-o-transition: background-color 1s;
-ms-transition: background-color 1s;
transition: background-color 1s;
}

a{color:#e51e25; text-decoration:none;
-webkit-transition: background-color 1s;
-moz-transition: background-color 1s;
-o-transition: background-color 1s;
-ms-transition: background-color 1s;
transition: background-color 1s;
}
a:hover{text-decoration:underline;
-webkit-transition: background-color 1s;
-moz-transition: background-color 1s;
-o-transition: background-color 1s;
-ms-transition: background-color 1s;
transition: background-color 1s;
}

.left {float:left;}
.right {float:right;}

.aln-cntr{text-align:center; margin:0 auto 20px; display:block;}
.aln-cntr > img{max-width:100%;}
.clear {clear:both;font-size:0;line-height:0;}
.bordr-none{border:none!important;}

ul.bull{list-style-type:none; float:left; margin:0 0 15px 0; clear:both;}
ul.bull li{float:left; clear:both; background:url('../images/bull.html') no-repeat 0 2px; padding-left:25px; margin-bottom:15px; /*text-align:justify;*/}

ol{list-style-type:none; float:left; margin:0 0 15px 0;}
ol li{float:left; clear:both; background:url('../images/bull-style.png') no-repeat 0px 3px; padding-left:22px; margin-bottom:8px; text-align:justify;}

.mrgn-top0{margin-top:0!important;}

.red{color:red;}

h1, h2, h3, h4, h5, h6{line-height:100%; font-family: 'Conv_texgyreadventor-bold';}

hr{height:10px; display:block; overflow:hidden; width:100%; background:transparent; border:none; margin:0 0 50px;
-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.07);
-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.07);
box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.07);
}




/*	--------------------------------------------------
Global Reset & Standards
-------------------------------------------------- */

.wrap{width:1200px; margin:0 auto; position:relative; clear:both;}

.inner-wrap{display:block; padding:2%; clear:both; overflow:hidden;}

.header-outer{width:100%; float:left; padding:10px 0;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e6e8e8+0,feffff+100 */
background: rgb(230,232,232); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(230,232,232,1) 0%, rgba(254,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(230,232,232,1) 0%,rgba(254,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(230,232,232,1) 0%,rgba(254,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e8e8', endColorstr='#feffff',GradientType=0 ); /* IE6-9 */
}

.logo{padding:0 10px; float:left;}
.logo img:last-child{padding-left:15px; margin-left:15px; border-left:1px #c9c9c9 solid;}

.top-socil-icons{float:right;}
.top-socil-icons li{float:left; text-align:center; margin:20px 5px 0;}
.top-socil-icons li a{display:block; overflow:hidden; width:44px; height:44px; background:#fff; text-align:center; color:#3b5998;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.top-socil-icons li a i{line-height:44px; font-size:22px;}
.top-socil-icons li:nth-child(2) a{color:#ef5d36;}
.top-socil-icons li:nth-child(3) a{color:#c92328;}
.top-socil-icons li a:hover{background:#3b5998; color:#fff;}
.top-socil-icons li:nth-child(2) a:hover{background:#ef5d36;}
.top-socil-icons li:nth-child(3) a:hover{background:#c92328;}


.header-navigation{z-index:200; position:relative; display:block; clear:both; float:left; width:100%; padding:5px; background:#fff; clear:both; box-sizing:border-box; top:28px; margin-top:-10px;
-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.4);
box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.4);
}

.callus-box{position:absolute; top:-15px; right:0; background:#f8ee26; display:block; padding:0 10px; font-family: 'Conv_texgyreadventor-regular'; text-transform:uppercase;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}
.callus-box:before{position:absolute; left:-40px; border-right:20px #a9a43f solid; border-left:20px transparent solid; border-top:20px transparent solid; display:block; content:"";}
.callus-box li{display:block; float:left; border-left:1px #e3bb00 solid; border-right:1px #ffff98 solid;}
.callus-box li:first-child{border-left:none;}
.callus-box li:last-child{border-right:none;}
.callus-box li a{display:block; padding:0 20px; height:72px; text-align:center; color:#302f15;}
.callus-box li a:hover{text-decoration:none;}
.callus-box li a i{display:block; clear:both; color:#888431; font-size:24px; padding:10px 0 4px;}
.callus-box li a:hover i{color:#383615;}



/* ----------------------- Banner Area Start ----------------------- */

.banner-area{display:block; clear:both; position:relative; margin-bottom:30px;}
.banner-area:after{display:block; text-align:center; position:absolute; content:url("../images/banner-bottom-shadow.png"); bottom:-21px; width:100%; z-index:100;}


.welcome{display:table; padding:20px 0 30px;}
.welcome > div{display:table-cell; vertical-align:top;}
.welcome > div h2{display:block; margin-bottom:25px; font-size:48px; line-height:1; color:#3d3d3d;}
.welcome > div h2 span{font-size:28px; color:#e51e25; font-family: 'Conv_texgyreadventor-regular'; font-weight:normal;}
.welcome > div p{text-align:justify; font-size:25px;}
.welcome > div:last-child{padding:0 0 0 25px;}


.index-product-area{display:block; overflow:hidden; clear:both; border-top:1px #ddd solid; padding:25px 0 35px; text-align:center;}
.index-product-area > .carousel-area{display:block; overflow:hidden; padding:0 30px 35px; box-sizing:border-box;}
.index-product-area h2{font-size:30px; font-weight:normal; line-height:1.3; display:block; margin-bottom:25px; font-family: 'Conv_texgyreadventor-regular'; text-align:left; text-transform:uppercase;}

.yellow-bnt{width:120px; text-align:center; padding:8px 20px; background:#febd11; color:#fff; text-transform:uppercase; font-size:15px; font-weight:600; clear:both;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
.yellow-bnt:hover{text-decoration:none; background:#e51e25;}



.ind-why-us{text-align:center; color:#fff; font-size:18px; line-height:1.3; font-weight:300;}
.ind-why-us h3{font-size:48px; line-height:1.2; margin-bottom:30px; display:block;}
.ind-why-us p{display:block; margin-bottom:35px;}
ul.why-us{display:block; overflow:hidden; text-align:left;}
ul.why-us li{border-style:solid; border-width:1px 0; border-color:rgba(255,255,255,0.2); position:relative; width:23%; margin:0 1%; float:left; padding:10px 0 10px 30px; box-sizing:border-box; font-size:20px; line-height:1.5;}
ul.why-us li strong{font-weight:700; color:#f8ee26;}
ul.why-us li:before{position:absolute; left:10px; top:10px; display:block; content:"\f101"; font-family:'FontAwesome'; color:#fff;}

.why-us-area{background:#335178; color:#fff; padding:45px 2%; clear:both; border:1px #000 solid;}



.three-circle-area{padding:35px 0;}
.three-circle-area ul{text-align:center; display:table; width:100%;}
.three-circle-area ul li{display:table-cell; width:33.33%;}
.three-circle-area ul li span{width:177px; height:170px; box-sizing:border-box; padding-right:10px; margin-bottom:10px; position:relative; display:inline-block;
background:transparent url('../images/green-cicle.png') no-repeat center center; line-height:170px; font-size:60px; font-weight:600; color:#fff; vertical-align:top;
text-shadow:1px 1px 1px rgba(0,0,0,0.5);
}
.three-circle-area ul li:nth-child(2) span{background-image:url('../images/yellow-circle.png');}
.three-circle-area ul li:nth-child(3) span{background-image:url('../images/blue-circle.png');}
.three-circle-area ul li:nth-child(3) span:before{content:"OVER"; position:absolute; display:block; font-size:18px; right:46px; top:-32px;}
.three-circle-area ul li p{font-size:18px; line-height:1.4;}
.three-circle-area ul li p small{font-size:14px;}


.clientele-logos{display:block; padding:40px 0 30px; background:#dfdedf; overflow:hidden; text-align:center;}
.clientele-logos img{margin:0 10px; display:inline-block;
-webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.3);
box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.3);
}


.footer-button-area{display:block; overflow:hidden; padding:40px 0; background:#232323;}
.footer-button-area ul{display:table; width:100%;}
.footer-button-area ul li{display:table-cell; width:33.33%; box-sizing:border-box; padding:0 15px;}
.footer-button-area ul li a{border:1px rgba(255,255,255,0.2) solid; display:block; overflow:hidden; padding:5px; color:#fff; font-size:17px; font-weight:500; line-height:33px; text-transform:uppercase;}
.footer-button-area ul li a span{background:#eb1f28; display:block; float:left; margin-right:10px; padding:8px;}
.footer-button-area ul li a:hover{text-decoration:none; background:#eb1f28;}
.footer-button-area ul li a:hover span{background:#fff; color:#eb1f28;}



/* ------------- Footer --------------- */


.footer-area{ display:block; overflow:hidden; padding:15px 0; background:#383838; text-align:center;}
.footer-area > div div{display:block; overflow:hidden; padding:0 0 15px; margin-bottom:15px; border-bottom:1px #4e4e4e solid; position:relative;}
.footer-area > div div > img{float:left; filter: grayscale(1);}

.footer-area > div div ul{float:right;}
.footer-area > div div ul li{display:inline-block; font-size:20px; margin:35px 0 0 5px;}
.footer-area > div div ul li a{display:block; width:35px; height:35px; border:1px #306abe solid; color:#306abe;}
.footer-area > div div ul li a i{line-height:35px;}
.footer-area > div div ul li:nth-child(2) a{border:1px #ff4c1c solid; color:#ff4c1c;}
.footer-area > div div ul li:nth-child(3) a{border:1px #ff2c32 solid; color:#ff2c32;}
.footer-area > div div ul li a:hover{background:#232323;}

.footer-area > div div > a{position:absolute; text-align:center; width:120px; height:120px; background:#4e4e4e; left:50%; margin-left:-60px; bottom:-60px; font-size:30px; color:#fff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.footer-area > div div > a i{line-height:60px;}
.footer-area > div div > a:hover{background:#2a2a2a;}


.footer-area > div p{color:#bababa; line-height:2;}
.footer-area > div p i{margin:0 7px 0 15px;}
.footer-area > div p:last-child{padding:15px 0 0; font-size:13px; color:#707070;}



/* Paralex Design */

.parallax {
  min-height: 250px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding:50px 0; clear:both;
}


.parallax-1 {background-image: url("../images/why-us-bg.jpg");}






/* inner area */

.inner-banner{display:block; overflow:hidden; background:#000; margin-bottom:0;}
.inner-banner img{float:left; opacity:0.4; width:100%;}
.inner-banner > span{position:absolute; left:0; right:0; text-align:center; top:20%; color:#fff; font-weight:700; font-size:72px; text-transform:uppercase; z-index:100;}

.inner-content-area, .inner-content-area-full{display:table; margin:0 auto; width:100%; position:relative; background:#fff; top:-350px; margin-bottom:-350px; 
-webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.10);
-moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.10);
box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.10);
}
.inner-content-area > div{display:table-cell; box-sizing:border-box; padding:10px 1.5%; position:relative; vertical-align:top;}
.inner-content-area > div:first-child{background:#f1f1f1; width:280px; top:-20px; margin-top:-20px;}
.inner-content-area > div:first-child:before{position:absolute; right:-20px; content:""; top:0; border:10px #51bccc solid; border-right:10px transparent solid; border-top:10px transparent solid;}

.inner-content-area-full{display:block;}
.inner-content-area-full p{display:block; overflow:hidden; margin-bottom:15px; text-align:justify; line-height:1.5;}

.mission-area{display:table; width:100%; clear:both;}
.mission-area > div{display:table-cell; vertical-align:top; padding:25px; background:#f7ee28; box-sizing:border-box;}
.mission-area > div:last-child{background:#f3f3f3; width:45%;}
.mission-area > div:nth-child(2){text-align:right; vertical-align:middle;}
.mission-area > div h3{display:block; margin-bottom:20px; font-size:18px; font-weight:600; color:#193559;}

.mission-area > div ul{display:block; clear:both;}
.mission-area > div ul li{display:block; margin-bottom:10px; padding-left:25px; position:relative;}
.mission-area > div ul li:before{content:'\f192'; display:block; top:-3px; left:0; position:absolute; font-family:'FontAwesome'; font-size:16px; color:#335178;}

.important-txt{background: transparent url('../images/about-down-img.jpg') no-repeat right center;}
.important-txt li{margin-bottom:12px; font-size:16px;}



.left-area h3{display:block; padding:10px 0 18px; color:#33698f; font-weight:600; font-size:17px; text-transform:uppercase; clear:both;}
.left-area > ul{clear:both; display:block; font-size:15px; margin-bottom:15px;}
.left-area > ul li{clear:both;}
.left-area > ul li a{display:block; padding:3px 0; color:#4e4e4e;}
.left-area > ul li a:hover{text-decoration:none; color:#e43d4d;}
.left-area ul ul{font-size:14px; display:block; margin:5px 0 10px; border-top:3px #d2d2d2 dotted; border-bottom:3px #d2d2d2 dotted; padding:5px 0;}

.left-box-txt, .left-box-txt ul, .left-box-txt ul li{display:block; overflow:hidden; clear:both;}
.left-box-txt ul li img{width:100%; display:block; margin-bottom:10px;}
.left-box-txt ul li h4{text-transform:uppercase; display:block; margin-bottom:10px;}
.left-box-txt ul li p{clear:both; display:block; font-size:13px; color:#5e5e5e; margin-bottom:5px;}
.left-box-txt ul li a{font-size:12px;}
.left-box-txt a{color:#797979; text-transform:uppercase; font-size:13px;}
.left-box-txt a:hover{text-decoration:none; color:#e43d4d;}


.left-box-txt .centered-btns_tabs{display:none;}
.calender-abilability{display:block; clear:both; margin-bottom:30px;}
.calender-abilability span{float:left; width:10px; height:10px; background: #61ce87; border: 1px solid #35a95e; margin-right:7px; position:relative; top:4px;}


.inner-matter{display:block; padding:25px 10px; color:#5e5e5e; line-height:1.5;}
.inner-matter h1, .inner-content-area-full h1{display:block; clear:both; margin-bottom:25px; color:#474c56; font-size:30px; font-weight:600; border-bottom:1px #ddd solid; padding-bottom:15px;}
.inner-matter h2, .inner-content-area-full h2{font-size:20px; line-height:24px; display:block; margin-bottom:20px; padding:5px 0 12px; position:relative; color:#3f3f3f; font-family:'Roboto'; font-weight:500;}
.inner-matter h2:before{content:""; height:2px; width:50px; background:#eb1f28; display:block; position:absolute; left:0; bottom:0;}
.inner-matter p{display:block; text-align:justify; line-height:1.5; margin-bottom:20px; clear:both;}

.inner-matter h3{display:block; margin-bottom:5px;}


.short-txt-area{display:block; overflow:hidden; clear:both;}
.short-txt-area img{float:right; margin-left:35px;}
.short-txt-area > div{display:block; overflow:hidden;}



ol.number-list{ counter-reset:li-counter; list-style-type:none; padding:15px 0 0;}
ol.number-list li{padding-left:45px; margin:0 0 25px; position:relative;}
ol.number-list li:before{content:counter(li-counter); counter-increment:li-counter; position:absolute; left:0px; top:-6px; width:30px; height:30px; text-align:center; line-height:32px; margin-right:0; background:#f8ee26; color:#888431; font-weight:600; border:1px #c8c12d solid;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}



#flashContent { width:100%; height:100%; text-align:center; margin-bottom:35px; display:block;}
#flashContent embed{width:100%; max-width:600px; height:100%; min-height:250px;}


.mid-product-img-box{display:block; text-align:center; padding:15px 0; overflow:hidden;}



/*-------------------- TABLE ----------------*/


table {
  width: 99%;
  margin: 0;
  border-top: 1px solid #e4e2e8;
  border-collapse: collapse;
}

th {
  text-align: left;
  color:#fff; text-transform:uppercase;
}

th, td {
  border-color: #e6e6e6;
  border-width: 0 0 1px;
  border-style: solid;
  padding: 5px 10px; 
}

tr.head {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#282d7d+0,33698f+100 */
background: rgb(40,45,125); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(40,45,125,1) 0%, rgba(51,105,143,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(40,45,125,1) 0%,rgba(51,105,143,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(40,45,125,1) 0%,rgba(51,105,143,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#282d7d', endColorstr='#33698f',GradientType=1 ); /* IE6-9 */
}

/* See Lea Verou's explanation background-attachment:
 * http://lea.verou.me/2012/04/background-attachment-local/
 */
.widetable { padding:10px 0 25px; overflow-x: auto; width:99%;
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #ffffff), color-stop(100%, rgba(255, 255, 255, 0))), -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #ffffff), color-stop(100%, rgba(255, 255, 255, 0))), -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #c3c3c5), color-stop(100%, rgba(195, 195, 197, 0))), -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #c3c3c5), color-stop(100%, rgba(195, 195, 197, 0)));
  background-image: -webkit-linear-gradient(left, #ffffff, rgba(255, 255, 255, 0)), -webkit-linear-gradient(right, #ffffff, rgba(255, 255, 255, 0)), -webkit-linear-gradient(left, #c3c3c5, rgba(195, 195, 197, 0)), -webkit-linear-gradient(right, #c3c3c5, rgba(195, 195, 197, 0));
  background-image: -moz-linear-gradient(left, #ffffff, rgba(255, 255, 255, 0)), -moz-linear-gradient(right, #ffffff, rgba(255, 255, 255, 0)), -moz-linear-gradient(left, #c3c3c5, rgba(195, 195, 197, 0)), -moz-linear-gradient(right, #c3c3c5, rgba(195, 195, 197, 0));
  background-image: -o-linear-gradient(left, #ffffff, rgba(255, 255, 255, 0)), -o-linear-gradient(right, #ffffff, rgba(255, 255, 255, 0)), -o-linear-gradient(left, #c3c3c5, rgba(195, 195, 197, 0)), -o-linear-gradient(right, #c3c3c5, rgba(195, 195, 197, 0));
  background-image: linear-gradient(left, #ffffff, rgba(255, 255, 255, 0)), linear-gradient(right, #ffffff, rgba(255, 255, 255, 0)), linear-gradient(left, #c3c3c5, rgba(195, 195, 197, 0)), linear-gradient(right, #c3c3c5, rgba(195, 195, 197, 0));
  background-position: 0 0, 100% 0, 0 0, 100% 0;
  background-repeat: no-repeat;
  background-color: white;
  background-size: 4em 100%, 4em 100%, 1em 100%, 1em 100%;
  background-attachment: local, local, scroll, scroll; 
}


.contact-details{display:table; width:100%;}
.contact-details > div{display:table-cell; width:33.33%; font-size:15px; box-sizing:border-box; padding:0 25px 10px; border-left:2px #ddd dotted; vertical-align:top;}
.contact-details > div h2{font-size:16px; margin-bottom:5px; padding-bottom:0; color:#30324f; text-transform:uppercase;}
.contact-details > div ul{display:block; margin-bottom:20px;}
.contact-details > div ul li{display:block; margin-bottom:10px;}
.contact-details > div ul li i{float:left; font-size:16px; padding-right:12px; width:15px; position:relative; top:2px; text-align:center; color:#e51e25;}
.contact-details > div ul li:nth-child(3) i{font-size:24px; top:-2px;}
.contact-details > div p{line-height:1.6;}

.contact-details > div form{display:block; padding:10px 0;}
.contact-details > div form label{display:block; overflow:hidden; margin:0 0 11px;}
.contact-details > div form label input, .contact-details > div form label textarea{display:block; width:100%; padding:10px; box-sizing:border-box; font-family:'Roboto'; font-size:13px; border:none; background:#e8e8f4;}
.contact-details > div form label input[type="button"]{width:auto; float:left; padding:8px 20px; cursor:pointer; background:#282d7d; color:#fff; text-transform:uppercase; font-weight:600;}


.clientele-txt{display:block; overflow:hidden; text-align:center; margin-bottom:15px;}
.clientele-txt h2{margin-bottom:0;}
.clientele-txt h2 span{font-size:40px; color:#ff8d12;}

.clientele-logos-area{display:block; overflow:hidden; padding:20px 0 10px;}
.clientele-logos-area li{width:14.28%; text-align:center; float:left; padding:10px 0;}
.clientele-logos-area li img{
-webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.3);
box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.3);
}



/*------------------------------------*\
    Media Queries
\*------------------------------------*/

@media all and (max-width: 1140px) {
.wrap{width:98%; margin:0 auto;}

.inner-content-area, .inner-content-area-full{top:-180px; margin-bottom:-180px;}

.mission-area > div:last-child{background:#f3f3f3; width:35%;}
}



@media all and (max-width: 810px){
.footer-button-area ul li a span{display:none;}
.banner-area:after{display:none;}

.inner-content-area, .inner-content-area-full{width:100%; clear:both; top:0; margin-bottom:0;}
.inner-content-area > div{display:block; width:100%!important; clear:both;}
.inner-content-area > div:first-child{display:none;}

.mission-area > div{display:block;}
.mission-area > div:nth-child(2){text-align:left; padding-top:0;}
.mission-area > div:last-child{width:100%;}

.important-txt{background:none;}

.contact-details > div{display:block; width:100%; padding:0 0 10px; margin-bottom:15px; border:none; border-bottom:2px #ddd dotted;}

.clientele-logos-area li{width:20%;}

}



@media all and (max-width: 650px){

.welcome > div{display:block; width:100%;}
.welcome > div:last-child{text-align:center; padding:20px 0 0;}

.header-navigation{top:10px; margin-top:10px;}
.logo img:last-child{display:none;}

ul.why-us ul li{width:48%;}

.footer-button-area ul li{display:block; width:100%; margin:0 0 5px;}
.footer-button-area ul li a span{display:block;}

.short-txt-area img{float:left; margin:0 0 25px;}
.short-txt-area div{clear:both;}

.mid-product-img-box img{width:100%;}

.clientele-logos-area li{width:25%;}
}



@media all and (max-width: 500px){
.three-circle-area ul li{display:block; width:100%; padding-bottom:15px; margin-bottom:15px; border-bottom:1px #ddd dotted;}
.three-circle-area ul li:last-child{border-bottom:0;}

}



@media all and (max-width: 370px){
ul.why-us li{width:98%;}

.footer-area > div div > a{display:none;}

.inner-banner > span{top:20%; font-size:60px;}
.short-txt-area img{width:100%;}

.clientele-logos-area li{width:50%;}

}





/* -------------- Chrome Only ------------------ */
@media screen and (-webkit-min-device-pixel-ratio:0) {
}