/*
	Theme Name: V1 Child
	Template:V1
*/

:root {
	--blue: #263a52;
}

.header-bottom .holder {padding:0 60px;}
header .menu li.btn a span {background-color:#263a52;color:#fff;border:2px solid #263a52;padding:11px 20px;font-size:18px;transition:all 500ms;}
header .menu li.btn:hover a span {color:#263a52;background-color:transparent;}
.header-social i {transition: .5s; color: white;background: var(--blue);width: 38px;line-height: 38px;text-align: center;font-size: 22px;}
.header-social a:hover i {background: #8bc0c6;}

.title-area {min-height: 375px; background-position: center !important;}
.title-area:before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;    background: rgb(0, 0, 0, .4);}
.title-area {position: relative;}
.title-area .container {position: relative;}

.service-box {text-align:center;}
.service-img {position:relative;padding-bottom:100%;background-size:cover;background-position:center;}
.service-img:before {content:'';position:absolute;top:0;left:0;right:0;bottom:0;transition:background-color 500ms;}
.service-box:hover .service-img:before {background-color:rgb(38 58 82 / 60%);}
.service-text {background-color:#e7f3f4;padding:28px;transition:background-color 500ms;}
.service-box:hover .service-text {background-color:#263a52;}
.service-text h5 {font-size:20px;transition:color 500ms;}
.service-box:hover .service-text h5 {color:#fff;}
.service-text h2 {text-transform:none;color:#263a52;transition:color 500ms;}
.service-box:hover .service-text h2 {color:#fff;}

.cta {position:relative; min-height: 400px; display: grid; align-items: center;}
.cta:before {content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgb(0,0,0, .3);}
.cta > div {position:relative;}
.cta h1 {color:#fff;margin:0 auto;max-width:900px;}

.footer-top-inner > div {align-items:center;}
.socials li {display:inline-block;}
.socials li a {display:flex;align-items:center;justify-content:center;height:56px;width:56px;font-size:38px;color:#8bc0c6;background-color:#fff;}
.socials li a:hover {color:#fff;background-color:#8bc0c6;}
p.copy {margin-top:30px;font-size:10px;line-height:15px;}

.blog-item {width:33%;display:inline-block;vertical-align:top;padding:15px;}
.blog-item:nth-child(2) {border-left:5px solid #8bc0c6;border-right:5px solid #8bc0c6;}
.blog-item h5 {transition:color 500ms;}
.blog-item p {font-size:15px;color:#8bc0c6;font-weight:400;transition:color 500ms;}
.blog-item:hover h5 {color:#8bc0c6;}
.blog-item:hover p {color:#263a52;}

@media (max-width: 1200px) {
	#header .header-bottom .menu-item a {padding-left: 10px;padding-right: 10px;font-size: 18px;}
	#header .header-bottom .menu-item i {font-size: 18px;}
}

@media (max-width: 767px) {
	.cta h1 {font-size: 45px;line-height: 55px;}
}