@import "css.css";
@import "bootstrap.min.css";
@import "classy-nav.css";
@import "owl.carousel.min.css";
@import "animate.css";
@import "font-awesome.min.css";
@import "credit-icon.html";

*{
	margin:0;
padding:0
}


body{
font-family:open sans,sans-serif;
font-size:14px
}


h1,h2,h3,h4,h5,h6{
font-family:montserrat,sans-serif;
color:#000;
line-height:1.3;
font-weight:700
}


p{
color:#838383;
font-size:15px;
line-height:2;
font-weight:400
}


a,a:hover,a:focus{
-webkit-transition-duration:500ms;
transition-duration:500ms;
text-decoration:none;
outline:0 solid transparent;
color:#000;
font-weight:700;
font-size:16px
}


ul,ol{
margin:0
}


ul li,ol li{
list-style:none
}


img{
height:auto;
max-width:100%
}


.mt-15{
margin-top:15px!important
}


.mt-30{
margin-top:30px!important
}


.mt-50{
margin-top:50px!important
}


.mt-70{
margin-top:70px!important
}


.mt-100{
margin-top:100px!important
}


.mb-15{
margin-bottom:15px!important
}


.mb-30{
margin-bottom:30px!important
}


.mb-50{
margin-bottom:50px!important
}


.mb-70{
margin-bottom:70px!important
}


.mb-100{
margin-bottom:100px!important
}


.ml-15{
margin-left:15px!important
}


.ml-30{
margin-left:30px!important
}


.ml-50{
margin-left:50px!important
}


.mr-15{
margin-right:15px!important
}


.mr-30{
margin-right:30px!important
}


.mr-50{
margin-right:50px!important
}


.height-400{
height:400px!important
}


.height-500{
height:500px!important
}


.height-600{
height:600px!important
}


.height-700{
height:700px!important
}


.height-800{
height:800px!important
}


.section-padding-100{
padding-top:100px;
padding-bottom:100px
}


.section-padding-100-0{
padding-top:50px;
padding-bottom:0
}


.section-padding-0-100{
padding-top:0;
padding-bottom:100px
}


.section-padding-100-70{
padding-top:100px;
padding-bottom:70px
}


.preloader{
background-color:#003679;
width:100%;
height:100%;
position:fixed;
top:0;
left:0;
right:0;
z-index:99999
}


.preloader .lds-ellipsis{
display:inline-block;
position:relative;
width:64px;
height:64px
}


.preloader .lds-ellipsis div{
position:absolute;
top:27px;
width:11px;
height:11px;
border-radius:50%;
background:#ffbb38;
animation-timing-function:cubic-bezier(0,1,1,0)
}


.preloader .lds-ellipsis div:nth-child(1){
left:6px;
-webkit-animation:lds-ellipsis1 .6s infinite;
animation:lds-ellipsis1 .6s infinite
}


.preloader .lds-ellipsis div:nth-child(2){
left:6px;
-webkit-animation:lds-ellipsis2 .6s infinite;
animation:lds-ellipsis2 .6s infinite
}


.preloader .lds-ellipsis div:nth-child(3){
left:26px;
-webkit-animation:lds-ellipsis2 .6s infinite;
animation:lds-ellipsis2 .6s infinite
}


.preloader .lds-ellipsis div:nth-child(4){
left:45px;
-webkit-animation:lds-ellipsis3 .6s infinite;
animation:lds-ellipsis3 .6s infinite
}


@-webkit-keyframes lds-ellipsis1{
0%{
-webkit-transform:scale(0);
transform:scale(0)
}


100%{
-webkit-transform:scale(1);
transform:scale(1)
}



}


@keyframes lds-ellipsis1{
0%{
-webkit-transform:scale(0);
transform:scale(0)
}


100%{
-webkit-transform:scale(1);
transform:scale(1)
}



}


@-webkit-keyframes lds-ellipsis3{
0%{
-webkit-transform:scale(1);
transform:scale(1)
}


100%{
-webkit-transform:scale(0);
transform:scale(0)
}



}


@keyframes lds-ellipsis3{
0%{
-webkit-transform:scale(1);
transform:scale(1)
}


100%{
-webkit-transform:scale(0);
transform:scale(0)
}



}


@-webkit-keyframes lds-ellipsis2{
0%{
-webkit-transform:translate(0,0);
transform:translate(0,0)
}


100%{
-webkit-transform:translate(19px,0);
transform:translate(19px,0)
}



}


@keyframes lds-ellipsis2{
0%{
-webkit-transform:translate(0,0);
transform:translate(0,0)
}


100%{
-webkit-transform:translate(19px,0);
transform:translate(19px,0)
}



}


.jarallax{
position:relative;
z-index:0
}


.jarallax>.jarallax-img{
position:absolute;
object-fit:cover;
font-family:'object-fit: cover;
';
top:0;
left:0;
width:100%;
height:100%;
z-index:-1
}


.section-heading{
position:relative;
z-index:1;
margin-bottom:30px
}


.section-heading .line{
width:25px;
height:5px;
border-radius:3px;
background-color:#ffbb38;
margin-bottom:20px
}


.section-heading p{
font-size:12px;
margin-bottom:0;
letter-spacing:2px;
color:#000;
text-transform:uppercase
}


.section-heading h2{
font-size:20px;
color:#212121;
font-weight:700;
margin-bottom:0
}


@media only screen and (min-width:992px) and (max-width:1199px){
.section-heading h2{
font-size:20px
}



}


@media only screen and (min-width:768px) and (max-width:991px){
.section-heading h2{
font-size:18px
}



}


@media only screen and (max-width:767px){
.section-heading h2{
font-size:24px
}



}


.section-heading.white .line{
background-color:#fff
}


.section-heading.white p,.section-heading.white h2{
color:#fff
}


.section-heading.text-center .line{
margin-left:auto;
margin-right:auto
}


.box-shadow{
position:relative;
z-index:1
}


.box-shadow:hover{
box-shadow:0 0 24px rgba(0,0,0,.2)
}


.tooltip-inner{
background-color:#ffbb38;
box-shadow:0 0 24px rgba(0,0,0,.2)
}


.tooltip .arrow::before{
border-bottom-color:#ffbb38
}


