@charset "utf-8";


html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video{
margin:0;
padding:0;
border:0;
outline:0;
vertical-align:baseline;
background:transparent
}
body{ line-height:1; background:#081019;
font-size:13px;
color:#000; font-family: 'celiaslight';
}
*{ box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary{
display:block
}
ul, ol{
padding:0;
margin:0
}
blockquote, q{
quotes:none
}
blockquote:before, blockquote:after, q:before, q:after{
content:'';
content:none
}
hr{
display:block;
height:1px;
border:0;
border-top:1px solid #ccc;
margin:1em 0;
padding:0
}
input, select{
vertical-align:middle
}
.clear{
clear:both;
display:block;
overflow:hidden;
visibility:hidden;
height:0
}

@font-face {
font-family: 'celiasblack';
src: url('../fonts/type_dynamic_celias_black_typeface-webfont.eot');
src: url('../fonts/type_dynamic_celias_black_typeface-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/type_dynamic_celias_black_typeface-webfont.woff') format('woff'),
url('../fonts/type_dynamic_celias_black_typeface-webfont.ttf') format('truetype'),
url('../fonts/type_dynamic_celias_black_typeface-webfont.svg#celiasblack') format('svg');
font-weight: normal;
font-style: normal;

}

@font-face {
font-family: 'webreinventv4';
src: url(../fonts/webreinventv4.eot);
src: url(../fonts/webreinventv4.eot?#iefix) format("embedded-opentype"), url(../fonts/webreinventv4.woff) format("woff"),
url(../fonts/webreinventv4.ttf) format("truetype"), url(../fonts/webreinventv4.svg#proxima_novasemibold) format("svg");
font-weight: 400;
font-style: normal
}


@font-face {
font-family: 'celiasbold';
src: url('../fonts/type_dynamic_celias_bold_typeface-webfont.eot');
src: url('../fonts/type_dynamic_celias_bold_typeface-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/type_dynamic_celias_bold_typeface-webfont.woff') format('woff'),
url('../fonts/type_dynamic_celias_bold_typeface-webfont.ttf') format('truetype'),
url('../fonts/type_dynamic_celias_bold_typeface-webfont.svg#celiasbold') format('svg');
font-weight: normal;
font-style: normal;

}






@font-face {
font-family: 'celiashairline';
src: url('../fonts/type_dynamic_celias_hairline_typeface-webfont.eot');
src: url('../fonts/type_dynamic_celias_hairline_typeface-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/type_dynamic_celias_hairline_typeface-webfont.woff') format('woff'),
url('../fonts/type_dynamic_celias_hairline_typeface-webfont.ttf') format('truetype'),
url('../fonts/type_dynamic_celias_hairline_typeface-webfont.svg#celiashairline') format('svg');
font-weight: normal;
font-style: normal;

}




@font-face {
font-family: 'celiaslight';
src: url('../fonts/type_dynamic_celias_light_typeface-webfont.eot');
src: url('../fonts/type_dynamic_celias_light_typeface-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/type_dynamic_celias_light_typeface-webfont.woff') format('woff'),
url('../fonts/type_dynamic_celias_light_typeface-webfont.ttf') format('truetype'),
url('../fonts/type_dynamic_celias_light_typeface-webfont.svg#celiaslight') format('svg');
font-weight: normal;
font-style: normal;

}




@font-face {
font-family: 'celiasmedium';
src: url('../fonts/type_dynamic_celias_medium_typeface-webfont.eot');
src: url('../fonts/type_dynamic_celias_medium_typeface-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/type_dynamic_celias_medium_typeface-webfont.woff') format('woff'),
url('../fonts/type_dynamic_celias_medium_typeface-webfont.ttf') format('truetype'),
url('../fonts/type_dynamic_celias_medium_typeface-webfont.svg#celiasmedium') format('svg');
font-weight: normal;
font-style: normal;

}




@font-face {
font-family: 'celiasthin';
src: url('../fonts/type_dynamic_celias_thin_typeface-webfont.eot');
src: url('../fonts/type_dynamic_celias_thin_typeface-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/type_dynamic_celias_thin_typeface-webfont.woff') format('woff'),
url('../fonts/type_dynamic_celias_thin_typeface-webfont.ttf') format('truetype'),
url('../fonts/type_dynamic_celias_thin_typeface-webfont.svg#celiasthin') format('svg');
font-weight: normal;
font-style: normal;

}




@font-face {
font-family: 'celiasregular';
src: url('../fonts/type_dynamic_celias_typeface-webfont.eot');
src: url('../fonts/type_dynamic_celias_typeface-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/type_dynamic_celias_typeface-webfont.woff') format('woff'),
url('../fonts/type_dynamic_celias_typeface-webfont.ttf') format('truetype'),
url('../fonts/type_dynamic_celias_typeface-webfont.svg#celiasregular') format('svg');
font-weight: normal;
font-style: normal;

}


@font-face {
font-family: 'feather';
font-weight: normal;
font-style: normal;
src: url('../fonts/feather.eot?1gafuo');
src: url('../fonts/feather.eot?1gafuo#iefix') format('embedded-opentype'), url('../fonts/feather.woff2?1gafuo') format('woff2'), url('../fonts/feather.ttf?1gafuo') format('truetype'), url('../fonts/feather.woff?1gafuo') format('woff'), url('../fonts/feather.svg?1gafuo#feather') format('svg');
}



a{
margin:0;
padding:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
color:#525252;
text-decoration:none
}
a:hover, a:focus, input:hover, input:focus{
text-decoration:none; -webkit-appearance:none; outline:none;
}
a:active, a:visited{
outline:none
}
h1, h2, h3, h4, h5, h6{
line-height:normal;
font-family: 'celiasbold';
font-weight:normal;
margin:0; color:#435771;
}

h4{
margin-bottom:35px;
font-size:35px;
line-height:20px
}
p{
font-family: 'celiaslight';
font-size:15px;
color:#000;
line-height:24px
}
h6{
font-size:15px;
color:#000;

}
h3{
font-size:42px; letter-spacing:-2px;
}
h2{
font-size:48px;
line-height:48px;
color:#12202e
}
.top-heading h2 strong{
color:#e54a36
}
.top-heading{ text-align:center;}
.top-heading p{
font-size:20px;
line-height:1.2;
color:#697a90
}
.top-heading p strong{font-family: 'celiasmedium';}
.container{ max-width:1280px; margin-left:auto; margin-right:auto;}
.container:before, .container:after {
display: table;
content: "";
line-height: 0;
}
.container:after {
clear: both;
}

img {
max-width: 100%;
height: auto;
vertical-align: middle;
border: 0;
-ms-interpolation-mode: bicubic;
}
.mfp-bg{z-index: 9999;}
#nprogress{z-index: 99999; position:relative;}
.alertify-notifier .ajs-message{width: 320px; color:#fff;}
.alertify-notifier.ajs-right .ajs-message.ajs-visible{right: 315px;}
.icon-asginable{ width:32px; height:41px; display:inline-block; background-image:url("../img/footer_sprite.svg"); background-repeat:no-repeat; background-size:auto; background-position: 0 -7733px; padding-bottom:2px;}

/*start of button*/
.btnAnimation {
max-width: 220px;
height: 60px;
position: relative;
cursor: pointer;
overflow: hidden;
margin:60px auto 0; display:block;-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;  font-size:18px;
}
.btnAnimation > span{display:block; padding:20px 0px; z-index:5}
.btnHover, .btnHover:after, .btnHover:before{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0; z-index:-1;
}
.btnHover:after {
transition: transform .8s cubic-bezier(.165,.84,.44,1);
transform: translate3d(0,-105%,0);
opacity: 1;
}
.btnAnimation:hover .btnHover:after {
transition: none;
transform: translateZ(0);
opacity: 0;
}
.btnHover:before {
transform: translate3d(0,105%,0);
opacity: 0;
}
.btnAnimation:hover .btnHover:before {
transition: transform .7s cubic-bezier(.165,.84,.44,1);
transform: translateZ(0);
opacity: 1;
}
.btnHover:after, .btnHover:before {
content: "";

}
.btnLineYellow{border:1px solid #ffbf44; color:#ffbf44;}
.btnLineYellow .btnHover:after, .btnLineYellow .btnHover:before{background: #ffbf44;}
.btnLineYellow:hover > span{ color:#402a00;}
.btnSolidBlue{border:1px solid #435771; color:#ffffff; background-color:#435771;}
.btnSolidBlue .btnHover:after, .btnSolidBlue .btnHover:before{background: #fff;}
.btnSolidBlue:hover > span{ color:#435771;}


.btn {
position: relative;
opacity: 1;
border:none;
width: auto;
display: inline-block;
cursor: pointer; overflow:hidden;
color: #98a5af;
padding: 24px 56px 23px;
box-shadow: 0px 5px 18px 0px rgba(33, 43, 59, .2); -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
font-family: 'celiasregular'; font-size:13px; text-transform:uppercase; letter-spacing:2px; transition:box-shadow .4s ease;

}

.btn:hover{box-shadow: 0px 0px 0px 0px rgba(33, 43, 59, .2);}


.btn-default {background-color:#368fea; color:#fff;}
.btn-default:hover .btnOverlay{background-color: #435771;}

.btn-default-dribbble {background-color:#ea4c89; color:#fff;}
.btn-default-dribbble:hover .btnOverlay{background-color: #be1e5c;}




/*btn Line*/
.btn-default-line {background-color: transparent; box-shadow: inset 0px 0px 0px 1px #ffbf44; color:#ffbf44;}
.btn-default-line:hover .btnOverlay{background-color: #ffbf44; border:1px solid transparent;}
/*btn Line*/


.btn:before {
content: attr(data-text);
position: absolute;
transform: translate3d(50%,0,0);
opacity: 0;
}

.btnText, .btn:before {
transition: opacity .25s ease,transform .25s ease;
z-index: 1;
display: inline-block;
text-align: center;
}
.btnOverlay {
position: absolute;
top: 0;
right: 0;
height: 100%;
width: 150%;
transform: translate3d(100%,0,0) skew(0deg);
opacity: 0;
transition: transform .5s ease,opacity .3s ease;
border-radius: .125rem;
display: block;
}

.btn:hover:before {
color: #fff;
transform: translateZ(0);
opacity: 1;
}

.btn:hover .btnOverlay {
transform: translate3d(10%,0,0) skew(-20deg);
opacity: 1;
}
.btn:hover .btnText {
transform: translate3d(-50%,0,0);
opacity: 0;
}





/*end button*/

/*assignable of contact popup*/
#assignable-popup {
text-align: left;
max-width: 1170px;
margin: 40px auto;
position: relative;
}
#assignable-popup{ position:relative;}
#assignable-popup .scroll-pane{ height:529px; }
#assignable-popup .mCSB_container{padding:0 40px;}
.assignable-heading{ background-color:#fff; text-align:center;box-shadow: 0px 3px 13px 0px rgba(179, 211, 255, .47); border-radius:10px 10px 0 0; -moz-border-radius:10px 10px 0 0; -webkit-border-radius:10px 10px 0 0; position:relative; padding:62px 0 26px;}
.assignable-heading p{    letter-spacing: 2.5px;
color: #98a6b9;
text-transform: uppercase;
font-size: 12px;}
.assignable-bottom{border-radius:0 0 10px 10px; -moz-border-radius:0 0 10px 10px; -webkit-border-radius:0 0 10px 10px;background-color:#eff4fb; padding:10px 25px 0px;}
.assignable-rept{ background-color:#fff; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; box-shadow: 0px 2px 18px 0px rgba( 36, 90, 151, .04); padding:35px; border:1px solid #dfe8f5; margin-bottom:10px;}
.assignable-heading > span{ width:122px; height:122px; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; background-color:#fff; display:block; margin:-26px auto 0; position:absolute; left:50%; margin-left:-61px; top:0; background-image:url("../img/footer_sprite.svg"); background-repeat:no-repeat; background-position:44px -6974px;}
.asgn-cont ul{ max-width:373px; margin:21px auto 0; position:relative;}
.asgn-cont ul:before{     width: 360px;
height: 1px;
background-color: #e0e9f5;
position: absolute;
left: 2px;
top: 14px;
content: "";}

.asgn-cont ul li{ display:inline-block; margin:0 41px;}
.asgn-cont ul li:first-child{ margin-left:0;}
.asgn-cont ul li:last-child{ margin-right:0;}
.asgn-cont ul li a{position:relative; z-index:2; width:29px; height:29px; display:block;}
.asgn-cont ul li a:after{ height:15px; width:15px; background-color:#fff; border:1px solid #e0e9f5; content:""; display:block; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; position:absolute; left:6px; top:6px;}
.asgn-cont ul li a span{ width:29px; height:29px;background-color:#a0dcbf; border:1px solid #56af83; color:#34a26c; font-size:13px;font-family: 'celiasbold'; display:none; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; line-height:normal; padding:4px 0; position:absolute; left:0; top:0; z-index:5;}
.asgn-cont ul li.active a span{ display:block;}
.asgn-cont{ position: relative; z-index:3;}
.asgn-cont h3{font-family: 'celiasmedium'; font-size:27px; letter-spacing:-1px;}
.asignable-inner{ display:table;}
.asignable-inner > div{ display:table-cell; vertical-align:top; padding-top:10px;}
.asignable-inner > div.asign_icon{ width:69px; }
.asign_icon > span{ width:50px; height:50px; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; background-color:#80ca8c; display:block; background-image:url("../img/footer_sprite.svg"); background-repeat:no-repeat; background-position:16px -7225px;}
.asign-cont{ width:345px; padding-right:35px;}
.asign-cont p{ font-size:14px; color:#a9b7cc; line-height:18px; }
.asign-cont h6{ color:#435771; font-size:16px;font-family: 'celiasregular'; margin-bottom:5px;}
.asign-quantity{ width:174px; border:solid #e0e9f5; border-width:0 1px; padding:0 25px; text-align:center;}
.asign-amount{ width:223px; padding-left:40px;}
.asign-amount p strong{ display:block; color:#90a1bc; font-family: 'celiasbold'; font-size:20px;}
.asign-amount p{ font-size:11px; text-transform:uppercase; color:#91a4ba;padding-left:50px; background-image:url("../img/footer_sprite.svg"); background-position:0 -7118px; background-repeat:no-repeat;}
.asign-button .btn-default{font-size:12px; padding:18px 24px 17px 53px;}

.asign-button .btn-default, .asign-button .btn-default:before {
background-image: url(../img/footer_sprite.svg);
background-position:23px -7225px;
background-repeat: no-repeat;
}
.asign-button .btn-default:before{    left: 0;
padding-left: 53px;
height: 47px;
vertical-align: middle;
line-height: 47px;
margin-top: -18px;}
.asign-quantity input[type="text"]{ width:39px; color:#435771; border:none; text-align:center; font-family: 'celiasbold'; font-size:22px;}
.asign-quinner{ width:100%; position:relative;}
.asign-quantity > span{ color:#a9b7cc; display:block; font-size:14px; margin-bottom:11px;}

.asign-quinner .button{ -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; background-color:#e4eefa; width:34px; height:34px; font-size:0px; color:#8296af; position:absolute; top:0; cursor:pointer;}
.asign-quinner .button:after, .asign-quinner .button:before{content: "";
width: 10px;
height: 2px;
background-color: #8296af;
display: block;
left: 12px;
top: 16px;
position: absolute;}
.asign-quinner .button:before{transform: rotate(90deg); }
.asign-quinner .button.dec{ left:0;}
.asign-quinner .button.inc{ right:0;}
.asign-quinner .button.dec:before{ display:none;}

#scroll-assignable > span{
height: 84px; width:100%; transition:none; position:absolute; left:0; cursor:pointer;
}
#scroll-assignable > span.scroll-down {background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(243,246,249,1) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(243,246,249,1) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(243,246,249,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#f3f6f9',GradientType=0 ); bottom:0;}
#scroll-assignable > span.scroll-up{background: -moz-linear-gradient(top, rgba(243,246,249,1) 0%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(top, rgba(243,246,249,1) 0%,rgba(0,0,0,0) 100%);
background: linear-gradient(to bottom, rgba(243,246,249,1) 0%,rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f6f9', endColorstr='#00000000',GradientType=0 ); top:0; display:none;}

.asign_icon > span.asign-bg-green{ background-color:#80ca8c;}
.asign_icon > span.asign-bg-red{ background-color:#ff8888;}
.asign_icon > span.asign-bg-blue{ background-color:#88afff;}
.asign_icon > span.ic-theminstall{ background-position:16px -7324px;}
.asign_icon > span.ic-customization{ background-position:17px -7525px;}
.asign_icon > span.ic-blogger{ background-position:16px -7424px;}

/*start of contact popup*/
#contact-popup {
text-align: left;
max-width: 885px;
margin: 40px auto;
position: relative;
}
.mfp-close-btn-in .mfp-close {
color: #fff;
opacity: 1;
background: #4f6685;
border-radius: 100%;
margin: -6px -10px 0px 0;
font-family: 'celiashairline';
}
.mfp-close-btn-in .mfp-close:hover{ background-color:#368fea;}

.mfp-close-btn-in .mfp-iframe-scaler .mfp-close{width: 44px;margin: 0; padding:0; text-align:center; top:-11px;}

.popcont-top .wd33 .control{ width:33.33%; padding:0 5px; margin-bottom:11px; }
.popcont-top .control{ padding:0 5px; margin-bottom:11px; float:left;width:100%;}
.popcont-top .control-group{ float:left; width:100%;}
.popcont-top{ background-color:#40546f;box-shadow: 0px 3px 4px 0px rgba(33, 65, 99,.27); padding:0 40px 15px 40px; float:left; width:100%; border-radius:8px 8px 0 0;}
.contact-heading{ text-align:center;}
.contact-heading h3{font-family: 'celiasbold'; font-size:22px; color:#fff; letter-spacing:0;}
.contact-heading p{ font-size:14px; color:#bcc0d0; margin-top:-3px; margin-bottom:20px;}
.contact-heading span{ width:92px; height:92px; border:3px solid #40546f; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; display:block; margin:-24px auto 11px; background-color:#f8c800;  background-image:url("../img/footer_sprite.svg"); background-position:17px -3730px; background-repeat:no-repeat}
.inputBox{ background-color:#435771; border:1px solid #566d8b; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; height:44px; padding:15px 18px; font-family: 'celiaslight'; font-size:13px; width:100%; color:#fff;}

.select2-container--default .select2-selection--single{background-color:#435771; border:1px solid #566d8b;-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; height:42px;}
.select2-container--default .select2-selection--single .select2-selection__rendered{font-family: 'celiaslight'; font-size:16px; color:#aec2dc; padding:6px 16px;}

.popcont-bottom{ background-color:#eff4fb; padding:25px 40px 20px; border-radius:0 0 8px 8px; -moz-border-radius:0 0 8px 8px; -webkit-border-radius:0 0 8px 8px; float:left; width:100%;}

.inputBox::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #7e91a8;
}
.inputBox::-moz-placeholder { /* Firefox 19+ */
color: #7e91a8;
}
.inputBox:-ms-input-placeholder { /* IE 10+ */
color: #7e91a8;
}
.inputBox:-moz-placeholder { /* Firefox 18- */
color: #7e91a8;
}

.budget-rept ul li input{position: absolute;
z-index: -1;
opacity: 0;}
.budget-rept ul li{ list-style:none; position:relative; width:80px; margin-right:29px; height:91px; float:left; text-align:center;}
.budget-rept ul li label{ cursor:pointer;}
.budget-rept ul li i.checkbox-icon{-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; border:1px solid #c0cbd8; width:80px; height:65px; background-color:transparent; top:0; opacity:1; left:0; background-image:url("../img/footer_sprite.svg"); background-repeat:no-repeat;}
.budget-rept ul li:last-child{ margin-right:0;}
.budget-rept ul li input:checked ~ .checkbox-icon{ background-color:#fff;}
.budget-rept ul li em{ font-size:13px; color:#9fabbc; position: relative; z-index:5; font-style:normal; display:inline-block; text-align: center; margin-top:70px;}
.budget-rept ul li input:checked ~ em{ color:#435771;}
.checkbox-icon {
position: absolute;
height: 57px;
top:-32px;
width: 27px;background-repeat:no-repeat; opacity:.3; cursor:pointer; background-size:auto; background-position:center center;
}



.budget-rept > span{ font-size:11px; text-transform:uppercase; color:#7e8da2; font-family: 'celiasregular'; letter-spacing:1.6px; display:block; margin-bottom:19px; text-align:right;}
.wr-budget{ display:flex; padding:0 5px;}
.budget-rept:last-child{ text-align:right; flex:2 2 auto;}
.budget-rept:first-child > span{ text-align:left;}
.budget-rept{ margin-bottom:20px;}
.budget-rept > strong{ font-size:36px; color:#91a4be; font-family: 'celiasbold'; display:inline-block; margin-top:15px;}
.wrotherinfo-budget-rept{ display:flex; width:100%;}
.othinfo-left{ width:254px; flex:1 1 auto; padding-right:11px;}
.othinfo-right{ flex:2 2 auto;}
.wrotherinfo-budget-rept .inputBox{ background-color:#fff; border:1px solid #d9e0e7; margin-bottom:11px; color:#435771;}
.wrotherinfo-budget-rept textarea.inputBox{ height:98px; resize:none;}
textarea:focus{ outline:none; -webkit-appearance:none;}
.control-group.wd50 .control{ width:50%; float:left;}
.control-group.wd50 .control .btn-default{ height:44px; padding:14px 40px 23px; width:100%;}
.wrCaptecha{ position:relative}
.wrCaptecha p strong{ display:block; color:#798da7; font-size:15px; font-family: 'celiasbold';}
.wrCaptecha p { font-size:12px; margin-left:61px; line-height:17px; display:inline-block; margin-top:5px;}
.wrCaptecha > span{ position:absolute; left:0; top:0; width:48px; height:44px; border:1px solid #d9e0e7; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; background-color:#fff; text-align:center;}
.wrCaptecha .active{ background-color: #16a085; border-color:#0c967b;}
.wrCaptecha .active a{ color:#fff;}
.wrCaptecha > span a{font-family: 'webreinventv4'; font-size:24px; display:block; padding-top:9px; height:44px; width:100%;}

.popcont-top .select2-dropdown{ background-color:#40546f; border-color:#566d8b; color:#aec2dc;}
.popcont-top .select2-results__option{padding:10px 16px;}
.popcont-top .select2-container--default .select2-results>.select2-results__options{ max-height:270px;}
.popcont-top .select2-container--default .select2-results__option--highlighted[aria-selected], .popcont-top .select2-container--default .select2-results__option[aria-selected=true]{background-color: #368fea; color:#fff;}
.popcont-top .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 24px; top: 9px; right: 10px; width: 24px; background-color: #4f6685; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; transition:.3s all ease; -moz-transition:.3s all ease; -webkit-transition:.3s all ease;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
border-color: #93a6bd transparent transparent transparent;
border-style: solid;
border-width: 5px 6px 0 6px;
height: 0;
left: 50%;
margin-left: -6px;
margin-top: -2px;
position: absolute;
top: 50%;
width: 0;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b:after {
border-color: #4f6685 transparent transparent transparent;
border-style: solid;
border-width: 5px 6px 0 6px;
height: 0;
left: 50%;
margin-left: -6px;
margin-top: -7px;
position: absolute;
top: 50%;
width: 0; content:"";
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow{transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg);}
/*.budget-main{ display:none;}*/
/*End of contact popup*/




.home-portfolio .btn-default{padding: 24px 20px 23px 60px; margin-top:30px;}
.home-portfolio .btnText, .home-portfolio .btn:before{background-image:url("../img/footer_sprite.svg"); background-position:right -1211px; padding-right:58px; background-repeat:no-repeat; background-size:auto;}

.home-banner .btn-default-line{ font-size:14px; font-family: 'celiaslight'; padding:24px 30px 23px 30px;}


/*start of icon box*/
.ticon-rwd {
background-color:#3e72fb;background-position: 0 -4288px;
}

.ticon-ewd {
background-color:#8ee065;background-position:0 -3490px;
}
.ticon-msd {
background-color:#7d9cf1;background-position:0 -3908px;
}
.ticon-pth {
background-color:#55c4e8; background-position:0 -4098px;
}
.ticon-ptr {
background-color:#ea7151;background-position:0 -4212px;
}
.ticon-pte {background-color:#f4a949;background-position:0 -4060px;
}
.ticon-lpd {
background-color:#ee8537;background-position:0 -3756px;
}
.ticon-jmd {
background-color:#f25a5a;background-position:0 -3604px;
}
.ticon-wpd {
background-color:#3b71ff;background-position:0 -4440px;
}
.ticon-wapd{background-color:#8ee065; background-position:0 -4402px;}
.ticon-aad {
background-color:#92d529;background-position:0 -3186px;
}
.ticon-iad {
background-color:#2867c2;background-position:0 -3528px;
}
.ticon-ux {
background-color:#fb3eda; background-position:0 -4364px
}
.ticon-mad {
background-color:#3e72fb;background-position:0 -3794px;
}
.ticon-lapd {
background-color:#ea7151;background-position:0 -3680px;
}
.ticon-ld {
background-color:#7d9cf1;background-position:0 -3680px;
}
.ticon-ptw {
background-color:#3b71ff; background-position:0 -4250px;
}
.ticon-ptj {
background-color:#55c4e8;background-position:0 -4136px;
}
.ticon-ptd {
background-color:#f4a949;background-position:0 -4022px;
}
.ticon-ptm {
background-color:#ea7151;background-position:0 -4174px;
}
.ticon-mgd {
background-color:#ee8537;background-position:0 -3870px;
}
.ticon-mapd {
background-color:#f25a5a;background-position:0 -3832px;
}
.ticon-wad {
background-color:#3b71ff;background-position:0 -4402px;
}
.ticon-cid {
background-color:#3e72fb;background-position:0 -3300px;
}
.ticon-pds {
background-color:#ea7151;background-position:0 -3984px;
}
.ticon-cmd {
background-color:#7d9cf1;background-position:0 -3338px;
}
.ticon-cwd {
background-color:#ee8537;background-position:0 -3376px;
}
.ticon-edp {
background-color:#f25a5a;background-position:0 -3414px;
}
.ticon-sdp {
background-color:#3b71ff;background-position:0 -4326px;
}


.ticon-lad {
background-color:#fb503b; background-position:6px -3633px; background-image:url("../img/footer_sprite.svg") !important;
}
.ticd-php {
background-color:#55c4e8;background-position:0 -3110px;
}
.ticd-joomla {
background-color:#ea7151; background-position:0 -3034px;
}
.ticd-wordpress {
background-color:#3b71ff; background-position:0 -3148px;
}
.tics-hosting {
background-color:#ee8537; background-position:0 -4554px;
}
.tics-domain {
background-color:#f25a5a; background-position:0 -4478px;
}
.tics-google {
background-color:#15cc19;background-position:0 -4516px;
}
.ticon-ajs {
background-color:#3e72fb;background-position:0 -3224px;
}
.ticon-njs {
background-color:#ea7151;background-position:0 -3946px;
}
.ticon-ejs {
background-color:#656565; background-position:0 -3452px;
}
.ticon-ico {
background-color:#f1be42;background-position:0 -3566px;
}
.ticon-chatbot {
background-color:#3ddc23; background-position:0 -3262px;
}
.ticd-magento {
background-color:#55c4e8;background-position:0 -3072px;
}
.ticd-designer {
background-color:#55c4e8;background-position:0 -2958px;
}
.ticd-gdesigner {
background-color:#ea7151; background-position:0 -2996px;
}
.tics-webm {
background-color:#ee8537; background-position:0 -4630px;
}
.tics-ofot {
background-color:#f25a5a; background-position:0 -4592px;
}
.tics-wlp {
background-color:#3b71ff; background-position:0 -4668px;
}
.tics-wms {
background-color:#fb3eda;background-position:0 -4706px;
}




.budget-rept ul li.ic-web i.checkbox-icon{ background-position:19px -3863px;}
.budget-rept ul li.ic-wapp i.checkbox-icon{ background-position:19px -3979px;}
.budget-rept ul li.ic-mobapp i.checkbox-icon{ background-position:28px -4094px;}
.budget-rept ul li.ic-api i.checkbox-icon{ background-position:21px -4210px;}

.budget-rept ul li.ic-web input:checked ~ i.checkbox-icon{ background-position:19px -4327px;}
.budget-rept ul li.ic-wapp input:checked ~ i.checkbox-icon{ background-position:19px -4445px;}
.budget-rept ul li.ic-mobapp input:checked ~ i.checkbox-icon{ background-position:28px -4559px;}
.budget-rept ul li.ic-api input:checked ~ i.checkbox-icon{ background-position:21px -4676px;}
.budget-rept ul li.ic-blockchain i.checkbox-icon{background-position:19px -1830px;}

.budget-rept ul li.ic-blockchain input:checked ~ i.checkbox-icon {background-position:19px -1706px;}

/*start of loader*/
.loader{
width: 59px;
height: 59px;
font-size: 0;
text-align: center;
margin: 15px auto 0; /*background-image:url("../img/loaderBg.svg");; background-position:0 0; background-repeat:no-repeat; */padding:21px 14px 26px 18px;
background: #fff;
border: 2px solid #a4b1bc; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; cursor:pointer;
}
.loader .dot {
width: 4px;
height: 4px;
display: inline-block;
margin-right: 3px;
background-color: #a4b1bc;
-webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; margin-top:5px;
}

.loading .dot{-webkit-animation: loader 1s infinite;
-moz-animation: loader 1s infinite;
-o-animation: loader 1s infinite;
animation: loader 1s infinite; margin-top:0; }

.loading .dot:nth-child(1) {
-webkit-animation-delay: 0.48s;
-moz-animation-delay: 0.48s;
-o-animation-delay: 0.48s;
animation-delay: 0.48s;
}
.loading .dot:nth-child(2) {
-webkit-animation-delay: 0.24s;
-moz-animation-delay: 0.24s;
-o-animation-delay: 0.24s;
animation-delay: 0.24s;
}
.loading .dot:nth-child(3) {
-webkit-animation-delay: 0s;
-moz-animation-delay: 0s;
-o-animation-delay: 0s;
animation-delay: 0s;
}

.loading .dot:nth-child(1) {
background-color: #d88486;
}
.loading .dot:nth-child(2) {
background-color: #ffbc0d;
}
.loading .dot:nth-child(3) {
background-color: #26bbf0;
}

@-webkit-keyframes loader{ 0% { -webkit-transform: translate3d(0,0,0); transition-timing-function: ease-out; } 50% { -webkit-transform: translate3d(0,6px,0); transition-timing-function: ease-out; }}
@-moz-keyframes loader{ 0% { -moz-transform: translate3d(0,0,0); transition-timing-function: ease-out; } 50% { -moz-transform: translate3d(0,6px,0); transition-timing-function: ease-out; }}
@-o-keyframes loader{ 0% { -o-transform: translate3d(0,0,0); transition-timing-function: ease-out; } 50% { -o-transform: translate3d(0,6px,0); transition-timing-function: ease-out; }}
@keyframes loader{ 0% {-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);transform: translate3d(0,0,0); transition-timing-function: ease-out; } 50% {-webkit-transform: translate3d(0,6px,0);-moz-transform: translate3d(0,6px,0);-ms-transform: translate3d(0,6px,0);transform: translate3d(0,6px,0); transition-timing-function: ease-out; }}
/*Ens of loader*/



/*start of header*/
.logo .brand {
float: left;
display: block;
padding: 10px 18px;
font-size: 50px;
font-weight: 200;
font-family: 'webreinventv4';
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.on-scroll .logo .brand, .scroll-click .logo .brand{ max-width: 33px;
overflow: hidden; font-size:21px; color:#fff !important; padding:10px; /*-webkit-border-radius:26px; -moz-border-radius:26px; border-radius:26px; background: linear-gradient(to right, #16a085 50%, transparent 50%);
background-size: 200% 100%;
background-position:right bottom;*/ transition:all .3s ease; position:relative}
.on-scroll .logo .brand:hover, .scroll-click .logo .brand:hover{ max-width:100%;}

.on-scroll .logo .brand:after, .scroll-click .logo .brand:after{content: '';
position: absolute;
z-index: -1;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
width: 0%;
height: 100%;
top: 0;
left: 0;
background: #16a085;
}

.on-scroll .logo .brand:hover:after, .scroll-click .logo .brand:hover:after {
width: 100%;
}

.okayNav-header.on-scroll, .scroll-click .okayNav-header{ background-color:#103561;}
.okayNav__nav--visible.scrolled > li{ margin-right:20px;}



.navbar .nav > li.has_submenu a.toggled{
background:0 0
}
.navbar .nav > li.has_submenu a.toggled .li_right > i::before{
top:0;
-webkit-transform:rotate(45deg);
-ms-transform:rotate(45deg);
transform:rotate(45deg)
}
.navbar .nav > li.has_submenu a.toggled .li_right > i::after{
bottom:0;
-webkit-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
transform:rotate(-45deg)
}
.navbar .nav > li.has_submenu a.toggled .li_right > i:after, .navbar .nav > li.has_submenu a.toggled .li_right > i:before{
-webkit-transition-delay:0s, .3s;
transition-delay:0s, .3s
}
.navbar .nav > li.has_submenu a.toggled .li_right > i{ background-color:rgba(0, 0, 0, 0); }
.navbar .nav > li.has_submenu a:hover .li_right > i::before{
top:-6px
}
.navbar .nav > li.has_submenu a:hover .li_right > i::after{
bottom:-6px
}
.navbar .nav > li.has_submenu a.toggled:hover .li_right > i::before{
top:0px
}
.navbar .nav > li.has_submenu a.toggled:hover .li_right > i::after{
bottom:0px
}
.li_right > i:first-child{
top:0; display:none;
}
.li_right > i:last-child{
top:8px; display:none;
}

.scroll-pane{ height:350px;}
.okayNav__nav--visible > li > dl{ width:100%; background-color:#f3f6f9; position:absolute; left:0; top:0; background-color:#f3f6f9; z-index:6; padding-top:35px; -webkit-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-transition: -webkit-transform .262s ease-out;
transition: -webkit-transform .262s ease-out;
transition: transform .262s ease-out,-webkit-transform .262s ease-out; -webkit-display:flex; -moz-display:flex; -ms-display:flex; -o-display:flex; display:flex; flex-wrap:wrap; justify-content:center;}
.okayNav__nav--visible > li > dl.active {
-webkit-transform: translateY(0);
transform: translateY(0);
}
.menu-close {
content: "";
position: absolute;
left: 50%;
transform: translateY(439px);
width: 44px;
height: 44px;
border: 2px solid #ff7171;
border-radius: 100%;
margin-left: -22px;
-webkit-animation:myfirst 3s;
animation: myfirst 3s; background-image:url("../img/footer_sprite.svg"); background-repeat:no-repeat; background-position: 14px -7628px;
cursor: pointer; background-size:auto;

}
.menu-close:hover{ opacity:.5;}
@-webkit-keyframes myfirst {
0%   {transform: translateY(0px); opacity:0;}
100% {transform: translateY(439px);}
}

@keyframes myfirst {
0%   {transform: translateY(0px); opacity:0;}
100% {transform: translateY(439px);}
}

.okayNav__nav--visible > li > dl > dd{ width:25%; float:left;}
.okayNav__nav--visible > li > dl > dd h4{ font-size:12px; color:#8397ac; text-transform:uppercase; letter-spacing:3px;font-family: 'celiaslight'; text-align:center; margin-bottom:19px;}
.okayNav__nav--visible > li > dl > dd ul li a{ background-color:#fff; /*box-shadow: 0px 4px 16px 0px rgba( 19, 71, 135, .14);*/ box-shadow: 0px 1px 3px 0px rgba( 38, 57, 82, .14); white-space:normal; padding:15px 30px 15px 68px; word-wrap:break-word; -webkit-transition: box-shadow 0.56s cubic-bezier(0.4, 0, 0.2, 1);
transition: box-shadow 0.56s cubic-bezier(0.4, 0, 0.2, 1);}

.okayNav__nav--visible > li > dl > dd ul li a:hover{box-shadow: 0px 4px 16px 0px rgba( 19, 71, 135,.2);}



.okayNav__nav--visible > li > dl > dd ul li{ margin-bottom:15px;
opacity: 0;
visibility: hidden;
-webkit-transform: translate3d(0,-10px,0);
transform: translate3d(0,-10px,0);
-webkit-transition: opacity 350ms,visibility 0s 350ms,-webkit-transform 350ms ease-out;
transition: opacity 350ms,visibility 0s 350ms,-webkit-transform 350ms ease-out;
transition: opacity 350ms,transform 350ms ease-out,visibility 0s 350ms;
transition: opacity 350ms,transform 350ms ease-out,visibility 0s 350ms,-webkit-transform 350ms ease-out;
display: block;
margin: 0;
padding-left: 0;
list-style: none; position:relative;}
.okayNav__nav--visible > li > dl > dd ul li:first-child a{    padding: 24px 30px 0px 100px;
min-height: 76px;}

.okayNav__nav--visible > li > dl > dd ul li a > i{ background-repeat:no-repeat; width:38px; height:38px; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; display:inline-block; position:absolute; left:15px; top:15px;background-image:url("../img/common-spritr.svg"); background-repeat:no-repeat;}
.okayNav__nav--visible > li > dl > dd ul li:first-child a > i{ width:100px; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; height:61px; left:0; bottom:0; top:auto;}

.icon-ser-dedicated {    background-position: 0px -2430px;
height: 55px !important;}
.icon-what-new {background-position: 0px -2658px;
height: 56px !important;}
.icon-ser-support { background-position: 0px -2602px;
height: 56px !important;}

.tic-uidev {background-position:0 -2897px;}
.tic-design {background-position: 0 -767px;}
.tic-dev { background-position:0 -2836px;}
.tic-app { background-position:0px -2714px;}

.icon-abou-career {    background-position: 0px -2373px;
height: 56px !important;}
.icon-abou-team {background-position:0px -2541px;}
.icon-abou-testimonial { background-position: 0px -2486px;
height: 55px !important}
.icon-abou-blog {     background-position: 0px -2318px;
height: 55px !important;}


.intl-tel-input .country-list .country {
overflow: hidden;
text-overflow: ellipsis;
}
.okayNav__nav--visible.scrolled > li > dl{ width:0;}

.navigation-light .liRight::after, .navigation-light .liRight::before{ background-color:#fff;}
.navigation-dark .liRight{ background-color:#435771;}
.navigation-dark .liRight::after, .navigation-dark .liRight::before{ background-color:#435771;}
.navigation-dark .okayNav__nav--visible > li > a{ color:#435771;}
.navigation-light .okayNav__nav--visible > li > a{ color:#fff;}

.navigation-dark .logo .brand{color:#1a4779;}
.navigation-light .logo .brand{color:#fff;}

.li-right{
display: block;
position: relative;
top: 2px;
left: 0px;
right: 0px;
height: 8px;
width: 10px;
background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' baseProfile='full' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:ev='http://www.w3.org/2001/xml-events' height='7px' width='10px' %3E%3Cpath fill='rgb( 255, 255, 255 )' d='M0,1 C0,1 0,0 0,0 C0,0 10,0 10,0 C10,0 10,1 10,1 C10,1 0,1 0,1 M0,4 C0,4 0,3 0,3 C0,3 10,3 10,3 C10,3 10,4 10,4 C10,4 0,4 0,4 M0,7 C0,7 0,6 0,6 C0,6 10,6 10,6 C10,6 10,7 10,7 C10,7 0,7 0,7 '/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: auto;
}


/*.liRight::after, .liRight::before {
position: absolute;
display: block;
left: 0;
width: 100%;
height: 1px;
background-color: #fff;
content: ""
}
.liRight::before {
top: -4px
}
.liRight::after {
bottom: -4px
}
.liRight {
-webkit-transition: background 0s .3s;
transition: background 0s .3s
}
.liRight::after, .liRight::before {
-webkit-transition-duration: .2s, .2s;
transition-duration: .2s, .2s;
-webkit-transition-delay: .2s, 0s;
transition-delay: .2s, 0s
}
.liRight::before {
-webkit-transition-property: top, -webkit-transform;
transition-property: top, transform
}
.liRight::after {
-webkit-transition-property: bottom, -webkit-transform;
transition-property: bottom, transform
}*/

.navbar .nav > li.has_submenu a.toggled {
background: 0 0
}
.navbar .nav > li.has_submenu a.toggled .liRight::before {
top: 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg)
}
.navbar .nav > li.has_submenu a.toggled .liRight::after {
bottom: 0;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg)
}
.navbar .nav > li.has_submenu a.toggled .liRight:after, .navbar .nav > li.has_submenu a.toggled .liRight:before {
-webkit-transition-delay: 0s, .3s;
transition-delay: 0s, .3s
}

.navbar .nav > li.has_submenu a.toggled .liRight{ background-color:rgba(0,0,0,0);}

.navbar .nav > li.has_submenu a:hover .liRight::before {
top: -6px
}
.navbar .nav > li.has_submenu a:hover .liRight::after {
bottom: -6px
}

.navbar .nav > li.has_submenu a.toggled:hover .liRight::before {
top: 0px
}
.navbar .nav > li.has_submenu a.toggled:hover .liRight::after {
bottom: 0px
}



.okayNav__nav--visible > li > dl.active > dd ul li{
opacity: 1;
visibility: visible;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
-webkit-transition: opacity 350ms,-webkit-transform 350ms ease-out;
transition: opacity 350ms,-webkit-transform 350ms ease-out;
transition: opacity 350ms,transform 350ms ease-out;
transition: opacity 350ms,transform 350ms ease-out,-webkit-transform 350ms ease-out; margin-bottom:15px;
}
.okayNav__nav--visible > li > dl.active > dd ul{ padding:10px 35px 10px 40px;}
.okayNav__nav--visible > li > dl.active > dd ul li:first-child a{ font-size:16px; text-transform:uppercase; color:#435771;font-family: 'celiasbold';}
.okayNav__nav--visible > li > dl.active > dd ul li a span{ font-size:13px; color:#909cab; font-family: 'celiaslight'; text-transform:none; display:block; margin-top:8px;white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
line-height: normal;}
.okayNav__nav--visible > li > dl.active > dd ul li a{ font-size:15px; color:#53677c; font-family: 'celiasregular'; width:100%;}
.okayNav__nav--visible > li > dl.active > dd ul li:nth-child(1){-webkit-transition-delay:.262s;transition-delay:.262s}
.okayNav__nav--visible > li > dl.active > dd ul li:nth-child(2){-webkit-transition-delay:.312s;transition-delay:.312s}
.okayNav__nav--visible > li > dl.active > dd ul li:nth-child(3){-webkit-transition-delay:.362s;transition-delay:.362s}
.okayNav__nav--visible > li > dl.active > dd ul li:nth-child(4){-webkit-transition-delay:.412s;transition-delay:.412s}
.okayNav__nav--visible > li > dl.active > dd ul li:nth-child(5){-webkit-transition-delay:.462s;transition-delay:.462s}
.okayNav__nav--visible > li > dl.active > dd ul li:nth-child(6){-webkit-transition-delay:.512s;transition-delay:.512s}
.okayNav__nav--visible > li > dl.active > dd ul li:nth-child(7){-webkit-transition-delay:.562s;transition-delay:.562s}
.okayNav__nav--visible > li > dl.active > dd ul li:nth-child(8){-webkit-transition-delay:.612s;transition-delay:.612s}
.okayNav__nav--visible > li > dl.active > dd ul li:nth-child(9){-webkit-transition-delay:.662s;transition-delay:.662s}
.okayNav__nav--visible > li > dl.active > dd ul li:nth-child(10){-webkit-transition-delay:.712s;transition-delay:.712s}
.okayNav__nav--visible > li > dl.active > dd ul li:nth-child(11){-webkit-transition-delay:.762s;transition-delay:.762s}


.overlayBg{top: 0; left: 0; width: 100%; height: 100%; z-index: 5; overflow: hidden; position: fixed; background: #132030;
opacity: 0.9; }
body.noScroll{ overflow:hidden;}



.hamburger {
position: absolute;
display: block;
width: 42px;
height: 41px;
padding: 0;
top: 0;
right: 0px;
background: 0 0;
overflow: hidden;
opacity: 0;
-webkit-transition: opacity .2s cubic-bezier(.86,0,.07,1);
transition: opacity .2s cubic-bezier(.86,0,.07,1); padding-right:20px; background-color:#103561;
}

.hamburger .patty {
display: block;
position: absolute;
width: 22px;
height: 1px;
left: 0;
top: 26px;
background: #fff;
opacity: 1;
-webkit-transition: opacity .15s linear,-webkit-transform .3s cubic-bezier(.86,0,.07,1),background .2s linear;
transition: opacity .15s linear,transform .3s cubic-bezier(.86,0,.07,1),background .2s linear;
}
.hamburger.expand .patty:nth-child(1) {
-webkit-transform: translateY(-12px);
transform: translateY(-12px);
}

.hamburger.expand .patty:nth-child(2) {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
.hamburger.expand .patty:nth-child(3) {
-webkit-transform: translateY(0);
transform: translateY(0);
}

.hamburger.expand .patty:nth-child(4) {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}

.hamburger.expand .patty:nth-child(5) {
-webkit-transform: translateY(12px);
transform: translateY(12px);
}

.hamburger.expand {
opacity: 1;
}


.cta-start-project {
display: block;
position: absolute;
top: 0;
right: 43px;
white-space: nowrap;
-webkit-transform: translate3d(0,-70px,0);
transform: translate3d(0,-70px,0);
-webkit-transition: -webkit-transform .5s cubic-bezier(.86,0,.07,1),opacity .15s linear;
transition: transform .5s cubic-bezier(.86,0,.07,1),opacity .15s linear; color:#fff;
background: #16a085;
height: 41px;
padding: 13px 15px;
}
.cta-start-project:hover{ background-color:#f8c800;}

.cta-start-project.is-visible {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}


.okayNav__nav--visible > li:after {
position: absolute;
display: block;
width: 100%;
height: 1px;
top: 0;
background: #fff;
opacity: 0;
-webkit-transition: opacity .5s cubic-bezier(.86,0,.07,1);
transition: opacity .5s cubic-bezier(.86,0,.07,1);
content: " ";
left: 0;
}
.okayNav__nav--visible > li{ margin:0 23px 0 0px; height:30px; -webkit-transition: height .5s cubic-bezier(.86,0,.07,1),-webkit-transform .5s cubic-bezier(.86,0,.07,1);
transition: height .5s cubic-bezier(.86,0,.07,1),transform .5s cubic-bezier(.86,0,.07,1); top:12px;}
.okayNav__nav--visible > li > a.subMenu{ margin-top: -1px;
margin-left: -16px;}

.okayNav__nav--visible.scrolled li {
height: 1px;
-webkit-transform: translate3d(0,14px,0);
transform: translate3d(0,14px,0);
}

.okayNav__nav--visible > li span {
display: block;
-webkit-transition: -webkit-transform .5s cubic-bezier(.86,0,.07,1),opacity .5s cubic-bezier(.86,0,.07,1);
transition: transform .5s cubic-bezier(.86,0,.07,1),opacity .5s cubic-bezier(.86,0,.07,1);
}

.okayNav__nav--visible.scrolled  > li span {
opacity: 0;
-webkit-transform: scaleY(-.2);
transform: scaleY(-.2);
-webkit-filter: FlipV;
filter: FlipV;
-ms-filter: "FlipV";
}
.okayNav__nav--visible.scrolled > li:after {
opacity: 1;
-webkit-transition-delay: .2s;
transition-delay: .2s;
}

.okayNav__nav--visible > li > a{
font-family: 'celiasregular'; text-transform:uppercase; padding:22px 0px 20px; margin-left: 13px;
float: left;
display: block;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 1;
-webkit-transition: opacity .15s linear,color .2s linear;
transition: opacity .15s linear,color .2s linear;

}

.okayNav__nav--visible li.hasSubmenu > a{ padding:22px 7px 20px; margin-left:0;}
.okayNav-header{ z-index:999;}

.topnHead {
float: left;
text-align: center;
width: 33.33%;
padding: 25px 6%;
border-right: 1px solid #17232f;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}
.top_nhead:nth-child(3) {
border-right: none;
}
.topnHead ul {
text-align: left;
list-style: none;
max-height: 74px;
overflow: hidden;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}
.topnHead ul li:first-child {
padding-top: 0;
background: url(../img/li_top.png) left 1px no-repeat;
}
.topnHead ul li {
padding: 7px 0 7px 25px;
background: url(../img/li_rept.png) left 5px repeat-y;
}
.topnHead ul li a {
font-size: 15px;
color: #b9bbbd;
padding: 0;
position: relative;
transition: all .2s ease;
}
.topnHead ul li a:after {
position: absolute;
border-top: 1px solid #b7babe;
width: 10px;
content: "";
left: -24px;
top: 7px;
}
.topnHead ul li.active a:after {
border-color: #e54a36;
width: 18px;
}

.pos_rel{
position:relative
}
.bg_d5d5{
background:#d5d5d5
}
.bg_e9e9{
background:#e9e9e9
}
.bg_dfdf{
background:#dfdfdf
}
.bg_f7f7{
background:#f7f7f7
}
.bg_white{
background:#fff
}
.bg_mblack{
background-color:#2c3e50
}
.bg_green{
background-color:#16a085
}

.com_topm{
margin-top:109px
}
.main_con{
width:100%;
height:auto
}



.port-video{padding-bottom: 56.25%; background-color: #1E1E1E; height: 0; width: 100%; overflow: hidden; position: relative;}
.port-video iframe {position: absolute; height: 100%; width: 100%;}


/*start of home home capabilitie*/
.home-capabilities{ background-color:#f3f6f9; padding:60px 0px 0px; border-top:1px solid #e9f0f6;}
.capability-rept a:hover h6{color:#368fea;}

.capability-rept .capImage {
position: relative; overflow:hidden;
}
.capability-rept .capImage > img{ width:100%;}
.capability-rept .capImage::before {
position: absolute;
top: 0;
left: -75%;
z-index: 2;
display: block;
content: '';
width: 50%;
height: 100%;
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.2) 100%);
background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.2) 100%);
-webkit-transform: skewX(-25deg);
transform: skewX(-25deg);
}
.capability-rept a:hover .capImage::before {
-webkit-animation: shine .75s;
animation: shine .75s;
}
@-webkit-keyframes shine {
100% {
left: 125%;
}
}
@keyframes shine {
100% {
left: 125%;
}
}

.capability-massege{    text-align: center;
font-size: 19px;
margin: 0px 0 15px 0;
background: #fff;
padding: 22px 20px;
border-radius: 6px;
color: #435771; line-height:normal;}
.capability-massege > strong{color: #16a085;    font-family: 'celiasmedium';}

.capCont i{ position:absolute; top:22px; left:25px; margin-top:0; width:25px; height:25px; display:inline-block; background-image:url("../img/capLogoSmall.svg"); background-repeat:no-repeat; margin-right: 18px;	 vertical-align:middle }
.capLD{ background-position:0 -102px;}
.capAJ{ background-position:2px -202px;}
.capDJ{ background-position:0 0;}
.capSD{ background-position:1px -717px;}
.capNJ{ background-position:1px -306px;}
.capVJ{ background-position:1px -408px;}
.capHS{ background-position:2px -820px;}
.capSP{ background-position:1px -613px;}
.capSL{ background-position:1px -510px;}
.capJQ{ background-position:1px -923px;}
.capAX{ background-position:0px -1024px;}
.capMD{ background-position:0px -1126px;}
.capRJ{ background-position:0px -1231px;}
.capDB{ background-position:0px -1434px;}
.capFB{ background-position:0px -1331px;}

.capPP{ background-position:0px -1535px;}
.capMG{ background-position:0px -1638px;}
.capPU{ background-position:0px -1739px;}

.capBT{ background-position:0px -1842px;}
.capPN{ background-position:0px -1935px;}

.capCI{ background-position:0px -2039px;}
.capCA{ background-position:0px -2140px;}

.capAN{ background-position:0px -2238px;}


.capPY{ background-position:0px -2340px;}
.capTC{ background-position:0px -2444px;}
.capLM{ background-position:0px -2547px;}
.capAP{ background-position:0px -2650px;}

.capGM{ background-position:0px -2754px;}
.capCP{ background-position:0px -2858px;}


.capHC{ background-position:0px -3161px;}
.capRB{ background-position:0px -2954px;}
.capFD{ background-position:0px -3057px;}
.capGC{ background-position:0px -3366px;}

.capTB{ background-position:0px -3263px;}
.capCN{ background-position:0px -3469px;}


.capCont{padding:19px 25px 20px 62px; width:100%; position:relative;}
.capCont p{line-height: 20px;	margin-top: 5px; color:#697a90;}
.capability-clone .capCont p{	margin-top: 0px;}


/*style chek box*/
.styled-checkbox {
position: absolute;
opacity: 0;
margin: 0;
padding: 0;
}
.styled-checkbox + label {
position: relative;
cursor: pointer;
padding: 0; padding-left:26px; display:block;;
}
.styled-checkbox + label:before {
content: '';
margin-right: 10px;
display: inline-block;
vertical-align: text-top;
width: 13px;
height: 13px;
background: white; border: 1px solid #dae0e6; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; position: absolute;
left: 0;
top: -1px;
}
.styled-checkbox:hover + label:before {
background: #fff; border-color:#16a085;
}

.styled-checkbox:checked + label:before {
background: #16a085; border-color:#16a085;
}
.styled-checkbox:disabled + label {
color: #b8b8b8;
cursor: auto;
}
.styled-checkbox:disabled + label:before {
box-shadow: none;
background: #ddd;
}
.styled-checkbox:checked + label:after {
content: '';
position: absolute;
left: 2px;
top: 6px;
background: white;
width: 2px;
height: 2px;
box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);

}
button:focus{ outline:none; -webkit-appearance:none;}


.capabilitieResult h6{font-family: 'merriweatherbold'; font-size: 16px; 	text-transform: none;	color: #435771;}


.capbll-inner{display: -webkit-flex; display: flex; flex-wrap:wrap;}
.capability-rept{ margin:0 0 30px 0px; width:31.66%;	box-shadow: 0px 1px 3px 0px rgba( 38, 57, 82, .13 ); background-color:#ffffff; transition:box-shadow .5s ease; -moz-transition:box-shadow .5s ease; -webkit-transition:box-shadow .5s ease;}
.capability-rept:hover{ box-shadow: 0px 1px 12px 0px rgba( 38, 57, 82, .2 );}
.capability-rept:nth-child(3n+2) {margin: 0 2.5% 30px;}

.cap-result-other{width:100%; margin-top:40px;}
.capability-clone .capCont{ padding:16px 25px 16px 62px;}
.capCont > h6{ text-transform:uppercase; font-family: 'celiasmedium'; letter-spacing:0; font-size:17px; color:#435771;}
.capability-clone a:hover p{color:#368fea;}
.loader{ opacity:0; transition:all .2s ease;}
.cap-result-other:hover .loader{ opacity:1;}



/*start of home home capabilitie*/



/*start of home contact*/
.home-contact{ background-color:#ffffff; padding:60px 0px; border-top:1px solid #e5edf4;}
.home-contact-info{ display:flex; display:-webkit-flex; flex-wrap:wrap; margin-top:50px; }
.home-contact-rept{ flex:1 1 auto; text-align:center;}
.home-contact-rept a{ display:inline-block; text-align:left; margin:0 auto;}
.home-contact-rept strong{font-family: 'celiaslight'; font-size:26px; color:#1f2c38;}
.home-contact-rept h4{font-family: 'celiasregular'; font-size:15px; color:#9baabe; text-transform:uppercase; letter-spacing:.4px; margin-bottom:5px;}
.home-contact-rept i{ width:55px; height:55px; background-repeat:no-repeat; display:inline-block; margin-left:25px; background-size:auto;}
.hct-phone i {
background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3C!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='55px' height='55px' viewBox='0 0 55 55' enable-background='new 0 0 55 55' xml:space='preserve'%3E%3Cpath fill='%23F7B238' d='M27.111,55H4.889C2.193,55,0,52.803,0,50.096V4.91c0-2.707,2.188-4.908,4.889-4.908h22.223 c2.695,0,4.895,2.201,4.895,4.908v45.186C32,52.797,29.807,55,27.111,55z M29.449,4.909c0-1.294-1.055-2.354-2.344-2.354H4.889 c-1.289,0-2.338,1.06-2.338,2.354v38.902h26.898V4.909z M29.449,46.375H2.551v3.721c0,1.293,1.049,2.348,2.338,2.348h22.223 c1.289,0,2.344-1.055,2.344-2.348L29.449,46.375L29.449,46.375z M17.091,50.619h-2.182c-0.704,0-1.276-0.574-1.276-1.281 s0.572-1.275,1.276-1.275h2.182c0.704,0,1.275,0.568,1.275,1.275S17.795,50.619,17.091,50.619z M16,23.137 c5.628,0,10.206,4.598,10.206,10.25c0,0.707-0.571,1.281-1.276,1.281H7.07c-0.701,0-1.271-0.574-1.271-1.281 C5.794,27.734,10.372,23.137,16,23.137z M23.548,32.105C22.939,28.469,19.786,25.7,16,25.7s-6.939,2.771-7.548,6.406H23.548z M16,21.456c-2.852,0-5.161-2.325-5.161-5.188c0-2.854,2.313-5.188,5.161-5.188c2.846,0,5.161,2.32,5.161,5.188 C21.161,19.132,18.846,21.456,16,21.456z M16,13.65c-1.439,0-2.609,1.177-2.609,2.621c0,1.439,1.17,2.621,2.609,2.621 c1.438,0,2.604-1.181,2.604-2.621C18.607,14.827,17.439,13.65,16,13.65z'/%3E%3C/svg%3E"); background-position:left bottom;
}
.hct-mail i {
background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3C!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='55px' height='55px' viewBox='0 0 55 55' enable-background='new 0 0 55 55' xml:space='preserve'%3E%3Cpath fill='%2304A38C' d='M53.342,12.617c-0.002-0.002-0.002-0.011-0.004-0.014s-0.01-0.007-0.012-0.011 c-0.521-0.91-1.504-1.406-2.561-1.295L2.353,16.339c-1.211,0.129-2.144,1.021-2.323,2.228c-0.179,1.196,0.453,2.321,1.573,2.799 l20.049,9.229c0.037,0.021,0.063,0.057,0.06,0.096l-1.196,21.344c-0.161,1.199,0.487,2.314,1.615,2.771 c0.104,0.041,0.206,0.074,0.313,0.104c1.037,0.279,2.127-0.086,2.787-0.977l27.922-38.466 C53.793,14.624,53.861,13.533,53.342,12.617z M2.606,19.031c-0.044-0.021-0.063-0.026-0.054-0.099 c0.011-0.063,0.027-0.065,0.079-0.069l45.466-4.729L22.994,28.438C22.889,28.374,2.606,19.031,2.606,19.031z M23.197,52.426 c-0.022,0.039-0.039,0.059-0.104,0.023c-0.063-0.021-0.063-0.051-0.059-0.096c0,0,1.223-21.604,1.221-21.729l25.098-14.307 L23.197,52.426z'/%3E%3C/svg%3E"); background-position:left bottom;
}
.hct-skype i {
background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3C!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='55px' height='55px' viewBox='0 0 55 55' enable-background='new 0 0 55 55' xml:space='preserve'%3E%3Cpath fill='%2353A9DE' d='M46.864,47.91H12.93l-6.641,6.699C6.039,54.865,5.701,55,5.354,55c-0.168,0-0.34-0.029-0.502-0.102 c-0.492-0.207-0.813-0.688-0.813-1.229v-5.766h-0.9C1.41,47.904,0,46.479,0,44.734V16.166c0-1.748,1.408-3.168,3.139-3.168h43.723 c1.729,0,3.144,1.42,3.144,3.168v28.568C50.002,46.486,48.594,47.91,46.864,47.91z M47.371,16.168c0-0.278-0.229-0.513-0.513-0.513 H3.141c-0.281,0-0.508,0.229-0.508,0.513v28.573c0,0.282,0.227,0.515,0.508,0.515H5.36c0.693,0,1.263,0.539,1.313,1.229 c0.004,0.029,0.006,3.988,0.006,3.988l4.772-4.818c0.007-0.006,0.013-0.012,0.019-0.02c0.019-0.02,0.035-0.031,0.054-0.05 c0.229-0.205,0.533-0.33,0.865-0.33h34.478c0.275,0,0.51-0.229,0.51-0.515V16.168H47.371L47.371,16.168z M34.668,33.125 c-1.199,0-2.174-0.979-2.174-2.188c0-1.207,0.975-2.188,2.174-2.188c1.201,0,2.176,0.979,2.176,2.188S35.869,33.125,34.668,33.125z M24.563,33.125c-1.201,0-2.176-0.979-2.176-2.188c0-1.207,0.975-2.188,2.176-2.188s2.174,0.979,2.174,2.188 S25.764,33.125,24.563,33.125z M14.457,33.125c-1.199,0-2.18-0.979-2.18-2.188c0-1.207,0.979-2.188,2.18-2.188 c1.195,0,2.176,0.979,2.176,2.188S15.658,33.125,14.457,33.125z'/%3E%3C/svg%3E");background-position:left bottom;
}
/*End of home contact*/

.home-testimonial{background: #f3f6f9; padding:40px 0px;}
#particles-footer{ position:absolute; width:100%; height:100%; top:-50px;}
.home-testimonial .top-heading h3 span{ color:#ffc807;}
.hometm-bottom{ margin-top:60px;}
.footer-client{ text-align:center; position:relative;}
.footer-client .btn{ display:none; position:absolute; top:0; left:50%; margin-left:-156px;}
.footer-client:hover .btn{ display:block;}
.footer-client img{
backface-visibility: hidden;
-webkit-filter: blur(0px);
-moz-filter: blur(0px);
-o-filter: blur(0px);
-ms-filter: blur(0px);
filter: blur(0px);}

.footer-client:hover img{
-webkit-filter: blur(3px);
-moz-filter: blur(3px);
-o-filter: blur(3px);
-ms-filter: blur(3px);
filter: blur(3px);
opacity: 0.8;
}
/*End of home testimonial*/


/*start of scroll*/
.okayNav__nav--visible > li > dl > dd > div{ position: relative;}
.okayNav__nav--visible > li > dl > dd > div > span{
height: 44px; width:100%; transition:none; position:absolute; left:0; cursor:pointer;
}
.okayNav__nav--visible > li > dl > dd > div > span.scroll-down {background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(243,246,249,1) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(243,246,249,1) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(243,246,249,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#f3f6f9',GradientType=0 ); bottom:0;}
.okayNav__nav--visible > li > dl > dd > div > span.scroll-up{background: -moz-linear-gradient(top, rgba(243,246,249,1) 0%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(top, rgba(243,246,249,1) 0%,rgba(0,0,0,0) 100%);
background: linear-gradient(to bottom, rgba(243,246,249,1) 0%,rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f6f9', endColorstr='#00000000',GradientType=0 ); top:0; _display:none;}




/*start of popup*/

.webui-popover-content{ display:none }
.webui-popover-rtl{ direction:rtl; text-align:right }
.webui-popover{ position:absolute; top:0; left:0; z-index:9999; display:none; min-width:50px; min-height:32px; padding:1px; text-align:left; white-space:normal; background-color:#fff; background-clip:padding-box; border-radius:10px;box-shadow: 0px 22px 27px 0px rgba( 34, 79, 101, .12 ); max-width:570px;}
.webui-popover.right-bottom{border-radius:0px 10px 10px 10px;}
.webui-popover.left-bottom{border-radius:10px 0px 10px 10px;}
.webui-popover.right > .webui-arrow:after, .webui-popover.right-top > .webui-arrow:after, .webui-popover.right-bottom > .webui-arrow:after{ display:none;}
.webui-popover.top, .webui-popover.top-left, .webui-popover.top-right{ margin-top:-10px }
.webui-popover.right, .webui-popover.right-top, .webui-popover.right-bottom{ margin-left:16px }
.webui-popover.bottom, .webui-popover.bottom-left, .webui-popover.bottom-right{ margin-top:16px }
.webui-popover.left, .webui-popover.left-top, .webui-popover.left-bottom{ margin-left:-10px }
.webui-popover.pop{ -webkit-transform:scale(0.8); -o-transform:scale(0.8); transform:scale(0.8); -webkit-transition:transform .15s cubic-bezier(0.3, 0, 0, 1.5); -o-transition:transform .15s cubic-bezier(0.3, 0, 0, 1.5); transition:transform .15s cubic-bezier(0.3, 0, 0, 1.5); opacity:0; filter:alpha(opacity=0); max-width:570px;}
.webui-popover.pop-out{ -webkit-transition-property:"opacity,transform"; -o-transition-property:"opacity,transform"; transition-property:"opacity,transform"; -webkit-transition:.15s linear; -o-transition:.15s linear; transition:.15s linear; opacity:0; filter:alpha(opacity=0) }
.webui-popover.fade, .webui-popover.fade-out{ -webkit-transition:opacity .15s linear; -o-transition:opacity .15s linear; transition:opacity .15s linear; opacity:0; filter:alpha(opacity=0) }
.webui-popover.out{ opacity:0; filter:alpha(opacity=0) }
.webui-popover.in{ -webkit-transform:none; -o-transform:none; transform:none; opacity:1; filter:alpha(opacity=100) }
.webui-popover .webui-popover-content{ padding:40px 0px 40px 40px; overflow:auto; display:block; font-size:16px; line-height:24px; color:#838e9d;}
.webui-popover .webui-popover-content strong{ display:block; margin-top:20px; font-family: 'celiasmedium'; color:#435771;}
.webui-popover .webui-popover-content strong span{font-family: 'celiasthin';}
.webui-popover .webui-popover-content > div:first-child{ width:99% }
.webui-popover-inner .close{ font-family:arial; margin:8px 10px 0 0; float:right; font-size:16px; font-weight:700; line-height:16px; color:#000; text-shadow:0 1px 0 #fff; opacity:.2; filter:alpha(opacity=20); text-decoration:none }
.webui-popover-inner .close:hover, .webui-popover-inner .close:focus{ opacity:.5; filter:alpha(opacity=50) }
.webui-popover-inner .close:after{ content:"\00D7"; width:.8em; height:.8em; padding:4px; position:relative;     font-family: 'celiaslight'; font-size: 20px;}
.webui-popover-title{ padding:8px 14px; margin:0; font-size:14px; font-weight:700; line-height:18px; background-color:#fff; border-bottom:1px solid #f2f2f2; border-radius:5px 5px 0 0 }
.webui-popover-content{ padding:9px 14px; overflow:auto; display:none }
.webui-popover-inverse{ background-color:#333; color:#eee }
.webui-popover-inverse .webui-popover-title{ background:#333; border-bottom:1px solid #3b3b3b; color:#eee }
.webui-no-padding .webui-popover-content{ padding:0 }
.webui-no-padding .list-group-item{ border-right:none; border-left:none }
.webui-no-padding .list-group-item:first-child{ border-top:0 }
.webui-no-padding .list-group-item:last-child{ border-bottom:0 }
.webui-popover > .webui-arrow, .webui-popover > .webui-arrow:after{ position:absolute; display:block; width:0; height:0; border-color:transparent; border-style:solid }
.webui-popover > .webui-arrow{ border-width:11px }
.webui-popover > .webui-arrow:after{ border-width:10px; content:"" }
.webui-popover.top > .webui-arrow, .webui-popover.top-right > .webui-arrow, .webui-popover.top-left > .webui-arrow{ bottom:-11px; left:50%; margin-left:-11px; border-top-color:#999; border-top-color:rgba(0, 0, 0, .25); border-bottom-width:0 }
.webui-popover.top > .webui-arrow:after, .webui-popover.top-right > .webui-arrow:after, .webui-popover.top-left > .webui-arrow:after{ content:" "; bottom:1px; margin-left:-10px; border-top-color:#fff; border-bottom-width:0 }
.webui-popover.right > .webui-arrow, .webui-popover.right-top > .webui-arrow, .webui-popover.right-bottom > .webui-arrow{ top:50%; left: -21px; background-image:url("../img/footer_sprite.svg"); background-repeat:no-repeat; width:19px; height:23px; background-position:-7px -3330px; margin-top:-12px;}
.webui-popover.right > .webui-arrow:after, .webui-popover.right-top > .webui-arrow:after, .webui-popover.right-bottom > .webui-arrow:after{ content:" "; left:1px; bottom:-10px; border-left-width:0; border-right-color:#fff }
.webui-popover.bottom > .webui-arrow, .webui-popover.bottom-right > .webui-arrow, .webui-popover.bottom-left > .webui-arrow{ top:-11px; left:50%; margin-left:-11px; border-bottom-color:#999; border-bottom-color:rgba(0, 0, 0, .25); border-top-width:0 }
.webui-popover.bottom > .webui-arrow:after, .webui-popover.bottom-right > .webui-arrow:after, .webui-popover.bottom-left > .webui-arrow:after{ content:" "; top:1px; margin-left:-10px; border-bottom-color:#fff; border-top-width:0 }
.webui-popover.left > .webui-arrow, .webui-popover.left-top > .webui-arrow, .webui-popover.left-bottom > .webui-arrow{ top:50%;     right: -20px;
background-image: url(../img/footer_sprite.svg);
background-repeat: no-repeat;
width: 19px;
height: 23px;
background-position: -12px -3433px;
margin-top: -25px;}
.webui-popover.left > .webui-arrow:after, .webui-popover.left-top > .webui-arrow:after, .webui-popover.left-bottom > .webui-arrow:after{ content:" "; right:1px; border-right-width:0; border-left-color:#fff; bottom:-10px; display:none;}
.webui-popover-inverse.top > .webui-arrow, .webui-popover-inverse.top-left > .webui-arrow, .webui-popover-inverse.top-right > .webui-arrow, .webui-popover-inverse.top > .webui-arrow:after, .webui-popover-inverse.top-left > .webui-arrow:after, .webui-popover-inverse.top-right > .webui-arrow:after{ border-top-color:#333 }
.webui-popover-inverse.right > .webui-arrow, .webui-popover-inverse.right-top > .webui-arrow, .webui-popover-inverse.right-bottom > .webui-arrow, .webui-popover-inverse.right > .webui-arrow:after, .webui-popover-inverse.right-top > .webui-arrow:after, .webui-popover-inverse.right-bottom > .webui-arrow:after{ border-right-color:#333 }
.webui-popover-inverse.bottom > .webui-arrow, .webui-popover-inverse.bottom-left > .webui-arrow, .webui-popover-inverse.bottom-right > .webui-arrow, .webui-popover-inverse.bottom > .webui-arrow:after, .webui-popover-inverse.bottom-left > .webui-arrow:after, .webui-popover-inverse.bottom-right > .webui-arrow:after{ border-bottom-color:#333 }
.webui-popover-inverse.left > .webui-arrow, .webui-popover-inverse.left-top > .webui-arrow, .webui-popover-inverse.left-bottom > .webui-arrow, .webui-popover-inverse.left > .webui-arrow:after, .webui-popover-inverse.left-top > .webui-arrow:after, .webui-popover-inverse.left-bottom > .webui-arrow:after{ border-left-color:#333 }
.webui-popover i.icon-refresh:before{ content:"" }
.webui-popover i.icon-refresh{ display:block; width:30px; height:30px; font-size:20px; top:50%; left:50%; position:absolute; margin-left:-15px; margin-right:-15px; background:url(../img/loading.gif) no-repeat }
@-webkit-keyframes rotate{
100%{ -webkit-transform:rotate(360deg) }
}
@keyframes rotate{
100%{ transform:rotate(360deg) }
}
.webui-popover-backdrop{ background-color:rgba(0, 0, 0, .65); width:100%; height:100%; position:fixed; top:0; left:0; z-index:9998 }
.webui-popover .dropdown-menu{ display:block; position:relative; top:0; border:none; box-shadow:none; float:none }


/*start of footer*/

.copyRight{
font-family:'proxima_nova_rgregular';
font-size:15px;
text-shadow:1px 1px #0a1d38;
-moz-text-shadow:1px 1px #0a1d38;
-webkit-text-shadow:1px 1px #0a1d38;
color:#CCC;
margin-bottom:8px;
float:left
}
.copyRight a:hover{
color:#f2b710
}
.scopyRight{
float:right;
color:#ccc;
text-shadow:1px 1px #0a1d38;
-moz-text-shadow:1px 1px #0a1d38;
-webkit-text-shadow:1px 1px #0a1d38
}
.scopyRight a:hover{
color:#ef5e4b
}
.new-footer-bg{
background:#12202e;
box-shadow:0 5px 7px -7px #000 inset;
-webkit-box-shadow:0 5px 7px -7px #000 inset;
-moz-box-shadow:0 5px 7px -7px #000 inset; /*background-image:url(../img/footr_star.png);*/ background-repeat:repeat; background-position:left top;
}
.new-footer{ /*background-image:url(../img/footer_bgv2.jpg); */background-repeat:no-repeat; background-position:center bottom; background-size:100%; padding-bottom:13%; float:left; width:100%; }
.new-footer-other{ margin-top:20px;}
.new-footer-left{ width:70%; float:left; }
.new-footer-right{ width:30%; float:left; }
.footer-heading{ margin-top:50px; margin-bottom:30px; }
.new-footer-services ul{ list-style:none; }
.new-footer-services ul li{ margin-bottom:15px; width:100%; }
.new-footer-services ul li a{ font-size:15px; color:#768696; }
.new-footer-services ul li a:hover, .new-footer-copyright ul li a:hover, .nee-footer-b-rept ul li a:hover, .new-footer-services h6 a:hover, .nee-footer-b-rept ul li:last-child a:hover, .new-footer h5 a:hover{ color:#f7b239; }
.new-footer-services h6 a{ font-size:18px; color:#009882; }
.new-footer-services h6{ margin-bottom:20px; text-transform:none; z-index:99; }
.new-footer-rept{ width:32%; margin-right:2%; float:left; }
.new-footer-rept:last-child{ margin-right:0; }
.topp_carousel{ width:100%; float:left; position:relative; overflow:hidden; margin-bottom:29px; }
.new-footer-copyright p{ font-size:15px; color:#768696; line-height:28px; margin-bottom:10px; }
.new-footer-copyright p a{ color:#768696; font-family: 'celiasmedium'; }
.new-footer-copyright ul li a{ color:#009882; font-size:15px; }
.new-footer-copyright ul li{ display:inline-block; position:relative; margin-right:-4px; }
.new-footer-copyright ul li:after{ padding:0 10px 0 11px; color:#768696; content:"/\00a0"; }
.new-footer-copyright ul li:last-child:after{ display:none; }
.new-footer ul{ list-style:none; margin:0; padding:0; }
.footer-marketing b{ display:block; opacity:.6; margin-top:12px; }
.footer-marketing b:hover{ opacity:1; }
.footer-marketing > a{ font-size:15px; color:#fff; font-family: 'celiasmedium'; }
.footer-marketing{ padding-top:35px; border-top:1px solid #1f2e3d; margin-top:35px; text-align:center; }
.new-footer-right .footer-marketing{ margin-top:0; border:none; padding-top:27px; text-align:left; }
.new-footer h5 strong{ font-size:25px; color:#ffffff; }
.new-footer h5{ margin-bottom:30px; }
.new-footer h5 a{ color:#fff; }
.new-footer .footer-marketing h5{ margin-bottom:20px; }
.new-footer-bottom{ float:left; width:100%; background-color:#101c29; padding:30px; display:flex; margin-top:40px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;justify-content: space-between; }
.nee-footer-b-rept ul li{ display:inline-block; margin-right:-4px; }
.nee-footer-b-rept ul li:after{ padding:0 10px 0 11px; color:#768696; content:"/\00a0"; }
.nee-footer-b-rept ul li:last-child:after{ display:none }
.nee-footer-b-rept ul li a{ font-size:15px; color:#768696; }
.nee-footer-b-rept ul li:last-child a{ color:#456b91; }
/*.new-footer-bottom-rept{ margin-right:106px; }
.new-footer-bottom-rept:last-child{ margin-right:0; }*/
.new-footer-services .swipeNext, .new-footer-services .swipePrev{ display:block; position:absolute; width:22px; height:22px; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; background-color:#1f3247; }

.new-footer-services .swipeNext, .new-footer-services .swipePrev{ background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3C!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='5px' height='8px' viewBox='0 0 5 8' enable-background='new 0 0 5 8' xml:space='preserve'%3E%3Cpath fill='%23FFFFFF' d='M0,8l3.787-4L0,0h1.212L5,4L1.212,8H0z'/%3E%3C/svg%3E"); background-repeat:no-repeat; right:50px; top:0; text-indent:-9999px; background-size:auto; background-position: center center;}
.new-footer-services .swipeNext, .new-footer-services .swipePrev{ margin-top:0; cursor:pointer;}
.new-footer-services .swipeNext{right:50px;}
.new-footer-services .swipePrev{ right:75px; transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); left:auto;}
.new-footer-services .swipeNext.swiper-button-disabled, .new-footer-services .swipePrev.swiper-button-disabled{opacity: 0.35;
cursor: auto;
pointer-events: none;}
.new-footer-services{ position:relative; }
.topp_carousel .bx-controls-direction a.disabled{ pointer-events:none; opacity:.3; }

.new-footer-services{ position:relative;}
.footer-marketing .swiper-container{ max-width:700px; margin:0 auto;}
.footer-marketing .swiper-slide{ height: 62px;
    align-items: center;
    display: flex;
    justify-content: center;    background: rgba(0, 0, 0, 0.2);
    padding: 5px 15px; border-radius: 6px;}

.new-footer-social ul li, .new-footer-more ul li{ display:inline-block; margin-right:9px; }
.new-footer-social ul li a, .new-footer-more ul li a, .new-footer-call ul li i{ display:block; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; width:48px; height:48px; border:2px solid #009580; background-repeat:no-repeat; background-size:auto; background-image:url(../img/footer_sprite.svg)}
.new-footer-social ul li a.fb{ background-position:17px -104px; }
.new-footer-social ul li a.twi{ background-position:12px -296px; }
.new-footer-social ul li a.link{ background-position:12px -398px; }
.new-footer-social ul li a.googePlus{ background-position:11px -496px; }
.new-footer-social ul li a.dribble{ background-position:11px -1012px; }
.new-footer-social ul li:last-child, .new-footer-more ul li:last-child{ margin-right:0; }
.new-footer-more ul li a.ftAbout{ background-position:10px -598px; }
.new-footer-more ul li a.ftPort{ background-position:9px -700px; }
.new-footer-more ul li a.ftProd{ background-position:9px -800px; }
.new-footer-more ul li a.ftCont{ background-position:8px -904px; }
.new-footer-call ul li{ display:inline-block; margin-right:40px; }



.new-footer-call ul li{ display:inline-block; margin-right:40px; }
.new-footer-call ul li:last-child{ margin-right:0px; }
.new-footer-call ul li a{ color:#ffffff; font-size:22px; vertical-align:middle; display:inline-block; font-family: 'celiasregular'; }
.new-footer-call ul li span{font-family: 'webreinventv4'; font-size:19px;}
.new-footer-call ul li i{ display:inline-block; margin-right:12px; vertical-align:middle;background-position:center center; background-repeat:no-repeat; background-size:auto;}
.new-footer-call ul li i.ftrCall{ background-position:15px -4px; }
.new-footer-call ul li i.ftrMail{ background-position:12px -201px; }


.new-footer-social ul li a.fb:hover{ background-color:#3b5998; border-color:#3b5998; }
.new-footer-social ul li a.twi:hover{ background-color:#55acee; border-color:#55acee; }
.new-footer-social ul li a.link:hover{ background-color:#007bb5; border-color:#007bb5; }
.new-footer-social ul li a.googePlus:hover{ background-color:#dd4b39; border-color:#dd4b39; }
.new-footer-social ul li a.dribble:hover{ background-color:#ea4c89; border-color:#ea4c89; }
.new-footer-more ul li a.ftAbout:hover{ background-color:#009580; border-color:#009580; }
.new-footer-more ul li a.ftPort:hover{ background-color:#3894d7; border-color:#3894d7; }
.new-footer-more ul li a.ftProd:hover{ background-color:#e84b3c; border-color:#e84b3c; }
.new-footer-more ul li a.ftCont:hover{ background-color:#0b1620; border-color:#0b1620; }
.ft_mob .bx-controls .bx-controls-direction a.disabled{ display:none; }
.new-footer-product{ float:left; width:100%; }
.new-footer-other .nee-footer-b-rept h5{ display:inline-block; margin-bottom:0; margin-right:12px; vertical-align:middle; }
.new-footer-other .nee-footer-b-rept ul{ display:inline-block; vertical-align:middle; }
.new-footer-other .nee-footer-b-rept ul li{ margin-top:5px; }
.footer-marketing ul li{ display:inline-block; }
.footer-marketing .swiper-slide a{ opacity:.5; transition:all .2s ease; -moz-transition:all .2s ease; -webkit-transition:all .2s ease; }
.footer-marketing .swiper-slide a:hover{ opacity:1; }
.footer-marketing .bx-wrapper{ margin:0 auto; }
.tempMail{ display:block; margin-top:9px; }
.footer-capycat {background: #081522; width: 100%; padding: 18px 0 13px; text-align: left; }
.footer-capycat p {font-size: 11px; color: #CCC; line-height: 16px;}
.footer-capycat p a, .footer-capycat p strong {color: #c2a514;font-family: 'celiasmedium';}
.footer-capycat p a:hover{color: #ef5e4b;}
strong, b{ font-weight:normal;}
/*.new-footer-services .swiper-container-vertical{margin-top: 45px;}*/
.new-footer-services .swiper-wrapper{ height:80px;}
/*end of new footer*/
.loading {
background-color: #14202E;
background-image:url(../img/placeholder.svg); background-position:center center; background-repeat:no-repeat; min-height:94px;
}
.loader.loading{ background-image:none; min-height:0; background-color:#fff;}
.footer-marketing .loading{ height:94px; display:block;}
@-webkit-keyframes super-rainbow{
0%{
color:#12202e
}
20%{
color:#f39c12
}
40%{
color:#f1c40f
}
60%{
color:#1abc9c
}
80%{
color:#3498db
}
100%{
color:#8e44ad
}
}
@-moz-keyframes super-rainbow{
0%{
color:#12202e
}
20%{
color:#f39c12
}
40%{
color:#f1c40f
}
60%{
color:#1abc9c
}
80%{
color:#3498db
}
100%{
color:#8e44ad
}
}
@-webkit-keyframes beat{
10%{
-moz-transform-webkit-transform-o-transform-ms-transformtransform-moz-transform:scale(1.1) scale(1.1) scale(1.1) scale(1.1) scale(1.1) scale(1);
-webkit-transform:scale(1);
-o-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1)
}
20%{
-moz-transform:scale(1.1);
-webkit-transform:scale(1.1);
-o-transform:scale(1.1);
-ms-transform:scale(1.1);
transform:scale(1.1)
}
100%{
-moz-transform:scale(1);
-webkit-transform:scale(1);
-o-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1)
}
}
@-moz-keyframes beat{
10%{
-moz-transform-webkit-transform-o-transform-ms-transformtransform-moz-transform:scale(1.1) scale(1.1) scale(1.1) scale(1.1) scale(1.1) scale(1);
-webkit-transform:scale(1);
-o-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1)
}
20%{
-moz-transform:scale(1.1);
-webkit-transform:scale(1.1);
-o-transform:scale(1.1);
-ms-transform:scale(1.1);
transform:scale(1.1)
}
100%{
-moz-transform:scale(1);
-webkit-transform:scale(1);
-o-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1)
}
}
@-ms-keyframes beat{
10%{
-moz-transform-webkit-transform-o-transform-ms-transformtransform-moz-transform:scale(1.1) scale(1.1) scale(1.1) scale(1.1) scale(1.1) scale(1);
-webkit-transform:scale(1);
-o-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1)
}
20%{
-moz-transform:scale(1.1);
-webkit-transform:scale(1.1);
-o-transform:scale(1.1);
-ms-transform:scale(1.1);
transform:scale(1.1)
}
100%{
-moz-transform:scale(1);
-webkit-transform:scale(1);
-o-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1)
}
}
@keyframes beat{
10%{
-moz-transform-webkit-transform-o-transform-ms-transformtransform-moz-transform:scale(1.1) scale(1.1) scale(1.1) scale(1.1) scale(1.1) scale(1);
-webkit-transform:scale(1);
-o-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1)
}
20%{
-moz-transform:scale(1.1);
-webkit-transform:scale(1.1);
-o-transform:scale(1.1);
-ms-transform:scale(1.1);
transform:scale(1.1)
}
100%{
-moz-transform:scale(1);
-webkit-transform:scale(1);
-o-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1)
}
}

.breadcrumb_main{
background-color:#037962
}
.breadcrumb ul{
list-style:none;
list-style:none
}
.breadcrumb ul li{
display:inline;
display:block;
float:left;
background:#046250;
text-align:center;
padding:7px 5px 5px 18px;
position:relative;
margin:0 3px 0 0;
font-size:10px;
text-decoration:none;
color:rgba(255, 255, 255, .5);
text-transform:uppercase
}
.breadcrumb ul li:first-child{
padding:7px 5px 5px 12px
}
.breadcrumb ul li a{
color:rgba(255, 255, 255, .8)
}
.breadcrumb ul li:after{
content:"";
border-top:11px solid transparent;
border-bottom:11px solid transparent;
border-left:11px solid #046250;
position:absolute;
right:-11px;
top:0;
z-index:1
}
.breadcrumb ul li:before{
content:"";
border-top:11px solid transparent;
border-bottom:11px solid transparent;
border-left:11px solid #037962;
position:absolute;
left:0;
top:0
}
.breadcrumb ul li:hover{
background-color:#e54a36
}
.breadcrumb ul li:hover a{
color:rgba(255, 255, 255, 1)
}
.breadcrumb ul li:hover:after{
border-left:11px solid #e54a36
}
.breadcrumb ul li:last-child{
background:#026a56
}
.breadcrumb ul li:last-child:after{
border-left:11px solid #026a56
}
.breadcrumb ul li:first-child a{
border-top-left-radius:10px;
border-bottom-left-radius:10px
}
.breadcrumb ul li:first-child:before{
display:none
}
.breadcrumb ul li:last-child a{
border-top-right-radius:10px;
border-bottom-right-radius:10px
}
.breadcrumb ul li:last-child a:after{
display:none
}
.infobox-wrapper{
display:none
}
.contact_bottom .captcha-holder a.captcha_selected{
background:#009882;
color:#fff;
border-color:#009882
}
.nav_tpleft ul li{
display:none
}
.navbar .nav > li.nav_mob{
display:none
}
.navbar .nav > li.has_submenu > a:hover{
background-color:#01604d
}
#captcha_img, #portofolio > p{
display:none
}
@keyframes vibrate{
0%{
margin-left:0
}
25%{
margin-left:-2px
}
50%{
margin-left:0
}
75%{
margin-left:2px
}
100%{
margin-left:0
}
}
@-moz-keyframes vibrate{
0%{
margin-left:0
}
25%{
margin-left:-2px
}
50%{
margin-left:0
}
75%{
margin-left:2px
}
100%{
margin-left:0
}
}
@-webkit-keyframes vibrate{
0%{
margin-left:0
}
25%{
margin-left:-2px
}
50%{
margin-left:0
}
75%{
margin-left:2px
}
100%{
margin-left:0
}
}
@-o-keyframes vibrate{
0%{
margin-left:0
}
25%{
margin-left:-2px
}
50%{
margin-left:0
}
75%{
margin-left:2px
}
100%{
margin-left:0
}
}
@keyframes move{
0%{
left:0;
opacity:0
}
35%{
left:41%;
-moz-transform:rotate(0deg);
-webkit-transform:rotate(0deg);
-o-transform:rotate(0deg);
transform:rotate(0deg);
opacity:1
}
65%{
left:59%;
-moz-transform:rotate(0deg);
-webkit-transform:rotate(0deg);
-o-transform:rotate(0deg);
transform:rotate(0deg);
opacity:1
}
100%{
left:100%;
-moz-transform:rotate(-180deg);
-webkit-transform:rotate(-180deg);
-o-transform:rotate(-180deg);
transform:rotate(-180deg);
opacity:0
}
}
@-moz-keyframes move{
0%{
left:0;
opacity:0
}
35%{
left:41%;
-moz-transform:rotate(0deg);
transform:rotate(0deg);
opacity:1
}
65%{
left:59%;
-moz-transform:rotate(0deg);
transform:rotate(0deg);
opacity:1
}
100%{
left:100%;
-moz-transform:rotate(-180deg);
transform:rotate(-180deg);
opacity:0
}
}
@-webkit-keyframes move{
0%{
left:0;
opacity:0
}
35%{
left:41%;
-webkit-transform:rotate(0deg);
transform:rotate(0deg);
opacity:1
}
65%{
left:59%;
-webkit-transform:rotate(0deg);
transform:rotate(0deg);
opacity:1
}
100%{
left:100%;
-webkit-transform:rotate(-180deg);
transform:rotate(-180deg);
opacity:0
}
}
@-o-keyframes move{
0%{
left:0;
opacity:0
}
35%{
left:41%;
-o-transform:rotate(0deg);
transform:rotate(0deg);
opacity:1
}
65%{
left:59%;
-o-transform:rotate(0deg);
transform:rotate(0deg);
opacity:1
}
100%{
left:100%;
-o-transform:rotate(-180deg);
transform:rotate(-180deg);
opacity:0
}
}
@-webkit-keyframes color_change{
0%{
color:#ef5e4b;
text-shadow:0 0 5px rgba(255, 255, 255, .4)
}
10%{
color:#ef5e4b;
text-shadow:0 0 25px rgba(255, 255, 255, .4)
}
20%{
color:#009882;
text-shadow:0 0 25px rgba(255, 255, 255, .4)
}
100%{
color:#009882;
text-shadow:0 0 5px rgba(255, 255, 255, .4)
}
}
@-moz-keyframes color_change{
0%{
color:#ef5e4b;
text-shadow:0 0 5px rgba(255, 255, 255, .4)
}
10%{
color:#ef5e4b;
text-shadow:0 0 25px rgba(255, 255, 255, .4)
}
20%{
color:#009882;
text-shadow:0 0 25px rgba(255, 255, 255, .4)
}
100%{
color:#009882;
text-shadow:0 0 5px rgba(255, 255, 255, .4)
}
}
@-ms-keyframes color_change{
0%{
color:#ef5e4b;
text-shadow:0 0 5px rgba(255, 255, 255, .4)
}
10%{
color:#ef5e4b;
text-shadow:0 0 25px rgba(255, 255, 255, .4)
}
20%{
color:#009882;
text-shadow:0 0 25px rgba(255, 255, 255, .4)
}
100%{
color:#009882;
text-shadow:0 0 5px rgba(255, 255, 255, .4)
}
}
@-o-keyframes color_change{
0%{
color:#ef5e4b;
text-shadow:0 0 5px rgba(255, 255, 255, .4)
}
10%{
color:#ef5e4b;
text-shadow:0 0 25px rgba(255, 255, 255, .4)
}
20%{
color:#009882;
text-shadow:0 0 25px rgba(255, 255, 255, .4)
}
100%{
color:#009882;
text-shadow:0 0 5px rgba(255, 255, 255, .4)
}
}
@keyframes color_change{
0%{
color:#ef5e4b;
text-shadow:0 0 5px rgba(255, 255, 255, .4)
}
10%{
color:#ef5e4b;
text-shadow:0 0 25px rgba(255, 255, 255, .4)
}
20%{
color:#009882;
text-shadow:0 0 25px rgba(255, 255, 255, .4)
}
100%{
color:#009882;
text-shadow:0 0 5px rgba(255, 255, 255, .4)
}
}
.top_nhead ul li.active a:after{
border-color:#e54a36;
width:18px
}
.top_nhead ul li.active a{
color:#fff
}
.error404 .error_middle{
background-color:#16a085;
padding-top:25px;
text-align:center
}
.error404 .error_middle{
background-color:#16a085;
padding-top:25px;
text-align:center
}

@media (max-width:1600px){
.logo .brand{padding:10px; font-size:36px;}
.okayNav__nav--visible > li{ margin:0 9px 0 0px;}
.okayNav__nav--visible > li > a.subMenu{margin-left: -7px;}
#mainNav{ margin-top:7px;}
.on-scroll #mainNav{ margin-top:0;}
.okayNav__nav--visible > li > dl.active > dd ul li:first-child a{    font-size: 14px;    padding: 24px 15px 0px 94px;}
}
@media (max-width:1549px){
/*.new-footer-social ul li a, .new-footer-more ul li a, .new-footer-call ul li i{ width:44px; height:44px; }*/
}

@media (max-width:1309px){
.container{ padding-left:15px; padding-right:15px;}
.new-footer-call ul li{ margin-right:0px; display:block;}
.new-footer-call ul li:first-child{ margin-bottom:6px;}
}

.mobile-header, #menu{ display:none;}
@media (max-width:1349px){
#header.okayNav-header{ display:none;}
.mobile-header{ display:block;}
}

@media (max-width:1199px){

.new-footer h5{
margin-bottom:20px;
}
/*.new-footer-social ul li a, .new-footer-more ul li a, .new-footer-call ul li i{ width:34px; height:34px; }
.new-footer-call ul li a{ font-size:18px; }
.new-footer-call ul li{ margin-right:30px; }
.new-footer-social ul li a, .new-footer-more ul li a, .new-footer-call ul li i{ background-size:16px;}
.new-footer-social ul li a.fb{ background-size:7px;}
.new-footer-call ul li i.ftrCall{ background-size:14px;}*/
.new-footer-copyright ul li:after{ padding:0 6px 0 5px;}
.topp_carousel .bx-controls-direction a.bx-prev{ right:50px;}
.topp_carousel .bx-controls-direction a{right:22px;}
}



@media (max-width:1023px){
.new-footer-left{ width:100%; }
.new-footer-right{ width:100%; }
/*.new-footer-copyright{ width:50%; float:left; }*/
/*	.footer-marketing{ width:50%; float:right; margin-top:10px; padding:0; border:none;text-align:right; }*/
.new-footer-bottom-rept{ margin-right:5%; }
.new-footer-call ul li{ margin-right:20px; }
.new-footer-call ul li i{ margin-right:6px; }
.new-footer h5 strong{ font-size:21px; }
.new-footer-copyright p{ margin-bottom:10px; }
.new-footer-product{ margin-top:30px; }
.new-footer-right .footer-heading{ margin-top:0; }
.footer-heading{ margin-bottom:20px; }

}
@media (max-width:992px){
.new-footer h5 strong{ font-size:19px; }
.new-footer-social ul li, .new-footer-more ul li, .new-footer-call ul li{ margin-bottom:5px; }
}
@media (max-width:639px){
.new-footer-social ul li, .new-footer-more ul li, .new-footer-call ul li{ margin-bottom:0px; }
.new-footer-rept{ width:100%; margin-right:0px; }
.topp_carousel .bx-viewport{ min-height:initial; }
.new-footer-bottom{ display:block; padding:30px 30px 20px 30px }
.new-footer-bottom-rept:first-child{ margin-bottom:15px; width:100%; }
.new-footer-bottom-rept{ width:50%; margin-right:0; float:left; }
.new-footer-bottom-rept:last-child{ text-align:right; }
}
@media (max-width:610px){
.nefb_main .nee-footer-b-rept h5{ margin-bottom:10px; }

}
@media (max-width:549px){
.new-footer-bottom-rept:last-child{ text-align:left; }
.new-footer-bottom-rept{ width:100%; margin-top:25px; }
.new-footer-bottom-rept:first-child{ margin-top:0; }
.new-footer-copyright{ width:100%; }
.footer-marketing{
padding-top:20px;
margin-top:20px;
}
.new-footer-bottom{ margin-top:30px; }
.footer-heading{
margin-top:30px;
margin-bottom:20px;
}
.new-footer-copyright p{ margin-bottom:13px; }
.new-footer h5 strong{ font-size:20px; }

}
@media (max-width:610px){
.new-footer-call ul li{ margin-bottom:10px; }
.new-footer-call ul li:last-child{ margin-bottom:0; }
}

.alertify-notifier{
z-index: 100000;
}