@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,300italic,400italic,500,500italic,700italic,700,900,900italic,100,100italic);
@import url(http://fonts.googleapis.com/css?family=Roboto+Slab:400,300,700,100);

a, aside, article, b, br, body, caption, canvas, cite, dd, dl, dt, detail em, embed, frameset, footer, figure, h1, h2, h3, h4, h5, h6, head, hr, header, hgroup, img, iframe, input, i, li, label, menu, meter, nav, noscript, ol, option, optgroup, p, progress, strong, span, strike, section, select, summart, time, table, thead, tbody, th, tr, td, u, ul { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
td { text-align: left; }
iframe { border: 0; outline: 0; }
a, img { outline: 0; border: none; display: inline-block; }
ul, ol, li { list-style: none; }
a, img { text-decoration: none; }
.lfloat { float: left; }
.rfloat { float: right; }
.nfloat { float: none; }
.center { margin: 0 auto; }
.ltxtalign { text-align: left; }
.rtxtalign { text-align: right; }
.ctxtalign { text-align: center; }
.valigntop { vertical-align: top; }
.clearfix { zoom: 1; }
.clearfix:after { content: ""; visibility: hidden; display: block; clear: both; }
.lclear { clear: left; }
.rclear { clear: right; }
.bclear { clear: both; }
.nclear { clear: none; }
textarea { resize: none; }
.position-relative { position: relative; }
body { margin: 0; padding: 0; font-family: 'Roboto', serif; height: 100%; width: 100%; background:#f9f9f9; font-weight:400; }
html { width: 100%; height: 100%; }
.wrapper{ max-width:1200px; margin:0 auto;}
header { position: relative; z-index: 1; padding: 0; width: 100%; background: url(../images/banner.jpg) no-repeat center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height: 100% }
header h1 { padding: 20px 0 75px 0 }
header p { color: #f9f9f9; font-size: 17px; padding: 10px 0 0 0; font-weight:400; font-family:'Roboto', serif}
header p a { color: #f9f9f9; text-decoration: underline }
header ul { padding: 60px 0 0 0 }
header ul li { color: #f9f9f9; font-size: 14px; float: left; padding: 0 14px 0 0; line-height: 26px }
header ul li a { color: #f9f9f9; text-decoration: none }
header ul li em { width: 26px; height: 26px; display: inline-block; margin: 0 10px 0 0; float: left; }
header ul li span { float: left }
header ul li.mail em { background: url(../images/sprite_img.png) no-repeat -1px -1px; }
header ul li.contact em { background: url(../images/sprite_img.png) no-repeat -29px -1px; }
header ul li.fax em { background: url(../images/sprite_img.png) no-repeat -58px -1px; }

.outer_container{ padding:40px 0;}
.header-left{ width:48%; float:left}
.login { background: #f9f9f9; border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; text-align: center; padding: 10px 0 20px 0; width:39%; float:right;}
.login h2 { color: #4c4c4c; font-size: 20px; margin-bottom: 19px;font-family:'Roboto Slab', serif; font-weight:400}
.login .row_inline { border-top: 1px solid #e0e0e0; position: relative }
.login .borde_none { border: none }
.login .row_inline label { color: #4c4c4c; font-size: 14px; display: block; font-weight: normal; margin-bottom: 0; margin-top: 10px }
.login .row_inline input[type=text], .login .row_inline input[type=email], .login .row_inline input[type=password] { color: #14336b; font-size: 17px; border: none; background: #f9f9f9; line-height:30px; text-align: center; position: relative; margin:5px 0; padding: 0 10px; width:80%; display:inline-block; border:#f9f9f9 1px solid;}

.login .row_inline input[type=email]:focus:invalid{background:url(../images/invalid.png) no-repeat right center;}
.login .row_inline input[type=email]:required:valid{background:url(../images/valid-icon.png) no-repeat right center}


.login .row_inline input[type=email]:focus, .login .row_inline input[type=password]:focus{border:#eee 1px solid;outline: 0 none;}
.login .row_inline input[type=submit] { background: #4c4c4c; border: none; text-transform: uppercase; color: #ffffff; cursor: pointer; border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; line-height: 50px; max-width: 180px; width: 180px; margin-top: 42px; font-size: 22px }
.login .row_inline input[type=submit]:hover{ background:#323131;}
.login .row_inline strong { border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-border-radius: 50%; background: #919090; width: 36px; height: 36px; line-height: 36px; color: #fff; display: inline-block; cursor: pointer; right: 15px; top: 32px; position: absolute; font-size: 26px }

.login .row_inline strong:hover{ background:#323131;}
.first-step-down-arrow { width: 54px; height: 58px; background: url(../images/sprite_img.png) no-repeat scroll -90px -1px; cursor: pointer; position: absolute; left: 49%; bottom: 37px; z-index: 10; -webkit-transition-property: scale; -moz-transition-property: scale; -o-transition-property: scale; transition-property: scale; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; -o-transition-duration: .3s; transition-duration: .3s }
.first-step-down-arrow:hover { -webkit-transform: scale(1.08); -moz-transform: scale(1.08); -ms-transform: scale(1.08); -o-transform: scale(1.08); transform: scale(1.08) }
.bmail{ width:100%;}
.bmail small{ background:url("../images/sprite_img.png") no-repeat scroll -5px -306px rgba(0, 0, 0, 0);height:16px; width:10px;display:inline-block; float:left; margin-right:5px; line-height:26px;}
.bmail a{color:#4c4c4c; float:left;}
.bmail a:hover{color:#4c4c4c;}


.bphone small{ background:url("../images/sprite_img.png") no-repeat scroll -25px -308px rgba(0, 0, 0, 0); height:16px;float:left; margin-right:5px; width:10px; display:inline-block;}
.bphone2 small{ background:url("../images/sprite_img.png") no-repeat scroll -41px -308px rgba(0, 0, 0, 0); height:16px; width:10px;float:left; margin-right:5px;}

@-moz-keyframes bounce {
0%, 20% {
-moz-transform:translateY(0);
transform:translateY(0)
}
40% {
-moz-transform:translateY(-30px);
transform:translateY(-30px)
}
50% {
-moz-transform:translateY(0);
transform:translateY(0)
}
60% {
-moz-transform:translateY(-15px);
transform:translateY(-15px)
}
100%, 80% {
-moz-transform:translateY(0);
transform:translateY(0)
}
}
@-webkit-keyframes bounce {
0%, 20% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
40% {
-webkit-transform:translateY(-30px);
transform:translateY(-30px)
}
50% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
60% {
-webkit-transform:translateY(-15px);
transform:translateY(-15px)
}
100%, 80% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@-o-keyframes bounce {
0%, 20% {
-o-transform:translateY(0);
transform:translateY(0)
}
40% {
-o-transform:translateY(-30px);
transform:translateY(-30px)
}
50% {
-o-transform:translateY(0);
transform:translateY(0)
}
60% {
-o-transform:translateY(-15px);
transform:translateY(-15px)
}
100%, 80% {
-o-transform:translateY(0);
transform:translateY(0)
}
}
@-ms-keyframes bounce {
0%, 20% {
-ms-transform:translateY(0);
transform:translateY(0)
}
40% {
-ms-transform:translateY(-30px);
transform:translateY(-30px)
}
50% {
-ms-transform:translateY(0);
transform:translateY(0)
}
60% {
-ms-transform:translateY(-15px);
transform:translateY(-15px)
}
100%, 80% {
-ms-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes bounce {
0%, 20% {
transform:translateY(0)
}
40% {
transform:translateY(-30px)
}
50% {
transform:translateY(0)
}
60% {
transform:translateY(-15px)
}
100%, 80% {
transform:translateY(0)
}
}
.animated { -webkit-animation: 1s ease both; -moz-animation: 1s ease both; -ms-animation: 1s ease both; -o-animation: 1s ease both; animation: 1s ease both }
.bounce { -webkit-animation-name: bounce; -moz-animation-name: bounce; -ms-animation-name: bounce; -o-animation-name: bounce; animation-name: bounce }


footer{ background:#1d3262; position:relative}
footer p{ font-size:14px; color:#2c60c3; margin-bottom:0; line-height:60px;font-family:'Roboto', serif; font-weight:400}
footer span{ background:#1d499e; width:60px; height:60px; position:absolute; right:50%; margin-right:-590px; top:0; text-align:center; cursor:pointer; z-index:999999}
footer span em{ background: url(../images/sprite_img.png) no-repeat  -2px -31px; width:40px; height:20px; display:inline-block; margin-top:19px; cursor:pointer}
.page h2{ text-align:center; color:#244687; font-size:30px; font-family:'Roboto Slab', serif; font-weight:400; padding-bottom:20px;}
.page ul > li{ margin:20px 0;text-align:center;  float: left;min-height:300px;padding: 0 1.3%;text-align: center;width: 22%;}

.page ul > li:hover{border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px;box-shadow:-3px 0px 4px 0px #cacaca;-webkit-box-shadow:-3px 0px 4px 0px #cacaca;-o-box-shadow:-3px 0px 4px 0px #cacaca;-moz-box-shadow:-3px 0px 4px 0px #cacaca;-ms-box-shadow:-3px 0px 4px 0px #cacaca;   background:#ffffff}
.page ul > li span{ margin:20px 0;  display:block}
.page ul > li.linkedn span{ background:url(../images/linkedn.png) no-repeat 0 0; width:50px; height:15px; }
.page ul > li.facebook span{ background:url(../images/facebook.png) no-repeat 0 0; width:50px; height:11px; }
.page ul > li.twitter span{ background:url(../images/twitter.png) no-repeat 0 0; width:49px; height:10px; }
.page ul > li:hover span{ background-position:0 bottom}
.page ul > li em{ display:block; background: url(../images/sprite_img.png) no-repeat  ; background-repeat:no-repeat; width:84px; height:84px; display:inline-block; }
.page ul > li.icon1 em{ background-position:0 -127px}
.page ul > li.icon2 em{ background-position:-84px -127px}
.page ul > li.icon3 em{ background-position:-168px -127px}
.page ul > li.icon4 em{ background-position:-251px -127px;}
.page ul > li.icon5 em{ background-position: 0 -212px}
.page ul > li.icon6 em{ background-position:-84px -212px}
.page ul > li.icon7 em{ background-position:-168px -212px}
.page ul > li.icon8 em{ background-position:-251px -212px}

.page ul li h3{ font-size:17px; color:#4c4c4c;text-align:left; margin-top:0;font-family:'Roboto Slab', serif; font-weight:400;}
.page ul li h3 strong{ width:20%; border-bottom:4px solid #c7c7c7; display:inline-block}
.page ul li p{ font-size:14px; color:#4c4c4c; text-align:left; margin-bottom:4px; font-weight:400;font-family:'Roboto', serif}
.page ul li > ul{ float:left; margin-bottom:5px;}
.page ul > li > ul > li{ float:left; padding:0 10px 0 0; width:auto; margin:5px 0; text-align:left;color: #4c4c4c;font-size: 14px;}
.page ul li > ul li > span{ margin:0; display:inline-block}
.page ul > li> ul> li:hover{border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; -webkit-border-radius: 0;box-shadow:0px 0px 0px 0px #cacaca;-webkit-box-shadow:0px 0px 0px 0px #cacaca;-o-box-shadow:0px 0px 0px 0px #cacaca;-moz-box-shadow:0px 0px 0px 0px #cacaca;-ms-box-shadow:0px 0px 0px 0px #cacaca;   background:transparent}
.mobile_logo{ display:none}
.read{ display:none}
.page ul li a{text-decoration:none; outline:none;}
ul.address li{ min-height:100%;}
.form-control{ box-shadow:none !important;}

/* -------------------------------- 

xpopup 
-------------------------------- */
.cd-popup-trigger { display: block; color:#ffffff; text-decoration:none;/* width: 170px; height: 50px; line-height: 50px; margin: 3em auto; text-align: center; color: #FFF; font-size: 14px; font-size: 0.875rem; font-weight: bold; text-transform: uppercase; border-radius: 50em; background: #35a785; box-shadow: 0 3px 0 rgba(0, 0, 0, 0.07); */}
.cd-popup-trigger:hover{ color:#fff; text-decoration:none;}
.cd-popup { position: fixed; left: 0; top: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.7); opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; z-index:9999;}
.cd-popup.is-visible { opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; -moz-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s; }
.cd-popup-container { position: relative; left:50%; top:50%; width: 90%; max-width:400px; margin:-97px 0 0 -200px; padding:20px 20px; background: #dee3e7; border-radius:0; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px); /* Force Hardware Acceleration in WebKit */
-webkit-backface-visibility: hidden; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; transition-property: transform; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; }
.cd-popup-container p {color: #4c4c4c;font:400 15px/22px Arial, Helvetica, sans-serif; margin:10px 0; }
.cd-popup-container form .row{position:relative; padding:10px 0}
.cd-popup-container form .row input[type=email]{ color: #14336b; font-size: 17px; border: none; background: #f9f9f9; line-height:30px; text-align: center; position: relative; margin:5px 0; padding:0 2%; width:96%; display:inline-block; border:#f9f9f9 1px solid;}
.cd-popup-container form .row input[type=text]{ color: #14336b; font-size: 17px; border: none; background: #f9f9f9; line-height:30px; text-align: center; position: relative; margin:5px 0; padding:0 2%; width:96%; display:inline-block; border:#f9f9f9 1px solid;}
.cd-popup-container form .row input[type=email]:focus:invalid{background:url(../images/invalid.png) no-repeat right center;}
.cd-popup-container form .row input[type=email]:required:valid{background:url(../images/valid-icon.png) no-repeat right center}

.cd-popup-container form .row input[type=submit]{ height:40px; cursor:pointer; background:#ca580c; color:#fff; text-transform:uppercase;font:18px/40px Arial, Helvetica, sans-serif; padding:0 20px;}
.cd-popup-container .cd-popup-close { position: absolute; top: 8px; right: 8px; width: 30px; height: 30px; font-size:0px;}
.cd-popup-container .cd-popup-close::before, .cd-popup-container .cd-popup-close::after { content: ''; position: absolute; top: 12px; width: 14px; height: 3px; background-color: #8f9cb5; }
.cd-popup-container .cd-popup-close::before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); left: 8px; }
.cd-popup-container .cd-popup-close::after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); right: 8px; }
.is-visible .cd-popup-container { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }


/* *****************************Edited By Ronk Jain *********************/

.login .row_inline input[type=text]:focus:invalid{background:url(../images/invalid.png) no-repeat right center;}
.login .row_inline input[type=text]:required:valid{background:url(../images/valid-icon.png) no-repeat right center}
.cd-popup-container .row{position:relative; padding:10px 0}
.cd-popup-container .row input[type=text]{ color: #14336b; font-size: 17px; border: none; background: #f9f9f9; line-height:30px; text-align: center; position: relative; margin:5px 0; padding:0 2%; width:96%; display:inline-block; border:#f9f9f9 1px solid;}

.cd-popup-container .row input[type=text]:focus:invalid{background:url(../images/invalid.png) no-repeat right center;}
.cd-popup-container .row input[type=text]:required:valid{background:url(../images/valid-icon.png) no-repeat right center}
.cd-popup-container .row input[type=submit]{ height:40px; cursor:pointer; background:#ca580c; color:#fff; text-transform:uppercase;font:18px/40px Arial, Helvetica, sans-serif; padding:0 20px;}
/* ***********************************************************************/