.bg-img{
background-position:center center;
background-size:cover;
background-repeat:no-repeat
}


.bg-white{
background-color:#fff!important
}


.bg-dark{
background-color:#000!important
}


.bg-transparent{
background-color:transparent!important
}


.bg-gray{
background-color:#f1f7f9
}


.font-bold{
font-weight:700
}


.font-light{
font-weight:300
}


.bg-overlay{
position:relative;
z-index:2;
background-position:center center;
background-size:cover
}


.bg-overlay::after{
background-color:rgba(0,0,0,.61);
position:absolute;
z-index:-1;
top:0;
left:0;
width:100%;
height:100%;
content:""
}


.bg-fixed{
background-attachment:fixed!important
}


#scrollUp{
background-color:#003679;
border-radius:5px 0 0 5px;
bottom:70px;
color:#fff;
font-size:10px;
padding:12px 0;
height:60px;
line-height:1.5;
right:0;
text-align:center;
width:35px;
-webkit-transition-duration:500ms;
transition-duration:500ms;
font-weight:700;
box-shadow:0 1px 5px 2px rgba(0,0,0,.15);
text-transform:uppercase
}


#scrollUp i{
font-size:18px;
display:block
}


#scrollUp:hover{
background-color:#ffbb38;
color:#fff
}


.credit-btn{
-webkit-transition-duration:500ms;
transition-duration:500ms;
background-color:#ffbb38;
position:relative;
z-index:1;
display:inline-block;
min-width:175px;
height:48px;
color:#fff;
border-radius:5px;
padding:0 30px;
font-size:14px;
line-height:48px;
font-weight:700;
text-transform:uppercase
}


.credit-btn:hover,.credit-btn:focus{
font-size:14px;
font-weight:700;
background-color:#003679;
color:#fff
}


.credit-btn.btn-2{
background-color:#003679;
color:#fff
}


.credit-btn.btn-2:hover,.credit-btn.btn-2:focus{
background-color:#ffbb38;
color:#fff
}


.credit-btn.btn-3{
background-color:transparent;
color:#003679;
border:2px solid #003679;
line-height:44px
}


.credit-btn.btn-3:hover,.credit-btn.btn-3:focus{
border:2px solid #003679;
background-color:#003679;
color:#fff
}


.header-area{
position:relative;
z-index:1000;
width:100%
}


.header-area .top-header-area{
position:relative;
z-index:1;
width:100%;    
background-color:#f2f4f6
}


.header-area .top-header-area .top-contact-info{
position:relative;
z-index:1
}


.header-area .top-header-area .top-contact-info a{
display:inline-block;
color:#000;
font-size:14px;
margin-bottom:0;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
-ms-grid-row-align:center;
align-items:center;
font-weight:600
}


.header-area .top-header-area .top-contact-info a img{
margin-right:10px
}


@media only screen and (max-width:767px){
.header-area .top-header-area .top-contact-info a span{
display:none
}



}


.header-area .top-header-area .top-contact-info a:first-child{
margin-right:30px
}


.header-area .top-header-area .top-contact-info a:hover,.header-area .top-header-area .top-contact-info a:focus{
color:#003679
}


@media only screen and (min-width:768px) and (max-width:991px){
.header-area .top-header-area .top-contact-info a{
font-size:13px
}



}


.header-area .credit-main-menu{
position:relative;
width:100%;
z-index:1;
background-color:#ffbb38
}


.header-area .credit-main-menu::after{
width:50%;
height:100%;
background-color:#003679;
position:absolute;
top:0;
left:0;
content:'';
z-index:1
}


.header-area .credit-main-menu .classy-nav-container{
background-color:transparent
}


.header-area .credit-main-menu .classy-navbar{
height:45px;
padding:0;
background-color:#003679
}


@media only screen and (max-width:767px){
.header-area .credit-main-menu .classy-navbar{
height:70px
}



}


.header-area .credit-main-menu .classy-navbar .classynav ul li a{
font-weight:600;
text-transform:capitalize;
font-size:15px;
padding:0 15px;
color:#fff
}


.header-area .credit-main-menu .classy-navbar .classynav ul li a:hover,.header-area .credit-main-menu .classy-navbar .classynav ul li a:focus{
color:#ffbb38
}


@media only screen and (min-width:992px) and (max-width:1199px){
.header-area .credit-main-menu .classy-navbar .classynav ul li a{
font-size:14px
}



}


@media only screen and (min-width:768px) and (max-width:991px){
.header-area .credit-main-menu .classy-navbar .classynav ul li a{
color:#003679
}



}


@media only screen and (max-width:767px){
.header-area .credit-main-menu .classy-navbar .classynav ul li a{
color:#003679
}



}


.header-area .credit-main-menu .classy-navbar .classynav>ul>li:first-child a{
padding-left:0
}


@media only screen and (min-width:768px) and (max-width:991px){
.header-area .credit-main-menu .classy-navbar .classynav>ul>li:first-child a{
padding-left:15px
}



}


@media only screen and (max-width:767px){
.header-area .credit-main-menu .classy-navbar .classynav>ul>li:first-child a{
padding-left:15px
}



}


.header-area .credit-main-menu .classy-navbar .classynav ul li.megamenu-item>a::after,.header-area .credit-main-menu .classy-navbar .classynav ul li.has-down>a::after{
color:#fff
}


@media only screen and (min-width:768px) and (max-width:991px){
.header-area .credit-main-menu .classy-navbar .classynav ul li.megamenu-item>a::after,.header-area .credit-main-menu .classy-navbar .classynav ul li.has-down>a::after{
color:#003679
}



}


@media only screen and (max-width:767px){
.header-area .credit-main-menu .classy-navbar .classynav ul li.megamenu-item>a::after,.header-area .credit-main-menu .classy-navbar .classynav ul li.has-down>a::after{
color:#003679
}



}


.header-area .credit-main-menu .classy-navbar .classynav ul li ul li a{
color:#003679;
font-size:14px
}


.header-area .credit-main-menu .classy-navbar .contact{
position:relative;
z-index:1;
padding-left:50px;
height:100%;
overflow-y:hidden;
overflow-x:hidden
}


