/* Table of Content
==================================================
	#Font-Face
	#Site Styles
	#Media Queries */

/* #Font-Face
================================================== */
@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100&family=Poppins:wght@100;200;300;400;500;600;700;800;900&family=Roboto:wght@100;300;400;500;700;900&family=Syne:wght@400;500;600;700;800&display=swap');

/* #Site Styles
================================================== */

/* ### general ### */
html,
body { font-family: 'Roboto', sans-serif; font-size: 15px; line-height: 1.75; color: #414141; }
body { background: #fff; }
input,
select,
textarea { font-family: 'Roboto', sans-serif; font-size: 16px; color: #414141; }
img { display: block; max-width: 100%; height: auto; border: 0; }
:focus { outline: none; }
a { transition: all 0.3s ease-in-out; }
h1,
h2,
h3,
h4,
h5,
h6 { font-family: 'Spartan', sans-serif; font-weight: 700; }
h2 { font-size: 30px; }
h3 { font-size: 20px; }

section#normalcontent {
	padding:120px 0;
	background: #0867a5;
	color:#fff;
}


.cd-top {
    color: #fff;
    position: fixed;
    bottom: 15px;
    right: 25px;
    background: #1f7dc2;
    width: 45px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    z-index: 999;
}

/* ### global classes ### */
.clear { visibility: hidden; clear: both; height: 0; line-height: 0; }
.container { padding-right: 15px; padding-left: 15px; }
.flex-wrap { flex-wrap: wrap; }
.btn-link { display: inline-flex; align-items: center; font-family: 'Spartan', sans-serif; font-weight: 700; text-transform: uppercase; text-decoration: none; color: #212121; }
.btn-link:after { margin-left: 15px; font-family: 'icomoon', sans-serif; color: #105884; content: '\e908'; }
.btn-link:hover { color: #105884; }

/* ### wrapper ### */
#wrapper { position: relative; display: block; width: 100%; min-height: 100%; overflow: hidden; }

/* ### main container ### */
#mainCntr { width: 100%; }

/* ### header container ### */
#headerCntr { position: fixed; z-index: 5; width: 100%; background: #fff; }
#headerCntr .container { position: relative; max-width: 1836px; }
#headerCntr .logo { position: absolute; top: -99px; left: 20px; z-index: 1; width: 225px; }
#headerCntr .mobileMenu { margin-left: 20px; position: relative; z-index: 15; display: none; width: 48px; height: 48px; border: 1px solid #0568a5; transition: 0.2s; cursor: pointer; overflow: hidden; }
#headerCntr .mobileMenu span { position: absolute; top: 50%; right: 25%; left: 25%; display: block; height: 2px; text-indent: -9999px; border-radius: 1px; background: #0568a5; transition: 0.2s; }
#headerCntr .mobileMenu span:before,
#headerCntr .mobileMenu span:after { position: absolute; left: 0; display: block; width: 100%; height: 2px; border-radius: 1px; background-color: #0568a5; transition-duration: 0.2s, 0.2s; content: ''; }
#headerCntr .mobileMenu span:before { top: -7px; }
#headerCntr .mobileMenu span:after { bottom: -7px; }
.mm-opened #headerCntr .mobileMenu span { background: none; }
.mm-opened #headerCntr .mobileMenu.is-active span:before,
.mm-opened #headerCntr .mobileMenu.is-active span:after { transition-delay: 0s, 0.2s; }
.mm-opened #headerCntr .mobileMenu span:before { top: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.mm-opened #headerCntr .mobileMenu span:after { bottom: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

/* ### information box ### */
.informationBox { padding: 15px 0 10px; width: 100%; min-height: 85px; }
.informationBox ul { margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: flex-end; list-style: none; }
.informationBox li { margin-left: 23px; display: inline-flex; flex-wrap: wrap; align-items: center; width: 100%; max-width: 313px; }
.adress{ max-width: 413px; }
.informationBox li a { display: inline-flex; flex-wrap: wrap; align-items: center; text-decoration: none; color: #707070; }
.informationBox li a:hover { color: #212121; }
.informationBox .icon { margin-right: 15px; display: flex; align-items: center; justify-content: center; width: 62px; height: 62px; color: #184b83; border: 8px solid #fbf7f4; border-radius: 50%; background: #f5f0ea; }
.informationBox .text { width: calc(100% - 77px); }
.informationBox h6 { margin-bottom: 0px; font-family: 'Roboto', sans-serif; font-size: 18px; font-weight: 500; color: #212121; }
.informationBox .icon-telephone-call { font-size: 21px; }
.informationBox .icon-location { font-size: 21px; }

/* ### menu box ### */
.menuBox:not(.mm-menu) { padding: 3px 0 2px; width: 100%; background: #0568a5; }
.menuBox:not(.mm-menu) .container { padding-left: 424px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; width: 100%; }
.menuBox:not(.mm-menu) ul { margin: 0; padding: 0; display: flex; flex-wrap: wrap; list-style: none; }
.menuBox:not(.mm-menu) li { margin-right: 40px; }
.menuBox:not(.mm-menu) li:last-child { margin-right: 0; }
.menuBox:not(.mm-menu) li a { font-family: 'Spartan', sans-serif; font-weight: 500; text-transform: uppercase; text-decoration: none; color: #fff; }
.menuBox:not(.mm-menu) li a:hover { color: #212121; }
.menuBox:not(.mm-menu) .btn { padding: 0 20px; display: inline-flex; align-items: center; height: 40px; font-family: 'Spartan', sans-serif; font-size: 15px; font-weight: 700; letter-spacing: 0.5px; color: #fff; border: 2px solid #fff; border-radius: 0; padding-top:2px; margin-bottom: 8px; margin-top: 9px;}
.menuBox:not(.mm-menu) .btn i { margin-left: 15px; }
.menuBox:not(.mm-menu) .btn:hover { color: #0568a5; background: #fff; }

/* ### content container ### */
#contentCntr { width: 100%; }

/* ### banner box ### */
.bannerBox { margin-bottom: 124px; position: relative; z-index: 1; width: 100%; }
.bannerBox .block { padding: 40px 0; display: flex; flex-wrap: wrap; align-content: center; align-items: center; width: 100%; min-height: 847px; line-height: 1.9; text-align: center; color: #fff; }
.bannerBox .subtitle { margin-bottom: 55px; width: 100%; font-size: 20px; font-weight: 500; letter-spacing: 7px; text-align: center; color: #fff; }
.bannerBox h1 { margin-bottom: 14px; width: 100%; font-size: 75px; font-weight: 700; line-height: 1.35; text-align: center; color: #fff; }
.bannerBox p { margin: 0 auto 10px; width: 100%; max-width: 1024px; }
.bannerBox .button { width: 100%; }
.bannerBox .btn-link { font-family: 'Spartan', sans-serif; color: #fff; }
.bannerBox .btn-link:after { color: #fff; }
.bannerBox .bg { position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; }
.bannerBox .bg img { width: 100%; height: 100%; object-fit: cover; object-position: center center; }

/* ### discover box ### */
.discoverBox { margin-bottom: 198px; width: 100%; }
.discoverBox .text { margin-left: -37px; padding: 4px 0 0; width: 100%; max-width: 456px; }
.discoverBox .subtitle { margin-bottom: 25px; font-family: 'Spartan', sans-serif; font-size: 18px; font-weight: 600; color: #105884; }
.discoverBox h2 { margin-bottom: 49px; font-family: 'Spartan', sans-serif; font-weight: 700; line-height: 1.14; color: #212121; }
.discoverBox .tel { margin: 64px 0 65px; padding-left: 128px; position: relative; display: flex; align-items: center; width: 100%; height: 70px; font-size: 17px; font-weight: 900; text-decoration: none; color: #fff; background: #414141; }
.discoverBox .tel i { position: absolute; top: 0; left: 0; display: flex; align-items: center; justify-content: center; width: 100px; height: 100%; font-size: 45px; color: #fff; background: #1a4e87; }
.discoverBox .tel:hover { background: #1a4e87; }
.discoverBox .image { margin-left: -34px; position: relative; z-index: 1; }
.discoverBox .image:before,
.discoverBox .image:after { position: absolute; z-index: -1; width: 210px; height: 232px; background: url('../images/grid.png') no-repeat; content: ''; }
.discoverBox .image:before { top: -63px; right: -62px; }
.discoverBox .image:after { bottom: -72px; left: -72px; opacity: 0.64; }
.discoverBox .gradient { position: absolute; right: -62px; bottom: -93px; z-index: -1; width: 77.2%; height: 553px; background-image: linear-gradient(to bottom, rgba(29, 105, 173, 1) 0%, rgba(15, 53, 87, 1) 100%); }

/* ### service box ### */
.serviceBox { padding: 100px 0 48px; width: 100%; background-image: radial-gradient(ellipse at center, rgba(26, 78, 135, 1) 0%, rgba(13, 39, 68, 1) 100%); }
.serviceBox .subtitle { margin-bottom: 31px; display: flex; justify-content: center; font-family: 'Spartan', sans-serif; font-size: 18px; font-weight: 600; color: #fff; }
.serviceBox .subtitle span { padding: 0 170px; position: relative; }
.serviceBox .subtitle span:before,
.serviceBox .subtitle span:after { position: absolute; top: 50%; display: block; width: 104px; height: 18px; transform: translateY(-50%); content: ''; }
.serviceBox .subtitle span:before { left: 0; background: url('../images/icon.png') no-repeat; }
.serviceBox .subtitle span:after { right: 0; background: url('../images/icon1.png') no-repeat; }
.serviceBox h2 { margin-bottom: 59px; text-align: center; color: #fff; }

/* ### card service ### */
.card-service { padding: 28px 30px 24px; display: block; width: 100%; height: 100%; text-decoration: none; color: #212121; background: #fff; }
.card-service .icon { margin-bottom: 15px; width: 100%; font-size: 59px; line-height: 1; text-align: center; color: #0f39ac; }
.card-service h3 { font-size: 20px; }
.card-service p { margin-bottom: 21px; }
.card-service .arrow { font-size: 15px; color: #0f39ac; }
.card-service:hover { color: #105884; }

/* ### testimonial box ### */
.testimonialBox { padding: 82px 0 108px; position: relative; z-index: 1; width: 100%; }
.testimonialBox h2 { margin-bottom: 79px; text-align: center; color: #1a4e87; }
.testimonialBox .slider { display: flex; flex-wrap: wrap; width: 100%; }
.testimonialBox .slick-list { margin: 0 -15px; padding: 0 15px; }
.testimonialBox .item { margin-right: 30px; padding-bottom: 30px; width: 370px; }
.testimonialBox .item:last-child { margin-right: 0; }
.testimonialBox:before,
.testimonialBox:after { position: absolute; z-index: -1; width: 210px; height: 232px; background: url('../images/grid.png') no-repeat; content: ''; }
.testimonialBox:before { top: -32px; right: 66px; opacity: 0.3; }
.testimonialBox:after { bottom: -94px; left: -70px; }

/* ### card testimonial ### */
.card-testimonial { padding: 40px 40px 27px; position: relative; display: block; width: 100%; text-decoration: none; color: #2e2e2e; background: #f5f5f5; min-height: 385px; }
.card-testimonial .image { margin-bottom: 18px; position: relative; width: 112px; }
.card-testimonial .image img { width: 100%; border-radius: 50%; }
.card-testimonial .image:after { position: absolute; top: 7px; right: -23px; display: flex; align-items: center; justify-content: center; width: 46px; height: 46px; font-family: 'icomoon', sans-serif; font-size: 14px; color: #0f39ac; border-radius: 50%; background: #fff; content: '\e905'; }
.card-testimonial p { margin-bottom: 37px; }
.card-testimonial h3 { margin-bottom: 18px; font-family: 'Jost', sans-serif; font-size: 20px; color: #000; }
.card-testimonial .post { padding-right: 110px; font-family: 'Poppins', sans-serif; }
.card-testimonial .rating { position: absolute; right: 28px; bottom: 27px; font-size: 15px; color: #ffa200; }
.card-testimonial .rating i { margin-left: 4px; }
.card-testimonial:hover { color: #2e2e2e; box-shadow: 0 15px 20px 0 rgba(50, 73, 179, 0.08); background: #fff; }

/* ### streamer box ### */
.streamerBox { margin-bottom: 89px; position: relative; display: flex; align-items: center; width: 100%; min-height: 276px; }
.streamerBox h2 { font-family: 'Spartan', sans-serif; text-align: center; color: #fff; }
.streamerBox .bg { position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; }
.streamerBox .bg img { width: 100%; height: 100%; object-fit: cover; object-position: center center; }

/* ### team box ### */
.teamBox { margin-bottom: 95px; width: 100%; }
.teamBox h2 { margin-bottom: 55px; font-family: 'Spartan', sans-serif; text-align: center; color: #1a4e87; }
.teamBox .block { margin-top: 10px; padding: 36px 0 14px; width: 100%; border-top: 1px dashed #dbdbdb; border-bottom: 1px dashed #dbdbdb; }
.teamBox .room { width: 100%; }
.teamBox .room img { width: 100%; height: auto; }

/* ### card team ### */
.card-team { display: block; width: 100%; background:#f1f1f1; padding: 15px;}
.card-team .image { margin-bottom: 29px; width: 100%; }
.card-team .image img { width: 100%; height: auto; }
.card-team h3 { margin-bottom: 5px; font-size: 22px; }
.card-team .post { margin-bottom: 16px; }
.card-team .social { margin: 0; padding: 36px 0 0; display: flex; flex-wrap: wrap; list-style: none; border-top: 1px dashed #dbdbdb; }
.card-team .social li { margin-right: 18px; font-size: 14px; }
.card-team .social li a { text-decoration: none; color: #919191; }
.card-team .social li a:hover { color: #0f39ac; }

/* ### contact box ### */
.contactBox { padding: 115px 0 53px; position: relative; width: 100%; }
.contactBox .form { margin-left: 100px; width: 100%; max-width: 573px; }
.contactBox .subtitle { margin-bottom: 26px; font-family: 'Spartan', sans-serif; font-size: 18px; font-weight: 600; color: #fff; }
.contactBox .subtitle span { padding-right: 138px; position: relative; }
.contactBox .subtitle span:after { position: absolute; top: 50%; right: 0; display: block; width: 104px; height: 18px; background: url('../images/icon1.png') no-repeat; transform: translateY(-50%); content: ''; }
.contactBox h2 { margin-bottom: 39px; color: #fff; }
.contactBox .input { margin-bottom: 20px; width: 100%; }
.contactBox input { padding: 10px 15px; width: 100%; height: 70px; color: #000; border: 0; background: #fff; }
.contactBox textarea { padding: 10px 15px; width: 100%; height: 195px; color: #000; border: 0; background: #fff; }
.contactBox .btn { width: 140px; height: 46px; color: #fff; border: 0; border-radius: 0; background: #1c66ab; cursor: pointer; }
.contactBox:before { position: absolute; top: -45px; left: -2px; z-index: 0; width: 210px; height: 232px; background: url('../images/grid.png') no-repeat; content: ''; }
.contactBox .button { margin-top: 32px; width: 100%; }
.contactBox .bg { position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; }
.contactBox .bg:before { position: absolute; top: 0; left: 0; width: 59.75%; height: 100%; background: rgba(29, 74, 113, 0.91); content: ''; }
.contactBox .bg img { width: 100%; height: 100%; object-fit: cover; object-position: center center; }

/* ### footer container ### */
#footerCntr { position: relative; overflow: hidden; width: 100%; }
#footerCntr .block { padding: 77px 0 43px 88px; position: relative; width: 100%; }
#footerCntr .block:before { position: absolute; top: 0; left: 331px; z-index: -1; width: 100vw; height: 100%; background: linear-gradient(to bottom, rgba(29, 56, 90, 1) 0%, rgba(6, 11, 18, 1) 100%); content: ''; }

/* ### footer box ### */
.footerBox { margin-bottom: 104px; width: 100%; }
.footerBox .logo { margin-left: -3px; display: inline-block; }
.footerBox .address { margin-left: -15px; padding: 10px 20px 0 0; width: 50%; }
.footerBox .hours { padding-top: 10px; width: 50%; }
.footerBox h6 { margin-bottom: 6px; font-family: 'Roboto', sans-serif; font-size: 16px; text-transform: uppercase; color: #cecece; }
.footerBox address { margin-bottom: 29px; font-style: normal; line-height: 1.8; color: #cecece; }
.footerBox .tel { margin-bottom: 29px; color: #cecece; }
.footerBox .tel a { text-decoration: none; color: #cecece; }
.footerBox .tel a:hover { color: #1c66ab; }
.footerBox .working-day { margin: 0; padding: 0; list-style: none; }
.footerBox .working-day li { display: flex; flex-wrap: wrap; width: 100%; line-height: 1.8; color: #cecece; }
.footerBox .day { width: 44px; text-transform: uppercase; }

/* ### copyright box ### */
.copyrightBox { padding-top: 49px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; width: 100%; border-top: 1px solid #707070; }
.copyrightBox .copy { font-size: 14px; letter-spacing: 1.5px; color: #b9b9b9; }
.copyrightBox .social { margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: flex-end; list-style: none; }
.copyrightBox .social li { margin-left: 6px; }
.copyrightBox .social li a { display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; font-size: 13px; text-decoration: none; color: #b9b9b9; border: 1px solid #b9b9b9; border-radius: 50%; background-color: transparent; }
.copyrightBox .social li a:hover { color: #000; background: #b9b9b9; }

/* #Media Queries
================================================== */

@media only screen and (min-width: 1200px) {
	.container { max-width: 1200px; }
}

@media only screen and (max-width: 1399px) {
	.informationBox li { max-width: 250px; }
	.menuBox:not(.mm-menu) .container { padding-left: 360px; }
	.menuBox:not(.mm-menu) li { margin-right: 45px; }
}

@media only screen and (max-width: 1199px) {
	#headerCntr .logo { top: -125px; width: 280px; }
	.informationBox { padding-top: 30px; }
	.informationBox li { width: auto; max-width: unset; }
	.informationBox li:last-child { max-width: 250px; }
	.menuBox:not(.mm-menu) { padding-top: 17px; }
	.menuBox:not(.mm-menu) .container { padding-left: 300px; }
	.menuBox:not(.mm-menu) li { margin-right: 20px; }
	.menuBox:not(.mm-menu) .btn { padding: 0 15px; }
	.bannerBox .block { min-height: 750px; }
	.bannerBox h1 { font-size: 65px; }
	.discoverBox .text { margin-left: 0; }
	.discoverBox .image { margin-left: 0; }
	.testimonialBox:before { right: 20px; }
	.contactBox .form { margin-left: 0; }
	.contactBox .bg:before { width: 65%; }
}

@media only screen and (max-width: 991px) {
	.menuBox:not(.mm-menu) { display: none; }
	#headerCntr .mobileMenu { display: block; }
	#headerCntr .logo { width: 250px; }
	.informationBox { padding: 20px 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; }
	.informationBox li { margin-left: 20px; }
	.informationBox .icon { margin-right: 0; }
	.informationBox .text { display: none; }
	.bannerBox { margin-bottom: 80px; }
	.bannerBox .block { min-height: 650px; }
	.bannerBox .subtitle { margin-bottom: 30px; }
	.bannerBox h1 { font-size: 55px; }
	.discoverBox .text { max-width: 100%; }
	.discoverBox .subtitle { margin-bottom: 15px; }
	.discoverBox h2 { margin-bottom: 25px; }
	.discoverBox .tel { margin: 30px 0; }
	.testimonialBox:before,
	.testimonialBox:after { width: 160px; height: 177px; background-size: cover; }
	.testimonialBox:after { bottom: -60px; }
	.contactBox:before { top: -70px; width: 160px; height: 177px; background-size: cover; }
	.contactBox .form { width: 65%; max-width: unset; }
	.contactBox .bg:before { width: 69%; }
	#footerCntr .block { padding-left: 0; }
	#footerCntr .block:before { left: 200px; }
}

@media only screen and (max-width: 767px) {
	h2 { font-size: 35px; }
	#headerCntr .logo { top: -100px; width: 220px; }
	.bannerBox .block { min-height: 550px; }
	.bannerBox .subtitle { margin-bottom: 20px; letter-spacing: 5px; }
	.bannerBox h1 { font-size: 40px; }
	.discoverBox .gradient { height: 450px; }
	.serviceBox { padding-top: 50px; padding-bottom: 40px; }
	.serviceBox h2 { margin-bottom: 30px; }
	.card-service { padding-right: 20px; padding-left: 20px; }
	.testimonialBox h2 { margin-bottom: 50px; }
	.teamBox h2 { margin-bottom: 50px; }
	.teamBox .block { margin-top: 20px; }
	.card-team h3 { font-size: 20px; }
	.card-team .social { padding-top: 20px; }
	.contactBox .form { width: 80%; max-width: unset; }
	.contactBox .bg:before { width: 85%; }
	#footerCntr .block { padding: 50px 0; }
	#footerCntr .block:before { top: 222px; left: -129px; width: calc(100vw + 129px); height: calc(100% - 222px); }
	.footerBox { margin-bottom: 50px; }
	.footerBox .logo { margin: 0; width: 150px; }
	.footerBox .address { margin-left: 0; }
	.copyrightBox { padding-top: 30px; }
}

@media only screen and (max-width: 575px) {
	h2 { font-size: 32px; }
	#headerCntr .logo { top: -80px; width: 170px; }
	#headerCntr .block { min-height: 100px; }
	.informationBox { display: none; }
	.discoverBox .image:before,
	.discoverBox .image:after { width: 160px; height: 177px; background-size: cover; }
	.discoverBox .image:before { top: -50px; right: -40px; }
	.discoverBox .image:after { bottom: -50px; left: -45px; }
	.discoverBox .gradient { bottom: -50px; height: 300px; }
	.serviceBox .subtitle { margin-bottom: 20px; }
	.serviceBox .subtitle span { padding: 0 125px; }
	.testimonialBox { padding: 50px 0; }
	.testimonialBox:before,
	.testimonialBox:after { width: 120px; height: 133px; }
	.testimonialBox:before { right: 0; }
	.testimonialBox:after { bottom: -40px; }
	.testimonialBox .item { width: 320px; }
	.card-testimonial { padding: 40px 20px 27px; }
	.streamerBox { margin-bottom: 50px; }
	.contactBox { padding-top: 53px; }
	.contactBox:before { width: 120px; height: 133px; }
	.contactBox .form { width: 100%; }
	.contactBox .bg:before { width: 100%; }
	.footerBox .address { margin-bottom: 30px; padding: 0; width: 100%; }
	.footerBox address { margin-bottom: 15px; }
	.footerBox .tel { margin-bottom: 15px; }
	.footerBox .hours { padding: 0; width: 100%; }
}