/*
Site Name: DIG CT
Author: (I) Softnio
*/
/* ############# GENERAL RESETS AND FIXES ############# */
*{margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

/* ############# GENERAL STYLES ############# */
body {font-family: 'Inter', Arial, Helvetica, sans-serif; font-size: 16px; color:#fff; line-height:1.4; font-weight: 400;}
h1, h2, h3, h4, h5 {font-weight: 500; font-style: normal; color: #fff; font-family: "ddt", sans-serif;}
h1 {font-size: 36px; padding: 0 0 15px; line-height: 35px; color: #00afce;}
a{transition: .3s all; color: #fff;}
a:link, a:visited {color:#fff; text-decoration:none;}
a:focus, a:hover{color:#F2674A; text-decoration:none;}
a:active {color:#F2674A; text-decoration:none;}
p {padding:0 0 16px 0;} p+img{padding: 20px 0 0 0;} img{max-width: 100%;}
.clearing, .flowfix {overflow:hidden; width:100%;} .overfix {overflow:hidden;} .clr {clear:both; line-height:0px; height:0; display:block;} 
.section {float:left; width:100%; clear:both;}
::-webkit-input-placeholder {color: #fff; opacity: .5;}
::-moz-placeholder {color: #fff; opacity: .5;}
:-ms-input-placeholder {color: #fff; opacity: .5;}
:-moz-placeholder {color: #fff; opacity: .5;}

/* ############# GENERAL STUCTURE ############# */
.wrapper {}
.block-wrapper {height: 100%; min-height: 100vh; position: relative; z-index: 9; width: 100%;  margin: 0 auto; background-color: #142D4C;}
.header-wrapper {background: #142D4C url('images/bg-pattern.png') no-repeat  50% 0 / cover; padding: 160px 0 60px; border-bottom: 1px solid #FFFFFF33;}
.main {margin: 0 auto; width: 1280px;box-sizing: border-box;}
.row {padding-top: 80px;padding-bottom: 80px;}
.intro-wrapper .row {padding-top: 0;padding-bottom: 0;}
.row.d-flex{display: flex; flex-wrap: wrap;} .row.d-center{align-items: center;} .row.d-flex .column-half{width: 50%;}
.row.grid {display: grid; gap: 50px 60px;} .row.g2c {grid-template-columns: 1fr 1fr;}
.block-wrapper .block{width: 100%;}
/* .wrapper p strong{color: #F2674A;} */

.intro-wrapper {text-align: center;}
.intro-wrapper h2 {font-size: 64px; line-height: 1.2; margin-bottom: 20px;}
.intro-wrapper h5 {font-size: 20px; line-height: 1.2; font-weight: 400; color: #F2674A; letter-spacing: 1px;}

.content-intro {text-align: center;}

a.button {background-color: #F2674A; color: #fff; font-size: 14px; line-height: 1.4; font-weight: 500; letter-spacing: 2px; border-radius: 3px; padding: 16px 30px; display: inline-block; text-decoration: none; text-transform: uppercase; margin-top: 16px;}
a.button:hover {background-color: #000; color: #fff;}

/* Header */
.main-header .row{padding-top: 100px;padding-bottom: 80px;}
.header{display: flex;align-items: end;justify-content: space-between;width: 100%;gap: 20px;}
.site-logo {max-width: 847px; margin: 0 auto 80px;}
.site-logo img {width: 100%; height: auto;}
.social {display: flex; align-items: center;padding-bottom: 30px;} .social > a:not(:last-child){margin-right: 25px;}
.social > a {display: inline-flex; align-items: center; justify-content: center; width:56px;height:56px;padding:17px;background-color: rgb(255 255 255 / 10%);border-radius: 50px;}
.social > a:hover{background-color:rgb(255 255 255 / 20%);}
.social img{width: auto; height: 22px; transition: 300ms}

/* Shap Layer */
.shape {position: relative; padding: 50px 0;}
.shape:before {position: absolute; content: ''; left: 0; top: 0; width: 110px; height: 11px; border-radius: 8px 0 8px 0; z-index: 999; background: #F2674A;}
.shape:after {position: absolute; content: ''; left: 0; bottom: 0; width: 110px; height: 11px; border-radius: 8px 0 8px 0; z-index: 999; background: #F2674A;}

/* Welcome */
.intro-wrapper {position: relative;background-repeat: no-repeat;background-position: 50% 0%;background-size: cover;margin-bottom: 50px;}
.intro-wrapper .plx-bg.in-right {width: calc(50% - 45px);}
.plx-bg.in-right {right: 0;}
.intro-wrapper .plx-bg {background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;width: 50%;position: absolute;top: 0;bottom: 0;background-image:  url(images/img-hero.jpg);}
.plx-bg img {width: 100%;}
.hide {display: none;}

.intro-wrapper > .row{padding-bottom: 0;gap:20px}
.intro-wrapper .column-half{padding-right: 0 !important}
/*.intro-wrapper .column-half:first-child{width: min(50%, calc(1146px / 2)) !important;}
.intro-wrapper .column-half:last-child{width: 50% !important;}*/
.block-text h3{font-size: 42px; font-weight: 600; line-height: 1.2;}

/* Main Content */
.main-content {padding: 80px 0;}
.main-content .row {padding-top: 30px;}
.main-content h3 {font-size: 50px; line-height: 1.4; margin-bottom: 20px;}

.main-content img:not(:last-child){margin-bottom: 15px;}
.bio{font-weight: 700} .bio a{color: #F2674A} .bio a:hover{color: #fff}

ul {margin-left: 20px;margin-bottom: 16px}

.contact-info {list-style: none; margin-left: 0;}
.contact-info li {display: inline-flex; align-items: center; gap: 8px; margin-bottom: 16px; margin-right: 16px;}
.contact-info li img {flex-shrink: 0;}

/* Footer */
.footer {padding: 0; background-color: #142D4C; color: #fff; border-top: 1px solid #FFFFFF33;}
.footer-wrap {padding: 20px 0 10px; text-align: center;}
.footer-logo {max-width: 170px;padding-top:0px}


@media (min-width: 1600px) {
/*	.block-wrapper, .footer-wrap{max-width: 1420px;}*/
	.block-text h3{font-size: 50px;}
	.main {width: 1420px;}
}
@media (max-width: 1280px){
	.main {width: 930px;}
	.row{padding-top: 50px; padding-bottom: 50px;}
}
@media (max-width: 980px) {
	.row.d-flex .column-half{width: 100%; padding-right: 0;}
	.row.grid {grid-template-columns: 1fr;gap:20px}
	/* .intro-wrapper .column-half:last-child {padding-left: 20px;} */
	.block-text h3{font-size: 36px;}
	.shape{padding: 40px 0;}
	.plx-bg.in-right {top: 0;width: 100%;}
	.hide {display: block;}
	.plx-bg.in-left, .plx-bg.in-right {width: 100%;position: relative;margin-top: 30px;}
	.plx-bg.in-right {top: 0;width: 100%;}
	.intro-wrapper .plx-bg.in-right {width: 100%;}
	.main {width: 710px;}
	.intro-wrapper .column-half:first-child{width: 100% !important;}
	.hide {display: block;}

	.social > a:not(:last-child){margin-right: 15px;} .social > a {width:40px;height:40px;padding:10px;} .social img{width: auto; height: 20px}
	.footer-logo{padding-top: 30px}
}
@media (max-width: 767px) {
	.main{width: 100% !important;padding-left: 20px;padding-right: 20px;min-width: 300px;}
	.intro-wrapper .column-half {padding-right: 20px !important;}
	.intro-wrapper h2 {font-size: 36px; line-height: 1.2;}
	.main-content h3 {font-size: 30px; line-height: 1.2;}
	
	.block-text h3{font-size: 28px;}
	.footer-menu ul{padding: 20px 0;}

}
@media (max-width: 599px) {
	.social > a:not(:last-child) {margin-right: 5px;}
	/* .footer-wrap, .main:not(.row){padding: 0 20px;} */
	.footer-wrap > .main.row{padding-left: 0;padding-right: 0}
	.footer-menu ul li{padding-right: 7px; margin-right: 0; font-size: 16px;}
}
@media (max-width: 420px) {
	.header {flex-wrap: wrap;}
	.main-header .row {padding-top: 50px; padding-bottom: 50px;}
	.social {width: 100%; padding-bottom: 0;}
}