.header-area .credit-main-menu .classy-navbar .contact::before{
width:100%;
height:200%;
content:'';
position:absolute;
top:42%;
left:0;
z-index:-1;
background-color:#ffbb38;
-webkit-transform:rotate(30deg);
transform:rotate(30deg)
}


.header-area .credit-main-menu .classy-navbar .contact::after{
width:1000%;
height:100%;
content:'';
position:absolute;
top:0;
left:62px;
z-index:-1;
background-color:#ffbb38
}


.header-area .credit-main-menu .classy-navbar .contact a{
display:inline-block;
font-size:24px;
color:#003679;
font-weight:700;
line-height:45px
}


.header-area .credit-main-menu .classy-navbar .contact a:hover{
color:#fff
}


@media only screen and (min-width:992px) and (max-width:1199px){
.header-area .credit-main-menu .classy-navbar .contact a{
font-size:20px
}



}


@media only screen and (min-width:768px) and (max-width:991px){
.header-area .credit-main-menu .classy-navbar .contact a{
font-size:18px
}



}


@media only screen and (max-width:767px){
.header-area .credit-main-menu .classy-navbar .contact a{
font-size:14px;
line-height:70px
}



}


.header-area .is-sticky .credit-main-menu{
box-shadow:0 7px 40px 0 rgba(0,0,0,.3)
}


.hero-area{
position:relative;
z-index:1
}


.hero-area .owl-dots{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
position:absolute;
width:100%;
z-index:100;
bottom:30px;
left:0;
right:0
}


.hero-area .owl-dots .owl-dot{
width:8px;
height:8px;
background-color:#d2d2d2;
border-radius:50%;
margin:0 6px
}


.hero-area .owl-dots .owl-dot.active{
background-color:#ffbb38
}


.hero-area .owl-prev,.hero-area .owl-next{
position:absolute;
width:46px;
height:46px;
border-radius:50%;
top:50%;
margin-top:-23px;
font-size:18px;
color:#fff;
background-color:#003679;
left:20px;
text-align:center;
-webkit-transition-duration:500ms;
transition-duration:500ms;
line-height:46px;
opacity:0;
visibility:hidden
}


@media only screen and (max-width:767px){
.hero-area .owl-prev,.hero-area .owl-next{
left:10px
}



}


.hero-area .owl-prev:hover,.hero-area .owl-next:hover{
background-color:#ffbb38;
color:#fff
}


.hero-area .owl-next{
left:auto;
right:20px
}


@media only screen and (max-width:767px){
.hero-area .owl-next{
right:10px
}



}


.hero-area:hover .owl-next,.hero-area:hover .owl-prev{
opacity:1;
visibility:visible
}


.single-slide{
position:relative;
z-index:99;
width:100%;
height:400px;
background-color:#fff;
overflow:hidden
}


@media only screen and (min-width:992px) and (max-width:1199px){
.single-slide{
height:400px
}



}


@media only screen and (min-width:768px) and (max-width:991px){
.single-slide{
height:400px
}



}


@media only screen and (max-width:767px){
.single-slide{
height:400px
}



}


.single-slide .slide-bg-img{
position:absolute;
width:100%;
height:100%;
z-index:-12;
top:0;
left:0;
right:0;
bottom:0;
-webkit-animation:slide-bg linear 10000ms infinite;
animation:slide-bg linear 10000ms infinite
}


.single-slide .slide-du-indicator{
position:absolute;
z-index:10;
width:0;
height:2px;
background-color:#ffbb38;
left:0;
bottom:0;
-webkit-animation:slide-du-indicator linear 10000ms infinite;
animation:slide-du-indicator linear 10000ms infinite
}


.single-slide .welcome-text{
position:relative;
z-index:1
}


.single-slide .welcome-text h6{
font-size:18px;
font-weight:400;
color:#fff;
margin-bottom:15px
}


.single-slide .welcome-text h2{
font-size:28px;
color:#fff;
font-weight:600;
margin-bottom:10px;
text-transform:uppercase
}


.single-slide .welcome-text h2 span{
color:#ffbb38
}


@media only screen and (min-width:992px) and (max-width:1199px){
.single-slide .welcome-text h2{
font-size:28px
}



}


@media only screen and (min-width:768px) and (max-width:991px){
.single-slide .welcome-text h2{
font-size:28px
}



}


@media only screen and (max-width:767px){
.single-slide .welcome-text h2{
font-size:20px
}



}


.single-slide .welcome-text p{
font-size:16px;
color:#fff
}


@-webkit-keyframes slide-du-indicator{
0%{
width:0
}


100%{
width:100%
}



}


@keyframes slide-du-indicator{
0%{
width:0
}


100%{
width:100%
}



}


@-webkit-keyframes slide-bg{
0%{
-webkit-transform:scale(1.3);
transform:scale(1.3)
}


100%{
-webkit-transform:scale(1);
transform:scale(1)
}



}


@keyframes slide-bg{
0%{
-webkit-transform:scale(1.3);
transform:scale(1.3)
}


100%{
-webkit-transform:scale(1);
transform:scale(1)
}



}


.single-features-area{
position:relative;
z-index:1
}


.single-features-area h6{
font-size:14px;
color:#000;
margin-bottom:0;
font-family:open sans,sans-serif;
font-weight:600;
line-height:1.8
}


.single-features-area img{
margin-bottom:15px
}


.single-features-area h5{
font-size:14px;
margin-bottom:0;
-webkit-transition-duration:500ms;
transition-duration:500ms
}


@media only screen and (min-width:992px) and (max-width:1199px){
.single-features-area h5{
font-size:15px
}



}


.single-features-area:hover h5{
color:#ffbb38
}


.special-feature-area{
position:relative;
z-index:1
}


.special-feature-area .special-feature-content{
-webkit-box-flex:0;
-ms-flex:0 0 50%;
flex:0 0 50%;
max-width:50%;
width:50%;
background-color:#ffbb38
}


@media only screen and (max-width:767px){
.special-feature-area .special-feature-content{
-webkit-box-flex:0;
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%;
width:100%
}



}


.special-feature-area .special-feature-content .feature-text{
position:relative;
z-index:1;
max-width:555px;
margin-left:auto;
padding-right:70px
}


