@charset "utf-8";

/* CSS Document */





body a {-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-ms-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, span, a{  margin:0;padding:0;	-webkit-font-smoothing: antialiased; color:#231f20; font-size:17px;text-decoration:none;outline:none;  font-family:'VistaSansOT-Reg'; }

::selection {background: #cb3234;color:#fff}

::-moz-selection {background: #cb3234;color:#fff;}

::-webkit-selection {background: #cb3234;color:#fff;}

html, body {	margin:0;padding:0;	height:100%;/*overflow-x: hidden;*/}

img {max-width:100%;height:auto;}

table {	border-collapse:collapse;border-spacing:0;}

fieldset, img {border:0;}

address, caption, cite, code, dfn, th, var {font-style:normal;font-weight:normal;}

ol, ul, li {list-style:none;}

caption, th {text-align:left;}

h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight:normal;-webkit-font-smoothing: antialiased;}

q:before, q:after {content:'';}

abbr, acronym {border:0;}

.clear {clear:both;}



::-webkit-input-placeholder {opacity: 1 !important;color:#4a4a4a;}

:-moz-placeholder {opacity: 1 !important;color:#4a4a4a;}

::-moz-placeholder {opacity: 1 !important;color:#4a4a4a;}

:-ms-input-placeholder {opacity: 1 !important;color:#4a4a4a;}

*, *:before, *:after {	-webkit-box-sizing: border-box;	-moz-box-sizing: border-box; box-sizing: border-box;}









.container{ max-width:1190px; margin:0px auto; padding:0 10px;}



.converter{ position:fixed; left:0; top:0; width:100%; background:rgba(0,0,0,0.1); padding:20px 0; z-index:9999;height: 100px;}

.converter.innerpage{background:rgba(16,19,28,1);}

.converter.fixed-pos{background:rgba(16,19,28,0.9);}

.logo{ float:left; width:250px;}

.navigation{ float:right; width:550px;}

.navigation ul{ float:left; width:100%;}

.navigation ul li{ float:left; margin-top:25px;}

.navigation ul li a{ float:left; color:#ffffff; font-size:17px; margin-left:15px;}

.navigation ul li a:hover{ color:#ed1c24;}

.navigation ul li a.active{ color:#ed1c24;}

.banner{ float:left; width:100%;}

.innerbanner {  float: left;  height: 402px;  margin-top: 100px;  overflow: hidden;  position: relative;  text-align: center;  width: 100%;}

.innImgOvrl{background:url(../images/ovrlay.png) repeat 0 0;position:absolute;left:0;top:0;height:100%;width:100%;}

.bannerinn{ position:absolute; width:100%;}

.bannerinn h3{ float:left;margin-top:80px; font-size:36px; color:#fff; text-shadow:1px 2px 3px #000000;font-family:"Conv_VistaSansOT-Med"}





.skdslider{width:100%; height:508px;position: relative; display: block;overflow:hidden;}

.skdslider ul.slides{ margin:0; padding:0; list-style-type:none;}

.skdslider ul.slides li{display: none; text-align:center; float:left; width:100%;}

.skdslider ul.slides li img{ width: 100%;border:0; height:508px;}

.skdslider ul.slide-navs {bottom: 70px;left: 50%;position: absolute;list-style-type: none; margin: 0;padding: 0;}

.skdslider ul.slide-navs li {float: left;background: url(../images/slide-bg.png) no-repeat scroll 0 0 transparent;height:14px;width:14px;	margin-right:4px;cursor:pointer;}

.skdslider ul.slide-navs li.current-slide { background: url(../images/slide-bg-active.png) no-repeat scroll 0 0 transparent;}

.skdslider .slide-desc { background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
  bottom: 20%;
  color: #ffffff;
  display: inline-block;
  font-size: 24px;
  left: 0;
  padding: 20px;
  position: absolute;
  text-align: center;
  text-shadow: 1px 2px 3px #000;
  text-transform: uppercase;
  width: 510px;}



.contactarea {background: rgba(0, 0, 0, 0) url(../images/contactBg.jpg) no-repeat fixed center top / cover ;float: left;padding: 80px 0;text-align: center; width: 100%;}

.contactarea p{ color:#ffffff; font-size:21px; line-height:35px;}

.contactarea a{ padding:10px 20px; background:#f9ec2b; border:1px solid #fff; border-radius:3px; font-size:22px; width:167px; display:inline-block; margin-top:30px;}

.contactarea a:hover{ background:#ed1c24; color:#ffffff;}



.welcomeBox{ float:left; width:100%; position:relative;}

.welcomBorder{ width: 100%; height: 0; border-bottom:70px solid #cb3234; border-right: 1920px solid transparent; position:absolute; top:-70px;}

.welcome{ float:left; width:100%; background:#cb3234; padding:30px 0 0 0; text-align:center;} 

.welcome h3{ float:left; width:100%; text-align:center;font-size:29px; color:#fff;}

.welcome p{ float:left; width:100%; text-align:center;font-size:17px; color:#fff; line-height:26px; padding:20px 0; margin-bottom:20px;}

.welcome a{ padding:15px 0; margin:0px auto; border:2px solid #fff;border-radius:5px 5px 0 0; background:#fff; width:200px; display:inline-block; text-align:center; color:#231f20; border-bottom:none;}

.welcome a:hover{  background:#ff0000; color:#ffffff;}





.welcomeInner {  float: left;  height: 50px;  position: relative;  width: 100%;}

.welInnrBorder {  border-bottom: 70px solid #fff;  border-right: 1920px solid transparent;  height: 0;  position: absolute;  top: 4px;  width: 100%;}

.ovrHd {  float: left;  height: 128px;  margin-top: -74px;  overflow: hidden;  width: 100%;}

.ovxHd{overflow-x:hidden;}



.section{position:relative;left:0px;list-style-type: none; margin: 0px;padding: 0px;width:9999px; padding-bottom:0px; height:300px;}

.section li{float:left;width:360px;list-style-type:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:bodrer-box;}

.item{float:left; width:300px;list-style-type:none;}

.contoller{ width:75px; margin:0px auto;}

.leftnav{position:relative;float:left;z-index:1000;cursor:pointer; margin-top:15px;}

.rightnav{position:relative;float:right;z-index:1000;cursor:pointer; margin-top:15px;}

.leftnav:hover, .rightnav:hover{ opacity:0.7;}



.serviceBox{ float:left; width:300px; text-align:center;}

.serviceBoxImg{ width:100%; text-align:center;}

.serviceBoxName{ width:100%; text-align:center; font-size:20px; text-transform:uppercase; margin-top:20px;}



.middleDiv{ display:inline-block; width:100%; background:url(../images/bg.jpg) no-repeat; background-position:center top; }

.mvBox{ float:left; width:50%; text-align:center; padding:50px 70px; min-height:363px;}

.mvBox h6{ font-size:20px;color:#ffffff; line-height:40px; padding-bottom:10px;}

.mvBox p{font-size:17px;color:#ffffff; line-height:26px;}



.clients{ float:left; width:100%; padding:50px 80px 60px;overflow:hidden;}

.clientsHead{ float:left; width:100%; text-align:center;}

.clientsHead span{color:#000000; font-size:29px;}

.clientsHead p{color:#000000; font-size:15px; padding-top:15px;}

.moreClints{ float:left; width:100%; margin:0 0 68px 0; text-align:center;}

.moreClints a{ font-size:15px; background:#00aae2; color:#fff; padding:15px 35px; border-radius:4px; display:inline-block;}

.moreClints a:hover{ background:#c62d2f;}

.clientlist{ float:left; width:100%;}

.clientlist ul{ float:left; width:100%; padding:50px 100px;}

.clientlist ul li{ float:left; width:20%; text-align:center;}

.clientlist ul li img{filter: grayscale(100%);  -webkit-filter: grayscale(100%);filter: gray; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; border:1px solid #d5dada; border-radius:300px;}

.clientlist ul li img:hover{ filter: grayscale(0%);-webkit-filter: grayscale(0%); filter: none;  transform: scale(0.9);}



.clientlist.clientlistINN ul{ padding:30px 0;}

.clientlist.clientlistINN ul li{ width:16%; margin-bottom:20px;}



footer{ display:inline-block; width:100%; background:url(../images/footer_bg.jpg); padding:25px 0 7px 0; clear:both;height: 155px;}

footer .container {  max-width: 1180px;}

.ftrTop{ display:inline-block; width:100%; padding-bottom:20px; border-bottom:1px solid #393637;height: 66px;}

.fternav{float:left; width:70%;margin-top: 5px;}

.fternav ul{float:left; width:100%;}

.fternav ul li{float:left;}

.fternav ul li a{float:left; color:#989696; margin-right:10px;}

.fternav ul li a:hover{ color:#cb3234;}

.sociol{ float:right; width:120px;}

.sociol ul{ float:left;}

.sociol ul li{ float:left; margin-left:5px;}

.sociol ul li:hover{ opacity:0.5;}

.ftrBottom{ display:inline-block; width:100%; padding-top:25px;padding-bottom: 4px; }

.cpryt{ float:left; color:#656162;}

.dvlpBy{ float:right; color:#656162; text-align:right;}

.dvlpBy a{ color:#00aae2;}

.dvlpBy a:hover{ color:#cb3234;}



.aboutBox{ float:left; width:100%;}

.aboutBox ul{ float:left; width:100%;}

.aboutBox ul li{ float:left; width:100%; margin-bottom:40px;}

.abtHead{ float:left; width:100%;}

.abtHead img{ width:56px; float:left;}

.abtHead h6{ width:94%; float:right; color:#242d36; font-size:22px; padding:12px 0 6px 0; border-bottom:1px solid #00aae2;}



.abtDetails{ float:left; width:100%;}

.abtDetails p{ float:left; width:100%; margin-top:20px; line-height:28px;}

.abtDetails img{ float:right;}

.bximg{ float:right;padding-top: 60px;}

.aboutBox ul li:first-child .abtDetails{ width:900px;}

/*Services*/

.srvces {clear: both;min-height: 500px;}

.TabbedPanelsContent ul {margin-top: 30px;overflow: hidden;width:101%;}

.TabbedPanelsContent ul li{width:275px;height:135px;padding:4px;border:1px #d8dede solid;position:relative;float: left;margin:0 20px 20px 0}

.TabbedPanelsContent ul li span {  background: rgba(0, 170, 226, 0.76) none repeat scroll 0 0;  bottom: 4px;  height: 32px;  left: 4px;  padding: 8px 9px;  position: absolute;  width: 265px;line-height: 15px;color:#fff;}

.srvImg{overflow:hidden;}

.srvImg:hover span{ padding-bottom:50px; -webkit-transition: all 0.4s;-moz-transition: all 0.4s;-ms-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;}



/*Contact*/

.ctSc {  clear: both;  float: left;  margin-top: 42px;  min-height: 500px;width: 100%;}

.ctSc:after{clear:both;display:block;content:"";}

.ctSc ul li{margin-bottom:15px;}

.cntLf{width:564px;float:left;}

.cntRg{width:553px;float:right;position:relative;}

.mapDt{position:absolute;left:7px;bottom:20px;height:296px;width:253px;background:rgba(255, 255, 255, 0.5);padding: 20px;font-size: 14px;padding: 24px 16px 16px;}

.mapDt li {font-size: 14px;margin-bottom: 8px !important;}

.mapDt h5 {  font-size: 20px;  margin-bottom: 37px;}

.emLf, .emRg {  display: inline-block;  float: left;  width: 53px;}

.emRg {  width: 167px !important;}

.emRg > a {  font-size: 14px;color:#00aae2;}

.emRg > a:hover {color:#666;}

.ctSc input[type="text"],.ctSc input[type="email"]{width:100%;height:46px;border:1px #00b295 solid;padding:0 15px}

.ctSc textarea{height:120px;border:1px #00b295 solid;width:100%;resize:none;padding:15px 15px}

.ctSc input[type="submit"]{border:2px #00b295 solid;color:#00b295;font-size:20px;text-transform:uppercase;width:143px;height:55px;background:#fff;cursor:pointer;float:right;margin-top:22px;}

.ctSc input[type="submit"]:hover{color:#fff;;background:#00b295;}

/*Portfolio*/

.prtflo {clear: both;min-height: 500px;}

.prtflInn{margin:45px 0;/*overflow:hidden;*/}

.prtflInn ul{width:108%;}

.prtflInn ul li{float:left;margin:0 40px 10px 0;width:268px; border:1px solid #fff; padding:10px;}

.prtflInn ul li:hover{ background:#272a32;}

.prtflInn ul li:hover h5, .prtflInn ul li:hover p{ color:#fff !important;}

.prtImg{padding:5px;border:1px #d9dfdf solid;background:#fff;width:100%;height:214px;}

.prtflInn h5 {  color: #033333;  font-size: 14px;font-family:'Conv_VistaSansOT-Book';font-weight: bold;margin: 17px 0;}

.prtflInn p, .prtflInn {  color: #333333;  font-size: 14px;line-height: 26px;}

/*##############################   TAB   ##############################*/



.TabbedPanels {	overflow: hidden;	margin: 0px;	padding: 0px;	clear: none;	width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/}

.TabbedPanelsTabGroup {	margin: 0px;	padding: 0px;}

.TabbedPanelsTab {	position: relative;	top: 1px;	float: left;	padding: 10px 19px 0;	margin: 0px 6px 0px 0px;	font:normal 20px sans-serif;	background-color: #fff;	list-style: none;	border-left: solid 1px #00aae2;	border-bottom: solid 1px #00aae2;	border-top: solid 1px #00aae2;	border-right: solid 1px #00aae2;	-moz-user-select: none;	-khtml-user-select: none;	cursor: pointer;font-family:'VistaSansOT-Reg';color:#1d98d5;height: 41px;}

.TabbedPanelsTabHover {	background-color: #38D0FF;color:#fff}

.TabbedPanelsTabSelected {	background-color: #00aae2;	border-bottom: 1px solid #00aae2;color:#fff;}

.TabbedPanelsTab a {	color: black;	text-decoration: none;}

.TabbedPanelsContentGroup {	clear: both;	border-left: solid 0px #1d98d5;	border-bottom: solid 0px #1d98d5;	border-top: solid 1px #1d98d5;	border-right: solid 0px #1d98d5;	background-color: #fff;}

.TabbedPanelsContent {	overflow: hidden;	padding: 37px 0 ;font-family:'VistaSansOT-Reg';line-height: 28px;}

.TabbedPanelsContentVisible {}

.VTabbedPanels {	overflow: hidden;	zoom: 1;}

.VTabbedPanels .TabbedPanelsTabGroup {	float: left;	width: 10em;	height: 20em;	background-color: #EEE;	position: relative;	border-top: solid 1px #999;	border-right: solid 1px #999;	border-left: solid 1px #CCC;	border-bottom: solid 1px #CCC;}

.VTabbedPanels .TabbedPanelsTab {	float: none;	margin: 0px;	border-top: none;	border-left: none;	border-right: none;}

.VTabbedPanels .TabbedPanelsTabSelected {	background-color: #EEE;	border-bottom: solid 1px #999;}

.VTabbedPanels .TabbedPanelsContentGroup {	clear: none;	float: left;	padding: 0px;	width: 30em;	height: 20em;}

/* Styles for Printing */

@media print {

.TabbedPanels {	overflow: visible !important;}

.TabbedPanelsContentGroup {	display: block !important;	overflow: visible !important;	height: auto !important;}

.TabbedPanelsContent {	overflow: visible !important;	display: block !important;	clear:both !important;}

.TabbedPanelsTab {	 overflow: visible !important;	 display: block !important;	 clear:both !important;}

}



@media screen and (max-width:360px) {}