@import "bootstrap.css";
@import "animate.css";
@import "font-awesome.css";
@import "primary_content.css";
@import "slick.css";
@import "slick-theme.css";
@import "magnific-popup.css";
@import "slider.css";
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700');



/*font-family: 'Courgette', cursive;*/

/* - - - - - - - - - - - - - - - - - - - - -

TITLE    :   NAKCSS HTML 5 VERSION 3

- - - - - - - - - - - - - - - - - - - - - */

html, body{height:100%;}

#nakainer{height:100%;}

body { font-family: 'Open Sans', sans-serif; font-size:16px;overflow-x: hidden;     color: #000; }

a:hover, a:focus { text-decoration:none; }
a{    outline: none !important;}
ul { list-style:none; }

.disabled, .disabled1 { display:none !important; }

.courgette { font-family:'courgette'; }

.no-js #loader { display: none; }

.owl-theme .owl-controls {margin-top: 0px;}

.se-pre-con { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 999999; background-color: rgba(255, 126, 0, .8); }

img{max-width:100%;}

/* HEADER SLIDER */



#header{    z-index: 200;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;}

.head-menu { position:absolute; z-index:999; width: 100%;    background: transparent; -webkit-transition: all .5s;

-moz-transition: all .5s;

-o-transition: all .5s;

-ms-transition: all .5s; top: 0; }

#nakainer .darkHeader {position:fixed; background: rgba(244, 142, 43, .90); -webkit-transition: all .5s;

-moz-transition: all .5s;

-o-transition: all .5s;

-ms-transition: all .5s;

}

#nakainer .darkHeader .logopart img {width: 300px;-webkit-transition: all .5s;

-moz-transition: all .5s;

-o-transition: all .5s;

-ms-transition: all .5s;}

.darkHeader .fbicon { display:none; -webkit-transition: all .5s;

-moz-transition: all .5s;

-o-transition: all .5s;

-ms-transition: all .5s;

}

.menuicon {padding: 0; padding-top: 30px; }

.darkHeader .menuicon { padding-top: 30px; }

#slider > li{display:none;}
#slider > li:first-child{display:block;}


/* End Header */



/*Social Links*/

.social-links{float:right;    margin-left: 15px;}

.social-links ul {

    padding: 0;

	margin:0;

}

.social-links ul li {

    display: inline-block;

    position: relative;

    -webkit-transition-duration: 0.3s;

    transition-duration: 0.3s;

    -webkit-transition-property: transform;

    transition-property: transform;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

    box-shadow: 0 0 1px rgba(0,0,0,0);

    transform: scale(1);

    -webkit-transform: scale(1);

}

.social-links ul li:before {

    pointer-events: none;

    position: absolute;

    z-index: -1;

    content: '';

    top: 100%;

    left: 5%;

    height: 10px;

    width: 90%;

    opacity: 0;

    background: radial-gradient(ellipse at center,rgba(0,0,0,0.35) 0%,rgba(0,0,0,0) 80%);

    -webkit-transition-duration: 0.3s;

    transition-duration: 0.3s;

    -webkit-transition-property: transform,opacity;

    transition-property: transform,opacity;

}

.social-links ul li:hover, .social-links ul li:focus {

    -webkit-transform: translateY(-5px);

    transform: translateY(-5px);

    transform: scale(1.1);

    -webkit-transform: scale(1.1);

}

.social-links ul li:hover:before, .social-links ul li:focus:before {

    opacity: 1;

    -webkit-transform: translateY(5px);

    transform: translateY(5px);

}

.social-links ul li img {

    width: 36px;

}





/* Social Links*/



/*Head top bar*/

.top-head-bar{background:#06589c;padding: 5px 0;}

.contact-bar ul, .link-bar ul{padding:0;margin:0;}

.contact-bar ul li, .link-bar ul li {display:inline-block;padding:0 7px;font-size:14px;border-right:1px solid #fff;line-height: 1;margin-left: -4px;

color:#fff;}

.contact-bar ul li:last-child, .link-bar ul li:last-child{border:0;}

.link-bar ul{float:right;}

.contact-bar ul li a, .link-bar ul li a{color:#fff;}

.contact-bar ul li a:hover, .link-bar ul li a:hover{color:#ccc;}



/*Head top bar*/



/* Menu Part Start */

#cssmenu:hover #menu-line{display:none !important}

#cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a, #cssmenu #menu-button { margin: 0; padding: 0; list-style: none; line-height: 1; display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

#cssmenu:after, #cssmenu > ul:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

#cssmenu #menu-button { display: none; }

#cssmenu { width: auto; line-height: 1; }

#menu-line { display:none; }

#cssmenu:hover #menu-line { display:block; }

#menu-line { position: absolute; top: 0; left: 0; height: 2px; background: #fa6441; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; transition: all 0.25s ease-out; }

#cssmenu > ul > li { float: left; margin: 0 8px; }


#cssmenu > ul > li.getinv { margin:0; }

#cssmenu.align-center > ul { font-size: 0; text-align: center; }

#cssmenu.align-center > ul > li { display: inline-block; float: none; }

#cssmenu.align-center ul ul { text-align: left; }

#cssmenu.align-right > ul > li { float: right; }

#cssmenu.align-right ul ul { text-align: right; }

#cssmenu > ul > li > a { padding: 10px 0px;font-size: 14px; font-weight: 600; text-decoration: none; text-transform: uppercase; color: #fff; -webkit-transition: color .2s ease;

-moz-transition: color .2s ease;

-ms-transition: color .2s ease;

-o-transition: color .2s ease;

transition: color .2s ease;

}

#cssmenu > ul > li > a {outline: 0;}

#cssmenu > ul > li:before {

    content: "";

    border-bottom: 2px solid #296caa;

    width: 0%;

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    margin: 0 auto;

	transition:.4s width ease-in-out;

}

#cssmenu > ul > li:hover:before{width: 100%;}

#cssmenu > ul > li.getinv:before{content:none;}

#cssmenu > ul > li.first.leaf > a.glyphicon-home:before {

    content: "\e021";

    border-bottom: 0;

    width: 100% !important;

    margin-bottom: 10px;

}

#cssmenu .glyphicon.glyphicon-home:before {

    float: left;

    text-indent: 0px;

}

#cssmenu .home {

    text-indent: -99999px;

	display:none;

	 

}

#cssmenu .home a{   width: 20px;    margin-top: -1px;}

#cssmenu > ul > li:hover > a, #cssmenu > ul > li.active > a { color: #296caa; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; }

#cssmenu > ul > li.has-sub > a { padding-right: 25px; }

#cssmenu > ul > li.has-sub > a::after {

position: absolute;

top: 12px;

right: 10px;

width: 6px;

height: 6px;

border-bottom: 2px solid #fff;

border-right: 2px solid #fff;

content: "";

-webkit-transform: rotate(45deg);

-moz-transform: rotate(45deg);

-ms-transform: rotate(45deg);

-o-transform: rotate(45deg);

transform: rotate(45deg);

-webkit-transition: border-color 0.2s ease;

-moz-transition: border-color 0.2s ease;

-ms-transition: border-color 0.2s ease;

-o-transition: border-color 0.2s ease;

transition: border-color 0.2s ease;

}

#cssmenu > ul > li.has-sub:hover > a::after {

border-color: #296caa;

}

#cssmenu ul ul { position: absolute; left: -9999px; }

#cssmenu li:hover > ul { left: auto; }

#cssmenu.align-right li:hover > ul { right: 0; }

#cssmenu ul ul ul { margin-left: 100%; top: 0; }

#cssmenu.align-right ul ul ul { margin-left: 0; margin-right: 99%; }