.special-feature-area .special-feature-content .feature-text h6{
color:#fff;
line-height:1.7;
margin-bottom:50px;
font-weight:600
}


@media only screen and (min-width:768px) and (max-width:991px){
.special-feature-area .special-feature-content .feature-text h6{
font-size:14px
}



}


@media only screen and (max-width:767px){
.special-feature-area .special-feature-content .feature-text h6{
font-size:14px
}



}


@media only screen and (min-width:992px) and (max-width:1199px){
.special-feature-area .special-feature-content .feature-text{
max-width:465px;
padding-right:40px
}



}


@media only screen and (min-width:768px) and (max-width:991px){
.special-feature-area .special-feature-content .feature-text{
max-width:350px;
padding-right:20px
}



}


@media only screen and (max-width:767px){
.special-feature-area .special-feature-content .feature-text{
max-width:100%;
padding-right:15px;
padding-left:15px
}



}


.special-feature-area .special-feature-thumbnail{
-webkit-box-flex:0;
-ms-flex:0 0 50%;
flex:0 0 50%;
max-width:50%;
width:50%
}


@media only screen and (max-width:767px){
.special-feature-area .special-feature-thumbnail{
-webkit-box-flex:0;
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%;
width:100%;
height:250px
}



}


.special-feature-area.style-2 .special-feature-content{
background-color:#003679
}


.special-feature-area.style-2 .special-feature-content .feature-text{
margin-left:0;
margin-right:auto;
padding-right:0;
padding-left:70px
}


@media only screen and (min-width:992px) and (max-width:1199px){
.special-feature-area.style-2 .special-feature-content .feature-text{
padding-left:40px
}



}


@media only screen and (min-width:768px) and (max-width:991px){
.special-feature-area.style-2 .special-feature-content .feature-text{
padding-left:20px
}



}


@media only screen and (max-width:767px){
.special-feature-area.style-2 .special-feature-content .feature-text{
padding-left:15px;
padding-right:15px
}



}


.cta-area{
position:relative;
z-index:1
}


.cta-area .cta-thumbnail{
-webkit-box-flex:0;
-ms-flex:0 0 50%;
flex:0 0 50%;
max-width:50%;
width:50%
}


@media only screen and (min-width:768px) and (max-width:991px){
.cta-area .cta-thumbnail{
-webkit-box-flex:0;
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%;
width:100%;
height:400px
}



}


@media only screen and (max-width:767px){
.cta-area .cta-thumbnail{
-webkit-box-flex:0;
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%;
width:100%;
height:280px
}



}


.cta-area .cta-content{
position:relative;
z-index:1;
padding:100px 5%;
-webkit-box-flex:0;
-ms-flex:0 0 50%;
flex:0 0 50%;
max-width:50%;
width:50%;
background-color:#ffbb38
}


@media only screen and (min-width:768px) and (max-width:991px){
.cta-area .cta-content{
-webkit-box-flex:0;
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%;
width:100%
}



}


@media only screen and (max-width:767px){
.cta-area .cta-content{
-webkit-box-flex:0;
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%;
width:100%
}



}


.cta-area .cta-content h6{
color:#fff;
font-weight:600;
font-family:open sans,sans-serif;
line-height:1.8
}


.cta-area .cta-content .single-skils-area .skills-text span{
color:#fff;
font-size:18px;
font-weight:700
}


.cta-area .cta-content .single-skils-area p{
margin-bottom:0;
font-family:open sans,sans-serif;
letter-spacing:2px;
color:#fff;
text-transform:uppercase
}


.cta-2-area{
position:relative;
z-index:1;
background-color:#003679;
padding-top:50px
}


.cta-2-area .cta-content .cta-text{
position:relative;
z-index:1;
margin-bottom:50px
}


.cta-2-area .cta-content .cta-text h4{
color:#fff;
font-family:open sans,sans-serif;
margin-bottom:0;
font-weight:600
}


@media only screen and (min-width:768px) and (max-width:991px){
.cta-2-area .cta-content .cta-text h4{
font-size:18px
}



}


.cta-2-area .cta-content .cta-text p{
color:#fff;
font-size:14px;
margin-bottom:0
}


@media only screen and (max-width:767px){
.cta-2-area .cta-content .cta-text{
-webkit-box-flex:0;
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%;
width:100%
}



}


.cta-2-area .cta-content .cta-btn{
position:relative;
z-index:1;
margin-bottom:50px
}


@media only screen and (max-width:767px){
.cta-2-area .cta-content .cta-btn{
-webkit-box-flex:0;
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%;
width:100%
}



}


.contact--area .section-heading h2,.news--area .section-heading h2{
font-size:24px
}


.news--area{
position:relative;
z-index:1
}


.single-news-area{
position:relative;
z-index:1;
margin-bottom:15px
}


.single-news-area:last-child{
margin-bottom:0
}


.single-news-area .news-thumbnail{
-webkit-box-flex:0;
-ms-flex:0 0 37%;
flex:0 0 37%;
max-width:37%;
width:37%
}


.single-news-area .news-content{
-webkit-box-flex:0;
-ms-flex:0 0 63%;
flex:0 0 63%;
max-width:63%;
width:63%;
padding-left:15px
}


.single-news-area .news-content span{
font-size:10px;
color:#fff;
background-color:#ffbb38;
padding:3px 15px;
border-radius:30px;
display:inline-block;
margin-bottom:5px
}


.single-news-area .news-content a{
display:block;
font-weight:400;
font-size:16px;
margin-bottom:0
}


.single-news-area .news-content a:hover,.single-news-area .news-content a:focus{
color:#ffbb38
}


.single-news-area .news-content .news-meta a{
position:relative;
z-index:1;
display:inline-block;
font-size:12px;
color:#838383;
font-weight:600;
margin-bottom:0;
line-height:1
}


.single-news-area .news-content .news-meta a img{
margin-right:5px
}


.single-news-area .news-content .news-meta a:last-child{
margin-left:31px
}


.single-news-area .news-content .news-meta a:last-child::after{
content:'|';
position:absolute;
top:0;
left:-20px;
z-index:1
}


.single-news-area .news-content .news-meta a:hover,.single-news-area .news-content .news-meta a:focus{
color:#ffbb38
}


