@import "https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400;700&family=Source+Sans+Pro:wght@200;300;400;600;700;900&display=swap";*{
-webkit-box-sizing:border-box;
box-sizing:border-box}
html{
scroll-behavior:smooth}
:focus,button:focus,.btn:focus{
outline:0;
-webkit-box-shadow:none;
box-shadow:none}
.form-control:focus{
-webkit-box-shadow:none;
box-shadow:none}
a,button,input[type=submit]{
cursor:pointer}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{
-webkit-appearance:none;
margin:0}
input,textarea,select{
background-color:#f9f9f9;
color:#000;
border:none}
input[type=number]{
-moz-appearance:textfield}
a{
color:#2c3990;
text-transform:inherit;
text-decoration:none;
-webkit-transition:all .3s ease;
transition:all .3s ease}
a:hover,a :focus{
text-decoration:none;
-webkit-box-shadow:none;
box-shadow:none;
color:#3eb8e1}
a:focus{
outline:0 solid}
img{
max-width:100%;
height:auto}
h1,h2,h3,h4,h5,h6{
font-weight:700;
line-height:1.4;
color:#2c3990;
font-family:roboto condensed,sans-serif}
body{
font-size:16px;
font-family:source sans pro,sans-serif;
color:#666}
p{
font-size:16px;
line-height:1.8;
color:#666}
select{
cursor:pointer;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
background-image:url(../img/down-arrow.png);
background-repeat:no-repeat;
background-size:14px;
background-position:calc(100% - 15px) 50%}
.pt-10{
padding-top:10px}
.pt-20{
padding-top:20px}
.pt-30{
padding-top:30px}
.pt-40{
padding-top:40px}
.pt-50{
padding-top:50px}
.pt-60{
padding-top:60px}
.pt-70{
padding-top:70px}
.pt-75{
padding-top:75px}
.pt-80{
padding-top:80px}
.pt-90{
padding-top:90px}
.pt-100{
padding-top:100px}
.pt-200{
padding-top:200px}
.pb-10{
padding-bottom:10px}
.pb-20{
padding-bottom:20px}
.pb-30{
padding-bottom:30px}
.pb-40{
padding-bottom:40px}
.pb-50{
padding-bottom:50px}
.pb-60{
padding-bottom:60px}
.pb-70{
padding-bottom:70px}
.pb-75{
padding-bottom:75px}
.pb-80{
padding-bottom:80px}
.pb-90{
padding-bottom:90px}
.pb-100{
padding-bottom:100px}
.pb-130{
padding-bottom:130px}
.ptb-10{
padding-bottom:10px;
padding-bottom:10px}
.ptb-20{
padding-bottom:20px;
padding-bottom:20px}
.ptb-30{
padding-top:30px;
padding-bottom:30px}
.ptb-40{
padding-top:40px;
padding-bottom:40px}
.ptb-50{
padding-top:50px;
padding-bottom:50px}
.ptb-60{
padding-top:60px;
padding-bottom:60px}
.ptb-70{
padding-top:70px;
padding-bottom:70px}
.ptb-80{
padding-top:80px;
padding-bottom:80px}
.ptb-90{
padding-top:90px;
padding-bottom:90px}
.ptb-100{
padding-top:100px;
padding-bottom:100px}
.mb-0{
margin-bottom:0!important}
.mb-10{
margin-bottom:10px!important}
.mb-15{
margin-bottom:15px!important}
.mb-20{
margin-bottom:20px!important}
.mb-25{
margin-bottom:25px!important}
.mb-30{
margin-bottom:30px!important}
.mb-40{
margin-bottom:40px!important}
.mb-50{
margin-bottom:50px!important}
.mb-60{
margin-bottom:60px!important}
.mb-70{
margin-bottom:70px!important}
.mb-80{
margin-bottom:80px!important}
.mb-90{
margin-bottom:90px!important}
.mb-100{
margin-bottom:100px!important}
.mmt-10{
margin-top:-10px!important}
.mt-0{
margin-top:0!important}
.mt-10{
margin-top:10px!important}
.mt-15{
margin-top:15px!important}
.mt-20{
margin-top:20px!important}
.mt-25{
margin-top:25px!important}
.mt-30{
margin-top:30px!important}
.mt-35{
margin-top:35px!important}
.mt-40{
margin-top:40px!important}
.mt-50{
margin-top:50px!important}
.mt-60{
margin-top:60px!important}
.mt-70{
margin-top:70px!important}
.mt-80{
margin-top:80px!important}
.mt-100{
margin-top:100px!important}
.mtb-100{
margin-top:100px!important;
margin-bottom:100px!important}
.z-0{
z-index:0;
position:relative}
.help-block{
color:#e31c25}
.list-style{
margin:0;
padding:0;
list-style:none}
.list-style li{
list-style:none}
.page-wrapper{
overflow-x:hidden}
.owl-carousel .owl-nav button.owl-prev,.owl-carousel .owl-nav button.owl-next,.social-profile.style1 li a,.social-profile.style2 li a,.searchbtn,.search-area,.about-wrap.style1 .about-content .about-subtext span,.about-wrap.style5 .about-img-wrap .about-promo-text>span,.feature-item-wrap .feature-item .feature-icon,.promo-card .promo-icon,.service-card.style1 .service-info .service-icon,.service-card.style2 .service-icon,.service-card.style8 .service-icon,.service-card.style4 .service-info .service-title .service-icon,.service-card.style5 .service-icon,.service-card.style6 .service-icon,.gallery-card.style8 .gallery-info,.pricing-table.style2 .pricing-header-wrap .pricing-icon,.pricing-table.style4 .pricing-header-wrap .pricing-icon,.testimonial-card.style4 .client-img .quote-icon,.blog-card.style3 .blog-img .blog-date,.blog-card.style4 .blog-info .blog-date,.service-card.style7 .service-info,.header-wrap .header-top .header-top-right,.select-lang .navbar-language .dropdown-toggle,.schedule-widget ul li,.gallery-info-widget .gallery-info-item-wrap .gallery-info-item,.hero-wrap.style1 .hero-slide-item .hero-content .hero-btn,.hero-wrap.style2 .hero-slide-item .hero-content .hero-btn,.hero-wrap.style4 .hero-slide-item .hero-content .hero-btn,.hero-wrap.style1 .hero-slide-item .hero-content .hero-btn .watch-video,.hero-wrap.style2 .hero-slide-item .hero-content .hero-btn .watch-video,.hero-wrap.style4 .hero-slide-item .hero-content .hero-btn .watch-video,.about-wrap.style1 .about-content .about-subtext,.about-wrap.style3 .about-content .feature-item-wrap,.about-wrap.style3 .about-content .feature-item-wrap .feature-item,.about-wrap.style5 .about-img-wrap .about-promo-text,.promo-card.style2 .promo-title,.service-card.style4 .service-info .service-title,.department-wrap.style8 .dp-content .feature-item-wrap .feature-item,.gallery-card.style3 .gallery-info,.gallery-card.style4 .gallery-info,.gallery-card.style5 .gallery-info,.pricing-table.style2 .pricing-header-wrap,.pricing-table.style4 .pricing-header-wrap,.testimonial-card .client-info-area,.testimonial-card .client-info-area .client-info-wrap,.testimonial-card.style6 .client-info-area,.testimonial-card.style7 .client-info-area .quote-wrap,.testimonial-card.style7 .client-info-wrap,.post-navigation,.footer-bottom .social-link,.hero-wrap.style5 .hero-img-wrap,.about-wrap.style4 .about-tablist,.about-wrap.style7 .about-img-wrap,.about-wrap.style8 .about-img-wrap,.dp-tablist,.team-slider-one.owl-carousel.style1 .owl-dots,.testimonial-slider-one.style3.owl-carousel .owl-nav,.pricing-tablist,.owl-carousel .owl-nav,.pp-post-item,.about-wrap.style5 .about-content .feature-item-wrap,.feature-item-wrap .feature-item,.service-card.style5 .service-info-wrap,.service-card.style6 .service-info-wrap,.hw-tablist,.department-wrap.style3 .dp-content .feature-item-wrap .feature-item,.department-wrap.style8 .dp-content .feature-item-wrap,.gallery-item-wrap.style5,.team-card.style4,.team-card.style7 .team-img .member-social .social-profile,.testimonial-card.style6 .client-info-area .client-info-wrap,.post-author,.comment-item-wrap .comment-item{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap}
.owl-carousel .owl-nav button.owl-prev,.owl-carousel .owl-nav button.owl-next,.social-profile.style1 li a,.social-profile.style2 li a,.searchbtn,.search-area,.about-wrap.style1 .about-content .about-subtext span,.about-wrap.style5 .about-img-wrap .about-promo-text>span,.feature-item-wrap .feature-item .feature-icon,.promo-card .promo-icon,.service-card.style1 .service-info .service-icon,.service-card.style2 .service-icon,.service-card.style8 .service-icon,.service-card.style4 .service-info .service-title .service-icon,.service-card.style5 .service-icon,.service-card.style6 .service-icon,.gallery-card.style8 .gallery-info,.pricing-table.style2 .pricing-header-wrap .pricing-icon,.pricing-table.style4 .pricing-header-wrap .pricing-icon,.testimonial-card.style4 .client-img .quote-icon,.blog-card.style3 .blog-img .blog-date,.blog-card.style4 .blog-info .blog-date{
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center}
.service-card.style7 .service-info{
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-pack:end;
-ms-flex-pack:end;
justify-content:flex-end}
.header-wrap .header-top .header-top-right,.select-lang .navbar-language .dropdown-toggle,.schedule-widget ul li,.gallery-info-widget .gallery-info-item-wrap .gallery-info-item,.hero-wrap.style1 .hero-slide-item .hero-content .hero-btn,.hero-wrap.style2 .hero-slide-item .hero-content .hero-btn,.hero-wrap.style4 .hero-slide-item .hero-content .hero-btn,.hero-wrap.style1 .hero-slide-item .hero-content .hero-btn .watch-video,.hero-wrap.style2 .hero-slide-item .hero-content .hero-btn .watch-video,.hero-wrap.style4 .hero-slide-item .hero-content .hero-btn .watch-video,.about-wrap.style1 .about-content .about-subtext,.about-wrap.style3 .about-content .feature-item-wrap,.about-wrap.style3 .about-content .feature-item-wrap .feature-item,.about-wrap.style5 .about-img-wrap .about-promo-text,.promo-card.style2 .promo-title,.service-card.style4 .service-info .service-title,.department-wrap.style8 .dp-content .feature-item-wrap .feature-item,.gallery-card.style3 .gallery-info,.gallery-card.style4 .gallery-info,.gallery-card.style5 .gallery-info,.pricing-table.style2 .pricing-header-wrap,.pricing-table.style4 .pricing-header-wrap,.testimonial-card .client-info-area,.testimonial-card .client-info-area .client-info-wrap,.testimonial-card.style6 .client-info-area,.testimonial-card.style7 .client-info-area .quote-wrap,.testimonial-card.style7 .client-info-wrap,.post-navigation,.footer-bottom .social-link{
-webkit-box-align:center;
-ms-flex-align:center;
-ms-grid-row-align:center;
align-items:center}
.about-wrap.style7 .about-img-wrap,.testimonial-card.style5 .client-info-area{
-webkit-box-align:start;
-ms-flex-align:start;
-ms-grid-row-align:flex-start;
align-items:flex-start}
.schedule-widget ul li,.hero-wrap.style5 .hero-img-wrap,.about-wrap.style4 .about-tablist,.about-wrap.style7 .about-img-wrap,.about-wrap.style8 .about-img-wrap,.dp-tablist,.testimonial-card.style7 .client-info-area .quote-wrap,.post-navigation{
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between}
.team-slider-one.owl-carousel.style1 .owl-dots,.testimonial-slider-one.style3.owl-carousel .owl-nav{
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center}
.header-wrap .header-top .header-top-right,.pricing-tablist,.footer-bottom .social-link{
-webkit-box-pack:end;
-ms-flex-pack:end;
justify-content:flex-end}
.play-now .ripple,.play-now .ripple:before,.play-now .ripple:after{
position:absolute;
top:50%;
left:50%;
height:85px;
width:85px;
-webkit-transform:translateX(-50%) translateY(-50%);
transform:translateX(-50%) translateY(-50%);
-webkit-transform-origin:center;
transform-origin:center center;
border-radius:50%;
-webkit-box-shadow:0 0 0 0 #fff;
-ms-box-shadow:0 0 0 0 #fff;
-o-box-shadow:0 0 0 0 #fff;
box-shadow:0 0 0 0 #fff;
-webkit-animation:ripple 3s infinite;
animation:ripple 3s infinite}
.play-now{
position:relative;
height:85px;
width:85px;
text-align:center;
line-height:92px;
background-color:transparent;
color:#fff;
z-index:1;
font-size:28px;
padding-left:5px;
display:block;
-webkit-transform-origin:center;
transform-origin:center center;
border-radius:50%;
margin:0 auto}
.play-now .ripple:before{
-webkit-animation-delay:.9s;
animation-delay:.9s;
content:"";
position:absolute}
.play-now .ripple:after{
-webkit-animation-delay:.6s;
animation-delay:.6s;
content:"";
position:absolute}
@-webkit-keyframes ripple{
70%{
-webkit-box-shadow:0 0 0 20px transparent;
box-shadow:0 0 0 20px transparent}
100%{
-webkit-box-shadow:0 0 0 0 transparent;
box-shadow:0 0 0 0 transparent}
}
@keyframes ripple{
70%{
-webkit-box-shadow:0 0 0 20px transparent;
box-shadow:0 0 0 20px transparent}
100%{
-webkit-box-shadow:0 0 0 0 transparent;
box-shadow:0 0 0 0 transparent}
}
.checkbox{
display:block}
.checkbox input{
padding:0;
height:initial;
width:initial;
margin-bottom:0;
display:none;
cursor:pointer}
.checkbox label{
position:relative;
cursor:pointer;
padding-left:20px}
.checkbox label:before{
content:"";
-webkit-appearance:none;
background-color:transparent;
border:1px solid #3eb8e1;
display:inline-block;
width:15px;
height:15px;
position:absolute;
vertical-align:middle;
cursor:pointer;
margin-right:5px;
position:absolute;
left:0;
top:5px}
.checkbox a{
color:#3eb8e1}
.checkbox.style2 label:before{
border-radius:50%;
border-color:#888}
.checkbox input:checked+label:before{
border-color:#3eb8e1}
.checkbox input:checked+label:after{
content:"";
display:block;
position:absolute;
top:8px;
left:3px;
width:9px;
height:9px;
border:none;
background:#3eb8e1}
.back-to-top{
font-size:24px;
width:45px;
height:45px;
line-height:42px;
text-align:center;
display:none;
position:fixed;
bottom:230px;
right:20px;
z-index:999;
border-radius:5px;
background:#3eb8e1;
-webkit-box-shadow:0 5px 5px rgba(0,0,0,.2);
box-shadow:0 5px 5px rgba(0,0,0,.2);
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out}
.back-to-top.open{
bottom:30px}
.back-to-top i{
color:#fff}
.preloader{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:#fff;
z-index:20000;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center}
.loader{
text-align:center;
margin:5px;
border-radius:50%;
border:4px solid #3eb8e1;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-flow:column wrap;
flex-flow:column wrap;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-ms-flex-line-pack:center;
align-content:center;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-transform-style:preserve-3d;
transform-style:preserve-3d;
position:relative}
.loader-inner-1{
-webkit-animation-delay:.2s;
animation-delay:.2s;
-webkit-animation:change_first_circle 4s ease-in-out infinite;
animation:change_first_circle 4s ease-in-out infinite}
.loader-inner-2{
-webkit-animation-delay:.2s;
animation-delay:.2s;
-webkit-animation:change_second_circle 4s ease-in-out infinite;
animation:change_second_circle 4s ease-in-out infinite}
.loader-inner-3{
-webkit-animation-delay:.2s;
animation-delay:.2s;
width:40px;
height:40px;
-webkit-animation:change_last_circle 4s linear infinite;
animation:change_last_circle 4s linear infinite}
@-webkit-keyframes change_first_circle{
50%{
-webkit-transform:rotateX(360deg) scale(.8);
transform:rotateX(360deg) scale(.8)}
}
@keyframes change_first_circle{
50%{
-webkit-transform:rotateX(360deg) scale(.8);
transform:rotateX(360deg) scale(.8)}
}
@-webkit-keyframes change_second_circle{
50%{
-webkit-transform:rotateY(360deg) scale(.8);
transform:rotateY(360deg) scale(.8)}
}
@keyframes change_second_circle{
50%{
-webkit-transform:rotateY(360deg) scale(.8);
transform:rotateY(360deg) scale(.8)}
}
@-webkit-keyframes change_last_circle{
50%{
-webkit-transform:rotateX(360deg) scale(.8);
transform:rotateX(360deg) scale(.8)}
}
@keyframes change_last_circle{
50%{
-webkit-transform:rotateX(360deg) scale(.8);
transform:rotateX(360deg) scale(.8)}
}
.btn{
display:inline-block;
line-height:26px;
font-weight:400;
border-radius:5px;
text-align:center;
-webkit-transition:all .7s ease-in-out;
transition:all .7s ease-in-out;
position:relative;
z-index:1;
border:none;
padding:14px 35px 16px;
border-radius:5px;
color:#fff;
overflow:hidden;
white-space:nowrap}
.btn i{
position:relative;
top:3px;
font-size:16px;
margin-left:7px;
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out}
.btn:before{
position:absolute;
top:0;
left:0;
content:"";
width:50%;
height:0;
visibility:hidden;
opacity:0;
z-index:-1;
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out}
.btn:after{
position:absolute;
bottom:0;
right:0;
content:"";
width:50%;
height:0;
visibility:hidden;
opacity:0;
z-index:-1;
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out}
.btn:hover{
color:#fff}
.btn:hover:after,.btn:hover:before{
width:100%;
height:100%;
visibility:visible;
opacity:1}
.btn.style1{
background-color:#2c3990;
border-radius:5px}
.btn.style1:after,.btn.style1:before{
background:#3eb8e1}
.btn.style2{
background-color:#3eb8e1;
color:#fff}
.btn.style2:after,.btn.style2:before{
background:#2c3990}
.btn.style3{
background-color:#000;
color:#fff}
.btn.style3:after,.btn.style3:before{
background:#3eb8e1}
.btn.style3:hover{
color:#fff}
.btn.style4{
background-color:transparent;
border:1px solid rgba(0,40,86,.5);
color:#2c3990;
font-weight:500}
.btn.style4:after,.btn.style4:before{
background:#2c3990}
.btn.style4:hover{
color:#fff}
.btn.style5{
background-color:transparent;
border:1px solid #3eb8e1;
color:#3eb8e1}
.btn.style5:after,.btn.style5:before{
background:#3eb8e1}
.btn.style5:hover{
color:#fff}
.btn.style6{
background-color:#fff;
color:#3eb8e1}
.btn.style6:after,.btn.style6:before{
background:#3eb8e1}
.btn.style6:hover{
color:#fff}
.link{
font-weight:500;
line-height:26px;
display:inline-block;
position:relative;
color:#3eb8e1;
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out}
.link:after{
position:absolute;
bottom:0;
left:0;
content:"";
width:0;
height:1px;
background:#3eb8e1;
visibility:hidden;
opacity:0;
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out}
.link i{
position:relative;
top:3px;
margin-left:5px;
font-size:14px;
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out}
.link:hover{
color:#3eb8e1}
.link:hover:after{
visibility:visible;
opacity:1;
width:100%}
.link:hover i{
margin-left:10px}
.owl-carousel .owl-nav button.owl-prev,.owl-carousel .owl-nav button.owl-next{
width:40px;
height:40px;
border-radius:50%;
text-align:center;
background-color:#2c3990;
position:relative;
overflow:hidden;
z-index:1;
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out}
.owl-carousel .owl-nav button.owl-prev i,.owl-carousel .owl-nav button.owl-next i{
font-size:20px;
line-height:.8;
display:inline-block;
position:relative;
top:1px;
color:#fff;
margin:0 auto;
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out}
.owl-carousel .owl-nav button.owl-prev:hover,.owl-carousel .owl-nav button.owl-next:hover{
background-color:#3eb8e1}
.owl-carousel .owl-nav button.owl-prev:hover i,.owl-carousel .owl-nav button.owl-next:hover i{
color:#fff}
.owl-carousel .owl-dots button.owl-dot{
margin:0 10px 0 0;
position:relative;
top:3px}
.owl-carousel .owl-dots button.owl-dot span{
display:inline-block;
width:20px;
height:20px;
border-radius:50%;
border:1px solid rgba(0,40,86,.3);
background-color:transparent;
position:relative}
.owl-carousel .owl-dots button.owl-dot span:before{
position:absolute;
top:50%;
left:50%;
content:"";
-webkit-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
width:8px;
height:8px;
border-radius:50%;
background-color:#2c3990}
.owl-carousel .owl-dots button.owl-dot:last-child{
margin:0}
.owl-carousel .owl-dots button.owl-dot.active span{
border-color:#3eb8e1}
.owl-carousel .owl-dots button.owl-dot.active span:before{
background-color:#3eb8e1}
.section-title,.content-title{
position:relative;
margin-top:-2px}
.section-title h2,.content-title h2{
font-size:40px;
margin:0}
.section-title p,.content-title p{
margin:12px 0 0}
.section-title span,.content-title span{
display:inline-block;
font-weight:600;
margin:0 0 10px;
position:relative;
z-index:1;
line-height:1}
.section-title span p,.content-title span p{
margin:10px auto 0}
.section-title.style1 span,.content-title.style1 span{
color:#3eb8e1}
.section-title.style2 span,.content-title.style2 span{
color:#3eb8e1}
.section-title.style2 h2,.content-title.style2 h2{
color:#fff}
.section-title.style2 p,.content-title.style2 p{
color:rgba(255,255,255,.8)}
.section-title.style3 span,.content-title.style3 span{
color:#3eb8e1}
.section-title.style3 h2,.content-title.style3 h2{
color:#2c3990}
.section-title.style3 h2 span,.content-title.style3 h2 span{
color:#2c3990}
.section-title.style4 span,.content-title.style4 span{
color:#3eb8e1}
.content-wrapper{
margin-top:140px}
.bg-transparent{
background-color:transparent}
.bg-black{
background-color:#000}
.bg-white{
background-color:#fff}
.bg-prussian{
background-color:#2c3990;
border-radius: 10px;
}
.bg-athens{
background-color:#f3f4f6}
.bg-albastor{
background-color:#f9f9f9}
.body_overlay{
position:fixed;
top:0;
left:0;
content:"";
background-color:rgba(0,0,0,.8);
width:100%;
height:100%;
z-index:999;
visibility:hidden;
opacity:0;
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out}
.body_overlay.open{
visibility:visible;
opacity:1}
.overlay{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:0}
.op-1{
opacity:.1}
.op-2{
opacity:.2}
.op-3{
opacity:.3}
.op-4{
opacity:.4}
.op-5{
opacity:.5}
.op-6{
opacity:.6}
.op-7{
opacity:.7}
.op-75{
opacity:.75}
.op-8{
opacity:.8}
.op-85{
opacity:.85}
.op-9{
opacity:.9}
.op-95{
opacity:.95}
.op-10{
opacity:1}
.bg-f{
background-position:center center;
background-size:cover;
background-repeat:no-repeat;
background-color:#ddd}
.pos-rel{
position:relative;
z-index:1}
.bounce{
-webkit-animation:float 1500ms infinite ease-in-out;
animation:float 1500ms infinite ease-in-out}
.moveHorizontal{
-webkit-animation:moveHorizontal 3000ms infinite ease-in-out;
animation:moveHorizontal 3000ms infinite ease-in-out}
.moveVertical{
-webkit-animation:moveVertical 3000ms infinite ease-in-out;
animation:moveVertical 3000ms infinite ease-in-out}
.moveHorizontal_reverse{
-webkit-animation:moveHorizontal_reverse 3000ms infinite ease-in-out;
animation:moveHorizontal_reverse 3000ms infinite ease-in-out}
.animationFramesTwo{
-webkit-animation:animationFramesTwo 20000ms infinite ease-in-out;
animation:animationFramesTwo 20000ms infinite ease-in-out}
.waving_left{
-webkit-animation:waving_left 7s infinite linear;
animation:waving_left 7s infinite linear;
-webkit-transition:all .3s ease-in-out;
transition:all .3s ease-in-out}
.waving_right{
-webkit-animation:waving_right 7s infinite linear;
animation:waving_right 7s infinite linear;
-webkit-transition:all .3s ease-in-out;
transition:all .3s ease-in-out}
.rotate{
-webkit-animation:rotation 20s infinite linear;
animation:rotation 20s infinite linear}
.rotate{
-webkit-animation:rotation 20s infinite linear;
animation:rotation 20s infinite linear}
@-webkit-keyframes waving_left{
0%{
-webkit-transform:rotate(0deg)}
25%{
-webkit-transform:rotate(3deg)}
50%{
-webkit-transform:rotate(6deg)}
75%{
-webkit-transform:rotate(-3deg)}
100%{
-webkit-transform:rotate(0deg)}
}
@keyframes waving_left{
0%{
-webkit-transform:rotate(0deg)}
25%{
-webkit-transform:rotate(3deg)}
50%{
-webkit-transform:rotate(6deg)}
75%{
-webkit-transform:rotate(-3deg)}
100%{
-webkit-transform:rotate(0deg)}
}
@-webkit-keyframes waving_right{
0%{
-webkit-transform:rotate(0deg)}
25%{
-webkit-transform:rotate(-3deg)}
50%{
-webkit-transform:rotate(-6deg)}
75%{
-webkit-transform:rotate(-3deg)}
100%{
-webkit-transform:rotate(0deg)}
}
@keyframes waving_right{
0%{
-webkit-transform:rotate(0deg)}
25%{
-webkit-transform:rotate(-3deg)}
50%{
-webkit-transform:rotate(-6deg)}
75%{
-webkit-transform:rotate(-3deg)}
100%{
-webkit-transform:rotate(0deg)}
}
@-webkit-keyframes float{
0%{
-webkit-transform:translateY(0px);
transform:translateY(0px)}
50%{
-webkit-transform:translateY(-5px);
transform:translateY(-5px)}
100%{
-webkit-transform:translateY(0px);
transform:translateY(0px)}
}
@keyframes float{
0%{
-webkit-transform:translateY(0px);
transform:translateY(0px)}
50%{
-webkit-transform:translateY(-5px);
transform:translateY(-5px)}
100%{
-webkit-transform:translateY(0px);
transform:translateY(0px)}
}
@-webkit-keyframes rotation{
from{
-webkit-transform:rotate(0deg)}
to{
-webkit-transform:rotate(359deg)}
}
@keyframes rotation{
from{
-webkit-transform:rotate(0deg)}
to{
-webkit-transform:rotate(359deg)}
}
@-webkit-keyframes animationFramesTwo{
0%{
-webkit-transform:translate(0px,0px) rotate(0deg)}
20%{
-webkit-transform:translate(73px,-1px) rotate(36deg)}
40%{
-webkit-transform:translate(141px,72px) rotate(72deg)}
60%{
-webkit-transform:translate(83px,122px) rotate(108deg)}
80%{
-webkit-transform:translate(-40px,72px) rotate(144deg)}
100%{
-webkit-transform:translate(0px,0px) rotate(0deg)}
}
@keyframes animationFramesTwo{
0%{
-webkit-transform:translate(0px,0px) rotate(0deg)}
20%{
-webkit-transform:translate(73px,-1px) rotate(36deg)}
40%{
-webkit-transform:translate(141px,72px) rotate(72deg)}
60%{
-webkit-transform:translate(83px,122px) rotate(108deg)}
80%{
-webkit-transform:translate(-40px,72px) rotate(144deg)}
100%{
-webkit-transform:translate(0px,0px) rotate(0deg)}
}
@-webkit-keyframes moveHorizontal{
0%{
-webkit-transform:translateX(0px);
transform:translateX(0px)}
50%{
-webkit-transform:translateX(-20px);
transform:translateX(-20px)}
100%{
-webkit-transform:translateX(0px);
transform:translateX(0px)}
}
@keyframes moveHorizontal{
0%{
-webkit-transform:translateX(0px);
transform:translateX(0px)}
50%{
-webkit-transform:translateX(-20px);
transform:translateX(-20px)}
100%{
-webkit-transform:translateX(0px);
transform:translateX(0px)}
}
@-webkit-keyframes moveHorizontal_reverse{
0%{
-webkit-transform:translateX(0px);
transform:translateX(0px)}
50%{
-webkit-transform:translateX(20px);
transform:translateX(20px)}
100%{
-webkit-transform:translateX(0px);
transform:translateX(0px)}
}
@keyframes moveHorizontal_reverse{
0%{
-webkit-transform:translateX(0px);
transform:translateX(0px)}
50%{
-webkit-transform:translateX(20px);
transform:translateX(20px)}
100%{
-webkit-transform:translateX(0px);
transform:translateX(0px)}
}
@-webkit-keyframes moveVertical{
0%{
-webkit-transform:translateY(0px);
transform:translateY(0px)}
50%{
-webkit-transform:translateY(-20px);
transform:translateY(-20px)}
100%{
-webkit-transform:translateY(0px);
transform:translateY(0px)}
}
@keyframes moveVertical{
0%{
-webkit-transform:translateY(0px);
transform:translateY(0px)}
50%{
-webkit-transform:translateY(-20px);
transform:translateY(-20px)}
100%{
-webkit-transform:translateY(0px);
transform:translateY(0px)}
}
@-webkit-keyframes shine{
100%{
left:125%}
}
@keyframes shine{
100%{
left:125%}
}
.social-profile li{
display:inline-block;
margin:0 4px}
.social-profile li:first-child{
margin-left:0}
.social-profile li:last-child{
margin-right:0}
.social-profile li:last-child{
margin-right:0}
.social-profile li a{
display:block;
text-align:center;
border:1px solid transparent;
-webkit-transition:all .3s ease-in-out;
transition:all .3s ease-in-out}
.social-profile li a i{
-webkit-transition:all .3s ease-in-out;
transition:all .3s ease-in-out;
font-size:16px;
line-height:.8}
.social-profile li a:hover{
border-color:transparent;
color:#3eb8e1}
.social-profile.style1 li a,.social-profile.style2 li a{
width:32px;
height:32px;
text-align:center;
-webkit-transition:all .3s ease-in-out;
transition:all .3s ease-in-out}
.social-profile.style1 li a{
background:#fff;
border-radius:50%;
-webkit-box-shadow:0 4px 15px rgba(0,0,0,.08);
box-shadow:0 4px 15px rgba(0,0,0,.08)}
.social-profile.style1 li a i{
color:#2c3990}
.social-profile.style1 li a:hover{
background-color:#3eb8e1;
-webkit-transform:translateY(-3px);
transform:translateY(-3px)}
.social-profile.style1 li a:hover i{
color:#fff}
.social-profile.style2 li a{
background:#f5f5f5;
border-radius:50%;
-webkit-box-shadow:0 5px 8px rgba(0,0,0,.01);
box-shadow:0 5px 8px rgba(0,0,0,.01)}
.social-profile.style2 li a i{
color:#3eb8e1}
.social-profile.style2 li a:hover{
background-color:#3eb8e1;
-webkit-transform:translateY(-3px);
transform:translateY(-3px)}
.social-profile.style2 li a:hover i{
color:#fff}
.owl-carousel .owl-nav button.owl-prev,.owl-carousel .owl-nav button.owl-next,.social-profile.style1 li a,.social-profile.style2 li a,.searchbtn,.search-area,.about-wrap.style1 .about-content .about-subtext span,.about-wrap.style5 .about-img-wrap .about-promo-text>span,.feature-item-wrap .feature-item .feature-icon,.promo-card .promo-icon,.service-card.style1 .service-info .service-icon,.service-card.style2 .service-icon,.service-card.style8 .service-icon,.service-card.style4 .service-info .service-title .service-icon,.service-card.style5 .service-icon,.service-card.style6 .service-icon,.gallery-card.style8 .gallery-info,.pricing-table.style2 .pricing-header-wrap .pricing-icon,.pricing-table.style4 .pricing-header-wrap .pricing-icon,.testimonial-card.style4 .client-img .quote-icon,.blog-card.style3 .blog-img .blog-date,.blog-card.style4 .blog-info .blog-date,.service-card.style7 .service-info,.header-wrap .header-top .header-top-right,.select-lang .navbar-language .dropdown-toggle,.schedule-widget ul li,.gallery-info-widget .gallery-info-item-wrap .gallery-info-item,.hero-wrap.style1 .hero-slide-item .hero-content .hero-btn,.hero-wrap.style2 .hero-slide-item .hero-content .hero-btn,.hero-wrap.style4 .hero-slide-item .hero-content .hero-btn,.hero-wrap.style1 .hero-slide-item .hero-content .hero-btn .watch-video,.hero-wrap.style2 .hero-slide-item .hero-content .hero-btn .watch-video,.hero-wrap.style4 .hero-slide-item .hero-content .hero-btn .watch-video,.about-wrap.style1 .about-content .about-subtext,.about-wrap.style3 .about-content .feature-item-wrap,.about-wrap.style3 .about-content .feature-item-wrap .feature-item,.about-wrap.style5 .about-img-wrap .about-promo-text,.promo-card.style2 .promo-title,.service-card.style4 .service-info .service-title,.department-wrap.style8 .dp-content .feature-item-wrap .feature-item,.gallery-card.style3 .gallery-info,.gallery-card.style4 .gallery-info,.gallery-card.style5 .gallery-info,.pricing-table.style2 .pricing-header-wrap,.pricing-table.style4 .pricing-header-wrap,.testimonial-card .client-info-area,.testimonial-card .client-info-area .client-info-wrap,.testimonial-card.style6 .client-info-area,.testimonial-card.style7 .client-info-area .quote-wrap,.testimonial-card.style7 .client-info-wrap,.post-navigation,.footer-bottom .social-link,.hero-wrap.style5 .hero-img-wrap,.about-wrap.style4 .about-tablist,.about-wrap.style7 .about-img-wrap,.about-wrap.style8 .about-img-wrap,.dp-tablist,.team-slider-one.owl-carousel.style1 .owl-dots,.testimonial-slider-one.style3.owl-carousel .owl-nav,.pricing-tablist,.owl-carousel .owl-nav,.pp-post-item,.about-wrap.style5 .about-content .feature-item-wrap,.feature-item-wrap .feature-item,.service-card.style5 .service-info-wrap,.service-card.style6 .service-info-wrap,.hw-tablist,.department-wrap.style3 .dp-content .feature-item-wrap .feature-item,.department-wrap.style8 .dp-content .feature-item-wrap,.gallery-item-wrap.style5,.team-card.style4,.team-card.style7 .team-img .member-social .social-profile,.testimonial-card.style6 .client-info-area .client-info-wrap,.post-author,.comment-item-wrap .comment-item{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap}
.owl-carousel .owl-nav button.owl-prev,.owl-carousel .owl-nav button.owl-next,.social-profile.style1 li a,.social-profile.style2 li a,.searchbtn,.search-area,.about-wrap.style1 .about-content .about-subtext span,.about-wrap.style5 .about-img-wrap .about-promo-text>span,.feature-item-wrap .feature-item .feature-icon,.promo-card .promo-icon,.service-card.style1 .service-info .service-icon,.service-card.style2 .service-icon,.service-card.style8 .service-icon,.service-card.style4 .service-info .service-title .service-icon,.service-card.style5 .service-icon,.service-card.style6 .service-icon,.gallery-card.style8 .gallery-info,.pricing-table.style2 .pricing-header-wrap .pricing-icon,.pricing-table.style4 .pricing-header-wrap .pricing-icon,.testimonial-card.style4 .client-img .quote-icon,.blog-card.style3 .blog-img .blog-date,.blog-card.style4 .blog-info .blog-date{
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center}
.header-wrap .header-top .header-top-right,.select-lang .navbar-language .dropdown-toggle,.schedule-widget ul li,.gallery-info-widget .gallery-info-item-wrap .gallery-info-item,.hero-wrap.style1 .hero-slide-item .hero-content .hero-btn,.hero-wrap.style2 .hero-slide-item .hero-content .hero-btn,.hero-wrap.style4 .hero-slide-item .hero-content .hero-btn,.hero-wrap.style1 .hero-slide-item .hero-content .hero-btn .watch-video,.hero-wrap.style2 .hero-slide-item .hero-content .hero-btn .watch-video,.hero-wrap.style4 .hero-slide-item .hero-content .hero-btn .watch-video,.about-wrap.style1 .about-content .about-subtext,.about-wrap.style3 .about-content .feature-item-wrap,.about-wrap.style3 .about-content .feature-item-wrap .feature-item,.about-wrap.style5 .about-img-wrap .about-promo-text,.promo-card.style2 .promo-title,.service-card.style4 .service-info .service-title,.department-wrap.style8 .dp-content .feature-item-wrap .feature-item,.gallery-card.style3 .gallery-info,.gallery-card.style4 .gallery-info,.gallery-card.style5 .gallery-info,.pricing-table.style2 .pricing-header-wrap,.pricing-table.style4 .pricing-header-wrap,.testimonial-card .client-info-area,.testimonial-card .client-info-area .client-info-wrap,.testimonial-card.style6 .client-info-area,.testimonial-card.style7 .client-info-area .quote-wrap,.testimonial-card.style7 .client-info-wrap,.post-navigation,.footer-bottom .social-link{
-webkit-box-align:center;
-ms-flex-align:center;
-ms-grid-row-align:center;
align-items:center}
.header-wrap .header-top .header-top-right,.pricing-tablist,.footer-bottom .social-link{
-webkit-box-pack:end;
-ms-flex-pack:end;
justify-content:flex-end}
@-webkit-keyframes fadeInDown{
0%{
opacity:0;
-webkit-transform:translate3d(0,-100%,0);
transform:translate3d(0,-100%,0)}
to{
opacity:1;
-webkit-transform:translateZ(0);
transform:translateZ(0)}
}
@keyframes fadeInDown{
0%{
opacity:0;
-webkit-transform:translate3d(0,-100%,0);
transform:translate3d(0,-100%,0)}
to{
opacity:1;
-webkit-transform:translateZ(0);
transform:translateZ(0)}
}
.fadeInDown{
-webkit-animation-name:fadeInDown;
animation-name:fadeInDown}
.header-wrap{
position:absolute;
top:0;
left:0;
width:100%;
z-index:999;
-webkit-transition:.4s;
transition:.4s}
.header-wrap.sticky{
position:fixed;
-webkit-box-shadow:0 5px 15px rgba(0,0,0,.1);
box-shadow:0 5px 15px rgba(0,0,0,.1);
-webkit-transition:.4s;
transition:.4s;
background:#fff;
-webkit-animation:500ms ease-in-out 0s normal none 1 running fadeInDown;
animation:500ms ease-in-out 0s normal none 1 running fadeInDown;
width:100%;
top:-58px;
-webkit-box-shadow:0 5px 15px 0 rgba(0,0,0,.1);
box-shadow:0 5px 15px 0 rgba(0,0,0,.1)}
.header-wrap.sticky.style3,.header-wrap.sticky.style5,.header-wrap.sticky.style7{
top:0}
.header-wrap.sticky.style5{
background-color:#2c3990}
.header-wrap .header-bottom{
padding:13px 0}
.header-wrap .header-bottom .navbar{
width:100%;
padding:0}
.header-wrap.style1 .header-top .header-top-right .select-lang .navbar-language .dropdown-toggle:before,.header-wrap.style2 .header-top .header-top-right .select-lang .navbar-language .dropdown-toggle:before{
color:rgba(255,255,255,.8)}
.header-wrap.style2 .header-top{
padding-left:15px;
padding-right:15px;
background-color:#2c3990;
border-radius:0 0 5px 5px}
.header-wrap.style3{
position:fixed;
z-index:999;
overflow:hidden;
padding:13px 0;
background-color:#fff}
.header-wrap.style3 .navbar{
padding:0}
.header-wrap.style3:after{
position:absolute;
top:0;
left:0;
content:"";
width:20%;
height:0;
z-index:-1;
border-top:90px solid #2c3990;
border-left:90px solid #2c3990;
border-right:50px solid transparent;
border-bottom:0 solid transparent}
.header-wrap.style3 .header-bottom{
padding:0}
.header-wrap.style3 .header-bottom .other-option .searchbtn{
background-color:transparent;
border:1px solid rgba(0,0,0,.16);
-webkit-transition:.4s;
transition:.4s}
.header-wrap.style3 .header-bottom .other-option .searchbtn:hover{
background-color:#2c3990}
.header-wrap.style3 .header-bottom .other-option .searchbtn:hover i{
color:#fff}
.header-wrap.style3 .header-bottom .other-option .searchbtn i{
color:#2c3990;
-webkit-transition:.4s;
transition:.4s}
.header-wrap.style4 .header-top{
background-color:#fff;
border-bottom:1px solid rgba(0,0,0,.1)}
.header-wrap.style4 .header-top .header-top-left .contact-info li:after{
background-color:rgba(0,0,0,.25)}
.header-wrap.style4 .header-top .header-top-right .social-profile:after{
background-color:rgba(0,0,0,.25)}
.header-wrap.style4 .header-top .header-top-right .social-profile li a{
background-color:transparent}
.header-wrap.style4 .header-top .header-top-right .social-profile li a i{
color:#2c3990}
.header-wrap.style4 .header-top .header-top-right .social-profile li a:hover{
background-color:#3eb8e1}
.header-wrap.style4 .header-top .header-top-right .social-profile li a:hover i{
color:#fff}
.header-wrap.style4 .header-bottom{
padding:13px 0}
.header-wrap.style4 .header-bottom .navbar{
padding:0}
.header-wrap.style5 .header-bottom{
background-color:transparent;
padding:0}
.header-wrap.style5 .header-bottom .searchbtn{
margin:0;
background-color:transparent;
border:1px solid rgba(255,255,255,.2)}
.header-wrap.style5 .header-bottom .searchbtn i{
color:#fff}
.header-wrap.style5 .header-bottom .select-lang{
color:rgba(255,255,255,.8)}
.header-wrap.style5 .header-bottom .select-lang .navbar-language .dropdown-toggle{
color:#fff}
.header-wrap.style5 .header-bottom .select-lang .navbar-language .dropdown-toggle:before{
color:#fff}
.header-wrap.style5 .header-bottom .select-lang i{
top:5px;
color:#3eb8e1}
.header-wrap.style7 .header-bottom{
background-color:transparent}
.header-wrap.style7 .header-bottom .navbar .navbar-nav .nav-item .nav-link{
color:#2c3990}
.header-wrap.style7 .header-bottom .navbar .navbar-nav .nav-item .nav-link.active{
color:#3eb8e1}
.header-wrap.style7 .header-bottom .other-option.select_lang{
border-left:1px solid rgba(0,0,0,.2);
padding-left:20px}
.header-wrap.style7 .header-bottom .select-lang{
color:#2c3990;
margin-right:0}
.header-wrap.style7 .header-bottom .select-lang .navbar-language .dropdown-toggle{
color:#2c3990}
.header-wrap.style7 .header-bottom .select-lang i{
top:5px;
color:#3eb8e1}
.header-wrap .header-top{
padding:13px 0;
background-color:transparent}
.header-wrap .header-top .header-top-left .contact-info li{
display:inline-block;
margin-right:25px;
padding-right:25px;
position:relative}
.header-wrap .header-top .header-top-left .contact-info li:after{
position:absolute;
top:5px;
right:0;
content:"";
width:1px;
height:16px;
background-color:rgba(255,255,255,.4)}
.header-wrap .header-top .header-top-left .contact-info li:last-child{
margin-right:0}
.header-wrap .header-top .header-top-left .contact-info li:last-child:after{
display:none}
.header-wrap .header-top .header-top-left .contact-info li i{
font-size:14px;
line-height:.8;
color:#3eb8e1;
position:relative;
top:2px;
margin-right:6px}
.header-wrap .header-top .header-top-left .contact-info li a,.header-wrap .header-top .header-top-left .contact-info li p{
color:#666;
font-size:14px;
display:inline-block;
margin-bottom:0}
.header-wrap .header-top .header-top-left .contact-info li a:hover,.header-wrap .header-top .header-top-left .contact-info li p:hover{
color:#2c3990}
.header-wrap .header-top .header-top-right .social-profile{
margin-left:20px;
padding-left:20px;
position:relative}
.header-wrap .header-top .header-top-right .social-profile:after{
position:absolute;
top:5px;
left:0;
content:"";
width:1px;
height:18px;
background-color:rgba(255,255,255,.4)}
.header-wrap .header-top .header-top-right .social-profile li a{
width:30px;
height:30px;
background-color:#eee}
.header-wrap .header-top .header-top-right .social-profile li a i{
font-size:16px;
color:#999}
.header-wrap .header-top .header-top-right .social-profile li a:hover{
background-color:#3eb8e1}
.header-wrap .header-top .header-top-right .social-profile li a:hover i{
color:#fff}
.header-wrap .header-bottom .navbar .navbar-nav .nav-item .nav-link{
color:#2c3990;
font-weight:600;
margin:0 10px}
.header-wrap .header-bottom .navbar .navbar-nav .nav-item .nav-link.active{
color:#3eb8e1}
.header-wrap.style1 .header-top,.header-wrap.style2 .header-top{
background:#2c3990}
.header-wrap.style1 .header-top .header-top-left .contact-info li a,.header-wrap.style1 .header-top .header-top-left .contact-info li p,.header-wrap.style2 .header-top .header-top-left .contact-info li a,.header-wrap.style2 .header-top .header-top-left .contact-info li p{
color:rgba(255,255,255,.8)}
.header-wrap.style1 .header-top .header-top-right .social-profile li a,.header-wrap.style2 .header-top .header-top-right .social-profile li a{
background:#2c3990}
.header-wrap.style1 .header-top .header-top-right .social-profile li a i,.header-wrap.style2 .header-top .header-top-right .social-profile li a i{
color:#fff}
.header-wrap.style1 .header-top .header-top-right .social-profile li a:hover,.header-wrap.style2 .header-top .header-top-right .social-profile li a:hover{
background:#fff}
.header-wrap.style1 .header-top .header-top-right .social-profile li a:hover i,.header-wrap.style2 .header-top .header-top-right .social-profile li a:hover i{
color:#3eb8e1}
.header-wrap.style1 .header-top .header-top-right .select-lang span,.header-wrap.style2 .header-top .header-top-right .select-lang span{
color:rgba(255,255,255,.8)}
.searchbtn{
width:40px;
height:40px;
border-radius:50%;
text-align:center}
.searchbtn i{
font-size:18px;
display:block;
margin:0 auto}
.search-area{
position:fixed;
top:0;
left:50%;
width:0%;
height:100vh;
visibility:hidden;
background:rgba(9,24,81,.95);
opacity:0;
z-index:999;
-webkit-transform:translateX(-50%);
transform:translateX(-50%);
-webkit-transition:.4s;
transition:.4s}
.search-area.open{
width:calc(100% + 1px);
visibility:visible;
opacity:1}
.search-area .close-searchbox{
position:absolute;
top:20px;
right:20px;
background:0 0;
border:none}
.search-area .close-searchbox i{
color:#fff;
font-size:35px;
font-weight:300}
.search-area .form-group input{
width:100%;
background:0 0;
border:none;
border-bottom:1px solid rgba(255,255,255,.5);
font-size:20px;
padding:20px;
color:#fff}
.search-area .form-group input::-webkit-input-placeholder{
color:#fff;
opacity:1}
.search-area .form-group input:-ms-input-placeholder{
color:#fff;
opacity:1}
.search-area .form-group input::-ms-input-placeholder{
color:#fff;
opacity:1}
.search-area .form-group input::placeholder{
color:#fff;
opacity:1}
.select-lang{
padding-left:18px;
position:relative}
.select-lang i{
position:absolute;
top:4px;
left:0;
font-size:15px;
line-height:1;
color:#3eb8e1}
.select-lang .navbar-language .dropdown-toggle{
background-color:transparent;
border:none;
color:#666;
font-size:14px;
padding-right:16px;
-webkit-transition:.3s;
transition:.3s}
.select-lang .navbar-language .dropdown-toggle:after{
display:none}
.select-lang .navbar-language .dropdown-toggle:before{
position:absolute;
top:-2px;
right:-4px;
content:"\EA4E";
font-family:remixicon;
border:0;
font-size:18px;
color:#666}
.select-lang .navbar-language .dropdown-menu{
margin:0;
padding:5px 0;
-webkit-box-shadow:0 9px 54px 0 rgba(32,32,32,.1);
box-shadow:0 9px 54px 0 rgba(32,32,32,.1);
left:auto;
right:0;
inset:0 0 auto auto!important;
border:none;
border-radius:0;
-webkit-transform:translateY(75px)!important;
transform:translateY(75px)!important;
display:block;
opacity:0;
pointer-events:none;
-webkit-transition:all .3s linear;
transition:all .3s linear}
.select-lang .navbar-language .dropdown-menu a{
padding:5px 10px;
-webkit-transition:all .3s linear;
transition:all .3s linear;
font-size:15px}
.select-lang .navbar-language .dropdown-menu a img{
width:20px;
margin-right:10px}
.select-lang .navbar-language .dropdown-menu.show{
-webkit-transform:translateY(40px)!important;
transform:translateY(40px)!important;
opacity:1;
pointer-events:all}
@media only screen and (max-width:767px){
.navbar-brand img{
max-width:222px}
.header-wrap.sticky{
top:0}
.header-wrap.sticky.style1,.header-wrap.sticky.style4{
top:-122px}
.header-wrap.sticky.style2{
top:-122px}
.header-wrap.style1,.header-wrap.style2,.header-wrap.style4{
-webkit-box-shadow:0 0 15px rgba(0,0,0,.07);
box-shadow:0 0 15px rgba(0,0,0,.07)}
.header-wrap.style1 .header-top .header-top-left,.header-wrap.style2 .header-top .header-top-left,.header-wrap.style4 .header-top .header-top-left{
text-align:center;
margin-bottom:0!important}
.header-wrap.style1 .header-top .header-top-left .contact-info li,.header-wrap.style2 .header-top .header-top-left .contact-info li,.header-wrap.style4 .header-top .header-top-left .contact-info li{
width:100%;
margin:0 0 8px;
padding-right:0}
.header-wrap.style1 .header-top .header-top-left .contact-info li:after,.header-wrap.style2 .header-top .header-top-left .contact-info li:after,.header-wrap.style4 .header-top .header-top-left .contact-info li:after{
display:none}
.header-wrap.style1 .header-top .header-top-right,.header-wrap.style2 .header-top .header-top-right,.header-wrap.style4 .header-top .header-top-right{
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center}
.header-wrap.style1 .header-top .header-top-right .select-lang .navbar-language .dropdown-menu,.header-wrap.style2 .header-top .header-top-right .select-lang .navbar-language .dropdown-menu,.header-wrap.style4 .header-top .header-top-right .select-lang .navbar-language .dropdown-menu{
inset:0 auto auto 0!important;
margin-left:-25px!important}
.header-wrap.style1 .header-top .header-top-right .select-lang .navbar-language .dropdown-menu.show,.header-wrap.style2 .header-top .header-top-right .select-lang .navbar-language .dropdown-menu.show,.header-wrap.style4 .header-top .header-top-right .select-lang .navbar-language .dropdown-menu.show{
-webkit-transform:translateY(40px)!important;
transform:translateY(40px)!important;
opacity:1;
pointer-events:all}
.header-wrap.style1 .header-bottom,.header-wrap.style2 .header-bottom,.header-wrap.style4 .header-bottom{
padding:8px 0}
.navbar{
position:relative;
padding-top:5px;
padding-bottom:5px}
.navbar .navbar-toggler{
border-color:#ff2c57}
.navbar .navbar-toggler .navbar-toggler-icon{
background-image:url(data:image/svg+xml;
charset=utf8;
base64,PHN2ZyB2aWV3Qm94PScwIDAgMzAgMzAnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggc3Ryb2tlPSdyZ2JhKDI1NSwgNDQsIDg3LCAxKScgc3Ryb2tlLXdpZHRoPScyJyBzdHJva2UtbGluZWNhcD0ncm91bmQnIHN0cm9rZS1taXRlcmxpbWl0PScxMCcgZD0nTTQgN2gyMk00IDE1aDIyTTQgMjNoMjInLz48L3N2Zz4=)}
.navbar .navbar-nav .nav-link{
color:#000}
}
@media only screen and (max-width:991px){
.header-wrap.style1,.header-wrap.style2,.header-wrap.style4,.header-wrap.style7{
background-color:#fff}
.header-wrap.style3:after{
width:55%}
.header-wrap.style4{
-webkit-box-shadow:0 0 15px rgba(0,0,0,.07);
box-shadow:0 0 15px rgba(0,0,0,.07)}
.header-wrap.style5{
background-color:#2c3990;
padding:10px 0}
.header-wrap.style5 .navbar .navbar-toggler{
border-color:rgba(255,255,255,.4)}
.header-wrap.style5 .navbar .navbar-nav .nav-item .nav-link{
color:#fff}
.header-wrap.style5 .navbar .navbar-nav .nav-item .nav-link.active{
color:#3eb8e1}
.header-wrap.style7{
border-bottom:1px solid rgba(0,0,0,.09)}
.header-wrap #navbarSupportedContent{
margin-top:5px}
.header-wrap .header-bottom .navbar .navbar-nav .nav-item .nav-link{
margin:0}
.navbar-toggler:focus{
-webkit-box-shadow:none;
box-shadow:none}
}
@media only screen and (min-width:768px) and (max-width:991px){
.header-wrap.sticky{
top:-56px}
.header-wrap .header-top .header-top-left .contact-info li{
margin-right:15px;
padding-right:15px}
.header-wrap .header-top .header-top-right .social-profile{
margin-left:15px;
padding-left:10px;
position:relative}
.header-wrap .header-top .header-top-right .social-profile:after{
position:absolute;
top:5px;
left:0;
content:"";
width:1px;
height:18px;
background-color:rgba(255,255,255,.4)}
.header-wrap .header-top .header-top-right .social-profile li a{
width:30px;
height:30px;
background-color:#eee}
.header-wrap .header-top .header-top-right .social-profile li a i{
font-size:16px;
color:#999}
.header-wrap .header-top .header-top-right .social-profile li a:hover{
background-color:#3eb8e1}
.header-wrap .header-top .header-top-right .social-profile li a:hover i{
color:#fff}
.header-wrap .header-top .header-bottom .navbar{
padding:15px 0}
.header-wrap .header-top .header-bottom .navbar .navbar-nav .nav-item .nav-link{
color:#2c3990;
font-weight:600;
margin:0 10px}
.header-wrap .header-top .header-bottom .navbar .navbar-nav .nav-item .nav-link.active{
color:#3eb8e1}
.navbar{
position:relative;
padding-top:5px;
padding-bottom:5px}
.navbar .navbar-toggler{
border-color:#2c3990}
.navbar .navbar-toggler .navbar-toggler-icon{
background-image:url(data:image/svg+xml;
charset=utf8;
base64,PHN2ZyB2aWV3Qm94PScwIDAgMzAgMzAnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggc3Ryb2tlPSdyZ2JhKDI1NSwgNDQsIDg3LCAxKScgc3Ryb2tlLXdpZHRoPScyJyBzdHJva2UtbGluZWNhcD0ncm91bmQnIHN0cm9rZS1taXRlcmxpbWl0PScxMCcgZD0nTTQgN2gyMk00IDE1aDIyTTQgMjNoMjInLz48L3N2Zz4=)}
.navbar .navbar-toggler:focus{
-webkit-box-shadow:none;
box-shadow:none}
.navbar .navbar-nav .nav-link{
color:#000}
}
@media only screen and (min-width:992px){
.header-wrap .navbar .other-option{
margin-left:20px}
.header-wrap.style5{
border-bottom:1px solid rgba(255,255,255,.12)}
.header-wrap.style5 .header-bottom .navbar{
padding:15px 0}
.header-wrap.style5 .header-bottom .navbar .navbar-nav .nav-item .nav-link{
color:#fff;
font-weight:600;
margin:0 10px;
padding:10px 0;
position:relative}
.header-wrap.style5 .header-bottom .navbar .navbar-nav .nav-item .nav-link:after{
position:absolute;
bottom:-24px;
left:0;
content:"";
width:100%;
height:2px;
background-color:#3eb8e1;
visibility:hidden;
opacity:0;
-webkit-transition:.3s;
transition:.3s}
.header-wrap.style5 .header-bottom .navbar .navbar-nav .nav-item .nav-link.active,.header-wrap.style5 .header-bottom .navbar .navbar-nav .nav-item .nav-link:hover{
color:#3eb8e1}
.header-wrap.style5 .header-bottom .navbar .navbar-nav .nav-item .nav-link.active:after,.header-wrap.style5 .header-bottom .navbar .navbar-nav .nav-item .nav-link:hover:after{
width:100%;
visibility:visible;
opacity:1}
}
@media only screen and (min-width:992px) and (max-width:1199px){
.header-wrap .header-bottom .navbar .navbar-nav .nav-item .nav-link{
margin:0 5px}
.header-wrap .header-top .header-top-right .social-profile{
margin-left:20px;
padding-left:10px;
position:relative}
.header-wrap.style3::after{
width:23.2%}
.other-option .btn.style1{
padding:10px 18px;
font-size:14px}
.header-wrap .header-bottom .navbar .navbar-nav .nav-item .nav-link{
font-size:14px}
}
@media only screen and (max-width:1199px){
.header-wrap .header-top .header-top-left .contact-item p,.header-wrap .header-top .header-top-left .contact-item a{
font-size:16px;
font-weight:400}
.navbar-brand{
min-width:120px}
.header-wrap.sticky .mobile-menu{
margin-right:0}
.header-wrap .header-bottom{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center}
.header-wrap .header-bottom .container{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center}
}
@media only screen and (min-width:1600px){
.header-wrap.style1 .container,.header-wrap.style2 .container,.header-wrap.style3 .container,.header-wrap.style4 .container,.header-wrap.style5 .container,.header-wrap.style7 .container{
max-width:1520px}
}
@media only screen and (min-width:1920px){
.header-wrap.style1 .container,.header-wrap.style2 .container,.header-wrap.style3 .container,.header-wrap.style4 .container,.header-wrap.style5 .container,.header-wrap.style7 .container{
max-width:1620px}
}
.content-wrapper{
margin-top:141px}
.breadcrumb-wrap{
position:relative;
width:100%;
height:100%;
padding:40px 0;
overflow:hidden;
background-image:url(../img/breadcrumb/breadcrumb-bg.png);
background-position:center;
background-size:cover;
background-repeat:no-repeat}
.breadcrumb-wrap .breadcrumb-img{
min-height:300px;
max-height:300px}
.breadcrumb-wrap .breadcrumb-img img{
display:block;
max-height:300px;
margin-left:auto}
.breadcrumb-title{
position:relative;
z-index:1;
width:100%}
.breadcrumb-title h2{
font-size:40px;
font-weight:600;
margin:0 0 15px}
.breadcrumb-title .breadcrumb-menu li{
display:inline-block;
margin:0 10px;
position:relative;
color:#2c3990;
font-weight:600}
.breadcrumb-title .breadcrumb-menu li:after{
position:absolute;
top:1px;
right:-13px;
content:"~";
font-size:16px;
background-color:transparent;
color:#2c3990}
.breadcrumb-title .breadcrumb-menu li:first-child{
margin-left:0}
.breadcrumb-title .breadcrumb-menu li:first-child a{
padding-left:0}
.breadcrumb-title .breadcrumb-menu li:last-child{
margin-right:0;
color:#3eb8e1}
.breadcrumb-title .breadcrumb-menu li:last-child:after{
display:none}
.breadcrumb-title .breadcrumb-menu li a{
font-size:16px;
font-size:600;
line-height:22px;
display:inline-block;
padding:0 5px;
transition:.3s;
-webkit-transition:.3s;
position:relative;
color:#2c3990}
.breadcrumb-title .breadcrumb-menu li a:hover{
color:#3eb8e1}
.breadcrumb-title .breadcrumb-menu li:last-child a:after{
display:none}
.breadcrumb-img img{
display:block;
margin-left:auto}
.content-feature-list{
margin:0 0 28px}
.content-feature-list li{
position:relative;
padding-left:25px;
margin:0 0 18px}
.content-feature-list li:last-child{
margin-bottom:0}
.content-feature-list li i{
position:absolute;
top:6px;
left:0;
color:#2c3990;
font-size:18px;
line-height:.8}
.content-feature-list.style3 li,.content-feature-list.style4 li{
padding-left:45px;
margin-bottom:25px}
.content-feature-list.style3 li:last-child,.content-feature-list.style4 li:last-child{
margin-bottom:0}
.content-feature-list.style3 li span,.content-feature-list.style4 li span{
position:absolute;
top:-4px;
left:0;
width:35px;
height:35px;
border-radius:50%;
background-color:#f3f4f6;
text-align:center}
.content-feature-list.style3 li span i,.content-feature-list.style4 li span i{
position:relative;
top:auto;
left:auto;
font-size:20px;
line-height:34px;
margin:0 auto}
.content-feature-list.style3 li{
font-weight:600;
color:#2c3990;
font-size:18px}
.content-feature-list.style3 li span i{
color:#3eb8e1}
.content-feature-list.style4 li{
color:#666}
.content-feature-list.style4 li span i{
color:#2c3990}
.content-feature-list.style5 li i{
color:#3eb8e1}
.sidebar .sidebar-widget{
margin:0 0 30px;
background-color:#f9f9f9;
position:relative;
z-index:1;
padding:25px;
border-radius:8px}
.sidebar .sidebar-widget h4{
margin:0 0 25px;
font-size:20px;
position:relative;
line-height:1;
position:relative}
.sidebar .sidebar-widget:last-child{
margin:0}
.search-box{
position:relative}
.search-box .form-group{
position:relative}
.search-box .form-group input{
width:100%;
height:54px;
background:#fff;
border:1px solid rgba(255,55,95,.2);
color:#000;
font-size:15px;
line-height:21px;
padding:10px 60px 10px 20px;
border-radius:10px}
.search-box .form-group input:focus{
border-color:#888}
.search-box .form-group button{
position:absolute;
top:-2px;
right:0;
padding:0 18px;
height:100%;
border:none;
border-radius:0;
text-align:center;
background:0 0}
.search-box .form-group button i{
color:#3eb8e1;
top:2px;
left:1px;
font-size:20px;
position:relative}
.category-box ul li{
position:relative;
margin-bottom:15px}
.category-box ul li:last-child{
margin-bottom:0}
.category-box ul li a{
color:#2c3990;
font-weight:600;
padding:15px 20px;
display:block;
font-size:18px;
background-color:#fff;
position:relative;
border-left:6px solid transparent;
border-radius:15px;
z-index:1;
-webkit-transition:.4s;
transition:.4s}
.category-box ul li a i{
position:relative;
top:3px;
margin-left:2px;
font-size:15px;
visibility:hidden;
opacity:0;
color:#3eb8e1;
-webkit-transition:.4s;
transition:.4s}
.category-box ul li a:hover{
color:#3eb8e1;
padding-left:25px;
border-color:#3eb8e1}
.category-box ul li a:hover i{
visibility:visible;
opacity:1;
margin-left:7px}
.schedule-widget ul li{
margin:0 0 15px}
.schedule-widget ul li:last-child{
margin:0}
.schedule-widget ul li h6{
font-size:16px;
line-height:1.1;
margin:0;
font-weight:500}
.schedule-widget ul li p{
margin:0;
font-size:15px}
.contact-widget{
position:relative;
text-align:left;
z-index:1;
text-align:center}
.contact-widget.sidebar-widget{
border-top:none;
padding:50px 25px}
.contact-widget p,.contact-widget h3,.contact-widget a{
color:#fff;
z-index:2;
font-weight:500;
position:relative}
.contact-widget h3{
font-size:24px;
line-height:1.2;
margin:10px 0 15px}
.contact-widget a{
display:block;
margin:0 0 10px}
.contact-widget a.btn{
margin-top:15px;
display:inline-block}
.gallery-info-widget .gallery-info-item-wrap{
padding-left:0;
margin-bottom:0;
list-style-type:none}
.gallery-info-widget .gallery-info-item-wrap .gallery-info-item{
margin-bottom:20px;
border-bottom:1px solid #eee;
position:relative;
font-size:15px;
padding-bottom:20px;
color:#666}
.gallery-info-widget .gallery-info-item-wrap .gallery-info-item:last-child{
padding-bottom:0;
margin-bottom:0;
border-bottom:none}
.gallery-info-widget .gallery-info-item-wrap .gallery-info-item span{
color:#666;
font-size:16px;
font-weight:400;
width:50%;
text-align:right}
.gallery-info-widget .gallery-info-item-wrap .gallery-info-item p{
font-size:18px;
margin:0;
color:#2c3990;
font-weight:500;
width:50%}
.gallery-info-widget .gallery-info-item-wrap .gallery-info-item p i{
font-size:16px;
position:relative;
top:2px;
margin-right:7px}
.tag-list ul{
margin-top:-12px}
.tag-list ul li{
display:inline-block;
margin:12px 8px 0 0}
.tag-list ul li a{
display:inline-block;
font-size:14px;
line-height:16px;
padding:10px 15px;
color:#2c3990;
background-color:#eff0f2;
border-radius:50px;
-webkit-transition:.3s;
transition:.3s}
.tag-list ul li a:hover{
background-color:#3eb8e1;
color:#fff}
.pp-post-item{
margin:0 0 20px}
.pp-post-item .pp-post-img{
width:85px;
border-radius:4px;
position:relative;
top:1px}
.pp-post-item .pp-post-img img{
border-radius:4px}
.pp-post-item .pp-post-info{
width:calc(100% - 100px);
margin-left:15px;
margin-top:-2px}
.pp-post-item .pp-post-info h6{
font-size:16px;
font-weight:500;
line-height:1.5;
font-weight:700;
margin-bottom:10px}
.pp-post-item .pp-post-info h6 a{
color:#2c3990}
.pp-post-item .pp-post-info h6 a:hover{
color:#3eb8e1}
.pp-post-item .pp-post-info span{
font-size:14px;
line-height:1;
display:block;
position:relative;
padding-left:22px;
color:#888}
.pp-post-item .pp-post-info span i{
position:absolute;
top:1px;
left:0;
font-size:15px;
line-height:.8;
color:#3eb8e1}
.pp-post-item:last-child{
margin:0}
.pp-post-item:hover .pp-post-info h6 a{
color:#3eb8e1}
.hero-bg-1{
background-image:url(../img/hero/pic-min.jpg)}
.hero-bg-2{
background-image:url(../img/hero/hero-slider-2.jpg)}
.hero-bg-3{
background-image:url(../img/hero/hero-slider-3.jpg)}
.hero-bg-4{
background-image:url(../img/hero/hero-slider-4.jpg)}
.hero-bg-5{
background-image:url(../img/hero/hero-slider-5.jpg)}
.hero-bg-6{
background-image:url(../img/hero/hero-slider-6.jpg)}
.hero-bg-7{
background-image:url(../img/hero/hero-img-7.jpg)}
.hero-bg-8{
background-image:url(../img/hero/hero-img-8.html)}
.hero-bg-9{
background-image:url(../img/hero/hero-img-9.html)}
.hero-bg-10{
background-image:url(../img/hero/hero-img-10.html)}
.hero-bg-11{
background-image:url(../img/hero/hero-img-11.jpg)}
.hero-bg-12{
background-image:url(../img/hero/hero-img-12.jpg)}
.hero-bg-13{
background-image:url(../img/hero/hero-img-13.jpg)}
.hero-bg-14{
background-image:url(../img/hero/hero-bg-14.png)}
.hero-wrap .hero-content span{
display:block;
margin-bottom:8px;
color:#3eb8e1}
.hero-wrap .hero-content h1{
font-size:55px;
font-weight:700;
margin-bottom:20px}
.hero-wrap .hero-content p{
margin-bottom:35px}
.hero-wrap.style1,.hero-wrap.style2,.hero-wrap.style4,.hero-wrap.style8{
margin-top:0px}
.hero-wrap.style1,.hero-wrap.style2,.hero-wrap.style4{
position:relative}
.hero-wrap.style1 .hero-slide-item,.hero-wrap.style2 .hero-slide-item,.hero-wrap.style4 .hero-slide-item{
padding:50px 0;
position:relative;
z-index:1}
.hero-wrap.style1 .hero-slide-item:before,.hero-wrap.style2 .hero-slide-item:before,.hero-wrap.style4 .hero-slide-item:before{
position:absolute;
top:0;
left:0;
content:"";
width:100%;
height:100%;
background:-webkit-gradient(linear,left top,right top,from(rgba(255,255,255,0.8)),color-stop(85%,rgba(255,255,255,0.09)));
background:linear-gradient(90deg,rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.09) 85%);
z-index:-1}
.hero-wrap.style1 .hero-slide-item .hero-content>span,.hero-wrap.style2 .hero-slide-item .hero-content>span,.hero-wrap.style4 .hero-slide-item .hero-content>span{
color:#3eb8e1}
.hero-wrap.style1 .hero-slide-item .hero-content h1,.hero-wrap.style2 .hero-slide-item .hero-content h1,.hero-wrap.style4 .hero-slide-item .hero-content h1{
color:#2c3990}
.hero-wrap.style1 .hero-slide-item .hero-content p,.hero-wrap.style2 .hero-slide-item .hero-content p,.hero-wrap.style4 .hero-slide-item .hero-content p{
color:#2c3990}
.hero-wrap.style1 .hero-slide-item .hero-content .hero-btn .watch-video .play-btn,.hero-wrap.style2 .hero-slide-item .hero-content .hero-btn .watch-video .play-btn,.hero-wrap.style4 .hero-slide-item .hero-content .hero-btn .watch-video .play-btn{
height:55px;
width:55px;
border-radius:50%;
line-height:60px;
background-color:#2c3990;
border:none;
color:#fff;
font-size:18px;
padding-left:4px;
margin:0 0 0 20px;
text-align:center;
display:inline-block}
.hero-wrap.style1 .hero-slide-item .hero-content .hero-btn .watch-video .play-btn i,.hero-wrap.style2 .hero-slide-item .hero-content .hero-btn .watch-video .play-btn i,.hero-wrap.style4 .hero-slide-item .hero-content .hero-btn .watch-video .play-btn i{
margin:0 auto}
.hero-wrap.style1 .hero-slide-item .hero-content .hero-btn .watch-video .play-btn:hover,.hero-wrap.style2 .hero-slide-item .hero-content .hero-btn .watch-video .play-btn:hover,.hero-wrap.style4 .hero-slide-item .hero-content .hero-btn .watch-video .play-btn:hover{
background-color:#3eb8e1}
.hero-wrap.style1 .hero-slide-item .hero-content .hero-btn .watch-video .play-text,.hero-wrap.style2 .hero-slide-item .hero-content .hero-btn .watch-video .play-text,.hero-wrap.style4 .hero-slide-item .hero-content .hero-btn .watch-video .play-text{
display:inline-block;
color:#2c3990;
font-size:18px;
font-weight:600;
min-width:100px;
margin-left:20px;
margin-bottom:0}
.hero-wrap.style1 .hero-slider-one.owl-carousel .owl-nav button.owl-prev,.hero-wrap.style1 .hero-slider-one.owl-carousel .owl-nav button.owl-next{
position:absolute;
top:50%;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
width:25px;
height:75px;
border-radius:0 10px 10px 0}
.hero-wrap.style1 .hero-slider-one.owl-carousel .owl-nav button.owl-prev{
left:0;
border-radius:0 10px 10px 0}
.hero-wrap.style1 .hero-slider-one.owl-carousel .owl-nav button.owl-prev i{
left:-3px}
.hero-wrap.style1 .hero-slider-one.owl-carousel .owl-nav button.owl-next{
right:0;
border-radius:10px 0 0 10px}
.hero-wrap.style1 .hero-slider-one.owl-carousel .owl-nav button.owl-next i{
right:-1px}
.hero-wrap.style2 .hero-slider-one.owl-carousel .owl-nav button.owl-prev,.hero-wrap.style2 .hero-slider-one.owl-carousel .owl-nav button.owl-next{
position:absolute;
top:50%;
-webkit-transform:translateY(-50%);
transform:translateY(-50%)}
.hero-wrap.style2 .hero-slider-one.owl-carousel .owl-nav button.owl-prev{
left:0}
.hero-wrap.style2 .hero-slider-one.owl-carousel .owl-nav button.owl-next{
right:0}
.hero-wrap.style3{
margin-top:85px}
.hero-wrap.style3 .hero-img-wrap{
height:750px;
width:100%}
.hero-wrap.style3 .hero-content h1{
font-weight:400}
.hero-wrap.style3 .hero-content h1 span{
font-weight:800;
display:inline-block;
color:#2c3990}
.hero-wrap.style3 .hero-content .hero-btn .btn:first-child{
margin-right:15px}
.hero-wrap.style5{
position:relative;
z-index:1;
padding:170px 0 100px}
.hero-wrap.style5 .hero-content{
position:relative;
z-index:1}
.hero-wrap.style5 .hero-content span{
color:#3eb8e1}
.hero-wrap.style5 .hero-content h1{
color:#fff}
.hero-wrap.style5 .hero-content p{
color:rgba(255,255,255,.8)}
.hero-wrap.style5 .hero-img-wrap{
position:relative;
z-index:1}
.hero-wrap.style5 .hero-img-wrap .hero-img-one,.hero-wrap.style5 .hero-img-wrap .hero-img-two{
width:calc(50% - 10px)}
.hero-wrap.style5 .hero-img-wrap .hero-img-one{
margin-top:120px}
.hero-wrap.style4 .hero-content{
padding:150px 0}
.hero-wrap.style4 .hero-content h1{
margin-bottom:15px}
.hero-wrap.style4 .hero-content p{
color:#2c3990}
.hero-wrap.style6{
position:relative;
margin-top:145px;
padding:50px 0 0}
.hero-wrap.style6 .hero-content span{
color:#3eb8e1}
.hero-wrap.style6 .hero-shape-two{
position:absolute;
top:0;
left:0}
.hero-wrap.style6 .container{
position:relative;
z-index:1}
.hero-wrap.style6 .container .hero-shape-one,.hero-wrap.style6 .container .hero-shape-three,.hero-wrap.style6 .container .hero-shape-four{
position:absolute;
z-index:-1}
.hero-wrap.style6 .container .hero-shape-one{
bottom:0;
right:-50px}
.hero-wrap.style6 .container .hero-shape-three{
bottom:50px;
left:30%;
-webkit-transform:translateX(-50%);
transform:translateX(-50%)}
.hero-wrap.style6 .container .hero-shape-four{
top:30px;
left:50%;
-webkit-transform:translateX(-50%);
transform:translateX(-50%)}
.hero-wrap.style6 .container .hero-img-wrap img{
display:block;
margin:0 auto;
max-width:500px}
.hero-wrap.style7{
position:relative;
z-index:1}
.hero-wrap.style7 .hero-shape-one{
position:absolute;
top:10px;
left:0;
z-index:-1}
.hero-wrap.style7 .hero-content{
padding:250px 0 150px}
.hero-wrap.style8 .hero-img-one{
height:800px;
width:100%;
border-radius:15px 0 0 100px}
.hero-slider-two.owl-carousel .owl-nav button.owl-prev,.hero-slider-two.owl-carousel .owl-nav button.owl-next{
position:absolute;
top:50%;
-webkit-transform:translateY(-50%);
transform:translateY(-50%)}
.hero-slider-two.owl-carousel .owl-nav button.owl-prev{
left:-50px}
.hero-slider-two.owl-carousel .owl-nav button.owl-next{
right:-50px}
@-webkit-keyframes fadeInUp{
from{
opacity:0;
-webkit-transform:translate3d(0,100%,0);
transform:translate3d(0,100%,0)}
to{
opacity:1;
-webkit-transform:translate3d(0,0,0);
transform:translate3d(0,0,0)}
}
@keyframes fadeInUp{
from{
opacity:0;
-webkit-transform:translate3d(0,100%,0);
transform:translate3d(0,100%,0)}
to{
opacity:1;
-webkit-transform:translate3d(0,0,0);
transform:translate3d(0,0,0)}
}
.fadeInUp{
-webkit-animation-name:fadeInUp;
animation-name:fadeInUp}
.hero-slider-one.owl-carousel .owl-item.active .hero-slide-item .hero-content span,.hero-slider-two.owl-carousel .owl-item.active .hero-slide-item .hero-content span{
-webkit-animation-duration:1s;
animation-duration:1s;
-webkit-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-name:fadeInUp;
animation-name:fadeInUp;
-webkit-animation-delay:.5s;
animation-delay:.5s}
.hero-slider-one.owl-carousel .owl-item.active .hero-slide-item .hero-content h1,.hero-slider-two.owl-carousel .owl-item.active .hero-slide-item .hero-content h1{
-webkit-animation-duration:1s;
animation-duration:1s;
-webkit-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-name:fadeInUp;
animation-name:fadeInUp;
-webkit-animation-delay:.7s;
animation-delay:.7s}
.hero-slider-one.owl-carousel .owl-item.active .hero-slide-item .hero-content p,.hero-slider-two.owl-carousel .owl-item.active .hero-slide-item .hero-content p{
-webkit-animation-duration:1s;
animation-duration:1s;
-webkit-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-name:fadeInUp;
animation-name:fadeInUp;
-webkit-animation-delay:.9s;
animation-delay:.9s}
.hero-slider-one.owl-carousel .owl-item.active .hero-slide-item .hero-content .hero-btn,.hero-slider-two.owl-carousel .owl-item.active .hero-slide-item .hero-content .hero-btn{
-webkit-animation-duration:1s;
animation-duration:1s;
-webkit-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-name:fadeInUp;
animation-name:fadeInUp;
-webkit-animation-delay:1.1s;
animation-delay:1.1s}
.about-wrap .about-promo-text{
position:absolute;
min-width:220px;
padding:20px 10px 30px;
background-color:#2c3990;
text-align:center;
border-radius:5px}
.about-wrap .about-promo-text h5{
margin:0;
color:#fff;
font-size:16px;
font-weight:400}
.about-wrap .about-promo-text h5 span{
font-size:40px;
font-weight:600;
display:block}
.about-wrap.style1 .about-img-wrap{
position:relative;
padding-top:80px}
.about-wrap.style1 .about-img-wrap .about-promo-text{
bottom:60px;
left:0;
border-radius:0}
.about-wrap.style1 .about-img-wrap .about-img-one{
margin:auto 0 0 auto;
max-width:calc(100% - 100px);
display:block}
.about-wrap.style1 .about-img-wrap .about-img-two{
position:absolute;
top:0;
left:0;
border-right:8px solid #fff;
border-bottom:8px solid #fff}
.about-wrap.style1 .about-content .about-subtext span{
width:80px;
height:80px;
border-radius:50%;
background-color:#f3f4f6;
text-align:center}
.about-wrap.style1 .about-content .about-subtext span img{
display:block;
margin:0 auto}
.about-wrap.style1 .about-content .about-subtext h5{
width:calc(100% - 100px);
margin:0 0 0 20px;
line-height:1.4}
.about-wrap.style3 .about-img-wrap{
position:relative}
.about-wrap.style3 .about-img-wrap .about-promo-text{
top:40px;
right:0}
.about-wrap.style3 .about-img-wrap .about-img-one{
margin:auto auto 0 0;
max-width:calc(100% - 100px);
display:block;
border-radius:5px}
.about-wrap.style3 .about-img-wrap .about-img-two{
position:absolute;
bottom:30px;
right:0;
border-top:8px solid #fff;
border-left:8px solid #fff;
border-bottom:8px solid #fff;
border-radius:5px;
max-width:350px;
overflow:hidden}
.about-wrap.style3 .about-img-wrap .about-img-two:before{
position:absolute;
top:0;
right:-33px;
content:"";
width:80px;
height:calc(100% + 20px);
background-color:#fff;
-webkit-transform:rotate(15deg);
transform:rotate(15deg)}
.about-wrap.style3 .about-content .feature-item-wrap{
padding-bottom:10px;
margin-bottom:28px;
border-bottom:1px solid rgba(0,0,0,.1)}
.about-wrap.style3 .about-content .feature-item-wrap .feature-item{
width:50%;
padding-right:10px}
.about-wrap.style3 .about-content .feature-item-wrap .feature-item .feature-text h5{
margin-bottom:0}
.about-wrap.style3 .about-content .feature-item-wrap .feature-item:last-child{
margin-bottom:25px}
.about-wrap.style3 .about-content .content-feature-list{
margin-bottom:0}
.about-wrap.style4 .about-tablist{
border:none;
margin-bottom:35px}
.about-wrap.style4 .about-tablist .nav-item{
border:none;
text-align:left;
width:33.33%}
.about-wrap.style4 .about-tablist .nav-item .tab-link{
border:none;
color:#2c3990;
font-size:18px;
font-weight:700;
padding:0 0 10px;
background-color:transparent;
border-bottom:2px solid transparent}
.about-wrap.style4 .about-tablist .nav-item .tab-link.active{
border-color:#3eb8e1}
.about-wrap.style4 .about-tab-content{
position:relative}
.about-wrap.style4 .about-tab-content .about-img{
position:relative}
.about-wrap.style4 .about-tab-content .about-img:before{
position:absolute;
top:-5px;
left:0;
content:"";
width:50%;
height:calc(100% + 10px);
border:5px solid #3eb8e1;
border-right:none}
.about-wrap.style4 .about-tab-content h5{
margin-bottom:15px}
.about-wrap.style4 .about-tab-content .content-feature-list{
margin-bottom:0}
.about-wrap.style5 .about-img-wrap{
position:relative;
padding-bottom:100px}
.about-wrap.style5 .about-img-wrap .about-img-one{
margin-left:auto;
width:calc(100% - 150px);
border-radius:10px;
display:block}
.about-wrap.style5 .about-img-wrap .about-img-two{
position:absolute;
bottom:0;
left:0;
border:5px solid #fff;
border-radius:10px;
max-width:390px}
.about-wrap.style5 .about-img-wrap .about-promo-text{
min-width:auto;
top:25px;
left:0;
padding:16px 20px 20px}
.about-wrap.style5 .about-img-wrap .about-promo-text>span{
width:60px;
height:60px;
border-radius:50%;
background:#fff}
.about-wrap.style5 .about-img-wrap .about-promo-text>span i{
color:#3eb8e1;
font-size:30px;
line-height:.8}
.about-wrap.style5 .about-img-wrap .about-promo-text h5{
width:calc(100% - 75px);
margin-left:15px;
text-align:left}
.about-wrap.style5 .about-img-wrap .about-promo-text h5 span{
font-size:34px}
.about-wrap.style5 .about-content .content-title h5{
margin-top:22px}
.about-wrap.style5 .about-content .feature-item-wrap .feature-item{
width:50%;
padding-right:10px;
margin-bottom:25px}
.about-wrap.style5 .about-content .feature-item-wrap .feature-item:last-child{
margin-bottom:25px}
.about-wrap.style6 .about-img-wrap{
padding:20px 0 20px 20px;
display:block;
border-radius:15px;
position:relative}
.about-wrap.style6 .about-img-wrap img{
border-radius:15px}
.about-wrap.style6 .about-img-wrap:after{
position:absolute;
top:0;
left:0;
content:"";
width:45%;
height:100%;
background-color:#3eb8e1;
border-radius:15px;
z-index:-1}
.about-wrap.style7 .about-img-wrap{
position:relative;
padding-bottom:200px}
.about-wrap.style7 .about-img-wrap .about-img-one,.about-wrap.style7 .about-img-wrap .about-img-two{
width:50%;
z-index:1;
border-radius:10px}
.about-wrap.style7 .about-img-wrap .about-img-two{
border-left:10px solid #fff;
border-bottom:10px solid #fff;
margin-top:16px;
z-index:1}
.about-wrap.style7 .about-img-wrap .about-img-three{
position:absolute;
bottom:0;
left:50%;
border-radius:10px;
z-index:-1;
-webkit-transform:translateX(-50%);
transform:translateX(-50%)}
.about-wrap.style8 .about-img-wrap .about-img-one,.about-wrap.style8 .about-img-wrap .about-img-two{
width:calc(50% - 10px);
border-radius:10px}
.about-wrap.style8 .about-content .content-feature-list.style3{
display:-ms-grid;
display:grid;
-ms-grid-columns:1fr 1fr;
grid-template-columns:1fr 1fr;
-ms-grid-rows:1fr auto;
grid-template-rows:1fr auto;
grid-gap:20px}
.about-wrap.style8 .about-content .content-feature-list.style3 li{
margin-bottom:0}
.feature-item-wrap .feature-item{
margin-bottom:25px}
.feature-item-wrap .feature-item:last-child{
margin-bottom:0}
.feature-item-wrap .feature-item .feature-icon{
width:70px;
height:70px;
border-radius:50%;
position:relative;
z-index:1;
-webkit-box-shadow:0 0 15px 0 rgba(0,0,0,.09);
box-shadow:0 0 15px 0 rgba(0,0,0,.09);
overflow:hidden;
background:#fff;
position:relative;
top:2px;
-webkit-transition:.4s;
transition:.4s}
.feature-item-wrap .feature-item .feature-icon i{
font-size:36px;
line-height:.8;
margin:0 auto;
color:#2c3990;
-webkit-transition:.4s;
transition:.4s}
.feature-item-wrap .feature-item .feature-icon:after{
position:absolute;
bottom:0;
left:0;
content:"";
width:100%;
height:0;
background-color:#3eb8e1;
-webkit-transition:.4s;
transition:.4s;
visibility:hidden;
opacity:0;
z-index:-1}
.feature-item-wrap .feature-item .feature-text{
width:calc(100% - 90px);
margin-left:20px}
.feature-item-wrap .feature-item .feature-text h3{
font-size:24px;
margin:0 0 10px;
-webkit-transition:.4s;
transition:.4s}
.feature-item-wrap .feature-item .feature-text p{
margin:0}
.feature-item-wrap .feature-item:hover .feature-icon i{
color:#fff}
.feature-item-wrap .feature-item:hover .feature-icon:after{
height:100%;
visibility:visible;
opacity:1}
.feature-item-wrap.style2{
display:-ms-grid;
display:grid;
-ms-grid-columns:1fr 1fr;
grid-template-columns:1fr 1fr;
-ms-grid-rows:1fr;
grid-template-rows:1fr;
grid-gap:25px}
.feature-item-wrap.style2 .feature-item{
-webkit-box-shadow:0 0 25px rgba(0,0,0,.07);
box-shadow:0 0 25px rgba(0,0,0,.07);
padding:25px;
margin-top:38px}
.feature-item-wrap.style2 .feature-item:last-child{
margin-bottom:25px}
.feature-item-wrap.style2 .feature-item .feature-icon{
margin-top:-65px}
.feature-item-wrap.style2 .feature-item .feature-text{
width:100%;
margin-left:0;
margin-top:22px}
.promo-wrap.style1{
margin-top:-80px;
position:relative}
.promo-card{
margin-bottom:25px}
.promo-card .promo-info h3{
font-size:22px}
.promo-card .promo-icon{
overflow:hidden;
width:80px;
height:80px;
border-radius:50%;
position:relative;
z-index:1;
-webkit-box-shadow:0 5px 22px rgba(0,0,0,.09);
box-shadow:0 5px 22px rgba(0,0,0,.09);
-webkit-transition:.4s;
transition:.4s}
.promo-card .promo-icon i{
font-size:32px;
line-height:.8;
color:#2c3990;
margin:0 auto;
-webkit-transition:.4s;
transition:.4s}
.promo-card.style1{
background-color:#fff;
-webkit-box-shadow:0 6px 30px rgba(17,17,17,.03),0 6px 30px rgba(17,17,17,.03);
box-shadow:0 6px 30px rgba(17,17,17,.03),0 6px 30px rgba(17,17,17,.03)}
.promo-card.style1 .promo-info{
padding:25px 25px 22px}
.promo-card.style1 .promo-info .promo-icon{
margin:0 0 22px}
.promo-card.style1 .promo-info .promo-icon:after{
position:absolute;
top:0;
left:0;
content:"";
width:0%;
height:100%;
background-color:#3eb8e1;
-webkit-transition:.4s;
transition:.4s;
visibility:hidden;
opacity:0;
z-index:-1}
.promo-card.style1 .promo-info .promo-icon i{
color:#2c3990}
.promo-card.style1 .promo-info h3{
margin:0 0 12px}
.promo-card.style1 .promo-info p{
margin:0}
.promo-card.style1:hover .promo-info .promo-icon:after{
visibility:visible;
opacity:1;
width:100%}
.promo-card.style1:hover .promo-info .promo-icon i{
color:#fff}
.promo-card.style1:hover .promo-info span{
background-color:#3eb8e1}
.promo-card.style1:hover .promo-info span i{
color:#fff}
.promo-card.style2{
position:relative;
z-index:1;
padding:25px;
border-radius:0 20px 0 20px;
-webkit-box-shadow:0 0 20px rgba(0,0,0,.09);
box-shadow:0 0 20px rgba(0,0,0,.09);
overflow:hidden}
.promo-card.style2:after{
position:absolute;
top:0;
left:0;
content:"";
width:0%;
height:100%;
background-color:#3eb8e1;
-webkit-transition:.4s;
transition:.4s;
visibility:hidden;
opacity:0;
z-index:-1}
.promo-card.style2 .promo-title{
margin:0 0 20px}
.promo-card.style2 .promo-title .promo-icon i{
color:#2c3990}
.promo-card.style2 .promo-title h3{
width:calc(100% - 95px);
margin:0 0 0 15px;
font-size:22px;
-webkit-transition:.4s;
transition:.4s}
.promo-card.style2 p{
-webkit-transition:.4s;
transition:.4s;
margin:0}
.promo-card.style2:hover:after{
visibility:visible;
opacity:1;
width:100%}
.promo-card.style2:hover .promo-title .promo-icon{
background-color:#fff}
.promo-card.style2:hover .promo-title .promo-icon i{
color:#3eb8e1}
.promo-card.style2:hover .promo-title h3{
color:#fff}
.promo-card.style2:hover p{
color:rgba(255,255,255,.8)}
.service-wrap{
position:relative}
.service-wrap .service-bg{
background-image:url(../img/cta-bg-1.jpg);
position:absolute;
top:0;
left:0;
width:100%;
height:400px}
.service-wrap .service-bg:after{
position:absolute;
top:0;
left:0;
content:"";
width:100%;
height:100%;
z-index:0;
background-color:#2c3990;
opacity:.85}
.service-card{
margin-bottom:25px}
.service-card .service-info h3{
font-size:20px !important; }
.service-card.style1{
-webkit-box-shadow:0 0 20px rgba(0,0,0,.09);
box-shadow:0 0 20px rgba(0,0,0,.09);
position:relative}
.service-card.style1 .service-img{
position:relative}
.service-card.style1 .service-img:after{
position:absolute;
bottom:0;
left:0;
width:100%;
height:0;
background:-webkit-gradient(linear,left bottom,left top,from(rgba(0,40,86,0.5)),color-stop(73%,rgba(0,0,0,0)));
background:linear-gradient(0deg,rgba(0,40,86,0.5) 0%,rgba(0,0,0,0) 73%);
content:"";
visibility:hidden;
opacity:0;
-webkit-transition:.4s;
transition:.4s}
.service-card.style1 .service-info{
padding:0 25px 22px}
.service-card.style1 .service-info .service-icon{
width:80px;
height:80px;
border-radius:50%;
margin:-40px 0 18px;
background-color:#f9f9f9;
border:8px solid #fff;
position:relative;
z-index:1;
-webkit-box-shadow:0 5px 22px rgba(0,0,0,.09);
box-shadow:0 5px 22px rgba(0,0,0,.09);
-webkit-transition:.4s;
transition:.4s}
.service-card.style1 .service-info .service-icon i{
font-size:32px;
line-height:.8;
color:#2c3990;
margin:0 auto;
-webkit-transition:.4s;
transition:.4s}
.service-card.style1 .service-info h3{
margin:0 0 10px}
.service-card.style1 .service-info p{
margin:0}
.service-card.style1:hover .service-img:after{
visibility:visible;
opacity:1;
height:100%}
.service-card.style1:hover .service-info span{
background-color:#3eb8e1}
.service-card.style1:hover .service-info span i{
color:#fff}
.service-card.style2,.service-card.style8{
-webkit-box-shadow:0 0 25px rgba(0,0,0,.07);
box-shadow:0 0 25px rgba(0,0,0,.07);
overflow:hidden;
position:relative}
.service-card.style2 .service-icon,.service-card.style8 .service-icon{
width:70px;
height:70px;
border-radius:50%;
position:relative;
z-index:1;
-webkit-box-shadow:0 4px 15px 0 rgba(0,0,0,.1);
box-shadow:0 4px 15px 0 rgba(0,0,0,.1);
overflow:hidden;
background:#fff;
position:relative;
top:3px;
margin-bottom:20px;
-webkit-transition:.4s;
transition:.4s}
.service-card.style2 .service-icon i,.service-card.style8 .service-icon i{
font-size:32px;
line-height:.8;
margin:0 auto;
color:#2c3990;
-webkit-transition:.4s;
transition:.4s}
.service-card.style2 .service-info,.service-card.style8 .service-info{
width:100%}
.service-card.style2 .service-info h3,.service-card.style8 .service-info h3{
margin:0 0 10px;
-webkit-transition:.4s;
transition:.4s}
.service-card.style2 .service-info p,.service-card.style8 .service-info p{
margin:0;
-webkit-transition:.4s;
transition:.4s}
.service-card.style2{
padding:25px 25px 22px;
-webkit-box-shadow:0 0 25px rgba(0,0,0,.07);
box-shadow:0 0 25px rgba(0,0,0,.07);
overflow:hidden;
position:relative}
.service-card.style2:after{
position:absolute;
top:0;
left:0;
content:"";
width:0%;
height:100%;
background-color:#3eb8e1;
-webkit-transition:.4s;
transition:.4s;
visibility:hidden;
opacity:0;
z-index:-1}
.service-card.style2:hover:after{
width:100%;
visibility:visible;
opacity:1}
.service-card.style2:hover .service-info h3 a{
color:#fff}
.service-card.style2:hover .service-info p{
color:rgba(255,255,255,.8)}
.service-card.style2:hover .feature-icon i{
color:#fff}
.service-card.style2:hover .feature-icon:after{
height:100%;
visibility:visible;
opacity:1}
.service-card.style3{
background-color:#fff;
padding:25px;
-webkit-box-shadow:0 0 15px rgba(0,0,0,.07);
box-shadow:0 0 15px rgba(0,0,0,.07);
position:relative}
.service-card.style3 .service-icon{
position:absolute;
top:15px;
right:15px}
.service-card.style3 .service-icon i{
font-size:65px;
line-height:.8;
color:rgba(0,0,0,.29);
opacity:.2;
-webkit-transition:.4s;
transition:.4s}
.service-card.style3:after{
position:absolute;
bottom:0;
left:50%;
content:"";
-webkit-transform:translateX(-50%);
transform:translateX(-50%);
width:0;
height:2px;
background-color:#3eb8e1;
visibility:hidden;
opacity:0;
-webkit-transition:.3s;
transition:.3s}
.service-card.style3 .service-info h3{
margin:0 0 15px}
.service-card.style3 .service-info p{
margin:0 0 15px}
.service-card.style3 .service-info .content-feature-list{
margin-bottom:0}
.service-card.style3 .service-info .content-feature-list li{
padding-left:0;
padding-right:25px;
margin-bottom:10px}
.service-card.style3 .service-info .content-feature-list li:last-child{
margin-bottom:0}
.service-card.style3 .service-info .content-feature-list li i{
left:auto;
right:0}
.service-card.style3:hover .service-icon i{
color:#3eb8e1}
.service-card.style3:hover:after{
width:calc(100% - 50px);
visibility:visible;
opacity:1}
.service-card.style4 .service-info{
width:calc(100% - 40px);
margin:-60px auto 0;
padding:25px 25px 22px;
background-color:#fff;
position:relative;
z-index:1;
-webkit-box-shadow:0 6px 30px rgba(17,17,17,.03),0 6px 30px rgba(17,17,17,.03);
box-shadow:0 6px 30px rgba(17,17,17,.03),0 6px 30px rgba(17,17,17,.03)}
.service-card.style4 .service-info .service-title{
margin-bottom:18px}
.service-card.style4 .service-info .service-title .service-icon{
width:70px;
height:70px;
border-radius:50%;
position:relative;
overflow:hidden;
z-index:1;
-webkit-box-shadow:0 5px 22px rgba(0,0,0,.09);
box-shadow:0 5px 22px rgba(0,0,0,.09);
-webkit-transition:.4s;
transition:.4s}
.service-card.style4 .service-info .service-title .service-icon:after{
position:absolute;
top:0;
left:0;
content:"";
width:0%;
height:100%;
background-color:#3eb8e1;
-webkit-transition:.4s;
transition:.4s;
visibility:hidden;
opacity:0;
z-index:-1}
.service-card.style4 .service-info .service-title .service-icon i{
font-size:32px;
line-height:.8;
color:#2c3990;
margin:0 auto;
-webkit-transition:.4s;
transition:.4s}
.service-card.style4 .service-info .service-title h3{
width:calc(100% - 85px);
margin-left:15px;
margin-bottom:0}
.service-card.style4 .service-info p{
margin:0}
.service-card.style4:hover .service-info .service-icon:after{
width:100%;
visibility:visible;
opacity:1}
.service-card.style4:hover .service-info .service-icon i{
color:#fff}
.service-card.style5,.service-card.style6{
padding:25px;
-webkit-box-shadow:0 0 25px rgba(0,0,0,.07);
box-shadow:0 0 25px rgba(0,0,0,.07);
overflow:hidden;
position:relative}
.service-card.style5 .service-info-wrap .service-info,.service-card.style6 .service-info-wrap .service-info{
width:calc(100% - 85px);
margin-left:15px}
.service-card.style5 .service-icon,.service-card.style6 .service-icon{
width:70px;
height:70px;
border-radius:50%;
position:relative;
z-index:1;
-webkit-box-shadow:0 0 14px 0 rgba(0,0,0,.1);
box-shadow:0 0 14px 0 rgba(0,0,0,.1);
overflow:hidden;
background:#fff;
position:relative;
top:3px;
-webkit-transition:.4s;
transition:.4s}
.service-card.style5 .service-icon i,.service-card.style6 .service-icon i{
font-size:32px;
line-height:.8;
margin:0 auto;
color:#2c3990;
-webkit-transition:.4s;
transition:.4s}
.service-card.style5 .service-info,.service-card.style6 .service-info{
width:100%}
.service-card.style5 .service-info h3,.service-card.style6 .service-info h3{
margin:0 0 10px;
-webkit-transition:.4s;
transition:.4s}
.service-card.style5 .service-info p,.service-card.style6 .service-info p{
margin:0;
-webkit-transition:.4s;
transition:.4s}
.service-card.style5 .service-img{
border-radius:15px;
margin-top:22px}
.service-card.style5 .service-img img{
border-radius:15px}
.service-card.style5 .service-icon:after{
position:absolute;
top:0;
left:0;
content:"";
width:0%;
height:100%;
background-color:#3eb8e1;
-webkit-transition:.4s;
transition:.4s;
border-radius:15px;
visibility:hidden;
opacity:0;
z-index:-1}
.service-card.style5:hover .service-icon i{
color:#fff}
.service-card.style5:hover .service-icon:after{
width:100%;
visibility:visible;
opacity:1}
.service-card.style6{
position:relative;
overflow:hidden;
border-radius:15px}
.service-card.style6:after{
position:absolute;
top:0;
left:0;
content:"";
width:100%;
height:0%;
background-color:#3eb8e1;
-webkit-transition:.4s;
transition:.4s;
visibility:hidden;
opacity:0;
z-index:-1}
.service-card.style6 .service-info h3{
-webkit-transition:.4s;
transition:.4s}
.service-card.style6 .service-info p{
-webkit-transition:.4s;
transition:.4s}
.service-card.style6:hover:after{
height:100%;
visibility:visible;
opacity:1}
.service-card.style6:hover .service-info h3 a{
color:#fff}
.service-card.style6:hover .service-info p{
color:rgba(255,255,255,.8)}
.service-card.style7{
position:relative;
border-radius:10px}
.service-card.style7 img{
border-radius:10px}
.service-card.style7:before{
position:absolute;
top:20px;
left:0;
width:calc(100% - 70px);
height:calc(100% - 40px);
content:"";
border-left:1px solid #fff;
border-top:1px solid #fff;
z-index:1;
visibility:hidden;
opacity:0;
-webkit-transition:.4s;
transition:.4s}
.service-card.style7:after{
position:absolute;
top:20px;
right:0;
width:calc(100% - 70px);
height:calc(100% - 40px);
content:"";
border-right:1px solid #fff;
border-bottom:1px solid #fff;
z-index:1;
visibility:hidden;
opacity:0;
-webkit-transition:.4s;
transition:.4s}
.service-card.style7 .service-info{
position:absolute;
bottom:0;
left:0;
background:-webkit-gradient(linear,left bottom,left top,from(rgba(0,40,86,0.75)),color-stop(73%,rgba(0,0,0,0)));
background:linear-gradient(0deg,rgba(0,40,86,0.75) 0%,rgba(0,0,0,0) 73%);
width:100%;
height:100%;
padding:30px;
border-radius:10px}
.service-card.style7 .service-info h3{
margin:-10px -5px;
position:relative;
z-index:10;
font-weight:400s;
-webkit-transition:.4s;
transition:.4s}
.service-card.style7 .service-info h3 a{
color:#fff}
.service-card.style7:hover:before{
left:20px;
visibility:visible;
opacity:1}
.service-card.style7:hover:after{
right:20px;
visibility:visible;
opacity:1}
.service-card.style7:hover .service-info h3{
margin:8px}
.service-card.style8{
background-color:#fff;
border-radius:25px 8px 25px 8px;
position:relative;
z-index:1;
padding:25px 25px 22px;
border-bottom:5px solid transparent;
background-color:#fff;
-webkit-transition:.4s;
transition:.4s}
.service-card.style8 .service-icon{
-webkit-transition:.4s;
transition:.4s}
.service-card.style8 .service-icon i{
-webkit-transition:.4s;
transition:.4s}
.service-card.style8:hover{
border-color:#3eb8e1}
.service-card.style8:hover .service-icon{
background-color:#3eb8e1;
-webkit-transition:.4s;
transition:.4s}
.service-card.style8:hover .service-icon i{
color:#fff}
.team-slider-two,.service-slider-one,.service-slider-two{
margin:-15px 0}
.team-slider-two .service-card,.service-slider-one .service-card,.service-slider-two .service-card{
margin:15px 0}
.team-slider-two.owl-carousel .owl-nav button.owl-prev,.team-slider-two.owl-carousel .owl-nav button.owl-next,.service-slider-one.owl-carousel .owl-nav button.owl-prev,.service-slider-one.owl-carousel .owl-nav button.owl-next,.service-slider-two.owl-carousel .owl-nav button.owl-prev,.service-slider-two.owl-carousel .owl-nav button.owl-next{
position:absolute;
top:50%;
-webkit-transform:translateY(-50%);
transform:translateY(-50%)}
.team-slider-two.owl-carousel .owl-nav button.owl-prev,.service-slider-one.owl-carousel .owl-nav button.owl-prev,.service-slider-two.owl-carousel .owl-nav button.owl-prev{
left:-45px}
.team-slider-two.owl-carousel .owl-nav button.owl-next,.service-slider-one.owl-carousel .owl-nav button.owl-next,.service-slider-two.owl-carousel .owl-nav button.owl-next{
right:-45px}
.team-slider-two.owl-carousel.style2 .owl-nav button.owl-prev,.team-slider-two.owl-carousel.style2 .owl-nav button.owl-next,.service-slider-one.owl-carousel.style2 .owl-nav button.owl-prev,.service-slider-one.owl-carousel.style2 .owl-nav button.owl-next,.service-slider-two.owl-carousel.style2 .owl-nav button.owl-prev,.service-slider-two.owl-carousel.style2 .owl-nav button.owl-next{
background-color:#3eb8e1}
.team-slider-two.owl-carousel.style2 .owl-nav button:hover,.service-slider-one.owl-carousel.style2 .owl-nav button:hover,.service-slider-two.owl-carousel.style2 .owl-nav button:hover{
background-color:#f3f4f6}
.team-slider-two.owl-carousel.style2 .owl-nav button:hover i,.service-slider-one.owl-carousel.style2 .owl-nav button:hover i,.service-slider-two.owl-carousel.style2 .owl-nav button:hover i{
color:#2c3990}
.service-slider-three,.service-slider-four{
margin:-15px 0}
.service-slider-three .service-card,.service-slider-four .service-card{
margin:15px 0}
.service-slider-three .owl-dots,.service-slider-four .owl-dots{
text-align:center;
margin-top:20px;
margin-bottom:10px}
.cta-wrap.style1{
padding-left:50px;
padding-right:50px;
background-image:url(../img/cta-bg-1.jpg);
position:relative;
z-index:1}
.cta-wrap.style1:after{
position:absolute;
top:0;
left:0;
content:"";
width:100%;
height:100%;
background:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,0.9)),color-stop(63%,rgba(0,0,0,0.86)));
background:linear-gradient(270deg,rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.86) 63%);
z-index:-1}
.cta-wrap.style1 .cta-form{
position:relative;
z-index:1}
.cta-wrap.style1 .cta-form .form-group{
margin-bottom:20px}
.cta-wrap.style1 .cta-form .form-group input,.cta-wrap.style1 .cta-form .form-group textarea{
width:100%;
border:1px solid rgba(255,255,255,.32);
padding:15px 18px;
color:#fff;
background-color:transparent}
.cta-wrap.style1 .cta-form .form-group input{
height:54px}
.cta-wrap.style1 .cta-form .form-group textarea{
height:120px;
resize:none}
.cta-wrap.style1 .cta-form button{
display:block;
width:100%}
.cta-wrap.style2{
background-image:url(../img/cta-bg-2.jpg)}
.cta-wrap.style2 .content-title{
padding:0 50px}
.cta-wrap.style2 .content-title h2{
margin-bottom:20px}
.hw-bg-1{
background-image:url(../img/how-it-work/hw-img-2.jpg)}
.hw-bg-2{
background-image:url(../img/how-it-work/hw-img-3.jpg)}
.hw-bg-3{
background-image:url(../img/how-it-work/hw-img-4.jpg)}
.hw-bg-4{
background-image:url(../img/how-it-work/hw-img-5.jpg)}
.hw-bg-5{
background-image:url(../img/how-it-work/hw-img-6.jpg)}
.hw-wrap.style1 .container{
position:relative;
z-index:1}
.hw-wrap.style1 .container .hw-img-one{
background-image:url(../img/how-it-work/hw-img-1.jpg);
width:450px;
height:100%;
position:absolute;
top:0;
right:0;
z-index:-1}
.hw-wrap.style1 .container .hw-tab-content h5{
font-size:20px;
margin:0 0 15px}
.hw-wrap.style1 .container .hw-tab-content .content-feature-list{
margin-bottom:0}
.hw-wrap.style2 .hw-content{
background-color:#2c3990;
padding:60px 60px 60px 180px}
.hw-wrap.style2 .hw-content .hw-tablist{
margin-bottom:0}
.hw-wrap.style2 .hw-content .hw-tablist .nav-item{
margin-right:0;
margin-bottom:20px;
width:100%}
.hw-wrap.style2 .hw-content .hw-tablist .nav-item:last-child{
margin-bottom:0}
.hw-wrap.style2 .hw-content .hw-tablist .nav-item .nav-link{
min-width:100%;
text-align:left;
margin-bottom:0;
border:1px solid rgba(255,255,255,.2);
border-bottom:1px solid rgba(255,255,255,.2)}
.hw-wrap.style2 .hw-content .hw-tablist .nav-item .nav-link.active{
border-color:transparent}
.hw-wrap.style2 .hw-tab-content{
position:relative;
margin-top:50px;
height:600px;
width:calc(100% + 150px)}
.hw-wrap.style2 .hw-tab-content .hw-box{
position:absolute;
bottom:30px;
right:30px;
background-color:#fff;
padding:25px 25px 22px;
max-width:350px}
.hw-wrap.style2 .hw-tab-content .hw-box span{
color:#3eb8e1;
display:block;
font-size:14px;
margin:0 0 8px}
.hw-wrap.style2 .hw-tab-content .hw-box h5{
margin:0 0 10px;
line-height:1.4}
.hw-wrap.style2 .hw-tab-content .hw-box p{
margin:0}
.hw-wrap.style2 .hw-tablist .nav-item .tab-link{
display:block;
width:100%;
text-align:left;
border:1px solid rgba(255,255,255,.1)}
.hw-wrap.style2 .hw-tablist .nav-item .tab-link:active{
border-color:transparent}
.hw-wrap.style3 .hw-content .content-feature-list{
-webkit-columns:2;
columns:2}
.hw-wrap.style3 .hw-content .content-feature-list li{
display:block;
background-color:#f9f9f9;
padding:10px 15px 12px 40px}
.hw-wrap.style3 .hw-content .content-feature-list li i{
top:15px;
left:12px}
.hw-tablist{
border:none;
margin-bottom:30px}
.hw-tablist .nav-item{
border:none;
margin-right:20px;
display:inline-block}
.hw-tablist .nav-item:last-child{
margin-right:0}
.hw-tablist .nav-item .tab-link{
background-color:#2c3990;
color:#fff;
font-size:20px;
font-weight:600;
padding:18px 32px 24px;
border:none;
min-width:150px;
border-radius:5px}
.hw-tablist .nav-item .tab-link i{
position:relative;
top:5px;
font-size:30px;
line-height:.8;
margin-right:8px;
color:#3eb8e1}
.hw-tablist .nav-item .tab-link.active{
background-color:#3eb8e1;
color:#fff}
.hw-tablist .nav-item .tab-link.active i{
color:#fff}
.dp-tablist{
border:none;
margin:0 0 35px}
.dp-tablist .nav-item{
border:none;
width:calc(16.67% - 20px)}
.dp-tablist .nav-item .tab-link{
border:1px solid rgba(0,0,0,.1);
color:#2c3990;
font-size:18px;
font-weight:600;
padding:25px 7px;
width:100%;
background-color:transparent;
-webkit-transition:.4s;
transition:.4s;
position:relative}
.dp-tablist .nav-item .tab-link:after{
position:absolute;
bottom:-19px;
left:45%;
content:"";
width:0;
height:0;
border-top:13px solid #3eb8e1;
border-left:10px solid transparent;
border-bottom:6px solid transparent;
border-right:10px solid transparent;
visibility:hidden;
opacity:0;
-webkit-transform:traslateX(-50%);
transform:traslateX(-50%);
-webkit-transition:.4s;
transition:.4s}
.dp-tablist .nav-item .tab-link.active{
background-color:#3eb8e1;
color:#fff;
border-color:transparent}
.dp-tablist .nav-item .tab-link.active:after{
visibility:visible;
opacity:1}
.dp-tablist .nav-item .tab-link.active i{
color:#fff}
.dp-tablist .nav-item .tab-link i{
display:block;
font-size:40px;
color:#2c3990;
-webkit-transition:.4s;
transition:.4s}
.appointment-bg-one{
width:calc(100% + 200px)}
.appointment-bg-three{
background-image:url(../img/how-it-work/hw-img-4.jpg)}
.appointment-wrap.style2 .appointment-bg-one{
border-radius:20px}
.appointment-wrap.style2 .appointment-bg-one img{
border-radius:20px}
.appointment-wrap.style2 .book-appointment{
border-radius:20px}
.appointment-wrap.style3{
background-image:url(../img/appointment-bg-2.jpg);
padding-left:60px;
padding-right:60px;
position:relative}
.appointment-wrap.style3:before{
position:absolute;
top:0;
left:0;
content:"";
width:100%;
height:100%;
background-color:rgba(255,255,255,.4)}
.appointment-wrap.style3 .book-appointment{
position:relative;
padding:50px;
background-color:rgba(255,255,255,.93);
border-radius:15px}
.appointment-wrap.style3 .book-appointment form .form-group input,.appointment-wrap.style3 .book-appointment form .form-group textarea,.appointment-wrap.style3 .book-appointment form .form-group select{
border:1px solid rgba(0,40,86,.4);
background-color:transparent;
color:#2c3990}
.appointment-wrap.style3 .book-appointment form .form-group select{
background-color:transparent;
color:#2c3990;
background-image:url(../img/down-arrow.png)}
.appointment-wrap.style3 .book-appointment form button.btn:hover{
color:#fff}
.appointment-wrap.style3 .book-appointment form button.btn:hover:before,.appointment-wrap.style3 .book-appointment form button.btn:hover:after{
background-color:#2c3990}
.appointment-wrap.style4{
background-image:url(../img/appointment-bg-4.jpg);
position:relative;
z-index:1}
.appointment-wrap.style4:after{
position:absolute;
top:0;
left:0;
content:"";
width:100%;
height:100%;
background-color:rgba(0,40,86,.7);
z-index:-1}
.appointment-wrap.style4 .book-appointment{
padding:0}
.appointment-wrap.style4 .book-appointment .form-group input,.appointment-wrap.style4 .book-appointment .form-group select,.appointment-wrap.style4 .book-appointment .form-group textarea{
background-color:transparent;
border:1px solid rgba(255,255,255,.3);
color:#fff}
.appointment-wrap.style4 .book-appointment .form-group input::-webkit-input-placeholder,.appointment-wrap.style4 .book-appointment .form-group select::-webkit-input-placeholder,.appointment-wrap.style4 .book-appointment .form-group textarea::-webkit-input-placeholder{
color:#fff;
opacity:1}
.appointment-wrap.style4 .book-appointment .form-group input:-ms-input-placeholder,.appointment-wrap.style4 .book-appointment .form-group select:-ms-input-placeholder,.appointment-wrap.style4 .book-appointment .form-group textarea:-ms-input-placeholder{
color:#fff;
opacity:1}
.appointment-wrap.style4 .book-appointment .form-group input::-ms-input-placeholder,.appointment-wrap.style4 .book-appointment .form-group select::-ms-input-placeholder,.appointment-wrap.style4 .book-appointment .form-group textarea::-ms-input-placeholder{
color:#fff;
opacity:1}
.appointment-wrap.style4 .book-appointment .form-group input::placeholder,.appointment-wrap.style4 .book-appointment .form-group select::placeholder,.appointment-wrap.style4 .book-appointment .form-group textarea::placeholder{
color:#fff;
opacity:1}
.appointment-wrap.style4 .book-appointment .form-group select{
background-image:url(../img/down-arrow-white.png);
background-color:rgba(0,40,86,.7)}
.appointment-wrap.style4 .book-appointment .form-group textarea{
height:55px}
.appointment-wrap.style7{
background-color:#fff;
-webkit-box-shadow:0 0 15px rgba(0,0,0,.1);
box-shadow:0 0 15px rgba(0,0,0,.1)}
.appointment-wrap.style7 .appointment-bg-three{
height:660px}
.appointment-wrap.style7 .book-appointment{
-webkit-box-shadow:none;
box-shadow:none;
padding:0 50px 0 0}
.book-appointment{
    position: relative;
    padding: 40px;
    margin: 0px 40px;
    border-radius: 10px !important;
}
.book-appointment.style1{
background-image:url(../img/booking-form-bg.jpg)}
.book-appointment.style1 h5{
color:#fff}
.book-appointment.style1 form .form-group input,.book-appointment.style1 form .form-group textarea,.book-appointment.style1 form .form-group select{
border:1px solid rgba(255,255,255,.25);
background-color:transparent;
color:#fff}
.book-appointment.style1 form .form-group input::-webkit-input-placeholder,.book-appointment.style1 form .form-group textarea::-webkit-input-placeholder,.book-appointment.style1 form .form-group select::-webkit-input-placeholder{
opacity:1;
color:#fff}
.book-appointment.style1 form .form-group input:-ms-input-placeholder,.book-appointment.style1 form .form-group textarea:-ms-input-placeholder,.book-appointment.style1 form .form-group select:-ms-input-placeholder{
opacity:1;
color:#fff}
.book-appointment.style1 form .form-group input::-ms-input-placeholder,.book-appointment.style1 form .form-group textarea::-ms-input-placeholder,.book-appointment.style1 form .form-group select::-ms-input-placeholder{
opacity:1;
color:#fff}
.book-appointment.style1 form .form-group input::placeholder,.book-appointment.style1 form .form-group textarea::placeholder,.book-appointment.style1 form .form-group select::placeholder{
opacity:1;
color:#fff}
.book-appointment.style1 form .form-group select{
background-color:rgba(0,40,86,.7);
color:#fff;
background-image:url(../img/down-arrow-white.png)}
.book-appointment.style1 form button.btn:hover{
color:#2c3990}
.book-appointment.style1 form button.btn:hover:before,.book-appointment.style1 form button.btn:hover:after{
background-color:#fff}
.book-appointment.style2{
-webkit-box-shadow:0 0 15px rgba(0,0,0,.1);
box-shadow:0 0 15px rgba(0,0,0,.1);
background-color:#fff;
z-index:1;
position:relative}
.book-appointment.style2 form .form-group input,.book-appointment.style2 form .form-group textarea,.book-appointment.style2 form .form-group select{
border:1px solid rgba(0,40,86,.25);
background-color:transparent;
color:#666}
.book-appointment.style2 form .form-group input::-webkit-input-placeholder,.book-appointment.style2 form .form-group textarea::-webkit-input-placeholder,.book-appointment.style2 form .form-group select::-webkit-input-placeholder{
opacity:1}
.book-appointment.style2 form .form-group input:-ms-input-placeholder,.book-appointment.style2 form .form-group textarea:-ms-input-placeholder,.book-appointment.style2 form .form-group select:-ms-input-placeholder{
opacity:1}
.book-appointment.style2 form .form-group input::-ms-input-placeholder,.book-appointment.style2 form .form-group textarea::-ms-input-placeholder,.book-appointment.style2 form .form-group select::-ms-input-placeholder{
opacity:1}
.book-appointment.style2 form .form-group input::placeholder,.book-appointment.style2 form .form-group textarea::placeholder,.book-appointment.style2 form .form-group select::placeholder{
opacity:1}
.book-appointment.style2 form .form-group select{
background-color:#fff;
color:#666;
background-image:url(../img/down-arrow.png)}
.book-appointment.style2 form button.btn:hover{
color:#fff}
.book-appointment.style2 form button.btn:hover:before,.book-appointment.style2 form button.btn:hover:after{
background-color:#2c3990}
.book-appointment h5,.book-appointment form{
position:relative;
z-index:1}
.book-appointment h5{
margin:0 0 25px}
.book-appointment form .form-group{
position:relative;
margin:0 0 25px}
.book-appointment form .form-group input,.book-appointment form .form-group textarea,.book-appointment form .form-group select{
width:100%;
padding:15px 20px;
border-radius:5px}
.book-appointment form .form-group input::-webkit-input-placeholder,.book-appointment form .form-group textarea::-webkit-input-placeholder,.book-appointment form .form-group select::-webkit-input-placeholder{
opacity:.9}
.book-appointment form .form-group input:-ms-input-placeholder,.book-appointment form .form-group textarea:-ms-input-placeholder,.book-appointment form .form-group select:-ms-input-placeholder{
opacity:.9}
.book-appointment form .form-group input::-ms-input-placeholder,.book-appointment form .form-group textarea::-ms-input-placeholder,.book-appointment form .form-group select::-ms-input-placeholder{
opacity:.9}
.book-appointment form .form-group input::placeholder,.book-appointment form .form-group textarea::placeholder,.book-appointment form .form-group select::placeholder{
opacity:.9}
.book-appointment form .form-group input{
height:40px}
.book-appointment form .form-group textarea{
height:90px;
resize:none;
padding:15px 20px}
.book-appointment form .form-group select{
padding:15px 20px;
border-radius:5px;
color:#fff}
.book-appointment form button.btn{
display:block;
width:100%;
border-radius:5px}
.dp-bg-2{
background-image:url(../img/dp-img-2.jpg)}
.department-wrap .dp-content .content-title{
margin-bottom:25px}
.department-wrap .dp-img-wrap{
border-radius:20px}
.department-wrap .dp-img-wrap img{
border-radius:20px}
.department-wrap.style3 .dp-img-item{
padding:20px 0 0 20px;
position:relative;
z-index:1;
border-radius:15px}
.department-wrap.style3 .dp-img-item img{
border-radius:15px}
.department-wrap.style3 .dp-img-item:after{
position:absolute;
top:0;
left:0;
content:"";
width:45%;
height:45%;
background-color:#3eb8e1;
border-radius:15px;
z-index:-1}
.department-wrap.style3 .dp-content .feature-item-wrap{
-webkit-box-shadow:0 0 15px rgba(0,0,0,.17);
box-shadow:0 0 15px rgba(0,0,0,.17);
padding:25px;
border-radius:15px}
.department-wrap.style3 .dp-content .feature-item-wrap .feature-item .feature-icon{
background-color:#3eb8e1}
.department-wrap.style3 .dp-content .feature-item-wrap .feature-item .feature-icon i{
color:#fff}
.department-wrap.style7 .dp-content .feature-item-wrap .feature-item{
border:1px solid rgba(0,0,0,.09);
border-radius:10px;
margin-bottom:15px;
padding:25px}
.department-wrap.style7 .dp-content .feature-item-wrap .feature-item:last-child{
margin-bottom:0}
.department-wrap.style7 .dp-img-wrap{
position:relative;
padding-bottom:160px}
.department-wrap.style7 .dp-img-wrap .dp-img-one{
width:calc(100% - 80px);
margin-left:auto;
display:block}
.department-wrap.style7 .dp-img-wrap .dp-img-two{
position:absolute;
bottom:0;
z-index:1;
max-width:400px;
border-top:10px solid #fff}
.department-wrap.style8 .dp-content .feature-item-wrap .feature-item{
width:50%;
padding-right:10px;
margin:0}
.department-wrap.style8 .dp-content .feature-item-wrap .feature-item h5{
margin:0 0 5px}
.department-wrap.style8 .dp-content .feature-item-wrap .feature-item p{
line-height:1}
.department-wrap.style8 .dp-img-wrap{
position:relative;
height:600px}
.department-wrap.style8 .dp-img-wrap .dp-promo-box{
position:absolute;
bottom:30px;
right:30px;
max-width:60%;
background-color:#3eb8e1;
padding:25px 25px 22px;
border-radius:20px 5px 20px 5px}
.department-wrap.style8 .dp-img-wrap .dp-promo-box span{
color:rgba(255,255,255,.8)}
.department-wrap.style8 .dp-img-wrap .dp-promo-box h5{
margin:6px 0 10px;
line-height:1.4;
color:#fff}
.department-wrap.style8 .dp-img-wrap .dp-promo-box p{
margin-bottom:0;
color:rgba(255,255,255,.8)}
.dp-img-slider.owl-carousel .owl-dots{
text-align:center;
margin:20px 0 0}
.gallery-wrap{
position:relative;
z-index:1}
.gallery-wrap.style1:after{
position:absolute;
top:0;
right:0;
content:"";
width:30%;
height:90%;
background-color:#f9f9f9;
z-index:-1}
.gallery-card{
margin-bottom:25px;
position:relative;
overflow:hidden}
.gallery-card .gallery-info{
position:absolute;
bottom:-100%;
background-color:#fff;
padding:30px;
text-align:center;
-webkit-transition:.4s;
transition:.4s}
.gallery-card .gallery-info .gallery-icon{
display:inline-block;
width:35px;
height:35px;
background-color:#3eb8e1;
text-align:center;
margin-bottom:22px}
.gallery-card .gallery-info .gallery-icon i{
font-size:18px;
color:#fff;
line-height:36px;
margin:0 auto;
position:relative;
left:1px}
.gallery-card .gallery-info h3{
margin:0;
font-size:24px}
.gallery-card:hover .gallery-info{
bottom:-1px}
.gallery-card.style1{
position:relative}
.gallery-card.style1 .gallery-info{
left:50%;
width:calc(100% - 80px);
-webkit-transform:translateX(-50%);
transform:translateX(-50%)}
.gallery-card.style1 .gallery-info .gallery-icon{
border-radius:50%}
.gallery-card.style2{
overflow:hidden}
.gallery-card.style2 .gallery-info{
left:25px;
width:calc(100% - 80px);
padding:0 25px 25px;
text-align:left}
.gallery-card.style2 .gallery-info .gallery-icon{
margin:0;
position:relative;
top:-20px}
.gallery-card.style2 .gallery-info .gallery-icon i{
font-size:18px;
color:#fff;
line-height:36px;
margin:0 auto}
.gallery-card.style2 .gallery-info h3{
margin:0 0 8px}
.gallery-card.style2:hover .gallery-info{
bottom:25px}
.gallery-card.style3 img,.gallery-card.style4 img{
-o-object-fit:cover;
object-fit:cover;
width:100%;
height:100%}
.gallery-card.style3 .gallery-info,.gallery-card.style4 .gallery-info{
width:calc(100% - 40px);
left:50%;
-webkit-transform:translateX(-50%);
transform:translateX(-50%)}
.gallery-card.style3 .gallery-info .gallery-info-left,.gallery-card.style4 .gallery-info .gallery-info-left{
width:calc(100% - 50px);
margin-right:15px;
text-align:left}
.gallery-card.style3 .gallery-info .gallery-info-right .gallery-icon,.gallery-card.style4 .gallery-info .gallery-info-right .gallery-icon{
width:35px;
margin:0}
.gallery-card.style3:hover .gallery-info,.gallery-card.style4:hover .gallery-info{
bottom:25px}
.gallery-card.style4{
position:relative;
z-index:1}
.gallery-card.style4:after{
position:absolute;
bottom:0;
left:0;
width:100%;
height:100%;
content:"";
background:-webkit-gradient(linear,left bottom,left top,from(rgba(0,40,86,0.5)),color-stop(73%,rgba(0,0,0,0)));
background:linear-gradient(0deg,rgba(0,40,86,0.5) 0%,rgba(0,0,0,0) 73%);
z-index:0;
visibility:hidden;
opacity:0;
-webkit-transition:.4s;
transition:.4s}
.gallery-card.style4 .gallery-info{
z-index:1}
.gallery-card.style4:hover:after{
visibility:visible;
opacity:1}
.gallery-card.style5{
border-radius:15px;
position:relative;
overflow:hidden}
.gallery-card.style5:after{
position:absolute;
bottom:0;
left:0;
width:100%;
height:100%;
content:"";
background:-webkit-gradient(linear,left bottom,left top,from(rgba(0,40,86,0.5)),color-stop(73%,rgba(0,0,0,0)));
background:linear-gradient(0deg,rgba(0,40,86,0.5) 0%,rgba(0,0,0,0) 73%);
z-index:0;
visibility:hidden;
opacity:0;
border-radius:15px;
-webkit-transition:.4s;
transition:.4s}
.gallery-card.style5 img{
border-radius:15px}
.gallery-card.style5 .gallery-info{
position:absolute;
bottom:-100%;
background-color:#fff;
padding:30px;
border-radius:15px;
width:calc(100% - 35px);
left:50%;
z-index:1;
padding:20px;
-webkit-transform:translateX(-50%);
transform:translateX(-50%);
-webkit-transition:.4s;
transition:.4s}
.gallery-card.style5 .gallery-info .gallery-info-left{
width:calc(100% - 50px);
margin-right:15px;
text-align:left}
.gallery-card.style5 .gallery-info .gallery-info-right .gallery-icon{
width:35px;
border-radius:5px;
margin:0}
.gallery-card.style5:hover:after{
visibility:visible;
opacity:1}
.gallery-card.style5:hover .gallery-info{
bottom:20px}
.gallery-card.style8{
border-radius:8px 15px 8px 15px}
.gallery-card.style8 img{
border-radius:8px 15px 8px 15px}
.gallery-card.style8 .gallery-info{
position:absolute;
top:20px;
left:20px;
-webkit-transform:trasnlateX(-50%);
transform:trasnlateX(-50%);
width:calc(100% - 40px);
height:calc(100% - 40px);
background-color:rgba(255,255,255,.4);
border:1px solid rgba(255,255,255,.7);
border-radius:8px 15px 8px 15px;
text-align:center;
visibility:hidden;
opacity:0;
-webkit-transition:.4s;
transition:.4s}
.gallery-card.style8 .gallery-info .gallery-icon{
margin:0 auto;
border-radius:5px}
.gallery-card.style8:hover .gallery-info{
visibility:visible;
opacity:1}
.gallery-item-wrap .gallery-card{
margin:0}
.gallery-item-wrap .gallery-card img{
-o-object-fit:cover;
object-fit:cover;
width:100%}
.gallery-item-wrap.style1{
display:-ms-grid;
display:grid;
grid-gap:25px}
.gallery-item-wrap.style2{
display:-ms-grid;
display:grid;
grid-gap:20px}
.gallery-item-wrap.style3{
display:-ms-grid;
display:grid}
.gallery-item-wrap.style3 .gallery-card{
overflow:hidden;
border-radius:10px}
.gallery-item-wrap.style3 .gallery-card img{
border-radius:10px;
width:100%}
.gallery-item-wrap.style5{
margin-right:-25px}
.gallery-item-wrap.style5 .gallery-card{
overflow:hidden;
border-radius:10px;
width:calc(33.33% - 25px);
margin-right:25px;
margin-bottom:25px}
.gallery-item-wrap.style5 .gallery-card img{
border-radius:10px;
width:100%}
.gallery-item-wrap.style5 .gallery-card:nth-child(4){
width:calc(40% - 25px)}
.gallery-item-wrap.style5 .gallery-card:nth-child(5){
width:calc(25% - 25px)}
.gallery-item-wrap.style5 .gallery-card:nth-child(6){
width:calc(35% - 25px)}
.gallery-item-wrap.style7{
display:-ms-grid;
display:grid;
-ms-grid-columns:1fr 1fr 1fr;
grid-template-columns:1fr 1fr 1fr;
-ms-grid-rows:300px 300px 300px;
grid-template-rows:300px 300px 300px;
grid-gap:22px}
.gallery-item-wrap img{
-o-object-fit:cover;
object-fit:cover;
width:100%;
height:100%;
border-radius:10px}
.gallery-slider-one .gallery-card{
margin-bottom:0}
.gallery-slider-one.owl-carousel .owl-dots{
position:absolute;
top:-80px;
right:0}
.gallery-slider-two .gallery-card{
margin-bottom:0}
.gallery-slider-two.owl-carousel .owl-dots{
text-align:center;
margin-top:30px}
.team-card{
position:relative;
margin-bottom:25px;
z-index:1;
border-radius:5px}
.team-card .team-info{
text-align:center}
.team-card .team-info h3{
font-size:24px;
margin:0 0 5px;
-webkit-transition:.4s;
transition:.4s}
.team-card .team-info span{
color:#666;
-webkit-transition:.4s;
transition:.4s}
.team-card .social-profile li{
-webkit-transition:.4s;
transition:.4s}
.team-card .social-profile li:nth-child(1){
-webkit-transition-delay:.2s;
transition-delay:.2s}
.team-card .social-profile li:nth-child(2){
-webkit-transition-delay:.3s;
transition-delay:.3s}
.team-card .social-profile li:nth-child(3){
-webkit-transition-delay:.4s;
transition-delay:.4s}
.team-card .social-profile li:nth-child(4){
-webkit-transition-delay:.5s;
transition-delay:.5s}
.team-card.style1{
padding:25px;
-webkit-box-shadow:0 0 15px rgba(0,0,0,.09);
box-shadow:0 0 15px rgba(0,0,0,.09)}
.team-card.style1 .team-img{
border-radius:50%;
margin-bottom:25px}
.team-card.style1 .team-img img{
border-radius:50%}
.team-card.style1 .team-info{
text-align:center}
.team-card.style1 .team-info h3{
font-size:24px;
margin:0 0 5px}
.team-card.style1 .team-info span{
color:#666}
.team-card.style1 .team-info .social-profile{
margin-top:22px}
.team-card.style1 .team-info .social-profile li a{
background-color:rgba(0,0,0,.1)}
.team-card.style1 .team-info .social-profile li a:hover{
background-color:#3eb8e1}
.team-card.style1 .team-info .social-profile li a:hover i{
color:#fff}
.team-card.style2{
-webkit-box-shadow:0 5px 15px rgba(0,0,0,.07);
box-shadow:0 5px 15px rgba(0,0,0,.07)}
.team-card.style2 .team-img{
position:relative}
.team-card.style2 .team-img .social-profile{
position:absolute;
bottom:0;
left:25px;
-webkit-transition:.4s;
transition:.4s}
.team-card.style2 .team-img .social-profile li{
visibility:hidden;
opacity:0;
-webkit-transform:translateY(-10px);
transform:translateY(-10px)}
.team-card.style2 .team-img .social-profile li a{
background-color:#2c3990}
.team-card.style2 .team-img .social-profile li a i{
color:#fff}
.team-card.style2 .team-img .social-profile li a:hover{
background-color:#3eb8e1}
.team-card.style2 .team-info{
background-color:#fff;
padding:25px;
text-align:left;
-webkit-transition:.4s;
transition:.4s}
.team-card.style2:hover .team-img .social-profile{
bottom:25px}
.team-card.style2:hover .team-img .social-profile li{
visibility:visible;
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)}
.team-card.style2:hover .team-info{
background-color:#3eb8e1}
.team-card.style2:hover .team-info h3{
color:#fff}
.team-card.style2:hover .team-info span{
color:rgba(255,255,255,.8)}
.team-card.style3{
background-color:#fff;
padding:25px;
-webkit-box-shadow:0 5px 25px rgba(0,0,0,.08);
box-shadow:0 5px 25px rgba(0,0,0,.08)}
.team-card.style3 .team-img{
position:relative}
.team-card.style3 .team-img .social-link{
position:absolute;
top:25px;
right:25px;
cursor:pointer}
.team-card.style3 .team-img .social-link span{
display:inline-block;
width:35px;
height:35px;
border-radius:50%;
background-color:#3eb8e1;
text-align:center}
.team-card.style3 .team-img .social-link span i{
color:#fff;
font-size:15px;
line-height:39px;
margin:0 auto}
.team-card.style3 .team-img .social-link .social-profile{
-webkit-transition:.4s;
transition:.4s}
.team-card.style3 .team-img .social-link .social-profile li{
visibility:hidden;
opacity:0;
display:block;
margin:10px 0;
-webkit-transform:translateX(-10px);
transform:translateX(-10px)}
.team-card.style3 .team-img .social-link .social-profile li:last-child{
margin:0}
.team-card.style3 .team-img .social-link:hover .social-profile li{
visibility:visible;
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)}
.team-card.style3 .team-info{
padding:22px 0 0}
.team-card.style4 .social-link{
width:35px}
.team-card.style4 .social-link .share-text{
-webkit-transform:rotate(-90deg);
transform:rotate(-90deg);
min-width:140px;
left:-55px;
position:relative;
top:31px;
-webkit-transition:.4s;
transition:.4s}
.team-card.style4 .social-link .share-text p{
font-size:18px;
margin:0}
.team-card.style4 .social-link span{
display:inline-block;
width:35px;
height:35px;
border-radius:50%;
background-color:#3eb8e1;
text-align:center;
cursor:pointer;
position:relative;
z-index:1}
.team-card.style4 .social-link span:after{
position:absolute;
top:17px;
right:100%;
content:"";
width:0;
height:2px;
background-color:#3eb8e1;
-webkit-transition:.4s;
transition:.4s}
.team-card.style4 .social-link span i{
color:#fff;
font-size:15px;
line-height:39px;
margin:0 auto}
.team-card.style4 .social-link .social-profile{
top:-30px;
position:relative;
-webkit-transition:.4s;
transition:.4s}
.team-card.style4 .social-link .social-profile li{
visibility:hidden;
opacity:0;
display:block;
margin:10px 0;
-webkit-transform:translateX(10px);
transform:translateX(10px)}
.team-card.style4 .social-link .social-profile li a{
background-color:#2c3990}
.team-card.style4 .social-link .social-profile li a i{
color:#fff}
.team-card.style4 .social-link .social-profile li:last-child{
margin:0}
.team-card.style4 .social-link:hover .social-profile li{
visibility:visible;
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)}
.team-card.style4 .social-link:hover span:after{
width:120px}
.team-card.style4 .social-link:hover .share-text{
opacity:0}
.team-card.style4 .social-link:hover .social-profile{
visibility:visible;
opacity:1}
.team-card.style4 .team-info-wrap{
width:calc(100% - 51px);
margin-right:15px}
.team-card.style4 .team-info-wrap .team-info{
padding:22px 0 0}
.team-card.style5{
-webkit-box-shadow:0 5px 15px rgba(0,0,0,.07);
box-shadow:0 5px 15px rgba(0,0,0,.07);
border-radius:15px;
padding:25px}
.team-card.style5 .team-img{
border-radius:15px;
position:relative}
.team-card.style5 .team-img img{
border-radius:15px}
.team-card.style5 .team-img .social-profile{
position:absolute;
bottom:25px;
left:50%;
-webkit-transform:translateX(-50%);
transform:translateX(-50%);
-webkit-transition:.4s;
transition:.4s}
.team-card.style5 .team-img .social-profile li{
visibility:hidden;
opacity:0;
-webkit-transform:translateY(10px);
transform:translateY(10px)}
.team-card.style5 .team-img .social-profile li a{
background-color:#2c3990}
.team-card.style5 .team-img .social-profile li a i{
color:#fff}
.team-card.style5 .team-img .social-profile li a:hover{
background-color:#3eb8e1}
.team-card.style5 .team-info{
padding:25px 0 0;
text-align:center;
-webkit-transition:.4s;
transition:.4s}
.team-card.style5:hover .team-img .social-profile li{
visibility:visible;
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)}
.team-card.style6,.team-card.style7{
-webkit-box-shadow:0 0 15px rgba(0,0,0,.09);
box-shadow:0 0 15px rgba(0,0,0,.09)}
.team-card.style6 .team-img,.team-card.style7 .team-img{
position:relative}
.team-card.style6 .team-info,.team-card.style7 .team-info{
padding:25px 25px 22px;
-webkit-transition:.4s;
transition:.4s;
text-align:left}
.team-card.style6{
-webkit-box-shadow:0 0 15px rgba(0,0,0,.09);
box-shadow:0 0 15px rgba(0,0,0,.09)}
.team-card.style6 .team-img{
position:relative}
.team-card.style6 .team-img .member-social{
position:absolute;
bottom:-25px;
right:25px;
width:42px;
height:42px;
border-radius:50%;
text-align:center;
background-color:#3eb8e1;
border:4px solid #fff;
cursor:pointer;
-webkit-box-shadow:0 2px 14px rgba(0,0,0,.2);
box-shadow:0 2px 14px rgba(0,0,0,.2)}
.team-card.style6 .team-img .member-social i{
color:#fff;
font-size:14px;
line-height:37px;
margin:0 auto}
.team-card.style6 .team-img .member-social .social-profile{
position:absolute;
bottom:calc(100% + 15px);
left:0;
min-height:100%;
-webkit-transition:.4s;
transition:.4s}
.team-card.style6 .team-img .member-social .social-profile li{
visibility:hidden;
opacity:0;
display:block;
margin:10px 0;
-webkit-transform:translateX(10px);
transform:translateX(10px);
visibility:hidden;
opacity:0}
.team-card.style6 .team-img .member-social .social-profile li:last-child{
margin-bottom:0}
.team-card.style6 .team-img .member-social .social-profile li:last-child{
margin-bottom:0}
.team-card.style6 .team-img .member-social .social-profile li a{
width:38px;
height:38px;
border-radius:50%;
background-color:#2c3990}
.team-card.style6 .team-img .member-social .social-profile li a i{
color:#fff;
font-size:15px;
margin:0 auto}
.team-card.style6 .team-img .member-social .social-profile li a:hover{
background-color:#3eb8e1}
.team-card.style6:hover .member-social .social-profile li{
visibility:visible;
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)}
.team-card.style7 .team-img{
position:relative}
.team-card.style7 .team-img .member-social{
position:absolute;
bottom:25px;
left:25px;
width:42px;
height:42px;
border-radius:50%;
text-align:center;
background-color:#3eb8e1;
border:4px solid #fff;
cursor:pointer;
-webkit-box-shadow:0 2px 14px rgba(0,0,0,.2);
box-shadow:0 2px 14px rgba(0,0,0,.2)}
.team-card.style7 .team-img .member-social i{
color:#fff;
font-size:14px;
line-height:37px;
margin:0 auto}
.team-card.style7 .team-img .member-social .social-profile{
position:absolute;
bottom:0;
left:45px;
width:100%;
min-width:280px;
-webkit-transition:.4s;
transition:.4s}
.team-card.style7 .team-img .member-social .social-profile li{
visibility:hidden;
opacity:0;
display:inline-block;
margin:0 5px;
-webkit-transform:translateY(10px);
transform:translateY(10px)}
.team-card.style7 .team-img .member-social .social-profile li:last-child{
margin-right:0}
.team-card.style7 .team-img .member-social .social-profile li a{
width:38px;
height:38px;
border-radius:50%;
background-color:#2c3990}
.team-card.style7 .team-img .member-social .social-profile li a i{
color:#fff;
font-size:15px;
margin:0 auto}
.team-card.style7:hover .member-social .social-profile li{
visibility:visible;
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)}
.team-card.style8 .team-img{
position:relative;
border-radius:15px}
.team-card.style8 .team-img img{
border-radius:15px}
.team-card.style8 .team-img:after{
position:absolute;
bottom:0;
left:0;
width:100%;
height:0;
background:-webkit-gradient(linear,left bottom,left top,from(rgba(0,40,86,0.5)),color-stop(73%,rgba(0,0,0,0)));
background:linear-gradient(0deg,rgba(0,40,86,0.5) 0%,rgba(0,0,0,0) 73%);
content:"";
visibility:hidden;
opacity:0;
-webkit-transition:.4s;
transition:.4s}
.team-card.style8 .team-img .social-profile{
position:absolute;
bottom:110px;
left:50%;
width:100%;
text-align:center;
-webkit-transform:translateX(-50%);
transform:translateX(-50%);
-webkit-transition:.4s;
transition:.4s}
.team-card.style8 .team-img .social-profile li{
-webkit-transform:translateY(25px);
transform:translateY(25px);
-webkit-transition:.4s;
transition:.4s;
visibility:hidden;
opacity:0}
.team-card.style8 .team-img .social-profile li a{
width:35px;
height:35px;
background-color:#2c3990}
.team-card.style8 .team-img .social-profile li a i{
color:#fff}
.team-card.style8 .team-img .social-profile li a:hover{
background-color:#3eb8e1}
.team-card.style8 .team-info{
width:calc(100% - 40px);
margin:-65px auto 0;
background-color:#fff;
border-radius:10px;
position:relative;
z-index:1;
padding:30px 25px;
-webkit-box-shadow:0 5px 15px rgba(0,0,0,.1);
box-shadow:0 5px 15px rgba(0,0,0,.1)}
.team-card.style8:hover .team-img:after{
visibility:visible;
opacity:1;
height:100%;
z-index:0}
.team-card.style8:hover .social-profile{
z-index:1}
.team-card.style8:hover .social-profile li{
visibility:visible;
opacity:1}
.team-card:hover .social-profile{
visibility:visible;
opacity:1;
bottom:calc(100% + 15px)}
.team-slider-one.style1{
margin:0 0 -15px}
.team-slider-one .team-card{
margin:0}
.team-slider-one .team-card.style8{
margin:0 0 15px}
.team-slider-one.owl-carousel.style1 .owl-dots{
margin:20px 0 10px}
.team-slider-two{
margin:-15px 0}
.team-slider-two .team-card{
margin:15px 0}
.faq-bg-one{
background-image:url(../img/faq/faq-1.jpg);
height:665px}
.faq-bg-two{
background-image:url(../img/faq/faq-2.jpg);
height:665px}
.faq-wrap{
position:relative}
.faq-wrap .faq-content .content-title{
margin-bottom:25px}
.accordion-item{
border:none;
margin:0 0 15px;
background:0 0}
.accordion-item:last-child{
margin-bottom:0}
.accordion-item .accordion-header{
margin-bottom:0}
.accordion-item .accordion-header .accordion-button{
border-radius:5px 5px 0 0;
margin:0;
font-size:20px;
font-weight:600;
border-radius:5px;
color:#2c3990;
text-align:left;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
padding:15px 65px 15px 20px;
-webkit-transition:.4s;
transition:.4s;
background-color:transparent;
border:1px solid rgba(255,57,82,.28);
-webkit-box-shadow:none;
box-shadow:none}
.accordion-item .accordion-header .accordion-button:after{
display:none}
.accordion-item .accordion-header .accordion-button:focus{
outline:none;
-webkit-box-shadow:none;
box-shadow:none}
.accordion-item .accordion-header .accordion-button.collapsed{
color:#2c3990;
border:1px solid rgba(0,40,86,.3)}
.accordion-item .accordion-header .accordion-button.collapsed span i{
color:#2c3990}
.accordion-item .accordion-header .accordion-button:not(collapsed){
border:1px solid rgba(255,57,82,.28)}
.accordion-item .accordion-header .accordion-button:not(collapsed) span i{
color:#3eb8e1}
.accordion-item .accordion-header .accordion-button span{
display:inline-block;
min-width:50px;
text-align:center;
position:absolute;
top:29px;
right:4px;
border-radius:5px}
.accordion-item .accordion-header .accordion-button span i{
position:absolute;
top:50%;
left:50%;
-webkit-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
font-size:22px;
line-height:.8;
color:#000}
.accordion-item .accordion-header .accordion-button span i.minus{
visibility:hidden;
opacity:0}
.accordion-item .accordion-header .accordion-button span i.minus{
visibility:hidden;
opacity:0}
.accordion-item .accordion-body{
border:none;
padding:20px 20px 0;
border-top:1px solid rgba(0,0,0,.1)}
.accordion-item .accordion-body p{
margin:0}
.accordion-collapse{
border:none}
.accordion-item .accordion-collapse .accordion-body{
border:1px solid rgba(255,57,82,.28);
border-top:none;
padding:0 20px 20px}
.accordion-item .accordion-header .accordion-button:not(.collapsed){
background:0 0!important;
border-bottom:none}
.accordion-button:not(.collapsed) span i.plus{
visibility:hidden;
opacity:0}
.accordion-button:not(.collapsed) span i.minus{
visibility:visible!important;
opacity:1!important}
.pricing-wrap{
position:relative;
z-index:1}
.pricing-wrap.style1:after{
position:absolute;
top:50px;
right:0;
content:"";
width:30%;
height:80%;
background-color:#f9f9f9;
z-index:-1}
.pricing-tablist{
border:none}
.pricing-tablist .nav-item{
border:none;
margin-right:15px;
display:inline-block}
.pricing-tablist .nav-item:last-child{
margin-right:0}
.pricing-tablist .nav-item .tab-link{
background-color:#2c3990;
color:#fff;
font-weight:500;
padding:15px 25px;
border:none;
min-width:120px;
border-radius:5px}
.pricing-tablist .nav-item .tab-link i{
position:relative;
top:1px;
margin-left:6px}
.pricing-tablist .nav-item .tab-link.active{
background-color:#3eb8e1;
color:#fff}
.pricing-table{
-webkit-box-shadow:0 4px 15px rgba(0,0,0,.07);
box-shadow:0 4px 15px rgba(0,0,0,.07);
background:#fff;
margin:0 0 25px;
overflow:hidden;
padding:30px;
-webkit-transition:.4s;
transition:.4s}
.pricing-table:hover{
-webkit-box-shadow:0 40px 51px -16px rgba(0,0,0,.1);
box-shadow:0 40px 51px -16px rgba(0,0,0,.1)}
.pricing-table .pricing-header h5{
font-size:22px;
margin:0 0 10px}
.pricing-table .pricing-header-tag{
margin:18px 0 20px;
font-size:40px;
line-height:1}
.pricing-table .pricing-header-tag p{
margin:0}
.pricing-table .pricing-features{
position:relative;
margin:0 0 22px}
.pricing-table .pricing-features li{
margin:0 auto;
display:block;
color:#666;
padding:10px 0;
position:relative;
padding-left:25px}
.pricing-table .pricing-features li:last-child{
border-bottom:none}
.pricing-table .pricing-features li.checked i{
color:#3eb8e1}
.pricing-table .pricing-features li.unchecked i{
color:#888}
.pricing-table .pricing-features li i{
position:absolute;
top:9px;
left:0;
font-size:17px}
.pricing-table .pricing-features h5{
-webkit-transition:.3s;
transition:.3s}
.pricing-table .purchase-pricing{
text-align:center}
.pricing-table .purchase-pricing .btn{
width:100%;
display:block}
.pricing-table .purchase-pricing .btn i{
font-size:10px;
top:0}
.pricing-table:hover{
-webkit-transform:translateY(-8px);
transform:translateY(-8px)}
.pricing-table.style1 .pricing-header-tag h3{
font-size:40px}
.pricing-table.style1 .pricing-header-tag h3 span{
font-size:16px;
font-weight:400;
color:#666;
font-family:source sans pro,sans-serif;
margin-left:5px}
.pricing-table.style1.featured .pricing-header{
position:relative}
.pricing-table.style1.featured .pricing-header .feature{
position:absolute;
top:0;
right:0;
background-color:#2c3990;
color:#fff;
padding:5px 20px 7px;
border-radius:50px}
.pricing-table.style2{
position:relative;
z-index:1;
background-image:url(../img/pricing-bg-1.jpg);
background-position:center;
background-size:cover;
background-repeat:no-repeat}
.pricing-table.style2:before{
position:absolute;
top:0;
left:0;
content:"";
width:100%;
height:100%;
background-color:#fff;
opacity:1;
z-index:-1;
-webkit-transition:.3s;
transition:.3s}
.pricing-table.style2 .pricing-header-wrap .pricing-header{
margin-left:20px}
.pricing-table.style2 .pricing-features li{
-webkit-transition:.4s;
transition:.4s}
.pricing-table.style2:hover:before{
background-color:#2c3990;
opacity:.9}
.pricing-table.style2:hover .pricing-header-wrap{
border-color:rgba(255,255,255,.2)}
.pricing-table.style2:hover .pricing-header-wrap .pricing-icon{
background-color:#3eb8e1}
.pricing-table.style2:hover .pricing-header-wrap .pricing-icon i{
color:#fff}
.pricing-table.style2:hover .pricing-header-wrap .pricing-header h5{
color:#fff}
.pricing-table.style2:hover .pricing-header-wrap .pricing-header h2{
color:#fff}
.pricing-table.style2:hover .pricing-header-wrap .pricing-header h2 span{
color:rgba(255,255,255,.8)}
.pricing-table.style2:hover .pricing-features h5{
color:#fff}
.pricing-table.style2:hover .pricing-features li{
color:rgba(255,255,255,.8)}
.pricing-table.style2:hover .purchase-pricing .btn{
background-color:#3eb8e1}
.pricing-table.style2:hover .purchase-pricing .btn:after{
background-color:#2c3990}
.pricing-table.style2 .pricing-header-wrap,.pricing-table.style4 .pricing-header-wrap{
margin-bottom:25px;
padding-bottom:25px;
border-bottom:1px solid rgba(0,0,0,.1)}
.pricing-table.style2 .pricing-header-wrap .pricing-icon,.pricing-table.style4 .pricing-header-wrap .pricing-icon{
width:80px;
height:80px;
border-radius:50%;
-webkit-box-shadow:0 5px 20px rgba(0,0,0,.07);
box-shadow:0 5px 20px rgba(0,0,0,.07);
text-align:center;
-webkit-transition:.4s;
transition:.4s}
.pricing-table.style2 .pricing-header-wrap .pricing-icon i,.pricing-table.style4 .pricing-header-wrap .pricing-icon i{
font-size:40px;
line-height:.8;
margin:0 auto;
color:#2c3990;
-webkit-transition:.4s;
transition:.4s}
.pricing-table.style2 .pricing-header-wrap .pricing-header,.pricing-table.style4 .pricing-header-wrap .pricing-header{
width:calc(100% - 100px)}
.pricing-table.style2 .pricing-header-wrap .pricing-header h5,.pricing-table.style4 .pricing-header-wrap .pricing-header h5{
-webkit-transition:.4s;
transition:.4s}
.pricing-table.style2 .pricing-header-wrap .pricing-header h2,.pricing-table.style4 .pricing-header-wrap .pricing-header h2{
font-size:46px;
margin:0;
-webkit-transition:.4s;
transition:.4s}
.pricing-table.style2 .pricing-header-wrap .pricing-header h2 span,.pricing-table.style4 .pricing-header-wrap .pricing-header h2 span{
font-size:16px;
display:inline-block;
margin-left:8px;
font-weight:400;
color:#666;
-webkit-transition:.4s;
transition:.4s}
.pricing-table.style2:hover .pricing-header-wrap .pricing-icon,.pricing-table.style4:hover .pricing-header-wrap .pricing-icon{
background-color:#3eb8e1}
.pricing-table.style2:hover .pricing-header-wrap .pricing-icon i,.pricing-table.style4:hover .pricing-header-wrap .pricing-icon i{
color:#fff}
.pricing-table.style2:hover .purchase-pricing .btn,.pricing-table.style4:hover .purchase-pricing .btn{
background-color:#3eb8e1}
.pricing-table.style2:hover .purchase-pricing .btn:after,.pricing-table.style4:hover .purchase-pricing .btn:after{
background-color:#2c3990}
.pricing-table.style4 .pricing-header-wrap .pricing-header{
margin-right:20px}
.pricing-table.style8{
padding:0;
border-radius:25px 5px 25px 5px}
.pricing-table.style8 .pricing-header{
background-color:#2c3990;
text-align:center;
padding:30px 10px;
position:relative;
overflow:hidden}
.pricing-table.style8 .pricing-header:before{
position:absolute;
bottom:-100%;
left:50%;
content:"";
width:350px;
height:350px;
border-radius:50%;
background:rgba(255,255,255,.05);
-webkit-transform:translateX(-50%);
transform:translateX(-50%)}
.pricing-table.style8 .pricing-header h5{
color:#fff}
.pricing-table.style8 .pricing-header .pricing-header-tag h3{
color:#fff;
font-size:40px}
.pricing-table.style8 .pricing-header .pricing-header-tag h3 span{
font-size:16px;
font-weight:400;
color:rgba(255,255,255,.8);
font-family:source sans pro,sans-serif}
.pricing-table.style8 .pricing-features{
text-align:center;
margin:30px 0}
.pricing-table.style8 .pricing-features li{
padding:10px}
.pricing-table.style8 .pricing-features li:last-child{
padding-bottom:0}
.pricing-table.style8 .pricing-features li.unchecked{
text-decoration:line-through;
opacity:.5}
.pricing-table.style8 .purchase-pricing{
margin:0 30px 30px}
.testimonial-bg-1{
background-image:url(../img/testimonials/testimonial-bg-1.jpg)}
.testimonial-bg-2{
background-image:url(../img/testimonials/testimonial-bg-2.jpg)}
.testimonial-bg{
height:400px;
border-radius:15px}
.testimonial-wrap.style2{
position:relative;
z-index:1}
.testimonial-wrap.style2:after{
position:absolute;
top:0;
left:0;
content:"";
width:100%;
height:100%;
background-color:#2c3990;
opacity:.8;
z-index:-1}
.ratings li{
display:inline-block}
.ratings li i{
color:#fec107}
.testimonial-card{
background-color:#fff;
border-radius:5px;
margin:0 0 25px;
position:relative;
-webkit-box-shadow:0 0 15px rgba(0,0,0,.07);
box-shadow:0 0 15px rgba(0,0,0,.07);
z-index:1;
padding:25px}
.testimonial-card .ratings{
margin-bottom:20px}
.testimonial-card .client-info h3{
font-size:24px;
line-height:1.2;
margin-bottom:5px}
.testimonial-card .client-quote{
margin-bottom:20px;
-webkit-transition:.4s;
transition:.4s}
.testimonial-card .client-info-area .client-info-wrap{
width:calc(100% - 40px)}
.testimonial-card .client-info-area .client-info-wrap .client-img{
width:65px;
height:65px;
border-radius:50%}
.testimonial-card .client-info-area .client-info-wrap .client-img img{
border-radius:50%}
.testimonial-card .client-info-area .client-info-wrap .client-info{
width:calc(100% - 85px);
margin-left:20px}
.testimonial-card .client-info-area .client-info-wrap .client-info h3{
margin-bottom:8px;
-webkit-transition:.4s;
transition:.4s}
.testimonial-card .client-info-area .client-info-wrap .client-info span{
display:block;
line-height:1;
-webkit-transition:.4s;
transition:.4s}
.testimonial-card .quote-icon{
position:absolute;
bottom:-25px;
right:25px;
-webkit-transition:.4s;
transition:.4s}
.testimonial-card .quote-icon i{
display:inline-block;
position:relative;
top:3px;
font-size:50px;
line-height:.8;
color:#888;
opacity:.4;
-webkit-transition:.4s;
transition:.4s}
.testimonial-card:hover .quote-icon i{
color:#3eb8e1;
opacity:1}
.testimonial-card.style1 .ratings{
margin-bottom:12px}
.testimonial-card.style3 .ratings{
margin-bottom:12px}
.testimonial-card.style3 .client-info-area .client-info-wrap{
width:calc(100% - 65px);
margin-right:10px}
.testimonial-card.style3 .client-info-area .quote-icon{
position:relative;
bottom:auto;
right:auto;
width:55px}
.testimonial-card.style3 .client-info-area .quote-icon i{
color:#3eb8e1;
opacity:1}
.testimonial-card.style4{
margin-top:33px}
.testimonial-card.style4 .client-img{
width:70px;
height:70px;
border-radius:50%;
position:relative;
margin:-55px 0 25px}
.testimonial-card.style4 .client-img .quote-icon{
position:absolute;
bottom:-10px;
right:-10px;
width:35px;
height:35px;
border-radius:50%;
text-align:center;
background-color:#fff;
-webkit-box-shadow:0 5px 15px rgba(0,0,0,.09);
box-shadow:0 5px 15px rgba(0,0,0,.09)}
.testimonial-card.style4 .client-img .quote-icon i{
font-size:16px;
margin:0 auto;
line-height:.8;
color:#3eb8e1;
opacity:1}
.testimonial-card.style4 .client-img img{
border-radius:50%}
.testimonial-card.style5{
-webkit-box-shadow:none;
box-shadow:none;
padding:0;
margin-bottom:30px}
.testimonial-card.style5 .quote-icon{
position:relative;
bottom:auto;
right:auto;
margin:0 0 18px}
.testimonial-card.style5 .quote-icon i{
color:#3eb8e1;
font-size:50px;
opacity:.9}
.testimonial-card.style5 .client-info-area .client-info{
width:calc(100% - 100px)}
.testimonial-card.style5 .client-info-area .ratings{
width:100px;
margin:0}
.testimonial-card.style6{
padding:0}
.testimonial-card.style6 .client-info-area .client-info-wrap{
width:calc(100% - 240px);
margin-right:25px;
padding:22px 0 22px 25px}
.testimonial-card.style6 .client-info-area .client-info-wrap .client-quote{
width:100%}
.testimonial-card.style6 .client-info-area .client-info-wrap .client-info{
width:calc(100% - 50px);
margin-right:10px;
margin-left:0}
.testimonial-card.style6 .client-info-area .client-info-wrap .quote-icon{
position:relative;
bottom:auto;
right:auto;
width:40px}
.testimonial-card.style6 .client-info-area .client-info-wrap .quote-icon i{
font-size:35px;
opacity:.9;
color:#3eb8e1;
opacity:.7}
.testimonial-card.style6 .client-info-area .client-img{
width:215px}
.testimonial-card.style7{
padding:0;
-webkit-box-shadow:none;
box-shadow:none}
.testimonial-card.style7 .client-info-area{
-webkit-box-shadow:0 0 15px rgba(0,0,0,.07);
box-shadow:0 0 15px rgba(0,0,0,.07);
padding:25px;
position:relative;
margin-bottom:30px}
.testimonial-card.style7 .client-info-area:after{
position:absolute;
bottom:-13px;
left:25px;
content:"";
width:20px;
height:20px;
border-radius:2px;
background-color:#fff;
-webkit-box-shadow:0 0 15px rgba(0,0,0,.08);
box-shadow:9px 6px 11px 0 rgba(0,0,0,.08);
-webkit-transform:rotate(45deg);
transform:rotate(45deg)}
.testimonial-card.style7 .client-info-area .quote-wrap{
width:100%;
margin-bottom:15px}
.testimonial-card.style7 .client-info-area .quote-wrap .quote-icon{
position:relative;
bottom:auto;
right:auto;
width:50px;
height:50px;
border-radius:50%;
background-color:#2c3990;
text-align:center}
.testimonial-card.style7 .client-info-area .quote-wrap .quote-icon i{
font-size:26px;
line-height:52px;
color:#fff;
margin:0 auto;
opacity:1}
.testimonial-card.style7 .client-info-area .quote-wrap .ratings{
width:calc(100% - 60px);
margin:0 0 0 10px;
text-align:right}
.testimonial-card.style7 .client-info-area .client-quote{
margin:0}
.testimonial-card.style7 .client-info-wrap{
width:calc(100% - 40px)}
.testimonial-card.style7 .client-info-wrap .client-img{
width:65px;
height:65px;
border-radius:50%}
.testimonial-card.style7 .client-info-wrap .client-img img{
border-radius:50%}
.testimonial-card.style7 .client-info-wrap .client-info{
width:calc(100% - 85px);
margin-left:20px}
.testimonial-card.style7 .client-info-wrap .client-info h3{
-webkit-transition:.4s;
transition:.4s}
.testimonial-card.style7:hover .quote-wrap .quote-icon{
background-color:#3eb8e1}
.testimonial-card.style8{
border-radius:25px 5px 25px 5px;
border-bottom:6px solid transparent;
-webkit-transition:.3s;
transition:.3s;
padding:25px 25px 22px}
.testimonial-card.style8 .ratings{
margin-bottom:10px}
.testimonial-card.style8:hover{
border-color:#3eb8e1}
.testimonial-slider-one,.testimonial-slider-four{
margin:-15px 0}
.testimonial-slider-one .testimonial-card,.testimonial-slider-four .testimonial-card{
margin:15px 0}
.testimonial-slider-one.style2.owl-carousel .owl-nav button.owl-prev,.testimonial-slider-one.style2.owl-carousel .owl-nav button.owl-next,.testimonial-slider-one.style4.owl-carousel .owl-nav button.owl-prev,.testimonial-slider-one.style4.owl-carousel .owl-nav button.owl-next,.testimonial-slider-four.style2.owl-carousel .owl-nav button.owl-prev,.testimonial-slider-four.style2.owl-carousel .owl-nav button.owl-next,.testimonial-slider-four.style4.owl-carousel .owl-nav button.owl-prev,.testimonial-slider-four.style4.owl-carousel .owl-nav button.owl-next{
position:absolute;
top:50%;
-webkit-transform:translateY(-50%);
transform:translateY(-50%)}
.testimonial-slider-one.style2.owl-carousel .owl-nav button.owl-prev,.testimonial-slider-one.style4.owl-carousel .owl-nav button.owl-prev,.testimonial-slider-four.style2.owl-carousel .owl-nav button.owl-prev,.testimonial-slider-four.style4.owl-carousel .owl-nav button.owl-prev{
left:-45px}
.testimonial-slider-one.style2.owl-carousel .owl-nav button.owl-next,.testimonial-slider-one.style4.owl-carousel .owl-nav button.owl-next,.testimonial-slider-four.style2.owl-carousel .owl-nav button.owl-next,.testimonial-slider-four.style4.owl-carousel .owl-nav button.owl-next{
right:-45px}
.testimonial-slider-one.style3.owl-carousel .owl-nav{
text-align:center;
margin:10px 0 12px}
.testimonial-slider-one.style3.owl-carousel .owl-nav button.owl-prev,.testimonial-slider-one.style3.owl-carousel .owl-nav button.owl-next{
margin:0 5px}
.testimonial-slider-one.style3.owl-carousel .owl-nav button.owl-prev:hover,.testimonial-slider-one.style3.owl-carousel .owl-nav button.owl-next:hover{
background-color:#3eb8e1}
.testimonial-slider-one.style4{
margin:0}
.testimonial-slider-one.style4 .testimonial-card.style8{
margin:0}
.testimonial-slider-one.style4.owl-carousel .owl-nav button.owl-prev,.testimonial-slider-one.style4.owl-carousel .owl-nav button.owl-next{
background-color:#3eb8e1}
.testimonial-slider-one.style4.owl-carousel .owl-nav button.owl-prev:hover,.testimonial-slider-one.style4.owl-carousel .owl-nav button.owl-next:hover{
background-color:#f9f9f9}
.testimonial-slider-one.style4.owl-carousel .owl-nav button.owl-prev:hover i,.testimonial-slider-one.style4.owl-carousel .owl-nav button.owl-next:hover i{
color:#2c3990}
.testimonial-slider-two{
margin:-15px -5px}
.testimonial-slider-two .testimonial-card{
margin:15px 5px}
.testimonial-slider-two .testimonial-card.style5{
margin:0 0 15px}
.testimonial-slider-two.owl-carousel .owl-dots{
margin-top:20px;
margin-left:5px}
.testimonial-slider-three.owl-carousel .owl-dots{
text-align:center;
margin-top:20px}
.testimonial-slider-four{
margin-top:-15px -5px}
.testimonial-slider-four .testimonial-card{
margin:15px 5px}
.testimonial-slider-four.owl-carousel .owl-nav button.owl-prev,.testimonial-slider-four.owl-carousel .owl-nav button.owl-next{
position:absolute;
top:50%;
background-color:#2c3990;
border:none}
.testimonial-slider-four.owl-carousel .owl-nav button.owl-prev i,.testimonial-slider-four.owl-carousel .owl-nav button.owl-next i{
color:#fff}
.testimonial-slider-four.owl-carousel .owl-nav button.owl-prev:hover,.testimonial-slider-four.owl-carousel .owl-nav button.owl-next:hover{
background-color:#3eb8e1}
.testimonial-slider-four.owl-carousel .owl-nav button.owl-prev{
left:-45px}
.testimonial-slider-four.owl-carousel .owl-nav button.owl-next{
right:-45px}
.promo-video-wrap{
background-image:url(../img/promo-video-bg.jpg);
position:relative;
height:500px;
border-radius:10px}
.circle{
position:absolute;
top:50%;
left:50%;
width:150px;
height:150px;
border-radius:50%;
-webkit-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
z-index:1}
.play-video{
position:absolute;
width:65px;
height:65px;
border-radius:50%;
top:50%;
left:50%;
background-color:#3eb8e1;
text-align:center;
z-index:9;
-webkit-transform:translate(-50%,-50%);
transform:translate(-50%,-50%)}
.play-video i{
color:#fff;
font-size:38px;
line-height:77px;
margin:0 auto;
display:block}
.text{
position:absolute;
width:100%;
height:100%;
-webkit-animation:rotation 20s infinite linear;
animation:rotation 20s infinite linear}
.text span{
position:absolute;
left:50%;
font-size:14px;
-webkit-transform-origin:0 75px;
transform-origin:0 75px}
.partner-wrap.style2{
-webkit-box-shadow:0 0 25px rgba(0,0,0,.08);
box-shadow:0 0 25px rgba(0,0,0,.08);
padding:50px}
.partner-item-wrap{
display:-ms-grid;
display:grid;
-ms-grid-columns:1fr 1fr 1fr;
grid-template-columns:1fr 1fr 1fr;
-ms-grid-rows:1fr 1fr;
grid-template-rows:1fr 1fr;
grid-gap:25px}
.partner-item-wrap .partner-item{
padding:30px;
-webkit-box-shadow:0 0 25px rgba(0,0,0,.07);
box-shadow:0 0 25px rgba(0,0,0,.07);
border:1px solid transparent;
-webkit-transition:.3s;
transition:.3s}
.partner-item-wrap .partner-item:hover{
-webkit-box-shadow:none;
box-shadow:none;
border-color:rgba(0,0,0,.07)}
.partner-slider{
margin:-15px -5px}
.partner-slider .partner-item{
margin:15px 5px}
.partner-item.style2{
padding:30px;
border:1px solid rgba(0,0,0,.1);
-webkit-transition:.4s;
transition:.4s}
.partner-item.style2:hover{
-webkit-box-shadow:none;
box-shadow:none;
border-color:transparent;
-webkit-box-shadow:0 0 15px rgba(0,0,0,.08);
box-shadow:0 0 15px rgba(0,0,0,.08)}
.blog-wrap{
position:relative;
z-index:1}
.blog-wrap.style1:after{
position:absolute;
top:50px;
left:0;
content:"";
width:30%;
height:70%;
background-color:#f9f9f9;
z-index:-1}
.blog-card{
-webkit-box-shadow:0 2px 16px 0 rgba(0,0,0,.11);
box-shadow:0 2px 16px 0 rgba(0,0,0,.11);
margin-bottom:25px;
-webkit-transition:.4s;
transition:.4s}
.blog-card .blog-img{
overflow:hidden}
.blog-card .blog-img img{
-webkit-transition:.7s;
transition:.7s}
.blog-card .blog-info{
background:#fff;
padding:0 25px 22px}
.blog-card .blog-info .blog-metainfo li{
display:inline-block;
position:relative;
padding-left:25px;
margin-right:15px}
.blog-card .blog-info .blog-metainfo li:last-child{
margin-right:0}
.blog-card .blog-info .blog-metainfo li:last-child:after{
display:none}
.blog-card .blog-info .blog-metainfo li a{
color:#666}
.blog-card .blog-info .blog-metainfo li a:hover{
color:#3eb8e1}
.blog-card .blog-info .blog-metainfo li i{
position:absolute;
top:7px;
left:0;
font-size:15px;
line-height:.8;
color:#3eb8e1}
.blog-card .blog-info h3{
font-size:24px;
margin-bottom:0}
.blog-card.style1 .blog-img{
margin-bottom:25px}
.blog-card.style1 .blog-info .blog-metainfo{
margin-top:15px}
.blog-card.style2 .blog-info,.blog-card.style3 .blog-info,.blog-card.style7 .blog-info{
padding:25px 25px 22px}
.blog-card.style2 .blog-info .blog-metainfo,.blog-card.style3 .blog-info .blog-metainfo,.blog-card.style7 .blog-info .blog-metainfo{
margin-bottom:15px}
.blog-card.style2 .blog-info p,.blog-card.style3 .blog-info p,.blog-card.style7 .blog-info p{
margin:12px 0 0}
.blog-card.style3 .blog-img{
position:relative}
.blog-card.style3 .blog-img .blog-date{
position:absolute;
top:25px;
right:25px;
width:70px;
height:70px;
border-radius:50%;
background-color:#fff;
color:#3eb8e1;
font-size:17px;
font-weight:600;
text-align:center;
line-height:1.2}
.blog-card.style4{
background-color:transparent;
-webkit-box-shadow:none;
box-shadow:none;
border:1px solid rgba(0,0,0,.1)}
.blog-card.style4 .blog-img{
position:relative}
.blog-card.style4 .blog-img .blog-cat{
position:absolute;
top:20px;
right:20px;
display:inline-block;
background-color:#2c3990;
color:#fff;
padding:5px 15px 7px;
border-radius:50px}
.blog-card.style4 .blog-info{
padding:22px 25px;
position:relative;
background-color:transparent}
.blog-card.style4 .blog-info h3{
margin-bottom:0}
.blog-card.style4 .blog-info .blog-date{
position:absolute;
top:-35px;
right:20px;
width:70px;
height:70px;
border-radius:50%;
background-color:#fff;
color:#3eb8e1;
font-size:17px;
font-weight:600;
text-align:center;
line-height:1.2;
-webkit-box-shadow:0 5px 15px rgba(0,0,0,.07);
box-shadow:0 5px 15px rgba(0,0,0,.07)}
.blog-card.style4 .blog-info .blog-metainfo{
margin:0 0 15px}
.blog-card.style5 .blog-img .blog-date,.blog-card.style8 .blog-img .blog-date{
position:absolute;
top:0;
left:0;
color:#fff;
background-color:#3eb8e1;
line-height:1;
padding:13px 25px;
border-radius:0 0 15px 0;
-webkit-transition:.4s;
transition:.4s}
.blog-card.style5 .blog-info,.blog-card.style8 .blog-info{
padding:22px 0 0}
.blog-card.style5 .blog-info .blog-metainfo,.blog-card.style8 .blog-info .blog-metainfo{
margin-bottom:15px}
.blog-card.style5 .blog-info h3,.blog-card.style8 .blog-info h3{
margin:0 0 12px}
.blog-card.style5 .blog-info p,.blog-card.style8 .blog-info p{
margin:0}
.blog-card.style5{
padding:25px 25px 22px;
-webkit-box-shadow:0 0 15px rgba(0,0,0,.07);
box-shadow:0 0 15px rgba(0,0,0,.07);
border-radius:15px}
.blog-card.style5 .blog-img{
border-radius:15px;
position:relative}
.blog-card.style5 .blog-img img{
border-radius:15px}
.blog-card.style6{
-webkit-box-shadow:none;
box-shadow:none}
.blog-card.style6 .blog-img{
border-radius:10px}
.blog-card.style6 .blog-img img{
border-radius:10px}
.blog-card.style6 .blog-info{
padding:0}
.blog-card.style6 .blog-info .blog-metainfo{
margin:22px 0 15px}
.blog-card.style6 .blog-info h3{
margin-bottom:0}
.blog-card.style6:hover{
-webkit-box-shadow:none;
box-shadow:none}
.blog-card.style7{
border-radius:10px}
.blog-card.style7 .blog-img{
border-radius:10px 10px 0 0}
.blog-card.style7 .blog-img img{
border-radius:10px 10px 0 0}
.blog-card.style8{
-webkit-box-shadow:none;
box-shadow:none}
.blog-card.style8 .blog-img{
position:relative;
border-radius:20px 8px 8px 20px}
.blog-card.style8 .blog-img .blog-date{
background-color:#2c3990}
.blog-card.style8 .blog-img img{
border-radius:20px 8px 8px 20px}
.blog-card.style8:hover{
-webkit-box-shadow:none;
box-shadow:none}
.blog-card.style8:hover .blog-img .blog-date{
background-color:#3eb8e1}
.blog-card:hover{
-webkit-box-shadow:0 40px 51px -16px rgba(0,0,0,.1);
box-shadow:0 40px 51px -16px rgba(0,0,0,.1)}
.blog-card:hover .blog-img img{
-webkit-transform:scale(1.08) rotate(3deg);
transform:scale(1.08) rotate(3deg)}
.blog-card:hover .blog-info h3 a{
color:#3eb8e1}
.blog-card:hover .blog-info .blog-category{
background:#3eb8e1;
color:#fff}
.blog-card:hover .blog-info .link{
letter-spacing:.3px}
.blog-card:hover .blog-info .link.style1{
color:#3eb8e1}
.blog-card:hover .blog-info .link.style1 i{
right:-27px}
.blog-slider-one{
margin:-15px 0}
.blog-slider-one .blog-card{
margin:15px 0}
#msgSubmit{
margin:0}
.contact-bg-one{
background-image:url(../img/contact-bg-1.jpg)}
.contact-bg-two{
background-image:url(../img/contact-bg-2.jpg)}
.contact-map{
height:627px}
.contact-map iframe{
width:100%;
height:100%}
.contact-wrap.style4 .contact-bg-one,.contact-wrap.style4 .contact-bg-two{
height:740px;
width:100%}
.contact-wrap.style4 .contact-bg-two{
border-radius:10px}
.contact-wrap.style4 #contactForm12{
-webkit-box-shadow:0 0 15px rgba(0,0,0,.08);
box-shadow:0 0 15px rgba(0,0,0,.08);
padding:40px}
.contact-wrap.style4 #contactForm12 h5{
margin-bottom:25px}
#contactForm12 .form-group{
margin:0 0 20px}
#contactForm12 .form-group input,#contactForm12 .form-group textarea{
width:100%;
border:none;
padding:10px 15px;
border-radius:3px;
background-color:transparent;
border:1px solid rgba(0,40,86,.2)}
#contactForm12 .form-group input:focus,#contactForm12 .form-group textarea:focus{
border:1px solid rgba(0,0,0,.09)}
#contactForm12 .form-group input{
height:60px}
#contactForm12 .form-group textarea{
height:163px;
resize:none;
padding-top:18px}
#contactForm12 .form-group .form-check{
padding-left:0}
#contactForm12 .form-group .form-check input{
height:0}
#contactForm12 button.btn{
display:block;
width:100%}
.btn.disabled{
opacity:1}
.gallery-img{
display:block}
.service-desc-img{
position:relative;
margin-bottom:25px}
.service-desc-img .play-video{
background-color:#3eb8e1}
.service-desc-img .play-video i{
color:#fff;
font-size:22px;
line-height:71px}
.service-desc-img .play-video .play-now{
height:65px;
width:65px}
.service-desc-img .play-now .ripple,.service-desc-img .play-now .ripple:before,.service-desc-img .play-now .ripple:after{
height:65px;
width:65px}
.post-cat-title{
font-size:24px;
line-height:1;
font-weight:500;
margin-bottom:25px}
.post-cat-title span{
font-weight:600;
color:#3eb8e1}
article p,.service-desc p,.gallery-desc p,.terms-wrap p{
margin-bottom:20px}
article p strong,.service-desc p strong,.gallery-desc p strong,.terms-wrap p strong{
color:#000}
article p a,.service-desc p a,.gallery-desc p a,.terms-wrap p a{
color:#3eb8e1}
article p a:hover,.service-desc p a:hover,.gallery-desc p a:hover,.terms-wrap p a:hover{
text-decoration:underline;
color:#3eb8e1}
article h1,.service-desc h1,.gallery-desc h1,.terms-wrap h1{
font-size:30px;
margin-bottom:15px}
article h2,.service-desc h2,.gallery-desc h2,.terms-wrap h2{
font-size:28px;
margin-bottom:15px}
article h3,.service-desc h3,.gallery-desc h3,.terms-wrap h3{
font-size:26px;
margin-bottom:15px}
article h4,.service-desc h4,.gallery-desc h4,.terms-wrap h4{
font-size:24px;
margin-bottom:15px}
article h5,.service-desc h5,.gallery-desc h5,.terms-wrap h5{
font-size:22px;
margin-bottom:15px}
article h6,.service-desc h6,.gallery-desc h6,.terms-wrap h6{
font-size:20px;
margin-bottom:15px}
article ol,.service-desc ol,.gallery-desc ol,.terms-wrap ol{
margin-top:20px;
margin-bottom:25px}
article ol li,.service-desc ol li,.gallery-desc ol li,.terms-wrap ol li{
margin-bottom:15px;
color:#666;
padding-left:3px}
article .content-feature-list,.service-desc .content-feature-list,.gallery-desc .content-feature-list,.terms-wrap .content-feature-list{
margin:0 0 25px}
article{
margin-bottom:25px}
.post-navigation{
margin:0 0 25px}
.post-navigation .next-post,.post-navigation .prev-post{
width:50%;
display:block;
font-size:12px;
position:relative;
font-weight:600;
-webkit-transition:.3s;
transition:.3s}
.post-navigation .next-post span,.post-navigation .prev-post span{
display:block;
font-size:16px;
line-height:1.2;
-webkit-transition:.3s;
transition:.3s}
.post-navigation .next-post:hover,.post-navigation .prev-post:hover{
color:#3eb8e1}
.post-navigation .next-post:hover span,.post-navigation .prev-post:hover span{
color:#3eb8e1}
.post-navigation .next-post{
text-align:right}
.post-navigation .prev-post{
text-align:left}
.post-metainfo{
margin-bottom:15px}
.post-metainfo li{
display:inline-block;
position:relative;
padding-left:24px;
margin-right:18px}
.post-metainfo li:last-child{
margin-right:0}
.post-metainfo li a{
color:#666}
.post-metainfo li a:hover{
color:#3eb8e1}
.post-metainfo li i{
position:absolute;
top:0;
left:0;
font-size:16px;
color:#3eb8e1}
.post-img{
position:relative;
margin:0 0 25px;
display:block}
.post-img .blog-date{
display:inline-block;
-webkit-box-shadow:0 4px 15px rgba(0,0,0,.08);
box-shadow:0 4px 15px rgba(0,0,0,.08);
padding:7px 32px 8px;
position:absolute;
top:-10px;
left:20px;
z-index:1;
background-color:#3eb8e1;
color:#fff;
-webkit-transition:.3s;
transition:.3s}
.post-img .blog-date:hover{
background:#3eb8e1;
color:#fff}
.wp-block-quote{
position:relative;
padding:35px;
text-align:left;
margin:30px 0;
border-radius:5px;
background-color:#f9f9f9;
border-left:3px solid #3eb8e1}
.wp-block-quote p{
font-weight:500;
font-weight:400;
margin-bottom:0}
.wp-block-quote h5{
font-size:18px;
font-family:source sans pro,sans-serif;
font-weight:600;
position:relative;
margin:20px 0 0;
line-height:1.2;
padding-left:60px}
.wp-block-quote h5:before{
position:absolute;
top:9px;
left:0;
content:"";
width:45px;
height:2px;
background-color:#3eb8e1}
.post-meta-option{
border:1px solid rgba(0,0,0,.09);
padding:20px;
margin-bottom:25px}
.post-tag ul{
display:inline-block}
.post-tag ul li{
display:inline-block}
.post-tag ul li a{
color:#555;
font-size:16px;
border-radius:3px}
.post-tag ul li a:hover{
color:#3eb8e1}
.post-tag span{
margin-right:10px;
font-weight:500;
color:#000}
.post-tag span i{
position:relative;
top:1px;
color:#3eb8e1;
margin-right:3px}
.post-share{
display:inline-block}
.post-share span{
font-weight:500;
color:#000}
.post-share ul{
display:inline-block;
margin-left:5px;
position:relative;
top:2px}
.post-author{
padding:25px;
margin:15px 0 30px;
border-radius:5px;
border:1px solid rgba(0,0,0,.09)}
.post-author .post-author-img{
width:150px;
height:150px;
border-radius:50%}
.post-author .post-author-img img{
border-radius:50%}
.post-author .post-author-info{
width:calc(100% - 175px);
margin-left:25px}
.post-author .post-author-info h4{
font-size:22px;
font-weight:600;
line-height:1;
margin-bottom:15px}
.post-author .post-author-info p{
margin:0 0 15px}
.comment-box-wrap{
border:1px solid rgba(0,0,0,.09);
padding:25px}
.comment-item-wrap .comment-item{
padding:0 0 25px;
margin-bottom:25px;
border-radius:5px;
border-bottom:1px solid rgba(0,0,0,.09)}
.comment-item-wrap .comment-item:last-child{
border-bottom:none;
padding-bottom:0;
margin-bottom:0}
.comment-item-wrap .comment-item.reply{
margin-left:40px}
.comment-item-wrap .comment-item:last-child{
margin-bottom:0}
.comment-item-wrap .comment-item .comment-author-img{
width:100px;
height:100px;
border-radius:50%;
position:relative}
.comment-item-wrap .comment-item .comment-author-img img{
border-radius:50%}
.comment-item-wrap .comment-item .comment-author-wrap{
width:calc(100% - 120px);
margin-left:20px}
.comment-item-wrap .comment-item .comment-author-wrap .comment-author-name{
margin:0 0 9px}
.comment-item-wrap .comment-item .comment-author-wrap .comment-author-name h5{
line-height:1;
margin:0 20px 0 0;
font-size:18px;
font-weight:600;
display:inline-block}
.comment-item-wrap .comment-item .comment-author-wrap .comment-author-name .comment-date{
font-size:14px;
font-weight:500;
line-height:1;
color:#888;
margin-left:5px}
.comment-item-wrap .comment-item .comment-author-wrap .comment-text p{
margin:0}
.comment-item-wrap .reply-btn{
display:inline-block;
line-height:1;
font-weight:500;
color:#3eb8e1;
border-radius:4px;
background-color:transparent;
-webkit-transition:.3s;
transition:.3s}
.comment-item-wrap .reply-btn i{
position:relative;
margin-right:4px;
top:2px}
.comment-item-wrap .reply-btn:hover{
color:#2c3990}
.comment-box-title h4{
margin-bottom:0;
line-height:1;
position:relative}
.comment-box-title p{
margin-top:10px;
margin-bottom:0}
#cmt-form{
margin-top:35px;
border:1px solid rgba(0,0,0,.08);
padding:25px}
#cmt-form label{
color:#888;
padding-left:20px}
#cmt-form .comment-form .form-group{
margin:0 0 20px;
position:relative}
#cmt-form .comment-form .form-group>label{
font-weight:500;
display:block;
margin:0 0 5px;
padding-left:0;
color:#888}
#cmt-form .comment-form .form-group input,#cmt-form .comment-form .form-group textarea{
width:100%;
border:none;
border-radius:5px;
padding:15px;
color:#000;
background-color:transparent;
border:1px solid rgba(0,0,0,.09)}
#cmt-form .comment-form .form-group input:focus,#cmt-form .comment-form .form-group textarea:focus{
-webkit-box-shadow:0 0 10px rgba(0,0,0,.1);
box-shadow:0 0 10px rgba(0,0,0,.1)}
#cmt-form .comment-form .form-group input{
height:60px}
#cmt-form .comment-form .form-group textarea{
height:145px;
resize:none}
.post-cat-title{
font-size:24px;
line-height:1;
font-weight:500;
margin-bottom:25px}
.post-cat-title span{
font-weight:600;
color:#3eb8e1}
.owl-carousel .owl-nav button.owl-prev,.owl-carousel .owl-nav button.owl-next,.social-profile.style1 li a,.social-profile.style2 li a,.searchbtn,.search-area,.about-wrap.style1 .about-content .about-subtext span,.about-wrap.style5 .about-img-wrap .about-promo-text>span,.feature-item-wrap .feature-item .feature-icon,.promo-card .promo-icon,.service-card.style1 .service-info .service-icon,.service-card.style2 .service-icon,.service-card.style8 .service-icon,.service-card.style4 .service-info .service-title .service-icon,.service-card.style5 .service-icon,.service-card.style6 .service-icon,.gallery-card.style8 .gallery-info,.pricing-table.style2 .pricing-header-wrap .pricing-icon,.pricing-table.style4 .pricing-header-wrap .pricing-icon,.testimonial-card.style4 .client-img .quote-icon,.blog-card.style3 .blog-img .blog-date,.blog-card.style4 .blog-info .blog-date,.service-card.style7 .service-info,.header-wrap .header-top .header-top-right,.select-lang .navbar-language .dropdown-toggle,.schedule-widget ul li,.gallery-info-widget .gallery-info-item-wrap .gallery-info-item,.hero-wrap.style1 .hero-slide-item .hero-content .hero-btn,.hero-wrap.style2 .hero-slide-item .hero-content .hero-btn,.hero-wrap.style4 .hero-slide-item .hero-content .hero-btn,.hero-wrap.style1 .hero-slide-item .hero-content .hero-btn .watch-video,.hero-wrap.style2 .hero-slide-item .hero-content .hero-btn .watch-video,.hero-wrap.style4 .hero-slide-item .hero-content .hero-btn .watch-video,.about-wrap.style1 .about-content .about-subtext,.about-wrap.style3 .about-content .feature-item-wrap,.about-wrap.style3 .about-content .feature-item-wrap .feature-item,.about-wrap.style5 .about-img-wrap .about-promo-text,.promo-card.style2 .promo-title,.service-card.style4 .service-info .service-title,.department-wrap.style8 .dp-content .feature-item-wrap .feature-item,.gallery-card.style3 .gallery-info,.gallery-card.style4 .gallery-info,.gallery-card.style5 .gallery-info,.pricing-table.style2 .pricing-header-wrap,.pricing-table.style4 .pricing-header-wrap,.testimonial-card .client-info-area,.testimonial-card .client-info-area .client-info-wrap,.testimonial-card.style6 .client-info-area,.testimonial-card.style7 .client-info-area .quote-wrap,.testimonial-card.style7 .client-info-wrap,.post-navigation,.footer-bottom .social-link,.hero-wrap.style5 .hero-img-wrap,.about-wrap.style4 .about-tablist,.about-wrap.style7 .about-img-wrap,.about-wrap.style8 .about-img-wrap,.dp-tablist,.team-slider-one.owl-carousel.style1 .owl-dots,.testimonial-slider-one.style3.owl-carousel .owl-nav,.pricing-tablist,.owl-carousel .owl-nav,.pp-post-item,.about-wrap.style5 .about-content .feature-item-wrap,.feature-item-wrap .feature-item,.service-card.style5 .service-info-wrap,.service-card.style6 .service-info-wrap,.hw-tablist,.department-wrap.style3 .dp-content .feature-item-wrap .feature-item,.department-wrap.style8 .dp-content .feature-item-wrap,.gallery-item-wrap.style5,.team-card.style4,.team-card.style7 .team-img .member-social .social-profile,.testimonial-card.style6 .client-info-area .client-info-wrap,.post-author,.comment-item-wrap .comment-item{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap}
.owl-carousel .owl-nav button.owl-prev,.owl-carousel .owl-nav button.owl-next,.social-profile.style1 li a,.social-profile.style2 li a,.searchbtn,.search-area,.about-wrap.style1 .about-content .about-subtext span,.about-wrap.style5 .about-img-wrap .about-promo-text>span,.feature-item-wrap .feature-item .feature-icon,.promo-card .promo-icon,.service-card.style1 .service-info .service-icon,.service-card.style2 .service-icon,.service-card.style8 .service-icon,.service-card.style4 .service-info .service-title .service-icon,.service-card.style5 .service-icon,.service-card.style6 .service-icon,.gallery-card.style8 .gallery-info,.pricing-table.style2 .pricing-header-wrap .pricing-icon,.pricing-table.style4 .pricing-header-wrap .pricing-icon,.testimonial-card.style4 .client-img .quote-icon,.blog-card.style3 .blog-img .blog-date,.blog-card.style4 .blog-info .blog-date{
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center}
.header-wrap .header-top .header-top-right,.select-lang .navbar-language .dropdown-toggle,.schedule-widget ul li,.gallery-info-widget .gallery-info-item-wrap .gallery-info-item,.hero-wrap.style1 .hero-slide-item .hero-content .hero-btn,.hero-wrap.style2 .hero-slide-item .hero-content .hero-btn,.hero-wrap.style4 .hero-slide-item .hero-content .hero-btn,.hero-wrap.style1 .hero-slide-item .hero-content .hero-btn .watch-video,.hero-wrap.style2 .hero-slide-item .hero-content .hero-btn .watch-video,.hero-wrap.style4 .hero-slide-item .hero-content .hero-btn .watch-video,.about-wrap.style1 .about-content .about-subtext,.about-wrap.style3 .about-content .feature-item-wrap,.about-wrap.style3 .about-content .feature-item-wrap .feature-item,.about-wrap.style5 .about-img-wrap .about-promo-text,.promo-card.style2 .promo-title,.service-card.style4 .service-info .service-title,.department-wrap.style8 .dp-content .feature-item-wrap .feature-item,.gallery-card.style3 .gallery-info,.gallery-card.style4 .gallery-info,.gallery-card.style5 .gallery-info,.pricing-table.style2 .pricing-header-wrap,.pricing-table.style4 .pricing-header-wrap,.testimonial-card .client-info-area,.testimonial-card .client-info-area .client-info-wrap,.testimonial-card.style6 .client-info-area,.testimonial-card.style7 .client-info-area .quote-wrap,.testimonial-card.style7 .client-info-wrap,.post-navigation,.footer-bottom .social-link{
-webkit-box-align:center;
-ms-flex-align:center;
-ms-grid-row-align:center;
align-items:center}
.header-wrap .header-top .header-top-right,.pricing-tablist,.footer-bottom .social-link{
-webkit-box-pack:end;
-ms-flex-pack:end;
justify-content:flex-end}
.footer-wrap{
position:relative;
z-index:1;
background-color:#2c3990}
.footer-wrap .container{
position:relative}
.footer-wrap .footer-widget{
margin-bottom:25px}
.footer-wrap .footer-widget .footer-widget-title{
font-size:24px;
font-weight:600;
color:#fff;
margin-bottom:30px;
padding-bottom:15px;
position:relative}
.footer-wrap .footer-widget .footer-widget-title:after{
position:absolute;
bottom:0;
left:0;
content:"";
width:65px;
height:2px;
background-color:#3eb8e1}
.footer-wrap .footer-widget .footer-logo{
margin-bottom:15px;
display:block}
.footer-wrap .footer-widget .comp-desc{
color:rgba(255,255,255,.8);
margin:25px 0 30px;
padding-right:10px}
.footer-wrap .footer-widget .footer-menu li{
margin-bottom:15px}
.footer-wrap .footer-widget .footer-menu li:last-child{
margin-bottom:0}
.footer-wrap .footer-widget .footer-menu li a{
color:rgba(255,255,255,.8);
position:relative;
padding-left:20px}
.footer-wrap .footer-widget .footer-menu li a i{
position:absolute;
top:-1px;
left:0;
font-size:16px;
color:rgba(255,255,255,.8);
-webkit-transition:.4s;
transition:.4s}
.footer-wrap .footer-widget .footer-menu li a:hover{
letter-spacing:.1px;
padding-left:24px;
color:#3eb8e1}
.footer-wrap .footer-widget .footer-menu li a:hover i{
left:4px;
color:#3eb8e1}
.footer-wrap .footer-widget .contact-info li{
position:relative;
padding-left:32px;
margin-bottom:15px}
.footer-wrap .footer-widget .contact-info li:last-child{
margin-bottom:0}
.footer-wrap .footer-widget .contact-info li i{
position:absolute;
top:4px;
left:0;
font-size:18px;
line-height:.8;
color:#3eb8e1}
.footer-wrap .footer-widget .contact-info li p,.footer-wrap .footer-widget .contact-info li a{
color:rgba(255,255,255,.8);
margin-bottom:0;
-webkit-transition:.3s;
transition:.3s}
.footer-wrap .footer-widget .newsletter-form{
position:relative}
.footer-wrap .footer-widget .newsletter-form input{
width:100%;
height:57px;
border:none;
border-radius:0;
background-color:transparent;
border:1px solid rgba(255,255,255,.2);
color:#fff;
text-align:left;
padding:15px 15px 15px 20px;
border-radius:5px;
margin-bottom:20px}
.footer-wrap .footer-widget .newsletter-form input::-webkit-input-placeholder{
opacity:.8;
color:#fff}
.footer-wrap .footer-widget .newsletter-form input:-ms-input-placeholder{
opacity:.8;
color:#fff}
.footer-wrap .footer-widget .newsletter-form input::-ms-input-placeholder{
opacity:.8;
color:#fff}
.footer-wrap .footer-widget .newsletter-form input::placeholder{
opacity:.8;
color:#fff}
.footer-wrap .footer-widget .newsletter-form button{
width:100%;
display:block;
background-color:#3eb8e1;
border-radius:5px;
text-align:center;
color:#fff;
font-weight:500;
padding:15px 15px 16px;
border:none;
-webkit-transition:.4s;
transition:.4s}
.footer-wrap .footer-widget .newsletter-form button:hover{
background-color:#fff;
color:#3eb8e1}
.footer-bottom{
border-top:1px solid rgba(255,255,255,.1);
padding:18px 0}
.footer-bottom .social-link h6{
font-family:source sans pro,sans-serif;
font-weight:500;
color:rgba(255,255,255,.8);
line-height:1;
margin:0 10px 0 0}
.footer-bottom .social-link .social-profile li a{
color:#fff;
font-size:18px}
.footer-bottom .social-link .social-profile li a:hover{
-webkit-transform:translateY(-2px);
transform:translateY(-2px)}
.copyright-text{
margin:0;
color:rgba(255,255,255,.8)}
.copyright-text i{
position:relative;
top:2px;
margin-right:2px}
.copyright-text a{
color:#3eb8e1;
font-weight:500}
.copyright-text a:hover{
text-decoration:underline}
@media only screen and (max-width:767px){
.footer-wrap .footer-widget .footer-widget-title{
font-size:20px;
margin-bottom:8px}
.footer-wrap .footer-widget .comp-desc{
font-size:14px;
padding-right:10px}
.footer-wrap .footer-widget h6{
font-size:16px}
.footer-wrap .footer-widget .contact-info li{
margin-bottom:10px}
.footer-wrap .footer-widget .contact-info li i{
top:5px}
.footer-wrap .footer-widget .contact-info p,.footer-wrap .footer-widget .contact-info a{
font-size:14px}
.footer-wrap .footer-widget .footer-menu li{
margin-bottom:8px}
.footer-wrap .footer-widget .footer-menu li a{
font-size:14px}
.footer-wrap .footer-widget .footer-menu li a i{
font-size:14px;
top:-1px}
.footer-wrap .footer-widget .newsletter-form input{
height:48px}
.footer-wrap .footer-widget .newsletter-form button{
padding:12px 15px}
.footer-wrap .footer-widget .newsletter-form input,.footer-wrap .footer-widget .newsletter-form button{
font-size:14px}
.footer-wrap .footer-bottom .copyright-text{
text-align:center;
margin:0 0 15px}
.footer-wrap .footer-bottom .social-link{
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center}
}
@media only screen and (min-width:768px) and (max-width:991px){
.footer-wrap .footer-widget .footer-widget-title{
font-size:22px}
}
@media only screen and (max-width:991px){
.footer-wrap .footer-widget .footer-widget-title{
margin-bottom:15px}
.footer-wrap .footer-widget .comp-desc{
margin:15px 0 20px}
}
@media only screen and (min-width:992px) and (max-width:1199px){
.footer-wrap .footer-widget .comp-desc{
padding-right:20px}
}
@media only screen and (max-width:1199px){
.footer-wrap .footer-top .footer-widget .footer-widget-title{
margin-bottom:18px}
}
@media only screen and (min-width:1200px){
.footer-wrap .footer-widget .comp-desc{
padding-right:40px}
}
.buy-now-btn{
right:20px;
z-index:99;
top:50%;
position:fixed;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
border-radius:30px;
display:inline-block;
color:#fff;
background-color:#82b440;
padding:10px 20px 10px 42px;
-webkit-box-shadow:0 1px 20px 1px #82b440;
box-shadow:0 1px 20px 1px #82b440;
font-size:15px;
font-weight:600}
.buy-now-btn img{
top:50%;
left:20px;
width:15px;
position:absolute;
-webkit-transform:translateY(-50%);
transform:translateY(-50%)}
.buy-now-btn:hover{
color:#fff;
background-color:#94be5d}
.logo-light{
	width: 224px;
}
@media only screen and (max-width: 600px) {
  .logo-light{
	width: 224px;
}
.logo-c{
    text-align:center!important;
}
.eye-surge {
    font-size: 26px !important;
    margin-bottom: 0px !important;
    margin-top: -7px !important; 
    letter-spacing: 0px !important;
}
.mbbs {
    font-size: 17px !important;
    font-weight: 600 !important;
    margin-bottom: 0px !important;
    margin-top: 0px !important;
}
.book-appointment {
    padding: 20px;
    margin-top: 35px !important;
}

.foot-phone{
    font-size: 30px !important;
    font-weight: 600 !important;
	padding-left: 45px !important;
}
.book-appointment{
    margin: 0px 0px;
}
.new-cent{
    text-align:center !important;
}
.hero-content{
background: #ffffffbd;
    padding: 10px;
    border-radius: 10px;
}
.footer-bgf{
        background: #3eb8e11f !important;
    padding: 10px !important;
    border-radius: 10px !important;
    margin: 10px 0px !important;
}
.pagess{
    margin-top: 0px !important;
    padding-right: 0px !important;
    font-size: 14px;
}
#mobilephone{
    display:block !important;
}
#home{
    display:none !important;
}
}
.eye-surge{
	font-size:42px;
	margin-bottom: 0px !important;
	margin-top: -22px;
}
.mbbs{
	font-size:30px;
	font-weight:500px;
	margin-bottom: 0px !important;
	margin-top: -15px;
}


.slideimg{
border-radius: 10px 10px 0px 0px;
}

.footer-logo23{
	width: 295px;
    border-radius: 12px;
}
.foot-phone{
    font-size: 30px;
    font-weight: 600;
	padding-left: 45px !important;
}
.foot-phone i{
    font-size: 30px !important;
    font-weight: 600 !important;
}
.whatsapp {
    position: fixed;
    bottom: 10px;
    width: 50px;
    left: 10px;
    z-index: 9;
}
.about-img-two{
width: 246px;
    box-shadow: 0px 0px 7px 0px #cdcdcd;
    border-radius: 10px;
	}
.about-img-one{	
	border-radius: 10px;
}
.logoss{
    width: 250px !important;
}
.pagess{
    margin-top: 0px !important;
    padding-right: 0px !important;
    font-size: 14px;
}
.footer-bgf{
        background: #3eb8e11f;
    padding: 10px;
    border-radius: 10px;
    margin: 10px 30px;
}
.logo-c{
    text-align:left;
}
#mobilephone{
    display:none;
}
#home{
    display:block;
}