@charset "utf-8";*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
*:before, *:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
body, html, form, section{height:100%;}
html{font-size:10px;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
body{font-family:Arial !important;font-size:13px !important;line-height:15pt !important;color:#404040;background-color:#fff;padding-top:130px;font-weight:400;overflow-x:hidden}
body{opacity:0;}
@media (max-width:980px){body{padding-top:150px;}}
@media (max-width:767px){body{padding-top:150px;}}
input, button, select, textarea{font-family:inherit;font-size:inherit;line-height:inherit;}
a{color:#6287a7 !important;text-decoration:none;}
a:hover{color:#486986 !important;text-decoration:inherit !important;}
a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;color:inherit !important;text-decoration:inherit !important;}
p{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;margin:0px;margin-bottom:20px !important;font-size:inherit;line-height:inherit;}
img{max-width:100%;width:initial;height:auto}
.scrollup{position:fixed;bottom:0px;right:0px;display:none;z-index:9999;font-size:13px;}
.scrollup{-webkit-animation:fadeInUp 1000ms ease;-moz-animation:fadeInUp 1000ms ease;-ms-animation:fadeInUp 1000ms ease;}
a.scrollup{color:#fff !important;text-decoration:none;border:1px solid #ee8524;border-width:1px 1px 0px 1px;background:#ee8524;padding:15px 5px 7px 5px;line-height:15px;width:50px;right:5px;border-radius:100px;border-bottom-left-radius:0px;border-bottom-right-radius:0px;text-align:center;bottom:0px;}
a.scrollup:hover{color:#fff !important;text-decoration:none;border:1px solid #3c8cd9;border-width:1px 1px 0px 1px;background:#3c8cd9;text-decoration:none !important}
@media (max-width:767px){.scrollup{display:none !important}
}
.clear{clear:both;}
.spacer1{clear:both;width:100%;height:10px;}
.spacer2{clear:both;width:100%;height:20px;}
.spacer3{clear:both;width:100%;height:30px;}
.spacer4{clear:both;width:100%;height:40px;}
.spacer5{clear:both;width:100%;height:50px;}
.container-spacing-bt{padding:0px 0px 50px;margin:0px;width:100%;}
.container-spacing-t{padding:50px 0px 0px;margin:0px;width:100%;}
.container-spacing-t20 {padding:0px 0px 0px !important;}
.container-spacing-b20 {padding:0px 0px 20px !important;}
.container-spacing{padding:50px 0px;margin:0px;width:100%;}
.no-shadow{box-shadow:none !important}
.border{border:1px solid #ccc !important;}
.border-t{border-top:1px solid #ccc !important}
.border-b{border-bottom:1px solid #ccc !important}
.pad-br{padding:1px;}
.no-border-rd{border-radius:0px !important}
.no-border{border:none !important}
.no-border-l{border-left:none !important;}
.no-border-r{border-right:none !important;}
.no-border-t{border-top:none !important;}
.no-border-b{border-bottom:none !important;}
.marg-t{margin-top:30px !important;}
.marg-b{margin-bottom:40px !important;}
.no-margin{margin:0 !important;}
.no-margin-r{margin-right:0 !important;}
.no-margin-l{margin-left:0 !important;}
.no-margin-b{margin-bottom:0 !important;}
.no-margin-t{margin-top:0 !important;}
.no-margin-x{margin-left:0 !important;margin-right:0 !important;}
.no-margin-y{margin-top:0 !important;margin-bottom:0 !important;}
.pad-t{padding-top:40px !important;}
.pad-b{padding-bottom:40px !important;}
.pad-l{padding-left:15px !important;}
.pad-t-20{padding-top:20px !important;}
.pad-t-15{padding-top:15px !important;}
.pad-t-10{padding-top:10px !important;}
.no-pad{padding:0 !important;}
.no-pad-l{padding-left:0 !important;}
.no-pad-r{padding-right:0 !important;}
.no-pad-t{padding-top:0 !important;}
.no-pad-b{padding-bottom:0 !important;}
.no-pad-x{padding-left:0 !important;padding-right:0 !important;}
.no-pad-y{padding-top:0 !important;padding-bottom:0 !important;}
.navbar-brand h1{margin:0px !important;padding:0px !important;}
@media (max-width:1024px){.pad-t-sm{padding-top:20px !important;}
.pad-b-sm{padding-bottom:20px !important;}
}
@media (max-width:767px){.pad-t-xs{padding-top:20px !important;}
.pad-b-xs{padding-bottom:20px !important;}
.marg-t-xs{margin-top:20px !important;}
.marg-b-xs{margin-bottom:20px !important;}
.text-center-xs{text-align:center !important;}
}
hr.solid{border:0;border-top:1px solid #ccc;}
hr.dotted{border:0;border-top:1px dotted #666;background:#292929;}
hr.dashed{border:0;border-top:1px dashed #ccc;background:#fff;}
hr.double{border:0;border-top:1px dashed #ccc;background:#999;}
.err{font-size:12px;color:#c80000;}
.red{color:#c80000;}
a, .btn{-webkit-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s;}
.delay-05s{-webkit-animation-delay:0.5s;animation-delay:0.5s;}
.delay-06s{-webkit-animation-delay:0.6s;animation-delay:0.6s;}
.delay-07s{-webkit-animation-delay:0.7s;animation-delay:0.7s;}
.delay-08s{-webkit-animation-delay:0.8s;animation-delay:0.8s;}
.delay-09s{-webkit-animation-delay:0.9s;animation-delay:0.9s;}
.delay-1s{-webkit-animation-delay:1s;animation-delay:1s;}
.delay-15s{-webkit-animation-delay:1.5s;animation-delay:1.5s;}
.delay-2s{-webkit-animation-delay:2s;animation-delay:2s;}
.delay-25s{-webkit-animation-delay:2.5s;animation-delay:2.5s;}
.delay-3s{-webkit-animation-delay:3s;animation-delay:3s;}
ul.social_media{margin:0px;padding:0px 0px 5px 0px;width:100%;text-align:center}
ul.social_media li{display:inline-block;list-style-type:none;list-style-image:none;padding:0px;margin:0 0px 10px 5px;border:none;vertical-align:top;}
ul.social_media li a{display:block;font-size:16px;transition:none .6s ease-in-out;-webkit-transition:none .6s ease-in-out;-moz-transition:none .6s ease-in-out;-o-transition:none .6s ease-in-out;-ms-transition:none .6s ease-in-out;}
ul.social_media li a:hover{display:block;font-size:16px;}
ul.social_media .fa{padding:0px;margin:0px;font-weight:300;color:#404040;width:40px;height:40px;line-height:40px;text-align:center;}
ul.social_media .fa:hover{color:#fff}
.fa-facebook, .fa-google, .fa-google-plus, .fa-linkedin, .fa-youtube, .fa-youtube-play, .fa-tumblr, .fa-twitter, .fa-pinterest, .fa-instagram{border:#404040 1px solid;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-moz-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;-ms-transition:all .6s ease-in-out;border-radius:3px}
.fa-facebook:hover{background:#3b5998;border:#3b5998 1px solid;}
.fa-google:hover{background:#3f85f4;border:#3f85f4 1px solid;}
.fa-google-plus:hover{background:#d13f2d;border:#d13f2d 1px solid;}
.fa-linkedin:hover{background:#0275b5;border:#0275b5 1px solid;}
.fa-youtube:hover{background:#ce332d;border:#ce332d 1px solid;}
.fa-youtube-play:hover{background:#ce332d;border:#ce332d 1px solid;}
.fa-tumblr:hover{background:#274152;border:#274152 1px solid;}
.fa-twitter:hover{background:#4dc8f1;border:#4dc8f1 1px solid;}
.fa-pinterest:hover{background:#cb2028;border:#cb2028 1px solid;}
.fa-instagram:hover{background:#3e739d;border:#3e739d 1px solid;}
.img-left{float:left;margin-right:15px;margin-bottom:10px;margin-top:5px;}
.img-right{float:right;margin-left:15px;margin-bottom:10px;margin-top:5px;}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit;}
.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,
.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small, h6 small{font-weight:400;line-height:1;color:#777}
.h1,.h2,.h3,h1,h2,h3{margin-top:20px;margin-bottom:15px}
.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}
.h4,.h5,.h6,h4,h5,h6{margin-top:10px;margin-bottom:10px}
.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}
.h1,h1{font-size:24px !important;margin:0px 0px 10px 0px !important;padding:0px;line-height:28px;font-weight:700 !important;text-transform:uppercase; color:#0066b3}
.h2,h2{font-size:26px !important;color:#006b8e;margin:0px;text-transform:uppercase;line-height:normal !important;font-weight:500 !important;}
.h3,h3{font-size:20px !important;color:#2a435d;margin:0px;line-height:24pt;font-weight:800 !important;}
.h4,h4{font-size:16px !important;margin:0px 0px 10px !important;color:#005570;line-height:normal;font-weight:600 !important;}
.h5,h5{font-size:16px !important;font-weight:700 !important;line-height:normal !important;}
.h6,h6{font-size:12px}
.underline{position:relative;font-size:20px;max-width:150px;margin:auto;color:#000;padding:0px;margin-bottom:0px;height:1px;background-color:#d2dee6;}
h2.video{font-size:30px !important;color:#fff !important;text-transform:none;_letter-spacing:7px;}
h3.video{font-size:60px !important;color:#fff !important;font-weight:800;text-transform:uppercase}
h3.career{font-size:140px !important;float:left;margin:0px;padding:0px;line-height:106px;color:rgba(42,67,93,.4);font-weight:400 !important}
h2.home{font-size:35px !important;margin-bottom:25px;padding:0px;color:#9babbc;font-weight:800 !important;text-transform:uppercase}
h2.carrers{font-size:20px !important;text-transform:none;font-weight:300}
h3.carrers{font-weight:600}
h1.txt-clr-blue{color:#2b445e;}
h1.txt-clr-blue span{font-size:16px !important;font-weight:600 !important;color:#9babbc !important;line-height:10px !important;}
h1.txt-clr-blue span a{color:#9babbc !important;}
h2.txt-clr-blue{color:#9babbc;font-size:26px !important;margin:0px 0px 20px 0px !important;padding:0px;line-height:28px;font-weight:800 !important;text-transform:uppercase;}
h3.cont-hd{text-transform:uppercase}
.wrapper{_position:relative;width:100%;margin:0 auto;text-align:left;float:none;}
.wrapper{min-height:100% !important;height:auto !important;height:100%;margin:0 auto -180px;}
.footer{position:relative;bottom:0px;width:100%;margin:0 auto;background:#2d4660 url(images/bg-footer.png) no-repeat bottom fixed;}
.footer, .push{min-height:180px;clear:both;}
@media (max-width:980px){.footer{position:relative;bottom:0px;width:100%;margin:0 auto;background:#2d4660;background-image:none}
}
.navbar-shadow{-webkit-box-shadow:0px 3px 5px 0px rgba(186,186,186,.5);-moz-box-shadow:0px 3px 5px 0px rgba(186,186,186,.5);box-shadow:0px 3px 5px 0px rgba(186,186,186,.5);}
.bg-nav {background:#002b4b}
.nav-inline {padding:10px !important;}
.nav-inline li{padding:0px;font-size:12px;text-transform:none;color:#fff !important;font-weight:600;position:relative;}
.nav-inline .nav-item{margin:0px !important; padding:0px 10px;}
.nav-inline li a{color:#fff !important;padding:0px; margin:0px; display:block}
.nav-inline li a:hover, .nav-inline li a.active{color:#f58220 !important;text-decoration:none !important}

.bg-domain {background:#0095da}
.bg-invoice {background:#c80000}
.bg-po-invoice {background:#f58220}

li.dropdown-item a {color:#000 !important; padding:7px; font-weight:normal}
@media (max-width:1024px){.nav-inline{margin-top:0px;display:block}
.nav-inline li{padding:10px 0px;font-size:12px;text-transform:uppercase;color:#000;font-weight:400;border-bottom:1px solid #ebf1f5;display:block !important}
.nav-inline li:before{content:'\f105';padding-right:10px;font-family:'FontAwesome';color:#20455e;float:left;margin-left:0px;font-weight:bold}
.nav-inline li.nav-item{display:block;float:none !important}
.nav-inline .nav-item + .nav-item{margin:0px !important;}
}
@media (max-width:1024px){.nav-inline li a{color:inherit;padding:0px 0px 0px;display:block}}
@media (max-width:980px){
.nav-inline {padding:0px !important;}
.pull-left {float:none !important}
.nav-inline li a {color:#000 !important; margin:5px;}
}
.btn-marg-b{margin-bottom:10px;}
.btn-marg-t{margin-top:10px;}
.btn-rgt{float:right}
.btn-lft{float:left}
.apply{position:absolute;right:15px}
.link-btn{text-align:center;text-decoration:none !important;padding:7px 20px;font-size:15px;margin:0px 0px;}
.btn-inline{display:inline-block;}
.link-btn .fa{margin-right:5px;}
.link-btn a{color:inherit;display:block !important;-webkit-transition:all .0s ease 0s;-o-transition:all .0s ease 0s;transition:all .0s ease 0s;}
.link-btn a:hover{color:inherit;text-decoration:none}
.clr-white-br{border:1px solid #fff;color:#fff;-webkit-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s;}
.clr-white-br:hover{border:1px solid #fff;color:#000;background:#fff}
.clr-blue-br{border:1px solid #6287a7;color:#6287a7;-webkit-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s;padding:7px 20px;}
.clr-blue-br:hover{border:1px solid #6287a7;color:#fff !important;background:#6287a7}
.clr-orange-br{border:1px solid #f58220;color:#f58220;-webkit-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s;padding:7px 20px;}
.clr-orange-br:hover{border:1px solid #f58220;color:#fff !important;background:#f58220}
.clr-drkblue-br{border:1px solid #253d57;color:#253d57;-webkit-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s;padding:7px 20px;}
.clr-drkblue-br:hover{border:1px solid #253d57;color:#fff !important;background:#253d57}
.btn-back{border:1px solid #d2dde4;color:#000;-webkit-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s;padding:4px 25px;}
.btn-back:hover{border:1px solid #d2dde4;color:#000 !important;background:#d2dde4}
.btn-client{border:1px solid #d2dde4;color:#000;-webkit-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s;padding:4px 25px;background:#ebf1f5;float:right}
.btn-client:hover{border:1px solid #d2dde4;color:#000 !important;background:#fff}
.bg-white{background:#fff;}
.bg-services{background:#ebf1f5;}
.bg-banner-panel{background:#007296 url(images/bg-belief.gif) no-repeat center bottom fixed;padding:40px 0px;float:left;width:100%;color:#fff;font-size:19px;font-weight:400}
.bg-banner-panel h2{color:#fff;font-size:30px !important;font-weight:800 !important;text-transform:uppercase;}
.bg-banner-panel ul{padding:0px !important;margin:0px;}
.bg-banner-panel ul li{padding:0px;margin:0px;text-align:left !important;font-size:15px;}
.bg-banner-panel a{color:inherit}
.bg-panel{background:#ddf1ff !important;padding:25px 0px;margin:45px 0px;}
.bg-panel h2{color:#006b8e!important;font-weight:500!important;font-size:24px!important;text-transform:uppercase!important;}
.text-blue{color:#006b8e!important;}
.clr-skyblue, .clr-orange, .clr-blue, .clr-lt-blue, .clr-yellow, .clr-grey, .clr-black{text-align:center;color:#fff !important;-webkit-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s;}
.clr-skyblue{background:#1eadc7 !important;}
.clr-orange{background:#f58220 !important}
.clr-blue{background:#0092d5 !important}
.clr-lt-blue{background:#7aaed1 !important;color:#000 !important}
.clr-lt-blue h2 {color:#000 !important}
.clr-yellow{background:#ffa200 !important;color:#000 !important}
.clr-yellow h2 {color:#000 !important}
.clr-grey{background:#4b4b4b !important}
.clr-black{background:#000 !important}
.clr-skyblue:hover{background:#159db6 !important;}
.clr-orange:hover{background:#e17316 !important}
.clr-blue:hover{background:#0181bc !important}
.clr-lt-blue:hover{background:#6195b8 !important;color:#000 !important}
.clr-yellow:hover{background:#e39101 !important;color:#000 !important}
.clr-grey:hover{background:#3d3c3c !important}
.clr-black:hover{background:#000 !important}
.grid{width:100%;}
.grid:after{content:'';display:block;clear:both;}
.grid-item{width:auto;height:auto;border:1px solid #fff;background:inherit;float:left;position:relative;}
.video_holder{position:relative;min-height:100%;width:100%;top:0px;margin:auto;float:left;background:#000;margin-bottom:20px}
#video_container{position:absolute;height:100%;width:100%;margin:0 auto;padding:0;top:0px;}
.video_mask{height:100%;margin:0 auto;padding:0;position:absolute;width:100%;top:0px;background:rgba(27,107,144,0.50) url(images/pattern2.png);z-index:9;color:#fff;font-size:17px;font-weight:400;text-align:center;}
.video_mask p{text-align:center}
.video_mask .container{display:table;max-width:1100px;width:100%;height:400px;position:absolute;margin:auto;top:50%;left:50%;margin-left:-550px;margin-top:-200px;}
.video_mask .container .caption{display:table-cell;vertical-align:middle;width:100%;}
.video_mask .container .caption ul{list-style:none;margin:0px;padding:0px;}
.video_mask .container .caption ul li{list-style:none;margin:0px;padding:0px;}
@media (max-width:980px){.video_mask .container{width:90%;height:400px;position:absolute;margin:auto;top:50%;left:50%;margin-left:-45%;margin-top:-200px;}
.video_mask .container .caption{vertical-align:middle;width:100%;}
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape){.video_holder{display:none}
}
.grid-item1{max-width:295px;width:100%;height:175px;overflow:hidden;}
.grid-item2{max-width:560px;width:100%;height:175px;overflow:hidden;}
.grid-item3{max-width:295px;width:100%;height:350px;overflow:hidden;}
.grid-item4{max-width:280px;width:100%;height:175px;overflow:hidden;}
figure.effect-ruby{height:100%;width:100%;display:table;}
figure.effect-ruby a{height:100%;width:100%;left:0px;right:0px;top:0px;bottom:0px;display:table-cell;vertical-align:middle;z-index:999;color:inherit;}
.grid figure figcaption{padding:1.5em 0px;text-transform:uppercase;font-size:1.25em;-webkit-backface-visibility:hidden;backface-visibility:hidden;}
.grid figure figcaption::before,
.grid figure figcaption::after{pointer-events:none;}
.grid a figure figcaption{position:absolute;top:0;left:0;bottom:0px;width:100%;height:100%;}
.grid a figure.effect-ruby figcaption.pic-info{opacity:1;transition:opacity 0.35s;}
.grid a:hover figure.effect-ruby figcaption.pic-info{opacity:1;}
.grid figure.effect-ruby figcaption.pic-info1{padding:40% 0px; display:block}
figure.effect-ruby img{opacity:0.5 !important;-webkit-transition:opacity 0.6s, -webkit-transform 0.6s;transition:opacity 0.6s, transform 0.6s;-webkit-transform:scale(1);transform:scale(1);position:relative;width:initial !important;max-width:initial !important;height:100%;}
figure.effect-ruby:hover img{opacity:0.4 !important;-webkit-transform:scale(1.15);transform:scale(1.15);}
figure.effect-ruby h2{font-size:18px;font-weight:400;margin-top:0;-webkit-transition:-webkit-transform 0.6s;transition:transform 0.6s;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0);color:inherit; color:#fff}
figure.effect-ruby h2 span{font-size:27px;font-weight:800;text-transform:uppercase;}
figure.effect-ruby:hover h2{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
 a figure.effect-ruby nav{position:relative;opacity:0;-webkit-transition:opacity 0.8s, -webkit-transform 0.8s;transition:opacity 0.8s, transform 0.8s;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0);font-size:14px;color:#fff;padding:5px 10px;}
a:hover figure.effect-ruby nav{opacity:1;color:#fff;padding:5px 10px;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
.effect-ruby nav::before,
.effect-ruby nav::after{position:absolute;content:'';opacity:0;height:100%;}
.effect-ruby nav::before{top:0px;right:25%;bottom:0px;left:25%;border-top:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:scale(0,1);transform:scale(0,1);-webkit-transform-origin:0 0;transform-origin:0 0;}
.effect-ruby nav::after{top:0px;right:25%;bottom:0px;left:25%;border-right:1px solid #fff;border-left:1px solid #fff;-webkit-transform:scale(1,0);transform:scale(1,0);-webkit-transform-origin:100% 0;transform-origin:100% 0;}
.effect-ruby nav::before,
.effect-ruby nav::after{-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;transition:opacity 0.35s, transform 0.35s;}
.effect-ruby:hover nav::before,
.effect-ruby:hover nav::after{opacity:1;-webkit-transform:scale(1);transform:scale(1);}
.effect-ruby:hover nav::after{-webkit-transition-delay:0.15s;transition-delay:0.15s;}
@media (max-width:1024px){.grid-item1{max-width:243px;width:100%;height:175px;overflow:hidden;}
.grid-item2{max-width:463px;width:100%;height:175px;overflow:hidden;}
.grid-item3{max-width:243px;width:100%;height:350px;overflow:hidden;}
.grid-item4{max-width:232px;width:100%;height:175px;overflow:hidden;}
}
@media (max-width:980px){.grid-item1{max-width:50%;width:100%;height:175px;overflow:hidden;}
.grid-item2{max-width:50%;width:100%;height:175px;overflow:hidden;}
.grid-item3{max-width:50%;width:100%;height:350px;overflow:hidden;}
.grid-item4{max-width:50%;width:100%;height:175px;overflow:hidden;}
figure.effect-ruby{position:relative;height:100%;width:100%;display:block;}
figure.effect-ruby img{width:100%;height:auto}
.grid figure.effect-ruby > a figcaption.pic-info{opacity:1;transition:opacity 0.35s;}
.grid figure.effect-ruby > a:hover figcaption.pic-info{opacity:1;}
figure.effect-ruby img{opacity:0.5;-webkit-transition:opacity 0.6s, -webkit-transform 0.6s;transition:opacity 0.6s, transform 0.6s;-webkit-transform:scale(1);transform:scale(1);position:relative;}
figure.effect-ruby a nav{opacity:1;border:1px solid #fff;display:inline-block;padding:5px 15px;}
figure.effect-ruby:hover a nav{opacity:1;border:1px solid #fff;display:inline-block;padding:5px 15px;}
.effect-ruby:hover nav::before,
.effect-ruby:hover nav::after{opacity:0;-webkit-transform:scale(1);transform:scale(1);}
.grid figure figcaption{padding:1em;color:#fff;text-transform:uppercase;font-size:1.25em;-webkit-backface-visibility:hidden;backface-visibility:hidden;}
}
@media (max-width:767px){.grid-item1{max-width:100%;width:100%;height:175px;overflow:hidden;}
.grid-item2{max-width:100%;width:100%;height:175px;overflow:hidden;}
.grid-item3{max-width:100%;width:100%;height:350px;overflow:hidden;}
.grid-item4{max-width:100%;width:100%;height:175px;overflow:hidden;}
}
.stats-bg{background:#2d5060 url(images/bg-stats.gif) no-repeat center bottom fixed;padding:60px 0px;float:left;width:100%;}
ul.stats{float:left;width:100%;text-align:center;margin:0;padding:0;}
ul.stats li{list-style:none;width:25%;color:#000;margin:0px;padding:15px 20px;vertical-align:top;line-height:normal;border:1px solid #dadada;border-width:0px 1px 0px 0px;float:left;text-align:center}
ul.stats li div{text-align:left;width:195px;float:none !important;margin:auto !important}
ul.stats li:first-child{border-left:0px solid #dadada}
ul.stats li:last-child{border-right:0px solid #dadada}
ul.stats li span{font-size:35px;font-weight:800;text-align:left;color:#fff}
ul.stats li p{color:#fff;font-size:14pt;margin-bottom:0px !important;font-weight:300;text-transform:uppercase}
ul.stats li:nth-child(3) .numscroller:after{content:'\f067';padding-right:10px;font-family:'FontAwesome';line-height:13pt;font-weight:normal;padding-left:5px;font-size:14px;line-height:54px;text-align:left;position:absolute}
@media (max-width:980px){ul.stats li{width:50%;margin:0px 0px -1px -1px;border-width:1px 1px 1px 1px}
ul.stats li:first-child{border-left:1px solid #dadada}
ul.stats li:last-child{border-right:1px solid #dadada}
}
@media (max-width:767px){ul.stats li{width:100%;margin:0px;border-width:1px 1px 1px 1px}
}
ul.portfoliolist{display:block;padding:0px;margin:0px;width:100%;}
ul.portfoliolist li{display:inline-block;margin:.42%;padding:0px;width:32.52%;overflow:hidden;-webkit-animation-name:fadeInUp;animation-name:fadeInUp;text-align:center}
ul.portfoliolist li a{color:inherit}
figure{position:relative;overflow:hidden}
figure.effect-goliath{background:#ebf1f5;color:#000}
figure.effect-goliath figcaption{margin:0px;padding:0px;text-align:center;opacity:1;}
figure.effect-goliath img{-webkit-transition:-webkit-transform 0.35s;transition:transform 0.35s;position:relative;z-index:9;-webkit-backface-visibility:hidden;backface-visibility:hidden;}
figure.effect-goliath h2{position:absolute;bottom:0;left:0;padding:0px 0px 30px;width:100%;text-align:center;color:#000;}
figure.effect-goliath p     {position: absolute; bottom:0; left:0; padding:20px; width:100%; text-align:center; color:#000;}
figure.effect-goliath h2{text-transform:uppercase;opacity:0;font-size:15px !important;font-weight:800 !important; height:55px;}
figure.effect-goliath p{text-transform:none;opacity:0;font-size:14px;font-weight:400;}
figure.effect-goliath:hover img {-webkit-transform: translate3d(0,-80px,0); transform: translate3d(0,-80px,0);}
figure.effect-goliath:hover h2{opacity:1;padding:10px; line-height:normal}
figure.effect-goliath:hover p{opacity:1;}
figure.effect-goliath figcaption{position:absolute;bottom:0;left:0;padding:15px 10px;width:100%;text-align:center;color:#000;height:100px;}
figure.effect-goliath:hover figcaption{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
figure.effect-goliath h2{text-transform:uppercase;opacity:0;-webkit-transition:opacity 0.35s, -webkit-transform 0.35s, all 0.35s;transition:opacity 0.35s, transform 0.35s, all 0.35s;-webkit-transform:translate3d(0,70px,0);transform:translate3d(0,70px,0);font-size:15px !important;font-weight:800 !important}
figure.effect-goliath p{text-transform:none;opacity:0;-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;transition:opacity 0.35s, transform 0.35s;-webkit-transform:translate3d(0,100px,0);transform:translate3d(0,100px,0);font-size:14px;font-weight:400;}
figure.effect-goliath:hover h2{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
figure.effect-goliath:hover p{opacity:1;-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0);}
.testimonials{float:left;background:#f5f6f8;width:100%;padding:20px;text-align:left;font-size:13px;}
.testimonials p{color:#000}
.testimonials p:last-child{margin-bottom:0px!important;}
li:nth-child(1n+1) .testimonials{background:#dac5b2;}
li:nth-child(2n+1) .testimonials{background:#abe2d7;}
li:nth-child(3n+1) .testimonials{background:#e6d5a7;}
li:nth-child(4n+1) .testimonials{background:#d2e38a;}
li:nth-child(5n+1) .testimonials{background:#abcce2;}
h2.client-name{font-size:15px !important;color:#253d57;font-weight:800 !important}
h3.client-position{font-size:14px !important;font-weight:400 !important;color:#000;}
@media (max-width:992px){ul.portfoliolist{display:block;margin:0px;margin:0px;width:100%;text-align:center}
ul.portfoliolist li{display:inline;margin:.5%;padding:0px;width:49%;overflow:hidden}
figure.effect-goliath{background:#ebf1f5;color:#000;}
figure.effect-goliath figcaption{padding:10px;}
figure.effect-goliath h2,
figure.effect-goliath p{position:relative;bottom:0;left:0;padding:0px;width:100%;text-align:center;color:#000;margin:0px !important;}
figure.effect-goliath h2{text-transform:uppercase;opacity:1;-webkit-transform:translate3d(0,0px,0);transform:translate3d(0,0px,0);}
figure.effect-goliath p{text-transform:none;opacity:1;-webkit-transform:translate3d(0,0px,0);transform:translate3d(0,0px,0);}
figure.effect-goliath:hover img{-webkit-transform:translate3d(0,0px,0);transform:translate3d(0,0px,0);}
figure.effect-goliath:hover h2{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);padding:0px;}
figure.effect-goliath:hover p{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape){figure.effect-goliath{background:#ebf1f5;color:#000;}
figure.effect-goliath figcaption{padding:10px;}
figure.effect-goliath h2,
figure.effect-goliath p{position:relative;bottom:0;left:0;padding:0px;width:100%;text-align:center;color:#000;margin:0px !important;}
figure.effect-goliath h2{text-transform:uppercase;opacity:1;-webkit-transform:translate3d(0,0px,0);transform:translate3d(0,0px,0);}
figure.effect-goliath p{text-transform:none;opacity:1;-webkit-transform:translate3d(0,0px,0);transform:translate3d(0,0px,0);}
figure.effect-goliath:hover img{-webkit-transform:translate3d(0,0px,0);transform:translate3d(0,0px,0);}
figure.effect-goliath:hover h2{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);padding:0px;}
figure.effect-goliath:hover p{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
}
@media (max-width:544px){a figure{float:none;margin:auto;}
figure.effect-goliath{background:#fff;color:#000;}
figure.effect-goliath figcaption{background:#ebf1f5;max-width:394px;float:none;margin:auto;width:100%;}
ul.portfoliolist{text-align:center}
ul.portfoliolist li{padding:0px 0px 10px;max-width:394px;width:100%;margin:auto;float:none;position:absolute;right:0px;left:0px;}
ul.portfoliolist li .img-fluid{display:inline-block;}
}
.client-bg{background:#ebf1f5;padding:60px 0px;float:left;width:100%;}
ul.clientlist{display:block;margin:0px;padding:0px 5%;text-align:center;}
ul.clientlist li{display:inline-block;margin:0px;padding:00px 0px;width:100%;_border-bottom:1px solid #d8dde1;_border-right:1px solid #d8dde1;background:url(images/bg-map.png) no-repeat center center;}
ul.clientlist li div{display:inline-block;margin:0px -3px -3px;padding:40px 0px;width:200px;border-bottom:1px solid #d8dde1;border-right:1px solid #d8dde1;text-align:center}
ul.clientlist li div img{float:none;margin:auto}
ul.clientlist-inside{display:block;margin:0px;padding:0px;text-align:center;}
ul.clientlist-inside li{display:inline-block;margin:0px 0px -1px -1px;padding:40px 0px;width:231px;border:1px solid #d8dde1;text-align:center;}
ul.clientlist li div:nth-child(5n+0){border-right:0px solid #d8dde1;}
ul.clientlist li div:nth-last-child(-n+5){border-bottom:0px solid #d8dde1;}
ul.clientlist li img/*, ul.clientlist-inside li img*/{-webkit-filter:grayscale(100%);filter:grayscale(100%);opacity:0.75;-webkit-animation-name:zoomIn;animation-name:zoomIn;}
@media (max-width:1024px){ul.clientlist li{padding:30px 0px;width:160px;}
}
@media (max-width:980px){ul.clientlist{display:block;margin:0px;padding:0px;text-align:center;background:url(images/bg-map.png) no-repeat center center;background-size:85%;text-align:center}
ul.clientlist li{display:inline-block;margin:0px -3px;padding:15px 0px;width:130px;border-bottom:1px solid #d8dde1;border-right:1px solid #d8dde1;text-align:center}
ul.clientlist li img{max-width:100%;width:initial;height:auto}
}
@media (max-width:767px){ul.clientlist li{margin:0px 0px 4px;padding:0px 0px;width:150px;border:1px solid #d8dde1;border-right:1px solid #d8dde1;}
ul.clientlist li:nth-child(5n+0){border:1px solid #d8dde1;}
ul.clientlist li:nth-last-child(-n+5){border:1px solid #d8dde1;}
ul.clientlist-inside{display:block;margin:0px;padding:0px;text-align:center;}
ul.clientlist-inside li{display:inline-block;margin:0px 0px -1px -1px;padding:20px 0px;width:50%;border:1px solid #d8dde1;text-align:center;background:#fff}
}
.list ul{display:block;padding:0px;padding:0px 0px 15px 15px !important;float:left;width:100%;}
.list ul li{display:block;padding:0px !important;margin:1px 0px !important;height:auto;padding-left:20px;width:100%;border:none !important;}
.list ul li:before{content:'\f105';padding-right:8px;font-family:'FontAwesome';float:left;margin-left:-12px;line-height:16pt;}
.section-head{display:block;margin:0px;padding:0px;color:#fff;font-size:16px;}
.section-head .bg-ecom{background:#f58220 url(images/bg-ecom.gif) no-repeat center top fixed;height:280px;padding:0px;overflow:hidden;}
.section-head .bg-web-app{background:#1dadc7 url(images/bg-web-app.gif) no-repeat center top fixed;height:280px;padding:0px;overflow:hidden}
.section-head .bg-mob-app{background:#ffa201 url(images/bg-mob-app.gif) no-repeat center top fixed;height:280px;padding:0px;overflow:hidden}
.section-head .bg-ssl{background:#444444 url(images/bg-ssl.gif) no-repeat center top fixed;height:280px;padding:0px;overflow:hidden}
.section-head .bg-web-pres{background:#0092d5 url(images/bg-web-pres.gif) no-repeat center top fixed;height:280px;padding:0px;overflow:hidden}
.section-head .bg-web-prom{background:#7aaed1 url(images/bg-web-prom.gif) no-repeat center top fixed;height:280px;padding:0px;overflow:hidden}
.section-head .bg-aboutus{background:#32aae1 url(images/bg-aboutus.gif) no-repeat center top fixed;height:280px;padding:0px;overflow:hidden}
.section-head img{max-width:100%;height:auto;width:inherit}
.body-header{display:table;width:100%;padding:0px;margin:0px;height:280px;}
.body-header .detail{display:table-cell;width:100%;padding:0px;height:280px;margin:0px;vertical-align:middle}
.body-header .detail ul{display:block;padding:0px;margin:0px;}
.body-header .detail ul li{padding:0px;margin:0px 0px 0px 25px;}
.section-head h1{font-weight:800;text-transform:uppercase;}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape){.section-head .bg-ecom{padding:20px 0px;height:300px;}
}
@media (max-width:991px){.section-head .bg-ecom{height:auto;padding:20px 0px;}
}
@media (max-width:768px){.section-head .bg-ecom, .section-head .bg-web-app, .section-head .bg-mob-app, .section-head .bg-ssl, .section-head .bg-web-pres, .section-head .bg-web-prom, .section-head .bg-aboutus{height:auto !important;}
.body-header{height:auto;}
.body-header .detail{padding:20px 5px;height:auto;}
}
.panels{display:block;float:left;padding-bottom:45px;padding:0px 9%;}
.panels hr{width:70%;margin:0px 0px 0px 15%;margin-top:45px;padding-bottom:45px;border-top:5px #ebf1f5 solid;display:block;float:left;}
.panels .info{float:left;width:60%;}
.panels .pic{float:left;width:40%}
.panels .info .detail{padding-right:10%;}
.panels .pic .img-fluid{display:inline-block !important}
.panels:nth-child(even) .info{float:right;}
.panels:nth-child(even) .info .detail{padding-right:0;padding-left:10%;}
.panels:nth-child(even) .pic{float:left;}
.panels h3{font-weight:800;line-height:normal}
.panels ul{display:block;margin:0px;padding:0px;}
.panels ul li{list-style:none;margin:0px 0px 0px 40px;padding:12px 50px 12px 0px;_border-bottom:1px dotted #ccc;max-width:400px}
.panels ul li:last-child{border-bottom:0px;}
.panels ul li .fa{padding-right:0px;font-family:'FontAwesome';color:#c8c8c8;float:left;margin-right:10px;margin-left:-40px;line-height:13pt;font-weight:bold;font-size:20px;width:30px;}
@media (max-width:980px){.panels{display:block;float:left;padding-bottom:45px;padding:0px 2%;}
.panels .info{float:left;width:70%;}
.panels .pic{float:left;width:30%}
}
@media (max-width:767px){.panels{display:block;float:left;padding-bottom:45px;padding:0px 5%;}
.panels .info{float:left;width:100%;}
.panels .info .detail{padding:0;}
.panels .pic{float:none;margin:auto;width:100%;}
.panels:nth-child(even) .info{float:left;}
.panels:nth-child(even) .info .detail{padding:0;}
.panels:nth-child(even) .pic{float:none;margin:auto}
}
.bg-career{background:#f0f7fb url(images/bg-career.jpg) center center;padding:40px 20px;color:#253d57;font-weight:600;font-size:16px;border:1px solid #d2dde4}
.bg-testimonial{background:#f0f7fb url(images/bg-testimonial.jpg) center center;padding:40px 20px;color:#253d57;font-weight:600;font-size:16px;border:1px solid #d2dde4}
.company-info{padding:0px 10%;}
.belief-bg{background:#007296 url(images/bg-belief.gif) no-repeat center bottom fixed;padding:40px 0px;float:left;width:100%;color:#fff;font-size:17px;font-weight:300}
.belief-bg b{font-weight:800;font-size:20px}
.belief-bg h2{color:#fff;font-size:30px !important;font-weight:800 !important;text-transform:uppercase;}
.header{margin-bottom:20px;}
.header hr{background:#fff;margin:0px 47%;height:2px;}
.belief-bg ul{display:block;text-align:center;margin:0px;padding:0px;}
.belief-bg ul li{display:block;margin:10px 0px;padding:0px;}
.belief-bg ul li hr{background:#fff;margin:0px 45%;height:2px;}
.about-grad h2{color:#fff;font-size:16px !important;font-weight:800 !important;text-transform:uppercase}
.content ul{margin-bottom:20px;display:block;margin:0px;padding:0px;}
.content ul li{list-style:none;margin:0px 0px 0px 0px;padding:2px 10px;width:100%;padding-left:20px;-webkit-animation-name:fadeInUp;animation-name:fadeInUp;}
.content ul li:before{content:'\f105';padding-right:8px;font-family:'FontAwesome';float:left;margin-left:-15px;font-weight:800;line-height:18pt;}
.content ul li ul{margin-bottom:0px;display:block;margin-bottom:2px;}
.content ul li ul li{list-style:none;margin:0px;padding:2px 10px;width:100%;padding-left:20px;}
.content ul li ul li:before{content:'\f0c8';padding-right:8px;font-family:'FontAwesome';color:#000;float:left;margin-left:-15px;font-size:8px;line-height:18pt;}
.content ul li ul li ul li{list-style:none;margin:0px;padding:0px 10px;width:100%;padding-left:20px;}
.content ul li ul li ul li:before{content:'\f0c8';padding-right:8px;font-family:'FontAwesome';color:#999;float:left;margin-left:-15px;font-size:8px;line-height:18pt;}

ul.tick{margin-bottom:20px;display:block;margin:0px;padding:0px;}
ul.tick li{list-style:none;margin:0px 0px 0px 0px;padding:2px 10px;width:100%;padding-left:20px;-webkit-animation-name:fadeInUp;animation-name:fadeInUp;}
ul.tick li:before{content:'\f00c';padding-right:8px;font-family:'FontAwesome';float:left;margin-left:-15px;font-weight:normal;line-height:18pt;}

ul.caret{margin-bottom:20px;display:block;margin:0px;padding:0px;}
ul.caret li{list-style:none;margin:0px 0px 0px 0px;padding:2px 10px;width:100%;padding-left:20px;-webkit-animation-name:fadeInUp;animation-name:fadeInUp;}
ul.caret li:before{content:'\f0da';padding-right:8px;font-family:'FontAwesome';float:left;margin-left:-15px;font-weight:normal;line-height:18pt;}


@media (max-width:980px){.company-info{padding:0px 0%;}
}
ul.contlist{display:block;margin:0px;padding:0px;}
ul.contlist li{display:block;margin:0px 0px 0px 0px;padding:5px 0px 5px 10px;margin-left:0px;border-left:2px solid #f58220}
ul.contlist li.add:before{content:'\f124';padding-right:12px;font-family:'FontAwesome';float:left;margin-left:-42px;font-size:18px;line-height:16pt;color:#0095da;}
ul.contlist li.tel:before{content:'\f095';padding-right:12px;font-family:'FontAwesome';float:left;margin-left:-42px;font-size:18px;line-height:16pt;-ms-transform:rotate(43deg);transform:rotate(43deg);margin-top:3px;color:#0095da}
ul.contlist li.fax:before{content:'\f1ac';padding-right:12px;font-family:'FontAwesome';float:left;margin-left:-42px;font-size:18px;line-height:16pt;color:#0095da}
ul.contlist li.email:before{content:'\f0e0 ';padding-right:12px;font-family:'FontAwesome';float:left;margin-left:-42px;font-size:18px;line-height:16pt;color:#0095da}
.contact-form{display:block;padding:0px 0%;margin:0px;width:100%;float:left}
.bg-web-app-cont{background:#e4fbff;float:left;width:100%;padding:60px 10px;}
.bg-web-app-cont-form{background:#1dadc7 url(images/bg-web-app.gif) no-repeat center top;float:left;width:100%;padding:60px 10px;}
.bg-e-com-cont{background:#fff5ed;float:left;width:100%;padding:60px 10px;}
.bg-web-pres-cont{background:#daf3ff;float:left;width:100%;padding:60px 10px;}
.bg-web-prom-cont{background:#ebf7ff;float:left;width:100%;padding:60px 10px;}
.bg-ssl-cont{background:#f6f6f6;float:left;width:100%;padding:60px 10px;}
@media (max-width:980px){.contact-form{padding:0px 2%;}
}
.ftr-container{padding:10px 0px;color:#fff;font-size:13px;}
.ftr-container a{color:inherit}
.ftr-container a:hover{color:inherit;text-decoration:underline !important}
ul.ftrlist{display:block;margin:0px;padding:15px 0%;text-align:left;color:#fff;font-size:13px;text-transform:uppercase;border-bottom:1px solid #37586e}
ul.ftrlist li{display:inline-block;margin:0px;padding:5px 30px 5px 0px;}
.ftr-container .img-fluid{display:inline-block}
ul.cl-2-act{display:block;margin:0px;padding:18px 0px;text-align:left;color:#fff;font-size:13px;}
ul.cl-2-act li{display:inline-block;margin:0px;padding:0px 15px 0px 0px;}
ul.cl-2-act li .fa{margin-right:8px;font-size:18px;}
ul.cl-2-act li .fa-phone{-ms-transform:rotate(7deg);-webkit-transform:rotate(7deg);transform:rotate(45deg);margin-right:2px;}
@media (max-width:1024px){.ftr-container{padding:20px 0px;color:#fff;font-size:13px;}
ul.ftrlist{padding:0px 10px 5px;}
ul.ftrlist li{padding:8px 25px;}
}
@media (max-width:980px){ul.ftrlist{padding:0px 20px 5px;text-align:center}
ul.ftrlist li{padding:8px 10px;}
}
@media (max-width:767px){.ftr-container{padding:0px 0px;color:#fff;font-size:13px;}
ul.cl-2-act li{display:inline-block;margin:0px;padding:0px 0px 5px 0px;}
ul.ftrlist{display:block;margin:0px;padding:15px 0%;text-align:center;font-size:13px;}
ul.ftrlist li{display:inline-block;margin:0px;padding:5px 10px 5px 0px;}
.embed-responsive-map{padding-bottom:50%;}
}
ul.cr-list{margin:0px;padding:0px;float:left !important;width:65%}
ul.cr-list li{display:block;margin:0px 0px 0px 5px !important;padding:0px;float:left;width:100%;}
@media (max-width:1024px){h3.career{font-size:140px !important;font-weight:800 !important;line-height:110pt !important;}
ul.cr-list{margin:0px;padding:0px;float:left !important;width:60%}
}
@media (max-width:767px){h3.career{font-size:20px !important;font-weight:800 !important;line-height:normal;color:rgba(42,67,93,.6)}
ul.cr-list{margin:0px;padding:0px;float:right !important;width:85%;font-size:13px;border-left:1px solid rgba(42,67,93,.4)}
ul.cr-list li{list-style-type:square;margin:0px 0px 0px 10px !important;padding:3px 0px !important;float:left;width:100%;line-height:normal;}
}
ul.careerlist{display:block;margin:0px;padding:0px;}
ul.careerlist li{display:block;margin:0px 0px 30px;padding:0px 0px 40px;float:left;border-bottom:1px solid #d8dde1;width:100%;}
ul.careerlist li:last-child{border-bottom:none}
ul.careerlist li .icon{float:left;width:15%;}
ul.careerlist li .detail{float:left;width:85%;}
ul.careerlist li .btn-inline:nth-child(1){display:inline;text-align:left;margin-left:15%;}
ul.careerlist li .btn-inline:nth-child(2){display:inline;text-align:right}
.goog-te-gadget-simple{background-color:transparent !important;border-left:1px solid #fff !important;border-top:1px solid #fff !important;border-bottom:1px solid #fff !important;border-right:1px solid #fff !important;font-size:10pt;display:inline-block;padding:5px !important;cursor:pointer;zoom:1;}
.goog-te-gadget-simple .goog-te-menu-value{color:#fff !important;}
.goog-te-gadget-simple a:hover{text-decoration:none !important;}
.hlf-panel{padding:20px 0;position:relative;}
.hlf-panel .container{min-height:300px;position:static;}
.hlf-panel .container .col-md-6{}
.hlf-panel-rht{background-repeat:no-repeat;background-size:50% auto;background-position:right center;}
.hlf-panel-rht .hlf-bg{right:0;}
.hlf-panel-rht .col-md-6{float:left;padding:20px 50px 20px 0;}
.hlf-panel-lft{background-repeat:no-repeat;background-size:50% auto;background-position:left center;background-color:#fafafa;}
.hlf-panel-lft .hlf-bg{left:0;}
.hlf-panel-lft .col-md-6{float:right;padding:20px 0 20px 50px;}
.hlf-bg{position:absolute;width:50%;height:100%;top:0;}
.our-approach{background:url(aboutus/img/our-approach-bg.jpg) no-repeat;background-size:cover;}
.simplistic-designs{background:url(aboutus/img/simplistic-designs-bg.jpg) no-repeat;background-size:cover;}
.background-history{background:url(aboutus/img/background-history-bg.jpg) no-repeat;background-size:cover;}
.pic-web-app {background:url(web-applications/img/pic-web-app.jpg) no-repeat;background-size:cover;}
@media (max-width:768px){.hlf-panel{padding-top:370px;padding-bottom:40px;border-bottom:#DDD solid 1px;}
.hlf-bg{width:90%;height:340px;top:20px;left:0;right:0;margin:0 auto;}
.hlf-panel .container .col-md-6{ width:100%!important;padding:20px 0px;}
}
@media (max-width:560px){.hlf-panel{padding-top:330px;padding-bottom:40px;border-bottom:#DDD solid 1px;}
.hlf-bg{width:93%;height:300px;top:20px;left:0;right:0;margin:0 auto;}
}


.bg-web-app{background:#333 url(web-applications/img//bg-web-app.jpg) no-repeat center bottom fixed;padding:90px 0px;float:left;width:100%;color:#fff;}
.bg-web-app h3 { color:#fff;font-size:23px;line-height:130%;font-weight:600!important;margin-bottom:40px;    }
.bg-web-app a.link {color:#ff9032;}

ul.list-block {padding:0;margin:0;}
ul.list-block li{padding:20px;margin:0 20px 20px 0;list-style:none;background:#1eadc7;float:left;width:46%;min-height:80px;font-size:16px;line-height:140%;}
ul.list-block li b {display:block;}
@media (max-width:1025px) {
    ul.list-block li{padding:15px;margin:0 0px 10px 0;width:100%;min-height:50px;}
}


.bg-ecom1 {background:url(ecommerce/img/ecom-1.jpg) no-repeat;background-size:cover;}
.bg-ecom2 {background:url(ecommerce/img/ecom-2.jpg) no-repeat;background-size:cover;}



#login-screen {width:400px; height:360px; position:relative; margin-left:-200px; margin-top:-222px; top:50%; left:50%; background:#fff; float:left; padding:50px; border:1px solid #e1e0e0}
.bg-home {background:url(images/bg-home.png);}
.hm-logo {position:absolute; left:0px; right:0px; top:-72px; background:#fff; width:160px; height:160px; margin:auto; border-radius:100%; padding:4px 10px 10px; border:10px solid #f0f0f0; text-align:center}

#login-screen .input-group      {position:relative}
#login-screen .input-group i    {position:absolute; left:1px; background:#d8dde1; top:1px; z-index:6; padding:8px 8px 9px; border:1px solid #fff}

#search {width:400px; width:100%;}
#search .input-group      {position:relative}
#search .input-group i    {position:absolute; top:1px; right:1px; z-index:6; padding:8px; border:1px solid #fff}

#login-screen .input-group input[type="text"]       {padding-left:40px;}
#login-screen .input-group input[type="password"]   {padding-left:40px;}
#login-screen .input-group input[type="submit"]     {padding:10px !important; width:100%; border:none !important}

.centered {float:none !important; margin:auto}



@media (max-width:767px) {
    #login-screen {width:90%; height:340px; margin-left:-45%; margin-top:-170px; padding:50px 20px 0px;}
    .bg-home {background:url(images/bg-home.png);}
}

.renewals {display:block}
.renewals h4 {color:#fff !important; background:#6287a7; padding:8px; text-align:left; margin:0px !important; font-size:15px !important; font-weight:700 !important; border:1px solid #fff; border-width:0px 1px}

h1.hd   {color:#fff !important; background:#002b4b; padding:8px; text-align:center; margin:0px !important; font-size:15px !important; font-weight:700 !important}
.hd     {color:#fff !important; background:#d2d2d2; padding:8px 8px 4px; text-align:left; margin:0px 0px 5px 0px !important; color:inherit !important; font-size:13px; font-weight:700; text-transform:uppercase}
.hd h4  {color:#fff !important; padding:0px; text-align:left; font-size:15px !important; font-weight:700 !important; display:inline-block}

h4.hd   {color:#fff !important; background:#6287a7; padding:8px; text-align:left; margin:0px !important; font-size:15px !important; font-weight:700 !important; border:1px solid #fff; border-width:0px 1px}

.renewals table tr td:nth-child(1) {width:40px; text-align:center}
.renewals table tr td:nth-child(2) {width:auto}
.renewals table tr td:nth-child(3) {width:170px}
.renewals table tr td:nth-child(4) {width:100px}
.renewals table tr td:nth-child(5) {width:85px}
.renewals table tr td:nth-child(6) {width:85px}
.renewals table tr td:nth-child(7) {width:85px}
.renewals table tr td:nth-child(8) {width:85px}
.renewals table tr td:nth-child(9) {width:85px}
.renewals table tr td:nth-child(10) {width:85px}
.renewals table tr td:nth-child(11) {width:85px;}
.renewals table tr td:nth-child(12) {width:60px; text-align:center;}
.renewals table tr td:nth-child(13) {width:60px; text-align:center;}

.renewals table tr td {padding:3px 3px !important;}
.renewals table thead tr {background:#d2d2d2; font-weight:600}

.renewals table tr.excel {background:#fff; border-top:2px solid #d2d2d2; border-bottom:1px solid #d2d2d2;}
.renewals table tr.excel a {display:block; padding:3px 5px; display:inline-block}

.edit table tr td:nth-child(1) {width:auto}
.edit table tr td:nth-child(2) {width:150px}
.edit table tr td:nth-child(3) {width:80px}
.edit table tr td:nth-child(4) {width:120px}
.edit table tr td:nth-child(5) {width:120px}

.edit table tr td {padding:5px 3px !important;}
.edit table thead tr {background:#d2d2d2; font-weight:bold; font-size:13px;}

.invoice table tr td:nth-child(1) {width:auto}
.invoice table tr td:nth-child(2) {width:120px; text-align:right}
.invoice input.amount {text-align:right}

.invoice table thead tr td:nth-child(3) {text-align:right}

/*.invoice .table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, 0.03);
}*/

tr.tch td {
    background-color: #d2d2d2;
    vertical-align:middle
}

tr.tc td {
    background-color:#e5e5e5;
    vertical-align:middle
}

tr.th td {
    background-color:rgba(0,0,0,0.3);
    color:#fff;
    vertical-align:middle
}

.invoice .table-bordered th, .invoice .table-bordered td {
    border: 1px solid #fff !important;
    border-bottom: 1px solid #fff !important;
}

.invoice table tr td {padding:5px 3px !important;}
.invoice table thead tr {background:#d2d2d2; font-weight:bold; font-size:13px;}


.pending-invoice table tr td:nth-child(1) {width:40px; text-align:center}
.pending-invoice table tr td:nth-child(2) {width:100px}
.pending-invoice table tr td:nth-child(3) {width:auto}
.pending-invoice table tr td:nth-child(4) {width:auto}
.pending-invoice table tr td:nth-child(5) {width:100px; text-align:right}

.pending-invoice table tr td {padding:3px 3px !important;}
.pending-invoice table thead tr {background:#d2d2d2; font-weight:600}

.pending-invoice table tr.excel {background:#fff !important; border-top:2px solid #d2d2d2; border-bottom:1px solid #d2d2d2;}
.pending-invoice table tr.excel a {display:block; padding:3px 5px; display:inline-block}


@media only screen and (max-width: 767px) {
table tr td {padding:5px !important;}
table tr th {padding:5px !important;}

.responsive-table table, .responsive-table thead, .responsive-table tbody, 
.responsive-table tbody, .responsive-table th, .responsive-table td, .responsive-table tr   {display: block;}

.responsive-table thead tr  {position:absolute; top:-9999px; left:-9999px;}
.responsive-table tr        {border:1px solid #ddd !important; margin-bottom:20px;}
.responsive-table thead tr  {position:absolute; top:-9999px; left:-9999px;}
.responsive-table table tr td {text-align:left !important; width:auto !important}
.responsive-table tbody tr td     {border-top:1px solid #ddd !important;}
.responsive-table tbody tr td    {position:relative; padding-left:40% !important; white-space:normal; text-align:left; z-index:99}
.responsive-table td:before {position:absolute; top:4px; left:6px; width:35%; padding-right:10px; white-space:nowrap; text-align:left; font-weight:500; color:#000}

.responsive-table td:before {content:attr(data-title); z-index:-1}

.responsive-table table tr td:nth-child(1) {font-weight:bold;}
}


.add-domain {max-width:760px; width:100%;}
.table-bordered tr td {border-right:1px solid #fff !important}
.table-bordered th, .table-bordered td {
    border: 1px solid #fff !important; border-bottom: 1px solid #eceeef !important;
}