@media only screen and (min-width:992px) and (max-width:1199px){
.single-news-area .news-content .news-meta a{
font-size:10px
}



}


@media only screen and (max-width:767px){
.single-news-area .news-content .news-meta a{
font-size:10px
}



}


.contact--area{
position:relative;
z-index:1
}


.contact--area .contact-content{
padding:55px 45px;
background-color:#fff;
border:1px solid #afbace
}


@media only screen and (min-width:992px) and (max-width:1199px){
.contact--area .contact-content{
padding:30px
}



}


@media only screen and (max-width:767px){
.contact--area .contact-content{
padding:20px
}



}


.contact--area .contact-content .single-contact-content{
position:relative;
z-index:1;
margin-bottom:45px
}


.contact--area .contact-content .single-contact-content:last-child{
margin-bottom:0
}


.contact--area .contact-content .single-contact-content .icon{
-webkit-box-flex:0;
-ms-flex:0 0 48px;
flex:0 0 48px;
max-width:48px;
width:48px;
height:48px;
line-height:48px;
color:#fff;
text-align:center;
margin-right:15px;
background-color:#ffbb38
}


.contact--area .contact-content .single-contact-content .text p{
font-weight:600;
color:#212121;
margin-bottom:0
}


@media only screen and (min-width:992px) and (max-width:1199px){
.contact--area .contact-content .single-contact-content .text p{
font-size:12px
}



}


@media only screen and (max-width:767px){
.contact--area .contact-content .single-contact-content .text p{
font-size:12px
}



}


.contact--area .contact-content .single-contact-content .text span{
font-size:11px;
text-transform:uppercase;
letter-spacing:2px;
color:#838383
}


.contact--area.contact-page .contact-content{
padding:35px;
border:none;
background-color:#003679
}


.contact--area.contact-page .contact-content h5{
color:#fff;
font-weight:600;
font-size:18px;
margin-bottom:35px
}


.contact--area.contact-page .contact-content .single-contact-content .text p,.contact--area.contact-page .contact-content .single-contact-content .text span{
color:#fff
}


.newsletter-area{
position:relative;
z-index:3
}


.newsletter-area::after{
content:'';
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
background-color:rgba(0,54,121,.7);
z-index:-1
}


.newsletter-area .nl-content{
position:relative;
z-index:1
}


.newsletter-area .nl-content h2{
color:#fff;
margin-bottom:25px;
display:block;
font-weight:400;
font-size:30px
}


@media only screen and (max-width:767px){
.newsletter-area .nl-content h2{
font-size:18px
}



}


.newsletter-area .nl-content form{
width:100%;
position:relative;
z-index:1;
margin-bottom:30px
}


.newsletter-area .nl-content form input{
width:100%;
height:45px;
background-color:#fff;
border-radius:30px;
border:none;
font-size:12px;
font-style:italic;
padding:0 20px
}


.newsletter-area .nl-content form button{
-webkit-transition-duration:500ms;
transition-duration:500ms;
position:absolute;
width:130px;
height:45px;
background-color:#ffbb38;
border:none;
border-radius:0 30px 30px 0;
top:0;
right:0;
font-weight:700;
font-size:14px;
color:#fff;
text-align:center;
cursor:pointer;
z-index:20
}


.newsletter-area .nl-content form button:hover{
background-color:#003679
}


.newsletter-area .nl-content form button:focus{
outline:none;
box-shadow:none
}


@media only screen and (max-width:767px){
.newsletter-area .nl-content form button{
width:100px
}



}


.newsletter-area .nl-content p{
font-size:12px;
color:#fff;
margin-bottom:0
}


.single-team-member-area{
position:relative;
z-index:1;
text-align:center
}


.single-team-member-area .team-thumb{
-webkit-transition-duration:500ms;
transition-duration:500ms;
position:relative;
z-index:1;
width:180px;
border-radius:50%;
margin:0 auto 40px;
height:180px
}


.single-team-member-area .team-thumb::after{
-webkit-transition-duration:500ms;
transition-duration:500ms;
content:'';
width:100%;
height:100%;
background-color:transparent;
border:8px solid #003679;
top:0;
left:0;
position:absolute;
z-index:100;
border-radius:50%;
opacity:0;
visibility:hidden
}


.single-team-member-area .team-thumb img{
border-radius:50%
}


.single-team-member-area .team-thumb .view-more a{
position:absolute;
width:62px;
height:62px;
border-radius:15px;
background-color:#ffbb38;
text-align:center;
bottom:-10px;
right:0;
z-index:300;
color:#fff;
line-height:62px;
font-size:18px
}


.single-team-member-area .team-thumb .view-more a:hover{
background-color:#003679
}


.single-team-member-area .team-thumb:hover{
box-shadow:0 0 50px 0 rgba(0,0,0,.2)
}


.single-team-member-area .team-thumb:hover::after{
opacity:1;
visibility:visible
}


.single-team-member-area .team-info{
position:relative;
z-index:1
}


.single-team-member-area .team-info h5{
-webkit-transition-duration:500ms;
transition-duration:500ms;
font-size:18px;
margin-bottom:5px
}


.single-team-member-area .team-info h6{
font-size:14px;
font-weight:600;
margin-bottom:0;
color:#000
}


.single-team-member-area:hover .team-info h5{
color:#ffbb38
}


.footer-area{
position:relative;
z-index:1;
background-color:#021c3c
}


.footer-area .single-footer-widget{
position:relative;
z-index:1
}


.footer-area .single-footer-widget .widget-title{
font-size:18px;
color:#ffbb38;
margin-bottom:40px;
font-weight:400
}


.footer-area .single-footer-widget ul li a{
display:block;
color:#fff;
font-size:14px;
font-weight:400;
margin-bottom:30px;
position:relative;
z-index:1;
padding-left:23px
}


.footer-area .single-footer-widget ul li a::before{
content:'';
width:8px;
height:8px;
top:7px;
left:0;
border-radius:50%;
background-color:#ffbb38;
position:absolute;
z-index:1
}


.footer-area .single-footer-widget ul li a:hover,.footer-area .single-footer-widget ul li a:focus{
color:#ffbb38
}