#cssmenu ul ul li { height: 0; -webkit-transition: height .2s ease;

-moz-transition: height .2s ease;

-ms-transition: height .2s ease;

-o-transition: height .2s ease;

transition: height .2s ease;

}

#cssmenu ul li:hover > ul > li { height: auto; }

#cssmenu ul li:hover > ul > li:first-child { margin-top:0px; }

#cssmenu ul li:hover > ul > li ul > li:first-child { margin-top:0px; }

#cssmenu ul ul li a { padding: 10px 20px; width: 200px; font-size: 14px; border: 1px solid #e75c00; background: #ff7700; text-decoration: none; color: #fff; -webkit-transition: color .2s ease;

-moz-transition: color .2s ease;

-ms-transition: color .2s ease;

-o-transition: color .2s ease;

transition: color .2s ease;

}

#cssmenu ul ul li:hover > a, #cssmenu ul ul li a:hover { color:#296caa; background: #fff; }

#cssmenu ul ul li.has-sub > a::after {

position: absolute;

top: 14px;

right: 10px;

width: 6px;

height: 6px;

border-bottom: 1px solid #fff;

border-right: 1px solid #fff;

content: "";

-webkit-transform: rotate(-45deg);

-moz-transform: rotate(-45deg);

-ms-transform: rotate(-45deg);

-o-transform: rotate(-45deg);

transform: rotate(-45deg);

-webkit-transition: border-color 0.2s ease;

-moz-transition: border-color 0.2s ease;

-ms-transition: border-color 0.2s ease;

-o-transition: border-color 0.2s ease;

transition: border-color 0.2s ease;

}

#cssmenu.align-right ul ul li.has-sub > a::after {

right: auto;

left: 10px;

border-bottom: 0;

border-right: 0;

border-top: 1px solid #dddddd;

border-left: 1px solid #dddddd;

}

#cssmenu ul ul li.has-sub:hover > a::after {

border-color: #296caa;

}

@media all and (max-width: 991px) {

#cssmenu > ul > li:hover > a, #cssmenu > ul > li.active > a {

background: #fff;

-webkit-transition: all 0.25s ease-out;

-moz-transition: all 0.25s ease-out;

-ms-transition: all 0.25s ease-out;

-o-transition: all 0.25s ease-out;

}

#cssmenu ul ul li a {

border:none;

}

#menu-line {

display:none;

}

#cssmenu:hover #menu-line {

display:none;

}

#cssmenu {

width: 100%;

}

#cssmenu ul {

width: 100%;

display: none;

}

#cssmenu.align-center > ul, #cssmenu.align-right ul ul {

text-align: left;

}

#cssmenu ul li, #cssmenu ul ul li, #cssmenu ul li:hover > ul > li {

width: 100%;

height: auto;

border-top: 1px solid rgba(120, 120, 120, 0.45);

}

#cssmenu ul li a, #cssmenu ul ul li a {

width: 100%;

}

#cssmenu > ul > li, #cssmenu.align-center > ul > li, #cssmenu.align-right > ul > li {

/*float: none;

display: block;*/

}

#cssmenu ul ul li a {

padding: 20px 20px 20px 30px;

font-size: 12px;

background: none;

}

#cssmenu ul ul li:hover > a, #cssmenu ul ul li a:hover {

color: #000000;

}

#cssmenu ul ul ul li a {

padding-left: 40px;

}

#cssmenu ul ul, #cssmenu ul ul ul {

position: relative;

left: 0;

right: auto;

width: 100%;

margin: 0;

}

#cssmenu > ul > li.has-sub > a::after, #cssmenu ul ul li.has-sub > a::after {

display: none;

}

#menu-line {

display: none;

}

#cssmenu #menu-button {

display: block;

padding: 25px 30px;

color: #fff;

cursor: pointer;

font-size: 12px;

text-transform: uppercase;

float: right;

top: 0px;

}

#cssmenu #menu-button::after {

content: '';

position: absolute;

top: 15px;

right: 20px;

display: block;

width: 30px;

height: 4px;

background: #fff;

}

#cssmenu #menu-button::before {

content: '';

position: absolute;

top: 25px;

right: 20px;

display: block;

width: 30px;

height: 14px;

border-top: 4px solid #fff;

border-bottom: 4px solid #fff;

}

#cssmenu .submenu-button {

position: absolute;

z-index: 10;

right: 0;

top: 0;

display: block;

border-left: 1px solid rgba(120, 120, 120, 0.45);

height: 55px;

width: 60px;

cursor: pointer;

}

#cssmenu .submenu-button::after {

content: '';

position: absolute;

top: 21px;

left: 26px;

display: block;

width: 1px;

height: 11px;

background: #fff;

z-index: 99;

}

#cssmenu .submenu-button::before {

content: '';

position: absolute;

left: 21px;

top: 26px;

display: block;

width: 11px;

height: 1px;

background: #fff;

z-index: 99;

}

#cssmenu > ul > li.has-sub:hover > .submenu-button::before, #cssmenu > ul > li.has-sub.active > .submenu-button::before{background: #296caa;}

#cssmenu > ul > li.has-sub:hover > .submenu-button::after, #cssmenu > ul > li.has-sub.active > .submenu-button::after{background: #296caa;}

#cssmenu ul ul li:hover > .submenu-button::before, #cssmenu ul ul li a:hover > .submenu-button::before{background: #296caa;}

#cssmenu ul ul li:hover > .submenu-button::after, #cssmenu ul ul li a:hover > .submenu-button::after{background: #296caa;}

#cssmenu ul ul li:hover > a, #cssmenu ul ul li a:hover{color: #296caa;}



#cssmenu .submenu-button.submenu-opened:after {

display: none;

}

}

#cssmenu ul li.getinv a { border: 3px solid #fff;font-size: 16px;padding:6px 12px;text-shadow: 0px 1px 1px #333;

background: rgb(244,86,5); 

background: -moz-linear-gradient(left,  rgba(244,86,5,1) 0%, rgba(239,127,62,1) 35%, rgba(239,127,62,1) 64%, rgba(244,86,5,1) 100%); 

background: -webkit-linear-gradient(left,  rgba(244,86,5,1) 0%,rgba(239,127,62,1) 35%,rgba(239,127,62,1) 64%,rgba(244,86,5,1) 100%); 

background: linear-gradient(to right,  rgba(244,86,5,1) 0%,rgba(239,127,62,1) 35%,rgba(239,127,62,1) 64%,rgba(244,86,5,1) 100%); 

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f45605', endColorstr='#f45605',GradientType=1 ); 

 border-radius: 20px;color:#fff;min-height:30px;}

#cssmenu ul li.getinv a:hover{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff9d00+0,ffda00+35,ffda00+64,ff9d00+100 */

background: rgb(255,157,0); /* Old browsers */

