@font-face {
    font-family: 'robotoblack';
    src: url('../fonts/roboto-black-webfont.eot'); src: url('../fonts/roboto-black-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-black-webfont.woff') format('woff'), url('../fonts/roboto-black-webfont.ttf') format('truetype'), url('../fonts/roboto-black-webfont.svg#robotoblack') format('svg');
    font-weight: normal; font-style: normal;
}
@font-face {
    font-family: 'robotoblack_italic';
    src: url('../fonts/roboto-blackitalic-webfont.eot'); src: url('../fonts/roboto-blackitalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-blackitalic-webfont.woff') format('woff'),
         url('../fonts/roboto-blackitalic-webfont.ttf') format('truetype'), url('../fonts/roboto-blackitalic-webfont.svg#robotoblack_italic') format('svg');
    font-weight: normal; font-style: normal;
}
@font-face {
    font-family: 'robotobold';
    src: url('../fonts/roboto-bold-webfont.eot');
    src: url('../fonts/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-bold-webfont.woff') format('woff'), url('../fonts/roboto-bold-webfont.ttf') format('truetype'),
         url('../fonts/roboto-bold-webfont.svg#robotobold') format('svg');
    font-weight: normal; font-style: normal;
}
@font-face {
    font-family: 'robotobold_condensed';
    src: url('../fonts/roboto-boldcondensed-webfont.eot'); src: url('../fonts/roboto-boldcondensed-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-boldcondensed-webfont.woff') format('woff'), url('../fonts/roboto-boldcondensed-webfont.ttf') format('truetype'), url('../fonts/roboto-boldcondensed-webfont.svg#robotobold_condensed') format('svg');
    font-weight: normal; font-style: normal;
}
@font-face {
    font-family: 'robotobold_condensed_italic';
    src: url('../fonts/roboto-boldcondenseditalic-webfont.eot'); src: url('../fonts/roboto-boldcondenseditalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-boldcondenseditalic-webfont.woff') format('woff'), url('../fonts/roboto-boldcondenseditalic-webfont.ttf') format('truetype'), url('../fonts/roboto-boldcondenseditalic-webfont.svg#robotobold_condensed_italic') format('svg');
    font-weight: normal; font-style: normal;
}
@font-face {
    font-family: 'robotobold_italic';
    src: url('../fonts/roboto-bolditalic-webfont.eot'); src: url('../fonts/roboto-bolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-bolditalic-webfont.woff') format('woff'),
         url('../fonts/roboto-bolditalic-webfont.ttf') format('truetype'), url('../fonts/roboto-bolditalic-webfont.svg#robotobold_italic') format('svg');
    font-weight: normal; font-style: normal;
}
@font-face {
    font-family: 'robotocondensed';
    src: url('../fonts/roboto-condensed-webfont.eot'); src: url('../fonts/roboto-condensed-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-condensed-webfont.woff') format('woff'),
         url('../fonts/roboto-condensed-webfont.ttf') format('truetype'), url('../fonts/roboto-condensed-webfont.svg#robotocondensed') format('svg');
    font-weight: normal; font-style: normal;
}
@font-face {
    font-family: 'robotocondensed_italic';
    src: url('../fonts/roboto-condenseditalic-webfont.eot'); src: url('../fonts/roboto-condenseditalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-condenseditalic-webfont.woff') format('woff'), url('../fonts/roboto-condenseditalic-webfont.ttf') format('truetype'), url('../fonts/roboto-condenseditalic-webfont.svg#robotocondensed_italic') format('svg');
    font-weight: normal; font-style: normal;
}
@font-face {
    font-family: 'robotoitalic';
    src: url('../fonts/roboto-italic-webfont.eot'); src: url('../fonts/roboto-italic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-italic-webfont.woff') format('woff'),
         url('../fonts/roboto-italic-webfont.ttf') format('truetype'), url('../fonts/roboto-italic-webfont.svg#robotoitalic') format('svg');
    font-weight: normal; font-style: normal;
}
@font-face {
    font-family: 'robotolight';
    src: url('../fonts/roboto-light-webfont.eot'); src: url('../fonts/roboto-light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-light-webfont.woff') format('woff'), url('../fonts/roboto-light-webfont.ttf') format('truetype'), url('../fonts/roboto-light-webfont.svg#robotolight') format('svg');
    font-weight: normal; font-style: normal;
}
@font-face {
    font-family: 'robotolight_italic';
    src: url('../fonts/roboto-lightitalic-webfont.eot'); src: url('../fonts/roboto-lightitalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-lightitalic-webfont.woff') format('woff'),
         url('../fonts/roboto-lightitalic-webfont.ttf') format('truetype'), url('../fonts/roboto-lightitalic-webfont.svg#robotolight_italic') format('svg');
    font-weight: normal; font-style: normal;
}
@font-face {
    font-family: 'robotomedium';
    src: url('../fonts/roboto-medium-webfont.eot'); src: url('../fonts/roboto-medium-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-medium-webfont.woff') format('woff'),
         url('../fonts/roboto-medium-webfont.ttf') format('truetype'), url('../fonts/roboto-medium-webfont.svg#robotomedium') format('svg');
    font-weight: normal; font-style: normal;
}
@font-face {
    font-family: 'robotomedium_italic';
    src: url('../fonts/roboto-mediumitalic-webfont.eot'); src: url('../fonts/roboto-mediumitalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-mediumitalic-webfont.woff') format('woff'), url('../fonts/roboto-mediumitalic-webfont.ttf') format('truetype'), url('../fonts/roboto-mediumitalic-webfont.svg#robotomedium_italic') format('svg');
    font-weight: normal; font-style: normal;
}
@font-face {
    font-family: 'robotoregular';
    src: url('../fonts/roboto-regular-webfont.eot'); src: url('../fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-regular-webfont.woff') format('woff'), url('../fonts/roboto-regular-webfont.ttf') format('truetype'), url('../fonts/roboto-regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal; font-style: normal;
}
@font-face {
    font-family: 'robotothin';
    src: url('../fonts/roboto-thin-webfont.eot'); src: url('../fonts/roboto-thin-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-thin-webfont.woff') format('woff'), url('../fonts/roboto-thin-webfont.ttf') format('truetype'), url('../fonts/roboto-thin-webfont.svg#robotothin') format('svg');
    font-weight: normal; font-style: normal;
}
@font-face {
    font-family: 'robotothin_italic';
    src: url('../fonts/roboto-thinitalic-webfont.eot'); src: url('../fonts/roboto-thinitalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-thinitalic-webfont.woff') format('woff'),
         url('../fonts/roboto-thinitalic-webfont.ttf') format('truetype'), url('../fonts/roboto-thinitalic-webfont.svg#robotothin_italic') format('svg');
    font-weight: normal; font-style: normal;
}

/* end fonts */


body, html { height:100%; }
body { background:#fff; }

* {  margin:0; padding:0; border:0; outline:0; }
.fl { float:left; }
.fr { float:right; }
.rel { position:relative; }
.container { width:100%; }
.pageWrap { width:1200px; margin:0 auto; text-align:left; }

#logo { width:71px; height:71px; float:left; background:url(../img/logo-img.jpg) no-repeat left top; text-indent:-999999px; }
#navigation { width:33px; height:25px; position:absolute; right:0; top:23px; background:url(../img/nav-open.png) no-repeat left top; cursor:pointer; text-indent:-999999px; }
#navbox .navclose { width:33px; height:28px; float:right; background:url(../img/nav-close.png) no-repeat left top; margin:21px 0 0 0; cursor:pointer; text-indent:-999999px; }
#navbox .navclose:hover { -moz-transform:rotate(-360deg); -webkit-transform:rotate(-360deg); -o-transform:rotate(-360deg); -ms-transform:rotate(-360deg); transform:rotate(-360deg); -webkit-transition:all .4s ease; -moz-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out; transition:all .4s ease-in-out; }

#navbox { width:auto; height:71px; position:absolute; right:-100%; top:0; z-index:1; opacity:0; }
#navbox .nav { float:left; }
#navbox .nav ul { list-style-type:none; margin:0; padding:0; width:100%; float:left; }
#navbox .nav ul li { width:auto; float:left; margin:0 0 0 0; text-align:left; font:normal 15px/71px 'robotolight'; color:#606060; margin-right:30px; }
#navbox .nav ul li a { color:#606060; text-decoration:none; transition:all .4s ease; -moz-transition:all .4s ease; -webkit-transition:all .4s ease; }
#navbox .nav ul li a:hover { color:#00acff; text-decoration:none; }
#navbox .nav ul li a.active { font:normal 15px/71px 'robotoregular'; color:#00acff; text-decoration:none; }

#mainContainer { width:100%; float:left; text-align:left; }

.grayContainer { width:100%; height:850px; float:left; background:#e2e2e2 url(../img/gray-container-bg.jpg) no-repeat center top; text-align:left; }
.grayContainer .pageWrap { overflow:hidden; }
.aboutContainer .pageWrap { overflow:hidden; }
.grayContainer .grayContentPanel { width:100%; float:left; position:relative; padding:40px 0 0; text-align:center; font:500 40px/40px 'Roboto Slab'; color:#1daaeb; }
.grayContainer .grayContentPanel strong { font:700 50px/40px 'Roboto Slab'; color:#00acff; }
.grayContainer .grayContentPanel img { margin:170px 0 140px; }
.grayContainer .grayContentPanel .downArrow { width:35px; height:35px; position:absolute; bottom:50px; left:50%; margin-left:-17px; background:url(../img/down-arrow.png) no-repeat left top; text-indent:-999999px; -webkit-animation: play .6s steps(3) infinite; -moz-animation: play .6s steps(3) infinite; -ms-animation: play .6s steps(3) infinite; -o-animation: play .6s steps(3) infinite; animation: play .6s steps(3) infinite; }
@-webkit-keyframes play {
   from { background-position:0px 0px; }
     to { background-position:0px -105px; }
}
@-moz-keyframes play {
   from { background-position:0px 0px; }
     to { background-position:0px -105px; }
}
@-ms-keyframes play {
   from { background-position:0px 0px; }
     to { background-position:0px -105px; }
}
@-o-keyframes play {
   from { background-position:0px 0px; }
     to { background-position:0px -105px; }
}
@keyframes play {
   from { background-position:0px 0px; }
     to { background-position:0px -105px; }
}

.clientsContainer { width:100%; float:left; padding:65px 0 90px; background:url(../img/purple-pattern-bg.jpg) repeat center top; text-align:left; }
.clientsContainer .clientsWrap { width:1048px; margin:0 auto; text-align:left; }
.clientsContainer .clientsHead { width:100%; float:left; padding:0 0 28px; text-align:center; font:50px/50px 'robotothin'; color:#fff; }
.clientsContainer .clientsText { width:100%; float:left; padding:0 0 70px; text-align:center; font:18px/28px 'robotolight'; color:#fff; }
.clientsContainer .clientsList { margin:0px; padding:0px; list-style-type:none; width:100%; float:left; }
.clientsContainer .clientsList li { z-index:1; position:relative; width:250px; height:210px; float:left; margin:0 5px 5px 0; background:url(../img/product-bg.jpg) repeat left top; border:1px solid #fff; box-shadow:1px 1px 2px #5f6e86; text-align:center; transition:all .2s linear; -moz-transition:all .2s linear; -webkit-transition:all .2s linear; }
.clientsContainer .clientsList li:hover { z-index:2; box-shadow:1px 1px 10px rgba(43,61,95,.5); -moz-transform:scale(1.1); -webkit-transform:scale(1.1); -o-transform:scale(1.1); }

.ourServicesContainer { width:100%; height:680px; float:left; overflow:hidden; position:relative; padding:60px 0 60px 0; background:url(../img/our-services-bg.jpg) no-repeat center bottom; text-align:left; }
.ourServicesContainer .ourServicesHead { float:left; font:50px/50px 'robotothin'; color:#434343; }
.ourServicesContainer .ourServicesTabbed { margin:12px 0 0 0; padding:0; list-style-type:none; float:right; }
.ourServicesContainer .ourServicesTabbed li { float:left; }
.ourServicesContainer .ourServicesTabbed li a { width:auto; height:33px; float:left; margin:0 0 0 5px; padding:0 30px; border-radius:33px; font:14px/33px 'robotolight'; color:#000; text-decoration:none;  }
.ourServicesContainer .ourServicesTabbed li a:hover, .ourServicesContainer .ourServicesTabbed li a.active {
	color:#fff;
	text-decoration:none;
	background: #0e8fe4; /* Old browsers */
	background: -moz-linear-gradient(left, #0e8fe4 0%, #2ab8ea 50%, #51d8df 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#0e8fe4), color-stop(50%,#2ab8ea), color-stop(100%,#51d8df)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #0e8fe4 0%,#2ab8ea 50%,#51d8df 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #0e8fe4 0%,#2ab8ea 50%,#51d8df 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, #0e8fe4 0%,#2ab8ea 50%,#51d8df 100%); /* IE10+ */
	background: linear-gradient(to right, #0e8fe4 0%,#2ab8ea 50%,#51d8df 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e8fe4', endColorstr='#51d8df',GradientType=1 ); /* IE6-9 */ }
.ourServicesContainer .scaleLine { width:100%; height:22px; position:absolute; left:0; bottom:0; background:url(../img/scale-line-bg.png) repeat-x left top; text-align:left; }

.ourStrengthContainer { width:100%; float:left; position:relative; padding:150px 0; background-color:#2f2e34; text-align:left; }
.ourStrengthContainer.aboutUs { padding:70px 0; }
.ourStrengthContainer .strengthGraph { width:auto; float:right; }
.ourStrengthContainer .strengthDesc { width:39%; float:left; text-align:left; }
.ourStrengthContainer .strengthDesc .descHead { padding:0 0 35px; font:50px/60px 'robotothin'; color:#3ac5e6; }
.ourStrengthContainer .strengthDesc .descText { padding:0 0 30px; font:18px/28px 'robotolight'; color:#b9bcbf; }
.ourStrengthContainer .strengthDesc ul { margin:0 0 25px; padding:0; list-style-type:none; width:100%; float:left; text-align:left; }
.ourStrengthContainer .strengthDesc ul li { width:95%; float:left; padding:0 0 5px 5%; background:url(../img/desc-arrow.png) no-repeat left 8px; text-align:left; font:16px/28px 'robotolight'; color:#b9bcbf; }
.ourStrengthContainer .strengthDesc .readMore { 
	width:auto; height:47px; float:left; padding:0 45px; font:14px/47px 'robotoregular'; color:#fff; text-decoration:none;
	border-radius:47px; -webkit-border-radius:47px;
	background: #0e8fe4; /* Old browsers */
	background: -moz-linear-gradient(left, #0e8fe4 0%, #2ab8ea 50%, #51d8df 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#0e8fe4), color-stop(50%,#2ab8ea), color-stop(100%,#51d8df)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #0e8fe4 0%,#2ab8ea 50%,#51d8df 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #0e8fe4 0%,#2ab8ea 50%,#51d8df 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, #0e8fe4 0%,#2ab8ea 50%,#51d8df 100%); /* IE10+ */
	background: linear-gradient(to right, #0e8fe4 0%,#2ab8ea 50%,#51d8df 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e8fe4', endColorstr='#51d8df',GradientType=1 ); /* IE6-9 */
	transition:all 1s ease; }	
.ourStrengthContainer .strengthDesc .readMore:hover { color:#fff; background: #0e8fe4; /* Old browsers */ }

.stayInTouchContainer { width:100%; float:left; overflow:hidden; position:relative; text-align:left; }
.stayInTouchContainer .stayTouchCol {
	width:100%; height:191px; float:left; padding:95px 0 110px; z-index:1; position:relative; text-align:left;
	background: #0e8fe4; /* Old browsers */
	background: -moz-linear-gradient(left, #0e8fe4 0%, #2ab8ea 50%, #51d8df 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#0e8fe4), color-stop(50%,#2ab8ea), color-stop(100%,#51d8df)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #0e8fe4 0%,#2ab8ea 50%,#51d8df 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #0e8fe4 0%,#2ab8ea 50%,#51d8df 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, #0e8fe4 0%,#2ab8ea 50%,#51d8df 100%); /* IE10+ */
	background: linear-gradient(to right, #0e8fe4 0%,#2ab8ea 50%,#51d8df 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e8fe4', endColorstr='#51d8df',GradientType=1 ); /* IE6-9 */ }
.stayInTouchContainer .stayTouchCol .contentBox { width:74%; margin:0 auto; text-align:center; }
.stayInTouchContainer .stayTouchCol .contentBox .boxHead { padding:0 0 15px; font:50px/60px 'robotothin'; color:#fff; }
.stayInTouchContainer .stayTouchCol .contentBox .boxText { padding:0 0 25px; font:16px/22px 'robotothin'; color:#fff; }
.stayInTouchContainer .stayTouchCol .contentBox label { width:70%;
    float: inherit;
    position: relative;
    text-align: center;
    display: inline-block;}
.stayInTouchContainer .stayTouchCol .contentBox label input[type=email] { width:90%; height:45px; float:left; padding:0 5%; background-color:transparent; border:1px solid #fff; border-radius:45px; -webkit-border-radius:45px; text-align:left; font:14px/45px 'robotolight'; color:#fff; }
::-webkit-input-placeholder { color: #fff; opacity:1; }
:-moz-placeholder { /* Firefox 18- */ color: #fff; opacity:1; }
::-moz-placeholder {  /* Firefox 19+ */ color: #fff; opacity:1; }
:-ms-input-placeholder { color: #fff; opacity:1; }
.stayInTouchContainer .stayTouchCol .contentBox label input[type=submit] { position:absolute; right:-1px; top:1px; width:auto; height:45px; padding:0 20px; background-color:#f1f5ff; border:1px solid #fff; border-radius:45px; -webkit-border-radius:45px; text-align:left; font:18px/42px 'robotomedium'; color:#3bc7e6; cursor:pointer; transition:all .4s ease; -moz-transition:all .4s ease; -webkit-transition:all .4s ease; }
.stayInTouchContainer .stayTouchCol .contentBox label input[type=submit]:hover {
	background: #0e8fe4; /* Old browsers */
	background: -moz-linear-gradient(left, #0e8fe4 0%, #2ab8ea 50%, #51d8df 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#0e8fe4), color-stop(50%,#2ab8ea), color-stop(100%,#51d8df)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #0e8fe4 0%,#2ab8ea 50%,#51d8df 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #0e8fe4 0%,#2ab8ea 50%,#51d8df 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, #0e8fe4 0%,#2ab8ea 50%,#51d8df 100%); /* IE10+ */
	background: linear-gradient(to right, #0e8fe4 0%,#2ab8ea 50%,#51d8df 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e8fe4', endColorstr='#51d8df',GradientType=1 ); /* IE6-9 */
	color:#fff; }

.stayInTouchContainer .videoCol { width:50%; height:396px; float:right; position:relative; text-align:left; }
.stayInTouchContainer .videoCol .videoImg { width:100%; height:100%; }
.stayInTouchContainer .videoCol .blackLayer { width:100%; height:396px; z-index:2; position:absolute; left:0; top:0; background-color:rgba(0,0,0,.50); transition:all .5s ease; }
.stayInTouchContainer .videoCol .blackLayer:hover { background-color:rgba(0,0,0,.70); }
.stayInTouchContainer .videoCol .playButton { width:100px; height:100px; z-index:3; position:absolute; left:50%; top:50%; margin:-50px 0 0 -50px; }

#windowOuter { z-index:105; position:fixed; top:0; left:0; display:none; opacity:0; width:100%; height:100%; overflow:hidden; background:url(../img/opacity-overlay-bg.png) repeat left top; }
.videoBox { width:622px; height:350px; float:left; z-index:101; position:relative; border:10px solid #989999; border-left:10px solid #989999; border-right:10px solid #989999; left:50%; top:50%; background-color:#212121; margin:-185px 0 0 -321px; box-shadow:0 0 10px rgba(0,0,0,.5); }
.videoBox .closeIcon { width:35px; height:35px; z-index:102; position:absolute; right:0; top:0; background:url(../img/close-icon.png) no-repeat left top; text-indent:-999999px; }

footer { width:100%; float:left; padding:42px 0 0 0; background-color:#fff; text-align:left; }
footer .footerHead { padding:0 0 17px; text-align:center; font:500 28px/36px 'Roboto Slab'; color:#8b8b8b; }
footer .footerHead strong { font:700 28px/36px 'Roboto Slab'; color:#3cc7e6; }
footer .footerLinks { padding:0 0 42px; text-align:center; font:100 13px/20px 'robotolight'; color:#767676; }
footer .footerLinks a { margin:0 17px; color:#767676; text-decoration:none; }
footer .footerLinks a:hover { color:#000; text-decoration:underline; }
footer .footerSmo { padding:0 0 42px; text-align:center; }
footer .footerSmo img { margin:0 8px; filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter: gray; -webkit-filter: grayscale(100%); }
footer .footerSmo img:hover { filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale"); -webkit-filter: grayscale(0%); }
footer .copyrightInfo { width:100%; float:left; padding:15px 0; border-top:1px solid #cccccc; text-align:left; font:13px/32px 'robotolight'; color:#767676; }
footer .copyrightInfo a { color:#767676; text-decoration:none; }
footer .copyrightInfo a:hover { color:#000; text-decoration:underline; }

/* about us page */

.aboutContainer { width:100%; float:left; padding:0 0 20px 0; background-color:#fff; text-align:left; }
.innerPageHeading {
	width:100%; height:240px; float:left;
	background: #0069d2; /* Old browsers */
	background: -moz-linear-gradient(left, #0069d2 0%, #00a6eb 51%, #0069d2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#0069d2), color-stop(51%,#00a6eb), color-stop(100%,#0069d2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #0069d2 0%,#00a6eb 51%,#0069d2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #0069d2 0%,#00a6eb 51%,#0069d2 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, #0069d2 0%,#00a6eb 51%,#0069d2 100%); /* IE10+ */
	background: linear-gradient(to right, #0069d2 0%,#00a6eb 51%,#0069d2 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0069d2', endColorstr='#0069d2',GradientType=1 ); /* IE6-9 */
	text-align:center;
	font:300 100px/240px 'Roboto Condensed'; color:#fff; text-transform:uppercase; text-shadow:-1px -1px 0 #005174; }
.aboutProductPanel {
	width:100%; float:left; padding:80px 0 60px 0; text-align:center;
	background: #f2f2f2; /* Old browsers */
	background: -moz-linear-gradient(top, #f2f2f2 0%, #f2f2f2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f2f2f2 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f2f2f2 0%,#f2f2f2 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f2f2f2 0%,#f2f2f2 100%); /* IE10+ */
	background: linear-gradient(to bottom, #f2f2f2 0%,#f2f2f2 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
	font:18px/32px 'robotothin'; color:#000000; }
.aboutProductPanel p { text-align:center; }
.aboutProductPanel p img { margin:0 0 20px; }
.aboutProductPanel strong { font:18px/24px 'robotoregular'; }
.aboutProductPanel .panelHeading { text-align:center; padding:0 0 35px; font:26px/38px 'robotothin'; color:#000; }
.aboutProductPanel .panelHeading strong { font:26px/38px 'robotoregular'; color:#00acff; }

.aboutContent { width:100%; float:left; padding:90px 0 50px; text-align:left; }
.aboutContent .keyPlayerPanel { width:100%; float:left; text-align:left; }
.aboutContent .keyPlayerPanel .panelHeading { width:100%; float:left; padding:0 0 40px; text-align:left; font:50px/50px 'robotothin'; color:#46c9e8; }
.aboutContent .keyPlayerPanel .panelContent { width:100%; float:left; text-align:left; border-bottom:1px solid #e6e6e6; border-top:1px solid #e6e6e6; }
.aboutContent .keyPlayerPanel .memberList { width:20%; float:left; padding:20px 10%; text-align:left; }
.aboutContent .keyPlayerPanel .memberList ul { margin:0; padding:0; list-style-type:none; width:100%; float:left; text-align:left; }
.aboutContent .keyPlayerPanel .memberList ul li { width:100%; float:left; text-align:left; font:16px/62px 'robotolight'; color:#787878; border-bottom:1px solid #fff; }
.aboutContent .keyPlayerPanel .memberList ul li a { color:#787878; text-decoration:none; }
.aboutContent .keyPlayerPanel .memberList ul li a:hover { color:#168ee3; }
.aboutContent .keyPlayerPanel .memberList ul li a.active { padding:0 30px 0 0; font:16px/62px 'robotomedium'; color:#168ee3; background:url(../img/active-arrow.png) no-repeat right center; }
.aboutContent .keyPlayerPanel .memberDescription {
	width:54%; height:220px; float:left; padding:40px 3%; text-align:left;
	background: #0e8fe4; /* Old browsers */
	background: -moz-linear-gradient(left, #0e8fe4 0%, #2ab8ea 50%, #51d8df 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#0e8fe4), color-stop(50%,#2ab8ea), color-stop(100%,#51d8df)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #0e8fe4 0%,#2ab8ea 50%,#51d8df 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #0e8fe4 0%,#2ab8ea 50%,#51d8df 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, #0e8fe4 0%,#2ab8ea 50%,#51d8df 100%); /* IE10+ */
	background: linear-gradient(to right, #0e8fe4 0%,#2ab8ea 50%,#51d8df 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e8fe4', endColorstr='#51d8df',GradientType=1 ); /* IE6-9 */
	font:19px/28px 'robotolight'; color:#fff; }

.aboutContent .infrastructurePanel { width:100%; float:left; text-align:left; margin:135px 0 0 0; }
.aboutContent .infrastructurePanel .panelHeading { width:100%; float:left; padding:0 0 40px; text-align:left; font:50px/50px 'robotothin'; color:#46c9e8; }
.aboutContent .infrastructurePanel .panelContent { width:100%; float:left; text-align:left; border-bottom:1px solid #e6e6e6; border-top:1px solid #e6e6e6; }
.aboutContent .infrastructurePanel .companyList { width:20%; float:left; padding:20px 2% 20px 2%; text-align:left; }
.aboutContent .infrastructurePanel .companyList ul { margin:0; padding:0; list-style-type:none; width:100%; float:left; text-align:left; }
.aboutContent .infrastructurePanel .companyList ul li { width:100%; float:left; text-align:left; font:16px/62px 'robotolight'; color:#787878; border-bottom:1px solid #fff; }
.aboutContent .infrastructurePanel .companyList ul li a { color:#787878; text-decoration:none; }
.aboutContent .infrastructurePanel .companyList ul li a:hover { color:#168ee3; }
.aboutContent .infrastructurePanel .companyList ul li a.active { padding:0 30px 0 0; font:16px/62px 'robotomedium'; color:#168ee3; background:url(../img/active-arrow.png) no-repeat right center; }
.aboutContent .infrastructurePanel .companyDescription {
	width:76%; float:left; text-align:left;
	background: #0e8fe4; /* Old browsers */
	background: -moz-linear-gradient(left, #0e8fe4 0%, #2ab8ea 50%, #51d8df 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#0e8fe4), color-stop(50%,#2ab8ea), color-stop(100%,#51d8df)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #0e8fe4 0%,#2ab8ea 50%,#51d8df 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #0e8fe4 0%,#2ab8ea 50%,#51d8df 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, #0e8fe4 0%,#2ab8ea 50%,#51d8df 100%); /* IE10+ */
	background: linear-gradient(to right, #0e8fe4 0%,#2ab8ea 50%,#51d8df 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e8fe4', endColorstr='#51d8df',GradientType=1 ); /* IE6-9 */
	font:19px/28px 'robotolight'; color:#fff; }
.aboutContent .infrastructurePanel .companyDescription .companyPic { width:650px; height:540px; float:left; text-align:left; position:relative; }
.aboutContent .infrastructurePanel .companyDescription .companyPic img { width:100%; height:100%; }
.aboutContent .infrastructurePanel .companyDescription .companyPic .blackLayer { width:94%; position:absolute; left:0; bottom:0; padding:15px 3%; background-color:rgba(0,0,0,.7); font:13px/22px 'robotolight'; color:#b9bdc0; }
.aboutContent .infrastructurePanel .companyDescription .companyPic .blackLayer strong { font:22px/46px 'robotomedium'; }
.aboutContent .infrastructurePanel .companyDescription .companyPic .blackLayer .contactBtn { 
	width:auto; height:40px; float:right; margin:5px 0 0 0; padding:0 25px; font:14px/40px 'robotoregular'; color:#fff; text-decoration:none;
	border-radius:45px; -webkit-border-radius:45px;
	background: #0e8fe4; /* Old browsers */
	background: -moz-linear-gradient(left, #0e8fe4 0%, #2ab8ea 50%, #51d8df 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#0e8fe4), color-stop(50%,#2ab8ea), color-stop(100%,#51d8df)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #0e8fe4 0%,#2ab8ea 50%,#51d8df 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #0e8fe4 0%,#2ab8ea 50%,#51d8df 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, #0e8fe4 0%,#2ab8ea 50%,#51d8df 100%); /* IE10+ */
	background: linear-gradient(to right, #0e8fe4 0%,#2ab8ea 50%,#51d8df 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e8fe4', endColorstr='#51d8df',GradientType=1 ); /* IE6-9 */
	transition:all 1s ease; }	
.aboutContent .infrastructurePanel .companyDescription .companyPic .blackLayer .contactBtn:hover { color:#fff; background: #0e8fe4; /* Old browsers */ }

.aboutContent .infrastructurePanel .companyDescription .companyInfo { width:30%; float:left; padding:40px 30px; text-align:left; }
.aboutContent .infrastructurePanel .companyDescription .companyInfo p { padding:0 0 20px; font:15px/24px 'robotolight'; color:#fff; }
.aboutContent .infrastructurePanel .companyDescription .companyInfo .infoHeading { width:100%; float:left; padding:0 0 12px; margin-bottom:15px; border-bottom:1px solid rgba(255,255,255,.4); text-align:left; font:22px/24px 'robotolight'; color:#fff; }
.aboutContent .infrastructurePanel .companyDescription .companyInfo .infoList { margin:0 0 25px; padding:0; list-style-type:none; width:100%; float:left; text-align:left; }
.aboutContent .infrastructurePanel .companyDescription .companyInfo .infoList li { width:95%; float:left; padding:0 0 0 5%; background:url(../img/desc-arrow.png) no-repeat left 8px; text-align:left; font:15px/24px 'robotolight'; color:#fff; }

.aboutContent .ourStrengthPanel { width:100%; float:left; margin:130px 0 0 0; text-align:left; }
.aboutContent .ourStrengthPanel .panelHeading { width:100%; float:left; padding:0 0 40px; text-align:center; font:50px/50px 'robotothin'; color:#46c9e8; }
.aboutContent .ourStrengthPanel .panelContent { width:100%; float:left; text-align:center; padding:60px 0; font:18px/32px 'robotolight'; color:#fff;
	background: #0e8fe4; /* Old browsers */
	background: -moz-linear-gradient(left, #0e8fe4 0%, #2ab8ea 50%, #51d8df 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#0e8fe4), color-stop(50%,#2ab8ea), color-stop(100%,#51d8df)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #0e8fe4 0%,#2ab8ea 50%,#51d8df 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #0e8fe4 0%,#2ab8ea 50%,#51d8df 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, #0e8fe4 0%,#2ab8ea 50%,#51d8df 100%); /* IE10+ */
	background: linear-gradient(to right, #0e8fe4 0%,#2ab8ea 50%,#51d8df 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e8fe4', endColorstr='#51d8df',GradientType=1 ); /* IE6-9 */ }

.aboutFormContainer { width:40%; float:left; position:relative; left:50%; margin:100px 0 0 -20%; text-align:left; }
.aboutFormContainer .formHeading { width:100%; float:left; text-align:left; font:18px/28px 'robotolight'; color:#000; }
.aboutFormContainer .formRow { width:100%; float:left; margin:15px 0 0 0; text-align:left; }
.aboutFormContainer .formRow:last-child { margin:25px 0 0 0; }
.aboutFormContainer .formRow label { width:100%; float:left; text-align:left; font:14px/40px 'robotobold'; color:#000; }
.aboutFormContainer input[type=email] { width:94%; height:36px; float:left; padding:0 3%; background-color:#fff; border:2px solid #f1f3f3; text-align:left; font:14px/36px 'robotolight'; color:#000; transition:all .4s ease; -moz-transition:all .4s ease; -webkit-transition:all .4s ease; }
.aboutFormContainer input[type=text] { width:94%; height:36px; float:left; padding:0 3%; background-color:#fff; border:2px solid #f1f3f3; text-align:left; font:14px/36px 'robotolight'; color:#000; transition:all .4s ease; -moz-transition:all .4s ease; -webkit-transition:all .4s ease; }
.aboutFormContainer textarea { width:94%; height:110px; float:left; padding:10px 3%; background-color:#fff; border:2px solid #f1f3f3; text-align:left; font:14px/20px 'robotolight'; color:#000; resize:none; transition:all .4s ease; -moz-transition:all .4s ease; -webkit-transition:all .4s ease; }
.aboutFormContainer input[type=email]:focus, .aboutFormContainer textarea:focus { border:2px solid #afedfd; box-shadow:0 0 5px rgba(15,144,228,.2); }
.aboutFormContainer input[type=number] { width:94%; height:36px; float:left; padding:0 3%; background-color:#fff; border:2px solid #f1f3f3; text-align:left; font:14px/36px 'robotolight'; color:#000; transition:all .4s ease; -moz-transition:all .4s ease; -webkit-transition:all .4s ease; }		.aboutFormContainer input[type=email]:focus, .aboutFormContainer textarea:focus { border:2px solid #afedfd; box-shadow:0 0 5px rgba(15,144,228,.2); }
.aboutFormContainer input[type=number]:focus { border:2px solid #afedfd; box-shadow:0 0 5px rgba(15,144,228,.2); }		
.aboutFormContainer input[type=text]:focus { border:2px solid #afedfd; box-shadow:0 0 5px rgba(15,144,228,.2); }		
.aboutFormContainer input[type=email]:focus { border:2px solid #afedfd; box-shadow:0 0 5px rgba(15,144,228,.2); }		
.aboutFormContainer textarea:focus { border:2px solid #afedfd; box-shadow:0 0 5px rgba(15,144,228,.2); }
.aboutFormContainer input[type=submit] { 
	width:auto; height:47px; float:left; padding:0 45px; font:14px/47px 'robotoregular'; color:#fff; text-decoration:none;
	border-radius:47px; -webkit-border-radius:47px;	cursor:pointer;
	background: #0e8fe4; /* Old browsers */
	background: -moz-linear-gradient(left, #0e8fe4 0%, #2ab8ea 50%, #51d8df 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#0e8fe4), color-stop(50%,#2ab8ea), color-stop(100%,#51d8df)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #0e8fe4 0%,#2ab8ea 50%,#51d8df 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #0e8fe4 0%,#2ab8ea 50%,#51d8df 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, #0e8fe4 0%,#2ab8ea 50%,#51d8df 100%); /* IE10+ */
	background: linear-gradient(to right, #0e8fe4 0%,#2ab8ea 50%,#51d8df 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e8fe4', endColorstr='#51d8df',GradientType=1 ); /* IE6-9 */
	transition:all 1s ease; }	
.aboutFormContainer input[type=submit]:hover { color:#fff; background: #0e8fe4; /* Old browsers */ }

/* contact us page */

.contactFormContainer { width:100%; float:left; padding:50px 0 70px; text-align:left; }
.contactFormContainer .formHeading { width:100%; float:left; padding:0 0 35px; text-align:left; font:18px/28px 'robotolight'; color:#4c4c4c; }
.contactFormContainer .formColumn { width:45%; float:left; text-align:left; }
.contactFormContainer .formColumn:last-child { float:right; }
.contactFormContainer .formColumn .formRow { width:100%; float:right; margin:25px 0 0 0; text-align:left; }
.contactFormContainer .formColumn .formRow label { width:100%; float:left; text-align:left; font:13px/20px 'robotobold'; color:#000; }
.contactFormContainer input[type=tel] { width:94%; height:36px; float:left; padding:0 3%; background-color:#fff; border:2px solid #f1f3f3; text-align:left; font:14px/36px 'robotolight'; color:#000; transition:all .4s ease; -moz-transition:all .4s ease; -webkit-transition:all .4s ease; }		
.contactFormContainer input[type=tel]:focus { border:2px solid #afedfd; box-shadow:0 0 5px rgba(15,144,228,.2); }	
.contactFormContainer .formColumn .formRow label input[type=text], .contactFormContainer .formColumn .formRow label input[type=email] { width:94%; height:36px; float:left; margin:10px 0 0 0; padding:0 12px; background-color:#fff; border:2px solid #f1f3f3; text-align:left; font:13px/20px 'robotolight'; color:#000; transition:all .4s ease; -moz-transition:all .4s ease; -webkit-transition:all .4s ease; }
.contactFormContainer .formColumn .formRow label textarea { width:94%; height:206px; float:left; margin:10px 0 0 0; padding:10px 12px; background-color:#fff; border:2px solid #f1f3f3; text-align:left; font:13px/22px 'robotolight'; color:#000; transition:all .4s ease; -moz-transition:all .4s ease; -webkit-transition:all .4s ease; resize:none; }
.contactFormContainer .formColumn .formRow label input[type=text]:focus, .contactFormContainer .formColumn .formRow label input[type=email]:focus, .contactFormContainer .formColumn .formRow label textarea:focus { border:2px solid #afedfd; box-shadow:0 0 5px rgba(15,144,228,.2); }
.contactFormContainer .formColumn .formRow input[type=submit] { 
	width:auto; height:47px; float:right; margin:15px 0 0 0; padding:0 45px; font:14px/47px 'robotoregular'; color:#fff; text-decoration:none;
	border-radius:47px; -webkit-border-radius:47px; cursor:pointer;
	background: #0e8fe4; /* Old browsers */
	background: -moz-linear-gradient(left, #0e8fe4 0%, #2ab8ea 50%, #51d8df 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#0e8fe4), color-stop(50%,#2ab8ea), color-stop(100%,#51d8df)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #0e8fe4 0%,#2ab8ea 50%,#51d8df 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #0e8fe4 0%,#2ab8ea 50%,#51d8df 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, #0e8fe4 0%,#2ab8ea 50%,#51d8df 100%); /* IE10+ */
	background: linear-gradient(to right, #0e8fe4 0%,#2ab8ea 50%,#51d8df 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e8fe4', endColorstr='#51d8df',GradientType=1 ); /* IE6-9 */
	transition:all 1s ease; }
.contactFormContainer .formColumn .formRow input[type=submit]:hover { color:#fff; background: #0e8fe4; /* Old browsers */ }

.contactAddressContainer { width:100%; float:left; padding:80px 0; background-color:#373e46; text-align:left; }
.contactAddress { width:50%; float:left; text-align:left; font:18px/28px 'robotolight'; color:#93979b; }
.contactAddress .subHeading { width:100%; float:left; text-align:left; font:48px/50px 'robotothin'; color:#fff; }
.contactAddress .subText { width:100%; float:left; margin:60px 0 100px; text-align:left; }
.contactAddress .subText .textRow { width:100%; float:left; margin:0 0 34px; text-align:left; transition:all .5s ease;; -webkit-transition:all .5s ease; }
.contactAddress .subText .textRow:hover { color:#fff; }
.contactAddress .subText .textRow img { vertical-align:middle; margin:0 24px 0 0; opacity:0.5; -moz-opacity:0.5; -webkit-opacity:0.5; transition:all .5s ease;; -webkit-transition:all .5s ease; }
.contactAddress .subText .textRow:hover img { opacity:1; }
.contactAddress .subText span { width:36%; float:left; }
.contactAddress .subText span:last-child { width:64%; float:right; margin:6px 0 0 0; }

.contactMap { width:42%; float:right; text-align:left; font:50px/50px 'robotothin'; color:#fff; }
.contactMap span { position:absolute; right:0px; top:0px; }
.contactMap a.pointFirst { position:absolute; left:146px; top:0px; margin:51px 0 0 0; }
.contactMap a.pointSecond { position:absolute; left:124px; top:0px; margin:109px 0 0 0; }
.contactMap a.pointThird { position:absolute; left:114px; top:0px; margin:102px 0 0 0; }
.contactMap a.pointFourth { position:absolute; left:138px; top:0px; margin:119px 0 0 0; }
.contactMap a.pointFifth { position:absolute; left:169px; top:0px; margin:106px 0 0 0; }
.contactMap a.pointSixth { position:absolute; left:112px; top:0px; margin:382px 0 0 0; }
.contactMap a.pointseventh {
    position: absolute;
    left: 144px;
    top: -278px;
    margin: 382px 0 0 6px;
}
#mapBullet .bulletHover, #mapBullet:hover .bulletHover { display:none; }
#mapBullet:hover .bulletHover, #mapBullet.hover .bulletHover { display:block; width:100%; float:left; position:relative; padding:0 30px; background-color:#0d8de3; }
#mapBullet:hover .bulletHover, #mapBullet.hover .bulletHover .tipArrow { width:29px; height:20px; position:absolute; left:-130px; top:0px; }
#mapBullet:hover .bulletHover, #mapBullet.hover .bulletHover .tooltipCol { width:100%; height:232px; overflow-y:auto; float:left; position:relative; margin:25px 0 0 0; text-align:left; font:14px/20px 'robotoregular'; color:#fff; }
#mapBullet:hover .bulletHover, #mapBullet.hover .bulletHover .tooltipCol strong { font:16px/24px 'robotoregular'; text-transform:uppercase; }

/* client page */

.clientContainer { width:100%; float:left; padding:100px 0 120px; background-color:#fff; border-bottom:1px solid #e5e5e5; text-align:left; }
.clientContainer .mainText { padding:0 0 70px; font:18px/28px 'robotolight'; color:#000; text-align:center; }
.clientContainer .mainText span { font:18px/28px 'robotoregular'; color:#00acff; }

.popularSlider { width:100%; position:relative; z-index:59; }
#popularSlider {  width:100%; float:left; margin-left:0%; }
#popularSlider .slides { width:33%; float:left; z-index:59; position:relative; overflow:visible !important; text-align:center; }
#popularSlider .slides .clientLogo { width:100%; height:286px; float:left; position:relative; margin:0 0 60px; background:url(../img/client-default-pattern.jpg) repeat left top; }
#popularSlider .slides.active .clientLogo { width:100%; height:286px; float:left; position:relative; margin:0 0 60px; background:url(../img/client-active-pattern.jpg) repeat left top; }
#popularSlider .slides .clientLogo img { position:absolute; left:50%; top:50%; margin:-105px 0 0 -125px; }
#popularSlider .slides .clientDescription { width:100%; float:left; text-align:left; opacity:0; transition:all 1s ease; }
#popularSlider .slides.active .clientDescription { opacity:1; }
#popularSlider .slides .clientDescription .clientName { width:100%; float:left; margin:0 0 30px; text-align:left; font:22px/24px 'robotoregular'; color:#0d8be3; }
#popularSlider .slides .clientDescription .clientName span { font:13px/24px 'robotoregular'; color:#494646; }
#popularSlider .slides .clientDescription .clientHeading { padding:0 0 16px; font:15px/24px 'robotoregular'; color:#393838; text-align:left; }
#popularSlider .slides .clientDescription .clientInfo { font:15px/24px 'robotolight'; color:#494646; text-align:left; }

.film_roll_prev, .film_roll_next { z-index:100; position:absolute; top:0; }
.film_roll_prev { left:0px; width:33.33%; height:286px; background-color:rgba(255,255,255,.5); text-indent:-999999px;  }
.film_roll_next { right:0px; width:33.32%; height:286px; background-color:rgba(255,255,255,.5); text-indent:-999999px; }
.film_roll_pager { display:none; }

/* services page */

.manufacturingServicePanel { width:100%; float:left; padding:60px 0; background-color:#f2f2f2; text-align:left; font:18px/32px 'robotothin'; color:#000000; }
.manufacturingServicePanel .manufacturingServiceImg { width:42%; float:right; text-align:right; }
.manufacturingServicePanel .manufacturingServiceDesc { width:48%; float:left; text-align:left; }
.manufacturingServicePanel .manufacturingServiceDesc .descHead { width:100%; float:left; padding:0 0 30px; text-align:left; font:40px/40px 'robotolight'; color:#000; }
.manufacturingServicePanel .manufacturingServiceDesc .descHead span { border-bottom:4px solid #00a4ea; }
.manufacturingServicePanel .manufacturingServiceDesc .descText { padding:0 0 40px; text-align:left; font:18px/32px 'robotolight'; color:#000; }
.manufacturingServicePanel .manufacturingServiceDesc .sendEnquiry { 
	width:auto; height:50px; float:left; padding:0 40px; font:18px/50px 'robotolight'; color:#fff; text-decoration:none;
	border-radius:50px; -webkit-border-radius:50px;
	background: #0e8fe4; /* Old browsers */
	background: -moz-linear-gradient(left, #0e8fe4 0%, #2ab8ea 50%, #51d8df 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#0e8fe4), color-stop(50%,#2ab8ea), color-stop(100%,#51d8df)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #0e8fe4 0%,#2ab8ea 50%,#51d8df 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #0e8fe4 0%,#2ab8ea 50%,#51d8df 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, #0e8fe4 0%,#2ab8ea 50%,#51d8df 100%); /* IE10+ */
	background: linear-gradient(to right, #0e8fe4 0%,#2ab8ea 50%,#51d8df 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e8fe4', endColorstr='#51d8df',GradientType=1 ); /* IE6-9 */
	transition:all 1s ease; }	
.manufacturingServicePanel .manufacturingServiceDesc .sendEnquiry:hover { color:#fff; background: #0e8fe4; /* Old browsers */ }

.packagingServicePanel { width:100%; float:left; padding:60px 0; background-color:#fff; text-align:left; font:18px/32px 'robotothin'; color:#000000; }
.packagingServicePanel .packagingServiceImg { width:42%; float:left; text-align:right; }
.packagingServicePanel .packagingServiceDesc { width:48%; float:right; text-align:left; }
.packagingServicePanel .packagingServiceDesc .descHead { width:100%; float:left; padding:0 0 30px; text-align:left; font:40px/40px 'robotolight'; color:#000; }
.packagingServicePanel .packagingServiceDesc .descHead span { border-bottom:4px solid #00a4ea; }
.packagingServicePanel .packagingServiceDesc .descText { padding:0 0 40px; text-align:left; font:18px/32px 'robotolight'; color:#000; }
.packagingServicePanel .packagingServiceDesc .sendEnquiry { 
	width:auto; height:50px; float:left; padding:0 40px; font:18px/50px 'robotolight'; color:#fff; text-decoration:none;
	border-radius:50px; -webkit-border-radius:50px;
	background: #0e8fe4; /* Old browsers */
	background: -moz-linear-gradient(left, #0e8fe4 0%, #2ab8ea 50%, #51d8df 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#0e8fe4), color-stop(50%,#2ab8ea), color-stop(100%,#51d8df)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #0e8fe4 0%,#2ab8ea 50%,#51d8df 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #0e8fe4 0%,#2ab8ea 50%,#51d8df 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, #0e8fe4 0%,#2ab8ea 50%,#51d8df 100%); /* IE10+ */
	background: linear-gradient(to right, #0e8fe4 0%,#2ab8ea 50%,#51d8df 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e8fe4', endColorstr='#51d8df',GradientType=1 ); /* IE6-9 */
	transition:all 1s ease; }	
.packagingServicePanel .packagingServiceDesc .sendEnquiry:hover { color:#fff; background: #0e8fe4; /* Old browsers */ }

.productDevelopmentPanel { width:100%; float:left; padding:60px 0; background-color:#f2f2f2; text-align:left; font:18px/32px 'robotothin'; color:#000000; }
.productDevelopmentPanel .productDevelopmentImg { width:42%; float:right; text-align:right; }
.productDevelopmentPanel .productDevelopmentDesc { width:48%; float:left; text-align:left; }
.productDevelopmentPanel .productDevelopmentDesc .descHead { width:100%; float:left; padding:0 0 30px; text-align:left; font:40px/40px 'robotolight'; color:#000; }
.productDevelopmentPanel .productDevelopmentDesc .descHead span { border-bottom:4px solid #00a4ea; }
.productDevelopmentPanel .productDevelopmentDesc .descText { padding:0 0 40px; text-align:left; font:18px/32px 'robotolight'; color:#000; }
.productDevelopmentPanel .productDevelopmentDesc .sendEnquiry { 
	width:auto; height:50px; float:left; padding:0 40px; font:18px/50px 'robotolight'; color:#fff; text-decoration:none;
	border-radius:50px; -webkit-border-radius:50px;
	background: #0e8fe4; /* Old browsers */
	background: -moz-linear-gradient(left, #0e8fe4 0%, #2ab8ea 50%, #51d8df 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#0e8fe4), color-stop(50%,#2ab8ea), color-stop(100%,#51d8df)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #0e8fe4 0%,#2ab8ea 50%,#51d8df 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #0e8fe4 0%,#2ab8ea 50%,#51d8df 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, #0e8fe4 0%,#2ab8ea 50%,#51d8df 100%); /* IE10+ */
	background: linear-gradient(to right, #0e8fe4 0%,#2ab8ea 50%,#51d8df 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e8fe4', endColorstr='#51d8df',GradientType=1 ); /* IE6-9 */
	transition:all 1s ease; }	
.productDevelopmentPanel .productDevelopmentDesc .sendEnquiry:hover { color:#fff; background: #0e8fe4; /* Old browsers */ }

/* product range page */

.productRangeContainer { width:100%; float:left; padding:75px 0; background-color:#f2f2f2; border-bottom:1px solid #d9d9d9; text-align:left; }
.productRangeContainer .mainText { padding:0 0 80px; font:18px/28px 'robotothin'; color:#000; text-align:center; }
.productRangeContainer .mainText strong { font:18px/28px 'robotoregular'; }

#main { width:100%; float:left; }
.controls { margin:0 0 0; padding:0; list-style-type:none; width:100%; float:left; position:relative; }
.controls li { width:auto; height:35px; float:left; margin:0 0 20px 10px; padding:0 13px; background-color:transparent; font:17px/35px 'robotolight'; color:#000; border-radius:35px; -moz-border-radius:35px; -webkit-border-radius:35px; transition:all .5s ease; cursor:pointer; list-style-type:none; }
.controls li:first-child { margin-left:0; }
.controls li.active {
	color:#fff; 
	background: #0e8fe4; /* Old browsers */
	background: -moz-linear-gradient(left, #0e8fe4 0%, #2ab8ea 50%, #51d8df 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#0e8fe4), color-stop(50%,#2ab8ea), color-stop(100%,#51d8df)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #0e8fe4 0%,#2ab8ea 50%,#51d8df 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #0e8fe4 0%,#2ab8ea 50%,#51d8df 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, #0e8fe4 0%,#2ab8ea 50%,#51d8df 100%); /* IE10+ */
	background: linear-gradient(to right, #0e8fe4 0%,#2ab8ea 50%,#51d8df 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e8fe4', endColorstr='#51d8df',GradientType=1 ); /* IE6-9 */
}

#Grid { margin:0; padding:55px 0 0 0; list-style-type:none; width:100%; float:left; border-top:1px solid #e6e6e6; }
#Grid:after { content: ''; display: inline-block; }
#Grid .mix { display: none; opacity: 0; width:24%; height:420px; float:left; margin:10px 5px; text-align:center; background:#fff url(../img/product-divider.png) no-repeat center 309px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; font:15px/24px 'robotolight'; color:#717171; text-decoration:none; transition:all .4s ease; -moz-transition:all .4s ease; -webkit-transition:all .4s ease; }
#Grid .mix:hover { box-shadow:0 0 10px rgba(15,144,228,.4); }
#Grid .mix strong { font:18px/24px 'robotomedium'; color:#0d8be3; }
#Grid .mix .category { font:.1px/1px 'robotolight'; color:#fff; }
#Grid .mix img { margin:0 0 18px; }
#Grid .mix a { width:100%; float:left; text-align:center; color:#717171; text-decoration:none; }
#Grid .gap { display: inline-block; }

/* send enquiry form */

.enquiryForm { width:800px; height:520px; padding:40px; float:left; z-index:101; position:relative; left:50%; top:50%; background-color:#fff; margin:-300px 0 0 -440px; box-shadow:0 0 10px rgba(0,0,0,.5); }
.enquiryForm .closeIcon { width:35px; height:35px; z-index:102; position:absolute; right:0; top:0; background:url(../img/close-icon.png) no-repeat left top; text-indent:-999999px; }
.enquiryForm .formHeading { width:100%; float:left; padding:0 0 25px; text-align:left; font:18px/28px 'robotolight'; color:#4c4c4c; }
.enquiryForm .formColumn { width:45%; float:left; text-align:left; }
.enquiryForm .formColumn:last-child { float:right; }
.enquiryForm .formRow { width:100%; float:right; margin:15px 0 0 0; text-align:left; }
.enquiryForm .formRow:first-child { margin:0 0 0 0; }
.enquiryForm .formRow label { width:100%; float:left; text-align:left; font:13px/20px 'robotoregular'; color:#818080; }
.enquiryForm .formRow label input[type=text], .enquiryForm .formRow label input[type=email] { width:94%; height:36px; float:left; margin:10px 0 0 0; padding:0 12px; background-color:#fff; border:1px solid #e8ebeb; text-align:left; font:13px/20px 'robotolight'; color:#000; transition:all .4s ease; -moz-transition:all .4s ease; -webkit-transition:all .4s ease; }
.enquiryForm .formRow label textarea { width:94%; height:182px; float:left; margin:10px 0 0 0; padding:10px 12px; background-color:#fff; border:1px solid #f1f3f3; text-align:left; font:13px/22px 'robotolight'; color:#000; transition:all .4s ease; -moz-transition:all .4s ease; -webkit-transition:all .4s ease; resize:none; }
.enquiryForm .formRow label input[type=text]:focus, .enquiryForm .formRow label input[type=email]:focus, .enquiryForm .formRow label textarea:focus { border:1px solid #afedfd; box-shadow:0 0 5px rgba(15,144,228,.4); }
.enquiryForm .formRow input[type=submit] { 
	width:auto; height:47px; float:right; margin:5px 0 0 0; padding:0 45px; font:14px/47px 'robotoregular'; color:#fff; text-decoration:none;
	border-radius:47px; -webkit-border-radius:47px; cursor:pointer;
	background: #0e8fe4; /* Old browsers */
	background: -moz-linear-gradient(left, #0e8fe4 0%, #2ab8ea 50%, #51d8df 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#0e8fe4), color-stop(50%,#2ab8ea), color-stop(100%,#51d8df)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #0e8fe4 0%,#2ab8ea 50%,#51d8df 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #0e8fe4 0%,#2ab8ea 50%,#51d8df 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, #0e8fe4 0%,#2ab8ea 50%,#51d8df 100%); /* IE10+ */
	background: linear-gradient(to right, #0e8fe4 0%,#2ab8ea 50%,#51d8df 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e8fe4', endColorstr='#51d8df',GradientType=1 ); /* IE6-9 */
	transition:all 1s ease; }
.enquiryForm .formColumn .formRow input[type=submit]:hover { color:#fff; background: #0e8fe4; /* Old browsers */ }
.alert-success, .alert-danger, .alert-info, .alert-warning {		
  border: none;		
}		
.alert {		
  padding: 4px;		
  margin-bottom: 2px;		
  border: 1px solid transparent;		
  border-radius: 2px;		
}		
.alert-success {		
  background-color: #dff0d8;		
  border-color: #d6e9c6;		
  color: #3c763d;		
}		
.alert-success a {		
  display:none;		
}		
.alert-danger {		
  background-color: #f2dede;		
  border-color: #ebccd1;		
  color: #a94442;		
}		
#formloader { position:absolute; right:65px; bottom:3px;display: none}
.thanksContainer { width:100%; height:850px; float:left; background:#e2e2e2 url(../img/thanks-panel-bg.jpg) no-repeat center top; text-align:center; }
.thanksContainer .thanksContentPanel { width:100%; float:left; position:relative; padding:40px 0 0; text-align:center; font:25px/40px 'robotothin'; color:#000; }
.thanksContainer .thanksContentPanel span { color:#00acff; font-family:'robotoregular'; }
.thanksContainer .thanksContentPanel img { margin:40px 0 0px; }
.footerSmo {
    display: none;
}