.footer-area .single-footer-widget ul li:last-child a{
margin-bottom:0
}


.footer-area .copywrite-area{
position:relative;
z-index:1;
border-top:1px solid #3c4450;
padding:30px 0
}


.footer-area .copywrite-area .copywrite-text{
font-size:14px;
margin-bottom:0;
color:#636b75;
font-weight:400
}


@media only screen and (max-width:767px){
.footer-area .copywrite-area .copywrite-text{
margin-top:30px
}



}


@media only screen and (min-width:480px) and (max-width:767px){
.footer-area .copywrite-area .copywrite-text{
margin-top:0
}



}


.footer-area .copywrite-area .copywrite-text a{
color:#636b75;
font-size:14px;
font-weight:400
}


.footer-area .copywrite-area .copywrite-text a:hover,.footer-area .copywrite-area .copywrite-text a:focus{
color:#ffbb38
}


.breadcrumb-area{
position:relative;
z-index:1;
width:100%;
height:255px
}


@media only screen and (max-width:767px){
.breadcrumb-area{
height:180px
}



}


.breadcrumb-area .breadcrumb-content h2{
color:#fff;
font-size:30px;
text-transform:uppercase;
display:block
}


@media only screen and (max-width:767px){
.breadcrumb-area .breadcrumb-content h2{
font-size:24px
}



}


.breadcrumb-area .breadcrumb-content .breadcrumb{
background-color:transparent;
padding:0;
margin-bottom:0
}


.breadcrumb-area .breadcrumb-content .breadcrumb .breadcrumb-item::before{
color:#fff
}


.breadcrumb-area .breadcrumb-content .breadcrumb .breadcrumb-item.active{
color:#ffbb38;
font-size:16px;
font-weight:600
}


.breadcrumb-area .breadcrumb-content .breadcrumb .breadcrumb-item a{
font-size:16px;
color:#fff;
font-weight:600
}


.breadcrumb-area .breadcrumb-content .breadcrumb .breadcrumb-item a:hover{
color:#ffbb38
}


.single-latest-news-area{
position:relative;
z-index:1;
margin-bottom:20px
}


.single-latest-news-area:last-child{
margin-bottom:0
}


.single-latest-news-area .news-thumbnail{
-webkit-box-flex:0;
-ms-flex:0 0 25%;
flex:0 0 25%;
max-width:25%;
width:25%
}


.single-latest-news-area .news-content{
-webkit-box-flex:0;
-ms-flex:0 0 75%;
flex:0 0 75%;
max-width:75%;
width:75%;
padding-left:10px
}


.single-latest-news-area .news-content a{
display:block;
font-weight:600;
font-size:14px;
margin-bottom:0;
color:#fff
}


.single-latest-news-area .news-content a:hover,.single-latest-news-area .news-content a:focus{
color:#ffbb38
}


.single-latest-news-area .news-content .news-meta a{
position:relative;
z-index:1;
display:inline-block;
font-size:12px;
color:#838383;
font-weight:600;
margin-bottom:0
}


@media only screen and (min-width:992px) and (max-width:1199px){
.single-latest-news-area .news-content .news-meta a{
font-size:9px
}



}


.single-latest-news-area .news-content .news-meta a img{
margin-right:2px
}


.single-latest-news-area .news-content .news-meta a:last-child{
margin-left:21px
}


.single-latest-news-area .news-content .news-meta a:last-child::after{
content:'|';
position:absolute;
top:0;
left:-15px;
z-index:1
}


.single-latest-news-area .news-content .news-meta a:hover,.single-latest-news-area .news-content .news-meta a:focus{
color:#ffbb38
}


.single-blog-area{
position:relative;
z-index:1
}


.single-blog-area .blog-thumbnail{
position:relative;
z-index:1;
margin-bottom:35px
}


.single-blog-area .blog-thumbnail a{
display:block
}


.single-blog-area .blog-thumbnail a img{
border-radius:5px
}


.single-blog-area .blog-content{
position:relative;
z-index:1
}


.single-blog-area .blog-content span{
font-size:10px;
color:#fff;
background-color:#ffbb38;
padding:3px 15px;
border-radius:30px;
display:inline-block;
margin-bottom:5px
}


.single-blog-area .blog-content .post-title{
display:block;
font-weight:600;
font-size:24px;
margin-bottom:0;
color:#212121
}


.single-blog-area .blog-content .post-title:hover,.single-blog-area .blog-content .post-title:focus{
color:#ffbb38
}


.single-blog-area .blog-content .blog-meta{
margin-bottom:30px
}


.single-blog-area .blog-content .blog-meta a{
position:relative;
z-index:1;
display:inline-block;
font-size:12px;
color:#838383;
font-weight:600;
margin-bottom:0
}


@media only screen and (min-width:992px) and (max-width:1199px){
.single-blog-area .blog-content .blog-meta a{
font-size:9px
}



}


.single-blog-area .blog-content .blog-meta a img{
margin-right:2px
}


.single-blog-area .blog-content .blog-meta a:last-child{
margin-left:21px
}


.single-blog-area .blog-content .blog-meta a:last-child::after{
content:'|';
position:absolute;
top:0;
left:-15px;
z-index:1
}


.single-blog-area .blog-content .blog-meta a:hover,.single-blog-area .blog-content .blog-meta a:focus{
color:#ffbb38
}


.single-blog-area .blog-content p{
margin-bottom:0
}


.post-details-content{
position:relative;
z-index:1
}


.post-details-content img{
border-radius:5px;
margin-bottom:30px
}


.post-details-content p{
margin-bottom:25px
}


.pagination{
position:relative;
z-index:1
}


.pagination .page-item .page-link{
width:40px;
height:40px;
background-color:#fff;
border-radius:5px;
line-height:40px;
font-weight:600;
font-size:16px;
color:#212121;
padding:0;
border:none;
text-align:center;
margin-right:2px
}


.pagination .page-item .page-link:hover,.pagination .page-item .page-link:focus{
color:#fff;
background-color:#ffbb38
}


.pagination .page-item.active .page-link{
color:#fff;
background-color:#ffbb38
}


.sidebar-area{
position:relative;
z-index:1
}