background: -moz-linear-gradient(left,  rgba(255,157,0,1) 0%, rgba(255,218,0,1) 35%, rgba(255,218,0,1) 64%, rgba(255,157,0,1) 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(left,  rgba(255,157,0,1) 0%,rgba(255,218,0,1) 35%,rgba(255,218,0,1) 64%,rgba(255,157,0,1) 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to right,  rgba(255,157,0,1) 0%,rgba(255,218,0,1) 35%,rgba(255,218,0,1) 64%,rgba(255,157,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9d00', endColorstr='#ff9d00',GradientType=1 ); /* IE6-9 */

    box-shadow: 0px 0px 20px 10px rgba(255,157,0,.5);

}



.mobrowleft { float:right; }

.fbicon { padding-bottom:5px; }

.fbicon a { color: #fff; font-size: 24px; }

.fbicon a:hover {color:#009ae1;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-ms-transition: all 0.4s ease;-o-transition: all 0.4s ease; transition:all .4s ease;}

.darkHeader .logopart img { width: auto; padding: 16px 0; }

.logopart img { width:320px; padding: 10px 0; }



/* Menu Part End */



.mobile-top-head{display:none;}





/* START SLIDER */





#slider { list-style: none; padding: 0; }

.banner-section { position:relative;z-index: 1; }

.banneroverlay { position:absolute; top:0; bottom:0; width:100%; left:0; background:rgba(0, 0, 0, .2); z-index: 99; }

.pager-custom {padding:20px;}

.pager-custom ul{padding-left:0;list-style:none;margin:0;text-align: center;}

.pager-custom li{display:inline-block;}

.pager-custom li a{padding:6px 10px;margin:0 2px;text-transform: uppercase;color:#fff;position:relative;font-size: 14px;display:inline-block;}

.pager-custom li a:hover{color:#FB5E39}

.bx-wrapper .bx-controls-direction a{z-index:998 !important}



/* End Slider */



/* Start Slider over Text */



.bannertextarea { position: absolute; top: 35%; width: 100%; text-align: center; color: #fff; z-index: 997; }

.bannertextarea h3 { font-weight:500; font-size:24px; margin-bottom: 20px; }

.bannertextarea h1 { font-weight:500; font-size:60px; margin-bottom: 20px; }

.bannertextarea h2 { font-size:32px; margin-bottom: 20px; font-weight:500; }

.bannertextarea span.courgette { font-weight:500; }



.banner-details-field{background: rgba(0,0,0,.5);padding: 20px;width: 100%;max-width: 750px;margin: 50px auto;text-align: left;text-align:center;}

.banner-field-area{position: absolute;bottom: 10%;width: 100%;text-align: center;color: #fff;z-index: 997;}

.banner-details-field input[type=radio]{display:none;	}

.banner-details-field input[type=radio] + label{font-weight:500;margin: 0;}

.banner-details-field input[type='radio']:checked + label::before {

	content: "\2713";

    color: #f58634;

    background-color: #fff;

    font-size: 42px;

    text-align: center;

    padding: 2px;

    line-height: 0;

    transition: .3s font-size ease-in-out;

	-webkit-transition: .3s font-size ease-in-out;

	-moz-transition: .3s font-size ease-in-out;

	-ms-transition: .3s font-size ease-in-out;

	}

.banner-details-field input[type='radio'] + label::before {

	   content: "\2713";

    display: inline-block;

    width: 30px;

    height: 27px;

	font-size: 0;

    vertical-align: middle;

    margin-right: 8px;

    background-color: transparent;

    border-radius: 4px;

    border: 2px solid #fff;

	}



.banner-details-field .or-seperat{padding: 2px 4px;background: #fff;color: #000;margin: 5px 8px;border-radius: 4px;font-size: 12px;}

.banner-details-field .radio-btn-section, .banner-details-field .name-field-section, .banner-details-field .start-button-section{display:inline-block;margin: 5px 15px;}

.banner-details-field input[type=text] {background: transparent;border: 0;border-bottom: 2px solid #fff;transition: .5s border-color ease-in-out;-webkit-transition: .5s border-color ease-in-out;-moz-transition: .5s border-color ease-in-out;-ms-transition: .5s border-color ease-in-out; width: 100%; z-index: 11;position: relative;}

.banner-details-field input[type=text]:focus{border-color:#f58634;outline:0;}



.name-field-section{max-width: 210px; width: 100%;}

.banner-details-field input[type=text]::-webkit-input-placeholder {

   color: #fff;

}



.banner-details-field input[type=text]:-moz-placeholder { /* Firefox 18- */

   color: #fff;  

}



.banner-details-field input[type=text]::-moz-placeholder {  /* Firefox 19+ */

   color: #fff;  

}



.banner-details-field input[type=text]:-ms-input-placeholder {  

   color: #fff;  

}



.banner-section .tooltip.bottom .tooltip-arrow{border-bottom-color: #f58634;}

.banner-section .tooltip-inner{background-color:#f58634;}



.start-button-section input[type=button], .start-button-section input[type=submit]{

	border: 3px solid #fff;

    font-size: 16px;

    padding: 6px 12px;

    background: rgb(244,86,5);

    background: -moz-linear-gradient(left, rgba(244,86,5,1) 0%, rgba(239,127,62,1) 35%, rgba(239,127,62,1) 64%, rgba(244,86,5,1) 100%);

    background: -webkit-linear-gradient(left, rgba(244,86,5,1) 0%,rgba(239,127,62,1) 35%,rgba(239,127,62,1) 64%,rgba(244,86,5,1) 100%);

    background: linear-gradient(to right, rgba(244,86,5,1) 0%,rgba(239,127,62,1) 35%,rgba(239,127,62,1) 64%,rgba(244,86,5,1) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f45605', endColorstr='#f45605',GradientType=1 );

    border-radius: 6px;

    color: #fff;

    min-height: 30px;

    font-weight: 600;

	text-shadow: 0px 1px 1px #333;

}

.start-button-section input[type=button]:hover, .start-button-section input[type=submit]:hover{



background: rgb(255,157,0); 

background: -moz-linear-gradient(left,  rgba(255,157,0,1) 0%, rgba(255,218,0,1) 35%, rgba(255,218,0,1) 64%, rgba(255,157,0,1) 100%); 

background: -webkit-linear-gradient(left,  rgba(255,157,0,1) 0%,rgba(255,218,0,1) 35%,rgba(255,218,0,1) 64%,rgba(255,157,0,1) 100%); 

background: linear-gradient(to right,  rgba(255,157,0,1) 0%,rgba(255,218,0,1) 35%,rgba(255,218,0,1) 64%,rgba(255,157,0,1) 100%); 

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9d00', endColorstr='#ff9d00',GradientType=1 ); 



box-shadow: 0px 0px 20px 10px rgba(255,157,0,.5);



}

.slide-panel-section{background:#003c6f;border-top: 1px solid #fff;z-index:101;position:relative;text-align:center;}

.banner-slide-button{margin-top: -50px;z-index: 995;position: relative;padding: 15px 0;padding-top: 0;display:inline-block;}

.banner-slide-button ul {padding: 0;text-align: center;margin: 0;}

.banner-slide-button ul li {display: inline-block;padding: 5px 10px;    margin: 0 10px;}

.banner-slide-button ul li a {display: block;}

.banner-slide-button ul li img {display: block; max-height: 60px; margin: 0 auto;transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);transition:all .1s linear;-webkit-transition:all .1s linear;-moz-transition:all .1s linear;-ms-transition:all .1s linear;}

.banner-slide-button ul li:hover img {transform: scale(1.03);-webkit-transform: scale(1.03);-moz-transform: scale(1.03);-ms-transform: scale(1.03);}

.banner-slide-button ul li a:first-child{ -webkit-transition: all 100ms linear; -moz-transition: all 100ms linear; transition: all 100ms inear; background: #000; padding: 15px; border: 2px solid #fff; border-radius: 50%;display:inline-block;}

.banner-slide-button ul li span {display: block;text-align: center;font-size: 20px;font-weight: 700;letter-spacing: .5px;color: #fff;}

.banner-slide-button ul li:nth-child(1) a:first-child{background:#16ab68;}

.banner-slide-button ul li:nth-child(2) a:first-child{background:#019ec9;}

.banner-slide-button ul li:nth-child(3) a:first-child{background:#296caa;}



.banner-slide-button ul li:nth-child(1) a:first-child:hover, .banner-slide-button ul li.selected:nth-child(1) a:first-child{background:#128a54;}

.banner-slide-button ul li:nth-child(2) a:first-child:hover, .banner-slide-button ul li.selected:nth-child(2) a:first-child{background:#037ea0;}

.banner-slide-button ul li:nth-child(3) a:first-child:hover, .banner-slide-button ul li.selected:nth-child(3) a:first-child{background:#d46f18;}



.banner-slide-button ul li.selected:nth-child(1) a:last-child span{color:#16ab68;}

.banner-slide-button ul li.selected:nth-child(2) a:last-child span{color:#019ec9;}

.banner-slide-button ul li.selected:nth-child(3) a:last-child span{color:#296caa;}



.banner-slide-button ul li:nth-child(1) a:nth-child(2):hover span{color:#16ab68;}

.banner-slide-button ul li:nth-child(2) a:nth-child(2):hover span{color:#019ec9;}

.banner-slide-button ul li:nth-child(3) a:nth-child(2):hover span{color:#296caa;}



.content-box.color1{background:#16ab68;}

.content-box.color2{background:#019ec9;}

.content-box.color3{background:#296caa;}



.content-box {padding: 40px;}

.content-panel-area {position: relative;color: #fff;}

.close-content-box {position: absolute;right: 15px;top: 5px;font-size: 22px;font-weight: 600;padding: 5px;line-height: 1;cursor: pointer;}



.banner-section .slick-dots {position: absolute;display: inline-block;z-index: 999;width: auto;background: transparent;left: 0;padding: 15px;bottom: 0;}

.banner-section .slick-dots li button:hover, .banner-section .slick-dots li.slick-active button{background: rgba(0,0,0,.7);}

.banner-section .slick-dots li button{border: 2px solid #fff;border-radius: 50%;width: 18px; height: 18px;}

.bannerarea #slider{margin-bottom:0;}
.bannerarea {    border-bottom: 6px solid #06589c;}


.open-panel{z-index:105;}

/* End Slidr over Text */


.solutions-section{    padding: 90px 0 90px;}
.bg-img4 {
    background-image: url(../images/row-bgimage-4.jpg);
    background-repeat: no-repeat;
    background-position: center;
}

.featured-imagebox .ttm-box-view-content-inner{ position: relative; overflow: hidden;}
.featured-imagebox .featured-content h2.featured-title {
    padding-top: 10px;
    font-weight: 500;
    margin-bottom: 0;
    font-size: 22px;
    line-height: 30px;
    position: relative;
}
.featured-imagebox .featured-content h2.featured-title a{
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
}
.featured-imagebox .featured-content .category,
.featured-imagebox .featured-content .category a { font-size: 15px; }
.featured-imagebox .featured-icon-box{
    padding: 37px 30px 42px 30px;
    text-align: center;
    background-color: #fff;
}

.featured-imagebox .ttm-box-bottom-content {    padding: 20px 20px 20px 20px;
    text-align: center;
    background-color: #fff;}
.ttm-box-view-top-image .ttm-box-bottom-content{ margin-bottom: 10px; }
.ttm-box-view-top-image .category, .ttm-box-view-top-image .category a {
    color: #8d9297;
    margin-top: 0;
    font-size: 14px;
}
.ttm-box-view-top-image .ttm-box-bottom-content h2.featured-title {
    font-size: 20px;
    margin-bottom: 0;
    line-height: 25px;
    font-weight: 500;
}
.ttm-box-view-top-image .ttm-box-bottom-content h2.featured-title a{
    text-overflow: ellipsis; 
    overflow: hidden;
    white-space: nowrap;
    display: block;
}

.featured-imagebox-team{ 
    overflow: hidden;
    position: relative;
}
.featured-imagebox-team{
    margin: 5px 0;
    background-color: #fff;
    -webkit-box-shadow: 0 0 25px 0 rgba(41,61,88,.06);
    -moz-box-shadow: 0 0 25px 0 rgba(41,61,88,.06);
    box-shadow: 0 0 25px 0 rgba(41,61,88,.06);
}
.featured-imagebox-team .featured-content.featured-content-team .featured-title { padding-top: 26px; }
.featured-imagebox-team .featured-content.featured-content-team .featured-title h5{   
    font-size: 19px;
    line-height: 23px;
    margin-bottom: -1px; 
}
.featured-imagebox-team .featured-content.featured-content-team.category { font-size: 13px; color: #9dabaf; }
.featured-imagebox-team .ttm-social-links-wrapper { margin: 14px 0; }
.featured-imagebox-team .ttm-social-links-wrapper ul { margin: 0; padding: 3px 14px; }
.featured-imagebox-team .ttm-social-links-wrapper ul li a{
    display: block;
    border-radius: 50%;
    border: 1px solid transparent;
    width: 30px;
    height: 20px;
    padding: 0;
    line-height: 20px;
    font-size: 16px;
    text-align: center;
    background-color: transparent;
    color: #8d9297;
}
.featured-imagebox-team.ttm-team-box-view-overlay:not(:hover) .ttm-social-links-wrapper {
    opacity: 0;
}
.featured-imagebox-team.ttm-team-box-view-overlay .featured-content.featured-content-team {
    text-align: center;
    position: relative;
    z-index: 2;
    position: relative;
    margin-top: -40px;
    transform: translateY(40px);
    padding-bottom: 6px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.featured-imagebox-team.ttm-team-box-view-overlay:hover .featured-content.featured-content-team {
    transform: translateY(0);
    background: #fff;
}

.featured-imagebox-team.style2 .featured-thumbnail:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #182333;
    opacity: .36;
    z-index: 1;
}
.featured-imagebox-team.style2 .featured-thumbnail img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    width: 100%;
    position: relative;
}
.featured-imagebox-team.style2 .ttm-team-box-view-overlay {
    position: absolute;
    bottom: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    -webkit-transition: .55s cubic-bezier(.68,-.55,.265,1.55);
    -moz-transition: .55s cubic-bezier(.68,-.55,.265,1.55);
    -ms-transition: .55s cubic-bezier(.68,-.55,.265,1.55);
    -o-transition: .55s cubic-bezier(.68,-.55,.265,1.55);
    transition: .55s cubic-bezier(.68,-.55,.265,1.55);
    color: #fff;
    z-index: 1;
    padding: 20px;
}
.featured-imagebox-team.style2 .ttm-social-links-wrapper{
    margin: 0;
    width: 100%;
    text-align: center;
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}
.featured-imagebox-team.style2 .ttm-social-links-wrapper ul li a{ font-size: 22px; width: 40px; }
.featured-imagebox-team.style2 .featured-content.featured-content-team{
    padding: 30px;
    padding-bottom: 19px;
    transition-duration: 0.3s;
    color: #fff;
    text-align: center;
}
.featured-imagebox-team.style2:hover .ttm-team-box-view-overlay{ bottom: 0; background-color: #fda12b;}

.featured-imagebox .ttm-box-bottom-content .featured-desc{    color: #888;}
.section-title.title-style-center_text, .section-title.title-style-center_text .title-desc {
    text-align: center;    margin-bottom: 40px;
    padding-bottom: 40px;
}

.section-title .title-header{position:relative}
.section-title.title-style-center_text .title-header:after {
        display: block;
    content: "";
    position: absolute;
    background-color: transparent;
    width: 6px;
    top: 0%;
    height: 95%;
    left: 0;
    margin-left: 0;
	
	width: 70px;
    bottom: -20px;
    height: 6px;
    left: 50%;
    margin-left: -35px;
    top: auto;    background-color:#06589c;
}
.section-title h2.title {
  
    font-weight: 600;
    font-size: 36px;
    line-height: 46px;
    margin-bottom: 0;
}


/* post */
.featured-imagebox-post{
    background-color: #fff;
    padding: 0;
    margin: 10px 0 20px;
    border: 15px solid #fff;
    -webkit-box-shadow: 0 0 25px 0 rgba(41,61,88,.06);
    -moz-box-shadow: 0 0 25px 0 rgba(41,61,88,.06);
    box-shadow: 0 0 25px 0 rgba(41,61,88,.06);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}
.featured-imagebox-post .featured-content.featured-content-post{ padding: 15px 17px 11px 17px; }
.featured-imagebox-post .featured-content.featured-content-post .post-meta span{ display: block; padding: 7px 3px 3px 0; font-size: 12px; }
.featured-imagebox-post .featured-content.featured-content-post .post-meta span i{ padding-right: 5px; }
.featured-imagebox-post .featured-content.featured-content-post .post-title h5{ margin: 0; font-size: 19px; line-height: 28px; }
.featured-imagebox-post:hover{
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
    box-shadow: 0 0 20px rgba(0,0,0,.14);
}
.ttm-post-format-video{
    padding-bottom: 69.25%;
    position: relative;
    overflow: hidden;
    padding-top: 25px;
}
.ttm-post-format-video iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

.ttm-box-view-left-image .featured-content,
.ttm-box-view-left-image.featured-imagebox-post .featured-content{ 
    padding-left: 25px;
}
.ttm-box-view-left-image .ttm-featured-img-left{ padding: 0; }
.ttm-box-view-left-image .featured-content .category{ 
    padding-top: 10px; 
    padding-bottom: 10px;
    display: block;
}
.ttm-box-view-left-image .featured-content .category> a {
    display: inline-block;
    border: 1px solid;
    padding: 5px 10px;
    margin-right: 1px;
    font-size: 12px;
    font-weight: 500;
    line-height: 15px;
    margin-bottom: 5px;
}
.ttm-box-view-left-image .featured-content .ttm-box-desc,
.ttm-box-view-left-image .featured-content .featured-desc {
    border-top: 1px solid #f2f2f2;
    margin-top: 10px;
    padding-top: 7px;
}
.featured-imagebox-post.ttm-box-view-left-image .featured-content.featured-content-post .post-meta span{
    padding: 0;
    font-size: 14px;
}


.featured-title h5{ font-size: 20px; line-height: 27px; margin-bottom: 10px; font-weight: 600; }























/*Start Footer Section*/

footer {
           background: #06589c;
    padding: 1em 0 1em 0;
    background-position: bottom;}
footer ul { color:#000; text-align:center;font-size: 12px; margin:0; padding: 0; }
footer ul li { display:inline-block; }

footer ul.backlinks { color:#000;font-size: 14px; margin:0; padding: 0;     margin-top: 15px;
    margin-bottom: 15px; }
footer ul.backlinks li {display: inline-block;padding: 0 10px;border-right: 1px solid #fff;margin-left: -4px; }
footer ul.backlinks li:last-child{border-right: 0px solid #fff;}
footer ul.backlinks li a{color:#fff !important;}
footer ul.backlinks li a:hover{color:#ccc !important;}
.footer-links {
    padding: 1em 0;
    background: #0285a2;
}
.footer-bottom-section{text-align:center;}
.footer-bottom-section img{max-width:220px;}

/*End Footer Section*/


/*Back To Top*/

#back-top { position: fixed; bottom: 20px; left: 20px; margin-left: 20px; z-index: 9999; _position: absolute; _top: expression(documentElement.scrollTop+body.scrollTop);
_margin-top: 500px; }
#back-top a, #back-top-prev a { width: 50px; display: block; text-align: center; font: 11px/100% lato, sans-serif; text-transform: uppercase; text-decoration: none; color: #bbb; -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; }
#back-top span#button { background-color: #CCCCCC; }
#back-top span#button, #back-top-prev span#button-prev { width: 50px; height: 50px; display: block; margin-bottom: 7px; background-color: #ddd; background-position: center center; background-repeat: no-repeat; opacity: 0.8; filter: alpha(opacity = 80); -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; }
i.fa.fa-arrow-circle-o-up { font-size: 44px; color: #999; padding-top: 4px; }
/*End Back To top*/



/*Image Hover Effect*/




img {max-width: 100%; }
figure { margin: 0; padding: 0; position: relative; display: block; cursor: pointer; overflow: hidden; }
figure:hover figcaption {
-webkit-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
-moz-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
-o-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); filter: alpha(opacity=100); opacity: 1; bottom: 0; }
figcaption {
-webkit-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
-moz-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
-o-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; position: absolute; height: 100%; width: 100%; bottom: 100%; background: rgba(0, 0, 0, .5); color: #fff; -webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
-ms-transition: all .5s ease;
transition: all .5s ease;

}
figcaption h4 { font-family: 'Open sans'; font-weight: 400; color: #fff; padding: 10px 20px; margin-bottom: 0; position: relative; left: 0; opacity:0; top: 50%;margin-top:-30px; text-align:center; font-size: 30px; -webkit-transition: all .3s;
-moz-transition: all .3s;
-o-transition: all .3s;
-ms-transition: all .3s;
transition: all .3s;
-webkit-transition-delay: .3s;
-moz-transition-delay: .3s;
-o-transition-delay: .3s;
-ms-transition-delay: .3s;
transition-delay: .3s;
transition: opacity .3s;
transition-delay:.3s;
}
figure:hover h4 { left: 0; opacity:1; transition all 2s;
}
figure figcaption::before {
position: absolute;
top: 30px;
right: 30px;
bottom: 30px;
left: 30px;
content: '';
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 1s;
-moz-transition: opacity 0.35s, -moz-transform 1s;
-ms-transition: opacity 0.35s, -ms-transform 1s;
-o-transition: opacity 0.35s, -o-transform 1s;
-webkit-transition: opacity 0.35s, -webkit-transform 1s;

transition: opacity 0.35s, transform 1s;
}
figure figcaption::before {
/*  border: 1px solid #fff;*/
-webkit-transform:scale(1, 0);
-moz-transform:scale(1, 0);
-ms-transform:scale(1, 0);
-o-transform:scale(1, 0);
-webkit-transform: scale(1, 0);
transform: scale(1, 0);
}
figure:hover figcaption::before, figure:hover figcaption::after {
opacity: 1;
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
-webkit-transform: scale(1);
transform: scale(1);
}
figcaption a { color: #fff; border: 2px solid #fff; padding: 4px 10px; text-decoration: none; }
figcaption a:hover { color: #fff; }
figure img { 
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -ms-transition: all 0.5s linear;
      transition: all 0.5s linear;
  -webkit-transform: scale3d(1, 1, 1);
     -moz-transform: scale3d(1, 1, 1);
      -ms-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
}
figure:hover img { -webkit-transform: scale3d(1.1, 1.1, 1);-moz-transform: scale3d(1.1, 1.1, 1);-ms-transform: scale3d(1.1, 1.1, 1);transform: scale3d(1.1, 1.1, 1);}
.videoWrapper { margin: 0px; padding-bottom: 56.25%; z-index: -1; }
.videoWrapper iframe { top: 0; left: 0; width: 100%; height: 100%; display: block; position: absolute; z-index: 99; margin: 0px; padding: 0px; }
#slider { display:block; }
.videobanner { display:none;}
.videobanner-mob-img{display:none;}

@media(max-width:991px){

.videobanner { display:none; }

.videobanner-mob-img { display:none; }

}


/*End Image Hover Effect*/


#cboxWrapper{background:transparent;}
#cboxTopLeft, #cboxTopRight, #cboxBottomLeft, #cboxBottomRight, #cboxMiddleLeft, #cboxMiddleRight, #cboxTopCenter, #cboxBottomCenter{ visibility:hidden;}
#cboxClose{ top:0;}
#cboxLoadedContent{ margin-top:30px;}
#cboxContent{ border:5px solid #c6a815; padding:15px;}


.image-source-link {
	color: #98C3D1;
}

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
	opacity: 0;
	-webkit-backface-visibility: hidden;
	/* ideally, transition speed should match zoom duration */
	-webkit-transition: all 0.3s ease-out; 
	-moz-transition: all 0.3s ease-out; 
	-o-transition: all 0.3s ease-out; 
	transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
		opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
		opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container, 
.mfp-with-zoom.mfp-removing.mfp-bg {
	opacity: 0;
}

.mfp-figure figure img{-webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    transition: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none;}
	
.mfp-figure figcaption {background:transparent;}
.mfp-figure figure{cursor:auto;}




























.hover-view {
   
  
}
.hover-view .hover-mask,.hover-view .content {
   width: 100%;
  	height:100%;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.hover-view img {
   display: block;
   position: relative;
}
.hover-view h3 {
   text-transform: uppercase;
   color: #fff;
   text-align: center;
   position: relative;
   font-size: 17px;
   padding: 10px;
   background: rgba(174,19,41, 0.7);
   margin: 20px 0 0 0;
}
.hover-view p {
   
   font-size: 12px;
   position: relative;
   color: #fff;
   padding: 10px 20px 20px;
   text-align: center;
}
.hover-view a.info {
   text-decoration: none;
   text-transform: uppercase;
   -webkit-box-shadow: 0 0 1px #000;
   -moz-box-shadow: 0 0 1px #000;
   box-shadow: 0 0 1px #000;
    border: 1px solid #fff;
    padding: 6px 12px;
    background: #b3112c;
    color: #fff;
    min-width: 150px;
    text-align: center;
    display: inline-block;
    -webkit-transition: all 0s ease-out;
    position: relative;
    -moz-transition: all 0s ease-out;
    -ms-transition: all 0s ease-out;
	transition: all 0s ease-out;
    -o-transition: all 0s ease-out;
}
.hover-view-first:hover a.info:hover {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
       background: transparent;
	   -webkit-transition: all 0s ease-out;
	   transition: all 0s ease-out;
    position: relative;
    -moz-transition: all 0s ease-out;
    -ms-transition: all 0s ease-out;
    -o-transition: all 0s ease-out;
	   
}

.hover-view-first img {
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.hover-view-first .hover-mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   background-color: rgba(0,0,0, 0.7);
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
.hover-view-first h3 {
   -webkit-transform: translateY(-100px);
   -moz-transform: translateY(-100px);
   -o-transform: translateY(-100px);
   -ms-transform: translateY(-100px);
   transform: translateY(-100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.hover-view-first p {
   -webkit-transform: translateY(100px);
   -moz-transform: translateY(100px);
   -o-transform: translateY(100px);
   -ms-transform: translateY(100px);
   transform: translateY(100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.hover-view-first:hover img {
   -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
}
.hover-view-first a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   -webkit-transform: translateY(100px);
   -moz-transform: translateY(100px);
   -o-transform: translateY(100px);
   -ms-transform: translateY(100px);
   transform: translateY(100px);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.hover-view-first:hover .hover-mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.hover-view-first:hover h3,
.hover-view-first:hover p,
.hover-view-first:hover a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
}
.hover-view-first:hover p {
   -webkit-transition-delay: 0.1s;
   -moz-transition-delay: 0.1s;
   -o-transition-delay: 0.1s;
   -ms-transition-delay: 0.1s;
   transition-delay: 0.1s;
}
.hover-view-first:hover a.info {
 
}

.fig-caption{position:absolute;top:50%; transform:translatey(-50%);-webkit-transform:translatey(-50%);-moz-transform:translatey(-50%);-ms-transform:translatey(-50%);width:100%;}


.interest-cat-item .overlay{transform: translateY(0px);-webkit-transform: translateY(0px);-moz-transform: translateY(0px);-o-transform: translateY(0px);-ms-transform: translateY(0px); -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;}
.interest-cat-item:hover .overlay{transform: translateY(200px);-webkit-transform: translateY(200px);-moz-transform: translateY(200px);-o-transform: translateY(200px);-ms-transform: translateY(200px);-webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;}
		
	


#footerMenu {
  background: #b4112c;
  color: #FFF;
  width: 100%;
 
  position: relative;
  z-index: 9;
  top: 0px;
  overflow: hidden;
  left: 0;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
}

#footerMenu.show {
  height:60px;
  border-top:5px solid #f45302;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
}
.hello-bar-text{    font-size: 18px;
    text-align: center;
    font-weight: 600;
    padding: 10px;
    line-height: 30px;}
.hello-bar-text a{color:#fff;display:inline-block;}
.hello-bar-text a:hover{color:#c59408;}

 
	
#hellobar-bar .hb-cta {
	display:inline-block;
	
}
.hello-bar-text a {
	box-shadow:0 0 1px rgba(0,0,0,0);
	-moz-osx-font-smoothing:grayscale;
	backface-visibility:hidden;
	-o-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-webkit-backface-visibility:hidden;
	transform:translateZ(0);
	-o-transform:translateZ(0);
	-ms-transform:translateZ(0);
	-moz-transform:translateZ(0);
	-webkit-transform:translateZ(0);
	animation-name:wiggle;
	-o-animation-name:wiggle;
	-ms-animation-name:wiggle;
	-moz-animation-name:wiggle;
	-webkit-animation-name:wiggle;
	animation-duration:3s;
	-o-animation-duration:3s;
	-ms-animation-duration:3s;
	-moz-animation-duration:3s;
	-webkit-animation-duration:3s;
	animation-timing-function:linear;
	-o-animation-timing-function:linear;
	-ms-animation-timing-function:linear;
	-moz-animation-timing-function:linear;
	-webkit-animation-timing-function:linear;
	animation-iteration-count:infinite;
	-o-animation-iteration-count:infinite;
	-ms-animation-iteration-count:infinite;
	-moz-animation-iteration-count:infinite;
	-webkit-animation-iteration-count:infinite;
	animation-play-state:running;
	-o-animation-play-state:running;
	-ms-animation-play-state:running;
	-moz-animation-play-state:running;
	-webkit-animation-play-state:running
}
.hello-bar-text a:hover {
	animation-play-state:paused;
	-o-animation-play-state:paused;
	-ms-animation-play-state:paused;
	-moz-animation-play-state:paused;
	-webkit-animation-play-state:paused
}

@-webkit-keyframes wiggle {
	2% {
		-webkit-transform:translateX(3px) rotate(2deg);
		transform:translateX(3px) rotate(2deg)
	}
	4% {
		-webkit-transform:translateX(-3px) rotate(-2deg);
		transform:translateX(-3px) rotate(-2deg)
	}
	6% {
		-webkit-transform:translateX(3px) rotate(2deg);
		transform:translateX(3px) rotate(2deg)
	}
	8% {
		-webkit-transform:translateX(-3px) rotate(-2deg);
		transform:translateX(-3px) rotate(-2deg)
	}
	10% {
		-webkit-transform:translateX(2px) rotate(1deg);
		transform:translateX(2px) rotate(1deg)
	}
	12% {
		-webkit-transform:translateX(-2px) rotate(-1deg);
		transform:translateX(-2px) rotate(-1deg)
	}
	14% {
		-webkit-transform:translateX(2px) rotate(1deg);
		transform:translateX(2px) rotate(1deg)
	}
	16% {
		-webkit-transform:translateX(-2px) rotate(-1deg);
		transform:translateX(-2px) rotate(-1deg)
	}
	18% {
		-webkit-transform:translateX(1px) rotate(0);
		transform:translateX(1px) rotate(0)
	}
	20% {
		-webkit-transform:translateX(-1px) rotate(0);
		transform:translateX(-1px) rotate(0)
	}
}
@keyframes wiggle {
	2% {
		-webkit-transform:translateX(3px) rotate(2deg);
		transform:translateX(3px) rotate(2deg)
	}
	4% {
		-webkit-transform:translateX(-3px) rotate(-2deg);
		transform:translateX(-3px) rotate(-2deg)
	}
	6% {
		-webkit-transform:translateX(3px) rotate(2deg);
		transform:translateX(3px) rotate(2deg)
	}
	8% {
		-webkit-transform:translateX(-3px) rotate(-2deg);
		transform:translateX(-3px) rotate(-2deg)
	}
	10% {
		-webkit-transform:translateX(2px) rotate(1deg);
		transform:translateX(2px) rotate(1deg)
	}
	12% {
		-webkit-transform:translateX(-2px) rotate(-1deg);
		transform:translateX(-2px) rotate(-1deg)

	}
	14% {
		-webkit-transform:translateX(2px) rotate(1deg);
		transform:translateX(2px) rotate(1deg)
	}
	16% {
		-webkit-transform:translateX(-2px) rotate(-1deg);
		transform:translateX(-2px) rotate(-1deg)
	}
	18% {
		-webkit-transform:translateX(1px) rotate(0);
		transform:translateX(1px) rotate(0)
	}
	20% {
		-webkit-transform:translateX(-1px) rotate(0);
		transform:translateX(-1px) rotate(0)
	}
}



@media(min-width:991px){

/* ---------------- For sticky header: class="float-panel"  ------------------*/
.not-sticking {
   transform: translateZ(0);
    transition:all 0.5s; /* Effect for switching from .fixed to static */
}



/* when class="float-panel fixed" */
.sticking {animation: slide-down 0.7s;
  box-shadow:0px 3px 6px rgba(0,0,0,0.3); }

@keyframes slide-down {
    0% {
    	
        transform: translateY(-300px);
    } 
    100% {
     	
        transform: translateY(0);
    } 
	
	

	
}







/*-------- Generic styles for the page ------------------*/

.stic.sticking .head-menu{padding:0;     min-height: 75px; background: rgba(0,0,0,.9); }
.inner-page-header.stic.sticking .head-menu{ background: #fff;}

.stic.sticking .top-head-header{display:none;}
.stic.sticking .brand-centered{top:0;}
.stic.sticking .logopart img{    width:160px;
    margin: 4px;}
.stic.sticking .logopart{}
.stic.sticking .head-top-menu-links{}
.stic.sticking .top-head-bar{    display: none;}
.stic.sticking .head-top-buttons{}
.stic.sticking .col-md-9.menuicon {
    padding-top: 20px;
}
.body-stick .shaking-bar{transform: translatey(-100px);}
.body-stick #primary-content.main{transform: translatey(-100px);}

}

	
#site-map .first.leaf a::before{ content:"";}
.site-map-menu .first .glyphicon-home{ font-family:inherit;}
.jb-flag-large-screen-mode .jb-thm-thumb-selected .jb-idx-thb-frame,.jb-idx-thb-frame:hover{ height:100% !important;width:100% !important;}
.view-last-update{ display:inline-block;}
#block-block-14 .content{ text-align:center;}



#primary-content .property-list-view h2{display: inline-block;margin-bottom: 0;}

#primary-content .property-list-view .type-properties{float: right;margin-top: 7px;font-size: 14px; font-weight:600}

#primary-content .property-list-view .sub-name-properties{    padding-left: 0;}

#primary-content .property-list-view .teaser-property-specification ul{padding-left:0;}

#primary-content .property-list-view .teaser-property-specification ul li:first-child{margin-left: 0;padding-left: 0;}

#primary-content .property-list-view .teaser-property-specification ul li{color: #999;}

#primary-content .property-list-view .post.tiles{box-shadow:none !important; -webkit-box-shadow:none !important;}

#primary-content .property-list-view .text-left{padding-left: 30px;}
#primary-content .insight-list-view .text-left{padding-right: 30px; padding-left:0;}
#primary-content .insight-list-view .post-info{font-size:14px;}
#primary-content .insight-list-view h2{display:block; margin-bottom: 10px;}

#primary-content .property-list-view h2.post-title a:hover, #primary-content .property-list-view h1.post-title a:hover{color:#c6a815}

.field-label-inline {
    margin-bottom: 8px;
}

.ec-directory-option {
    list-style: none !important;
}

#primary-content .insight-details .post-title{font-size: 24px;
    font-weight: 700;
    color: #b4112c;
    margin-bottom: 15px;
	}
	
	#primary-content .insight-details .post-info{font-size:14px;}
	



.in-mobile-menu {background:#ebedec;z-index: 102;position: relative; display:none;}
.in-mobile-menu .head-top-links{ text-align:center;}
.in-mobile-menu .head-top-ul-links li{display:none;}
.in-mobile-menu .head-top-ul-links li.top-btns{display:inline-block;}
.in-mobile-menu .head-top-ul-links li.fb-icons{display:inline-block;}
.in-mobile-menu .head-top-ul-links{margin-top: 10px;margin-bottom: 10px;}


#cssmenu > ul > li.mobile-link{display:none;}

@media(max-width:991px){.top-head-bar .top-head-area{display:none;}.in-mobile-menu{display:block;padding-left: 15px;
padding-right: 15px;}
.properties-link{text-align:center;}
#cssmenu > ul > li.mobile-link{display:block;}
}


@media(max-width:480px){
	.property-search{position:absolute;width:100%; z-index:103;}
	.property-search-tabs{z-index:inherit;}
	.property-search-tabs ul li.active {position:relative;z-index:104;}
}

.prop-close{position: absolute;
    top: -10px;
    right: 0;
    padding: 10px;
    font-size: 24px;
    cursor: pointer;
    font-weight: 600;}
.prop-close{display:none;}

@media(max-width:480px){
	.prop-close{display:inline-block;}
	
	.property-search-tabs ul li.active{border:2px solid #c59408;}
	.property-search-tabs ul li.active a::after{bottom: -22px;}
}

@media(max-width:350px){
	.in-mobile-menu .head-top-links{padding: 0 5px;}
	.in-mobile-menu .head-top-links li.top-btns{margin:0;}
	
}

@media(max-width:767px){
	.insights-title::before{content:none;}
	.teaser-title::before{content:none;}
	
	
}

@media(max-width:991px){
	#primary-content .property-list-view .text-left{padding:0; margin-top:20px;}
}

@media(max-width:450px){

	#primary-content .property-list-view .teaser-property-specification ul li:first-child{padding-left:5px; margin-left:5px;}
	
	#primary-content .property-list-view .type-properties{float:none;}

	#primary-content h2.post-title, h1.post-title{font-size:20px;}
	#primary-content .post.tiles{padding:15px;}
	
	.post-listing-btn{text-align:center;margin-top:20px;}
	
}




.col-md-4.right-side-block {
    border-left: 1px solid #4B4B4D;
}

@media(max-width:991px){
	.col-md-4.right-side-block {
    border-left: 0px solid #4B4B4D;
	border-top: 1px solid #4B4B4D;padding-top:20px; margin-top:20px;
}

}


.form-control{    padding: 6px;
    height: auto;
    border-radius: 0;
    border: 1px solid #999;
    min-height: 36px;
    box-shadow: inset 0 0 0 0 #c6a815;
    -webkit-transition: all linear 0.4s;
    -moz-transition: all linear 0.4s;
    transition: all linear 0.4s;}
	
	.form-control:focus {
    box-shadow: none !important;
    background: #f9f9f9;
    border-color: #c6a815;
    box-shadow: inset 0px -3px 0 0px #c6a815 !important;
}


/*Service-offered*/
.hov-view {
   float: left;
 
   overflow: hidden;
   position: relative;
   text-align: center;
   -webkit-box-shadow: 1px 1px 2px #e6e6e6;
   -moz-box-shadow: 1px 1px 2px #e6e6e6;
   box-shadow: 1px 1px 2px #e6e6e6;
   cursor: default;

}
.hov-view .hov-mask,.hov-view .content {

   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.hov-view img {
   display: block;
   position: relative;
}
.hov-view h2 {
   text-transform: uppercase;
   color: #fff;
   text-align: center;
   position: relative;
   font-size: 16px;
   padding: 10px 0;
   font-weight:600;
   background: rgba(0, 0, 0, 0.8);
   margin: 20px 0 0 0;
}
.hov-view p {

   font-style: italic;
   font-size: 12px;
   position: relative;
   color: #fff;
   padding: 10px 10px 20px;
   text-align: center;
}
.hov-view a.info {
   display: inline-block;
   text-decoration: none;
   padding: 7px 14px;
   background: #496d99;
   color: #fff;
   text-transform: uppercase;
  	border:2px solid #fff;
}
.hov-view a.info:hover {
   background: transparent;
}

.view-tenth img {
   -webkit-transform: scaleY(1);
   -moz-transform: scaleY(1);
   -o-transform: scaleY(1);
   -ms-transform: scaleY(1);
   transform: scaleY(1);
   -webkit-transition: all 0.7s ease-in-out;
   -moz-transition: all 0.7s ease-in-out;
   -o-transition: all 0.7s ease-in-out;
   -ms-transition: all 0.7s ease-in-out;
   transition: all 0.7s ease-in-out;
   opacity:.35;width:100%;
}
.view-tenth .hov-mask {

   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.view-tenth h2 {
   border-bottom: 1px solid rgba(255, 255, 255, 0.3);
   background: transparent;
   margin: 20px 15px 0px 15px;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   color: #fff;
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.view-tenth p {
   color: #fff;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
}
.view-tenth a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
}
.view-tenth:hover img {
   -webkit-transform: scale(2);
   -moz-transform: scale(2);
   -o-transform: scale(2);
   -ms-transform: scale(2);
   transform: scale(2);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: .1;
}
.view-tenth:hover .hov-mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.view-tenth:hover h2,.view-tenth:hover p,.view-tenth:hover a.info {
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
				
.blue.hov-view{background:#002b5f;}
.green.hov-view{background:#ffc200;}
.overlay-title-area{    position: absolute;
    z-index: 1;
    width: 100%;
    top: 50%;
    padding: 10px 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);}
.overlay-title h3{margin: 0;font-size: 20px;color: #fff;    font-weight: 700;
    padding: 0 5px;}

.overlay-title{
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
    opacity: 1;
}

.view-tenth:hover .overlay-title{
        -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);

    opacity: 0;
}
.view-tenth:hover .hov-mask{z-index:9;}
.col-md-2-5{width:20%; float:left;}
.service-area .col-md-3:nth-child(even) .view-tenth{background: #352900;}
.service-title{ padding:10px 0;font-size:28px; margin-top:30px;}
.service-title-text span{color:#ffc200;}

.more-services-bar{background:#21364f; padding:15px 0; text-align:center;position:relative;}
.more-services-bar a{font-size:24px; color:#fff; font-weight:600;}
.more-services-bar a:hover{color:#496d99;}

.service-area .col-md-3{padding:0;}

/*service-offered*/


.our-team{ text-align: center;    max-width: 80%;
    margin: 0 auto; }
.our-team .pic{
    border-radius: 50%;
    overflow: hidden;
    position: relative;
}

.our-team img{
    width: 100%;
    height: auto;
}
.our-team .title{
    font-size: 24px;
    font-weight: bold;
    color: #222;
    padding-bottom: 10px;
    margin: 15px 0 10px 0;
    position: relative;
}
.our-team .title:after{
    content: "";
    width: 30px;
    height: 2px;
    background: #222;
    margin: 0 auto;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
.our-team .post{
    display: block;
    font-size: 16px;
    font-style: italic;
    color: #777;
}
.our-team .icon{
    list-style: none;
    padding: 0;
    margin: 10px 0 0 0;
}
.our-team .icon li{ display: inline-block; }
.our-team .icon li a{
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    background: #e0e0e0;
    font-size: 14px;
    color: #999;
    margin-right: 5px;
    transition: all 0.3s ease-out 0s;
}
.our-team .icon li a:hover{
    background: #06589c;
    color: #fff;
}
@media only screen and (max-width: 990px){
    .our-team{ margin-bottom: 30px; }
}




.wrap-form label{
    width: 100%;
    margin: 0;
}
.wrap-form span.text-input {
    margin-bottom: 15px;
    display: block;
    padding-top: 5px;
    position: relative;
}
/* quote-form */
.ttm-quote-form input[type="text"], 
.ttm-quote-form textarea,
.ttm-quote-form select {

    background-color: #f8f9fa;
    width: 100%;
    font-size: 16px;
}
.ttm-quote-form .text-input textarea{ min-height: 100%; }
.ttm-quote-form button{ margin-top: 10px; }
.ttm-quote-form .text-input input::placeholder,
.ttm-quote-form .text-input textarea::placeholder{ 
    color: #828282;
}
.ttm-quote-form input[type="submit"] {
    padding: 10px 40px;
    margin-top: 5px;
    width: auto;
	    background: #06589c;
    color: #fff;
    border: 2px solid #06589c;
    font-size: 18px;
}
.ttm-quote-form input[type="submit"]:hover{background:transparent; color:#06589c}

.wrap-form.ttm-contactform span.text-input i {
    position: absolute;
    left: 0;
    top: 20px;
    opacity: .9;
    font-size: 16px;
    z-index: 1;
}
.wrap-form.ttm-contactform span.text-input input, .wrap-form.ttm-contactform span.text-input textarea {
    background-color: transparent;
    border: none;
 
    border-radius: 0;
    padding-left: 30px;
    padding-bottom: 9px;
}
.wrap-form.ttm-contactform input[type="submit"] { margin-top: 20px; }

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input, select {
    font-family: inherit;
    -webkit-transition: border linear .2s,box-shadow linear .2s;
    -moz-transition: border linear .2s,box-shadow linear .2s;
    -o-transition: border linear .2s,box-shadow linear .2s;
    transition: border linear .2s,box-shadow linear .2s;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 0;
    vertical-align: middle;
    width: 100%;
    color: #5d6576;
    padding: 10px 15px;
    font-weight: 400;
    background-color: #fff;
    text-transform: inherit;
    border: 1px solid #dedede;
    font-size: 15px;
    outline: none;
    line-height: inherit;
}
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus {
    border: 1px solid #06589c;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.bottom-footer{ color:#FFFFFF;}
footer .bottom-footer ul.backlinks{ color:#FFFFFF;}
.solution_contact{background: #fff;
padding: 6px 15px;
display: inline-block;}

.modal-header h3{    display: inline-block;
    margin: 0;
    color: #06589c;
    font-weight: 600;
    font-size: 22px;}