@media only screen and (min-width:768px) and (max-width:991px){
.sidebar-area{
margin-top:100px
}



}


@media only screen and (max-width:767px){
.sidebar-area{
margin-top:100px
}



}


.single-widget-area{
position:relative;
z-index:1;
margin-bottom:50px
}


.single-widget-area:last-child{
margin-bottom:0
}


.single-widget-area .widget-heading{
position:relative;
z-index:1;
margin-bottom:35px
}


.single-widget-area .widget-heading .line{
width:30px;
height:8px;
background-color:#ffbb38;
border-radius:5px;
display:block;
margin-bottom:15px
}


.single-widget-area.search-widget{
position:relative;
z-index:1
}


.single-widget-area.search-widget form{
position:relative;
z-index:1
}


.single-widget-area.search-widget form input{
width:100%;
height:50px;
border-radius:5px;
border:none;
background-color:#f1f7f9;
padding:0 20px;
font-size:12px;
font-style:italic
}


.single-widget-area.search-widget form button{
-webkit-transition-duration:500ms;
transition-duration:500ms;
position:absolute;
width:125px;
height:50px;
border:none;
top:0;
right:0;
z-index:99;
background-color:#003679;
color:#ffbb38;
font-weight:600;
font-size:14px;
text-transform:uppercase;
border-radius:5px;
cursor:pointer
}


.single-widget-area.search-widget form button:hover{
background-color:#ffbb38;
color:#003679
}


.single-widget-area.cata-widget ul{
padding-left:35px
}


.single-widget-area.cata-widget ul li a{
display:block;
font-size:15px;
padding:7px 0;
font-weight:600;
color:#003679
}


.single-widget-area.cata-widget ul li a:hover,.single-widget-area.cata-widget ul li a:focus{
color:#ffbb38
}


.comment_area{
border-bottom:1px solid #eaeaea;
padding-bottom:50px
}


.comment_area .comment-content .comment-author{
-webkit-box-flex:0;
-ms-flex:0 0 51px;
flex:0 0 51px;
min-width:51px;
margin-right:30px;
height:51px;
border-radius:50%
}


@media only screen and (max-width:767px){
.comment_area .comment-content .comment-author{
margin-right:15px
}



}


.comment_area .comment-content .comment-author img{
border-radius:50%
}


.comment_area .comment-content .comment-meta{
margin-bottom:30px
}


.comment_area .comment-content .comment-meta .post-author,.comment_area .comment-content .comment-meta .post-date,.comment_area .comment-content .comment-meta .reply{
position:relative;
z-index:1;
margin-bottom:5px;
display:inline-block;
font-size:14px;
color:#212121;
margin-right:30px
}


@media only screen and (max-width:767px){
.comment_area .comment-content .comment-meta .post-author,.comment_area .comment-content .comment-meta .post-date,.comment_area .comment-content .comment-meta .reply{
font-size:12px;
margin-right:15px
}



}


.comment_area .comment-content .comment-meta .post-author::after,.comment_area .comment-content .comment-meta .post-date::after,.comment_area .comment-content .comment-meta .reply::after{
position:absolute;
top:0;
right:-16px;
content:'|';
z-index:1
}


@media only screen and (max-width:767px){
.comment_area .comment-content .comment-meta .post-author::after,.comment_area .comment-content .comment-meta .post-date::after,.comment_area .comment-content .comment-meta .reply::after{
right:-8px
}



}


.comment_area .comment-content .comment-meta .post-author:hover,.comment_area .comment-content .comment-meta .post-date:hover,.comment_area .comment-content .comment-meta .reply:hover{
color:#003679
}


.comment_area .comment-content .comment-meta .reply{
margin-right:0
}


.comment_area .comment-content .comment-meta .reply::after{
display:none
}


.comment_area .comment-content .comment-meta p{
margin-bottom:15px;
font-size:14px;
line-height:2;
font-weight:500
}


.comment_area .single_comment_area{
margin-bottom:30px
}


.comment_area .single_comment_area:last-of-type{
margin-bottom:0
}


.comment_area .children .single_comment_area{
margin-left:50px;
margin-top:30px
}


.contact-advisor{
position:relative;
z-index:1;
background-color:#ffbb38;
padding:35px
}


.contact-advisor h5{
font-size:18px;
color:#fff;
font-weight:600;
margin-bottom:40px
}


.contact-advisor .single-advisor{
position:relative;
z-index:1;
margin-bottom:60px
}


.contact-advisor .single-advisor:last-child{
margin-bottom:0
}


.contact-advisor .single-advisor .advisor-img{
-webkit-box-flex:0;
-ms-flex:0 0 80px;
flex:0 0 80px;
max-width:80px;
width:80px;
margin-right:30px
}


.contact-advisor .single-advisor .advisor-info h6{
color:#fff;
margin-bottom:5px;
font-weight:600
}


.contact-advisor .single-advisor .advisor-info span{
font-size:12px;
text-transform:capitalize;
margin-bottom:15px;
display:block;
color:#fff
}


.contact-advisor .single-advisor .advisor-info p{
font-size:14px;
margin-bottom:0;
line-height:1;
font-weight:700;
color:#fff
}


.contact-form-area .form-control{
position:relative;
z-index:2;
height:54px;
width:100%;
background-color:#f1f7f9;
font-size:12px;
margin-bottom:15px;
border:none;
border-radius:5px;
padding:15px 30px;
font-weight:500;
color:#aeaeae;
-webkit-transition-duration:500ms;
transition-duration:500ms
}


.contact-form-area .form-control:focus{
box-shadow:none
}


.contact-form-area textarea.form-control{
height:250px
}


.map-area{
position:relative;
z-index:2;
height:960px
}


@media only screen and (min-width:768px) and (max-width:991px){
.map-area{
height:1200px
}



}


@media only screen and (max-width:767px){
.map-area{
height:1200px
}



}


.map-area iframe{
width:100%;
height:100%;
border:none;
margin-bottom:0
}


.map-area .contact---area{
position:absolute;
top:50%;
left:0;
width:100%;
-webkit-transform:translateY(-50%);
transform:translateY(-50%)
}


.map-area .contact---area .contact-page{
background-color:#003679;
padding:70px 45px
}


@media only screen and (max-width:767px){
.map-area .contact---area .contact-page{
padding:40px 30px
}



}


.map-area .contact---area .contact-page h4{
color:#fff;
font-weight:600
}


.elements-title{
position:relative;
z-index:1
}


.elements-title .line{
width:30px;
height:8px;
background-color:#ffbb38;
border-radius:5px;
display:block;
margin-bottom:15px
}


.elements-title h2{
font-size:24px;
margin-bottom:0
}


.single-service-area{
position:relative;
z-index:1
}


.single-service-area .icon{
-webkit-transition-duration:500ms;
transition-duration:500ms;
-webkit-box-flex:0;
-ms-flex:0 0 60px;
flex:0 0 60px;
max-width:60px;
width:60px;
height:60px;
border-radius:50%;
background-color:#003679;
text-align:center;
margin-right:20px;
line-height:60px;
color:#fff;
font-size:30px
}


.single-service-area .text h5{
-webkit-transition-duration:500ms;
transition-duration:500ms;
font-size:18px
}


.single-service-area .text p{
margin-bottom:0
}


.single-service-area:hover .icon,.single-service-area:focus .icon{
background-color:#ffbb38
}


.single-service-area:hover .text h5,.single-service-area:focus .text h5{
color:#ffbb38
}


.single-cool-fact{
position:relative;
z-index:1
}


.single-cool-fact .scf-icon{
position:relative;
z-index:1;
-webkit-box-flex:0;
-ms-flex:0 0 70px;
flex:0 0 70px;
max-width:70px;
width:70px
}


.single-cool-fact .scf-icon i{
color:#ffbb38;
font-size:65px
}


@media only screen and (min-width:992px) and (max-width:1199px){
.single-cool-fact .scf-icon{
-webkit-box-flex:0;
-ms-flex:0 0 40px;
flex:0 0 40px;
max-width:40px;
width:40px
}


.single-cool-fact .scf-icon i{
font-size:40px
}



}


.single-cool-fact .scf-text h2{
font-size:48px;
margin-bottom:10px;
color:#212121;
font-weight:600
}


@media only screen and (min-width:992px) and (max-width:1199px){
.single-cool-fact .scf-text h2{
font-size:36px
}



}


@media only screen and (min-width:768px) and (max-width:991px){
.single-cool-fact .scf-text h2{
font-size:30px
}



}


@media only screen and (max-width:767px){
.single-cool-fact .scf-text h2{
font-size:24px
}



}


.single-cool-fact .scf-text p{
font-size:12px;
text-transform:uppercase;
letter-spacing:2px;
margin-bottom:0;
color:#212121;
line-height:1
}


.single-cool-fact.white .scf-icon i,.single-cool-fact.white .scf-text h2,.single-cool-fact.white .scf-text p{
color:#fff
}


.single-accordion.panel{
background-color:#fff;
border:0 solid transparent;
border-radius:4px;
box-shadow:0 0 0 transparent;
margin-bottom:15px
}


.single-accordion:last-of-type{
margin-bottom:0
}


.single-accordion h6{
margin-bottom:0
}


.single-accordion h6 a{
font-family:open sans,sans-serif;
background-color:#003679;
border-radius:5px;
color:#fff;
display:block;
margin:0;
padding:20px 70px 20px 30px;
position:relative;
font-size:16px;
text-transform:capitalize;
font-weight:600
}


.single-accordion h6 a span{
background:0 0;
-webkit-transition-duration:500ms;
transition-duration:500ms;
font-size:10px;
position:absolute;
right:0;
text-align:center;
top:0;
width:58px;
height:100%;
color:#fff;
line-height:58px
}


.single-accordion h6 a span.accor-open{
opacity:0
}


.single-accordion h6 a.collapsed{
-webkit-transition-duration:500ms;
transition-duration:500ms;
background-color:#ffbb38;
color:#fff
}


.single-accordion .accordion-content{
border-top:0 solid transparent;
box-shadow:none
}


.single-accordion .accordion-content p{
padding:15px 15px 0;
margin-bottom:0
}


.single-skils-area{
position:relative;
z-index:1;
text-align:center
}


.single-skils-area .circle{
position:relative;
z-index:10;
margin-bottom:15px
}


.single-skils-area .skills-text{
position:absolute;
top:50%;
left:50%;
text-align:center;
-webkit-transform:translate(-50%,-50%);
transform:translate(-50%,-50%)
}


.single-skils-area .skills-text span{
font-size:18px;
color:#212121;
font-weight:600
}


.single-skils-area p{
margin-bottom:0;
font-family:open sans,sans-serif;
letter-spacing:2px;
color:#212121;
text-transform:uppercase
}


.credit-tabs-content{
position:relative;
z-index:1
}


.credit-tabs-content .nav-tabs{
border-bottom:none;
margin-bottom:15px
}


.credit-tabs-content .nav-tabs .nav-link{
background-color:#f1f7f9;
padding:0 20px;
height:50px;
line-height:50px;
color:#212121;
margin:0 2px;
border-radius:5px;
font-size:16px;
font-weight:600
}


@media only screen and (min-width:992px) and (max-width:1199px){
.credit-tabs-content .nav-tabs .nav-link{
padding:0 15px;
font-size:14px
}



}


@media only screen and (min-width:768px) and (max-width:991px){
.credit-tabs-content .nav-tabs .nav-link{
padding:0 15px;
font-size:14px
}



}


@media only screen and (max-width:767px){
.credit-tabs-content .nav-tabs .nav-link{
padding:0 15px;
font-size:14px
}



}


.credit-tabs-content .nav-tabs .nav-link.active{
background-color:#003679;
color:#fff
}


.credit-tabs-content .credit-tab-text{
position:relative;
z-index:1;
padding-top:10px
}


.credit-tabs-content .credit-tab-text p{
margin-bottom:0
}


.credit-tabs-content .tab-content h6{
font-size:18px
}


.single-icons{
position:relative;
z-index:1;
background-color:#003679;
border-radius:5px;
text-align:center;
padding:50px 20px
}


.single-icons i{
font-size:50px;
margin-bottom:30px;
display:block;
color:#fff
}


.single-icons span{
display:block;
color:#fff
}