/*fonts*/
@font-face {font-family: 'Chronicle Display'; src: url('../fonts/ChronicleDisplay-Roman.woff2') format('woff2'), url('../fonts/ChronicleDisplay-Roman.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap;}
@font-face {font-family: 'Chronicle Display'; src: url('../fonts/ChronicleDisplay-Black.woff2') format('woff2'), url('../fonts/ChronicleDisplay-Black.woff') format('woff'); font-weight: 900; font-style: normal; font-display: swap;}
@font-face {font-family: 'Chronicle Display Semi'; src: url('../fonts/ChronicleDisplay-Semi.woff2') format('woff2'), url('../fonts/ChronicleDisplay-Semi.woff') format('woff'); font-weight: 600; font-style: normal; font-display: swap;}
@font-face {font-family: 'Chronicle Display'; src: url('../fonts/ChronicleDisplay-LightItalic.woff2') format('woff2'), url('../fonts/ChronicleDisplay-LightItalic.woff') format('woff'); font-weight: 300; font-style: italic; font-display: swap;}
 
/*common*/
body{background:#fff; overflow-x: hidden; color:#28313a; font-family: 'Chronicle Display'; font-weight:normal; line-height: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
ul{padding:0; margin:0;}
li{list-style: none;}
a{transition: all .2s ease-in;}
a:hover{text-decoration: none;}
input:focus, textarea:focus{border: none; outline: none;}
button:focus, button:active{border:none; outline:none;}

/*header section*/
header{float:left; width:100%;}
header .left-col{float:left; width:auto; margin-left:65px; margin-top:15px;}
header .right-col{float:right; width:auto;}
header .right-col a{color:#fff; font-size:20px; background-color:#1772b2; padding:33px 40px; float:left; width:auto; font-weight:900; transition: all .2s ease-in; position:relative; z-index:9;}
header .right-col a:hover{background-color:#2eaae2;}

/*welcome section*/
.welcome-col{float:left; width:100%; background:url('../images/welcome-banner.jpg') no-repeat center top #f2e8df; padding:0; position: relative; margin-top:0; min-height: 600px;    max-height: 883px;    height: 100vh;}
.welcome-col .container{max-width:1588px;}
.banner-text{position:absolute; top: 35%;  width:790px; text-align: center;}
h1{ font-size:140px; line-height:140px; text-align:center; font-weight:normal; }
h1 span{font-style:italic;}
h1 span{position: relative;}
h1 span:after{content:''; position:absolute; left:18%; bottom:0px; background-color:#3da9db; width:105px; height:4px;}
/*h1:after{content:''; position:absolute; left:43%; bottom:-53px; background-color:#3da9db; width:154px; height:7px;}*/
.welcome-col p{ font-size:40px; font-weight:normal;}

/*feel yourself section*/
.feelyourself-col{float:left; width:100%; padding:230px 0 275px;}
.feelyourself-col .container{max-width:1452px;}
.feelyourself-col .inner{float:left; width:500px;}
.feelyourself-col .inner h2{float:left; width:100%; font-size:80px; line-height:75px; font-weight:normal; position:relative; margin-bottom:40px;}
.feelyourself-col .inner h2:after{content:''; width:100%; height:2px; background-color:#71c0e5; position:absolute; left:-103%; bottom:35px;}
.feelyourself-col .inner-text{float:left; width:100%; margin:15px 0;}
.feelyourself-col .inner-text figure{float:left; width:60px;}
.feelyourself-col .inner-text .detail{float:left; width:80%; margin-left:25px;}
.feelyourself-col .inner-text h3{float:left; width:100%; line-height:26px; font-size:32px; color:#2594c8; margin-bottom:20px;}
.feelyourself-col .inner-text p{float:left; width:100%; margin-bottom:10px; font-size:20px; font-weight:normal; line-height:30px;}
.feelyourself-col .inner-text ul{float:left; width:100%; padding-left:20px;}
.feelyourself-col .inner-text li{float:left; width:100%; font-size:20px; list-style:disc; margin-bottom:10px;}
.feelyourself-col .right-display{float:right; width:50%; position:relative;}
.feelyourself-col .right-display .bg-img{width: 80%; height: auto; float: right; margin-top: 320px; margin-right: 10px;}
.feelyourself-col .right-display .img-three{width: 45%; height: auto; position: absolute; right: 30px; top: 0;}
.feelyourself-col .right-display .img-two{width: 60%; height: auto; position: absolute; left: 14px; top: 190px;}
.feelyourself-col .right-display .img-one{width: 35%; height: auto; position: absolute; left: -70px; bottom: -40px;}

/*depression section*/
.depression-col{float:left; width:100%; position:relative; margin:0;}
.depression-col .container{max-width:1588px;}
.depression-col figure{float: left; width: 55%; z-index: 9; position: absolute; left: -260px; top: 138px;}
.depression-col figure img{width:100%; height:auto;}
.depression-col .blue-col{float:right; width:80%; background:url('../images/content-blue-bg.jpg') no-repeat left top; padding:137px 5% 80px 31%; background-size:cover; position:relative;}
.depression-col .blue-col .text{float:left; width:100%; margin-bottom:40px;}
.depression-col .blue-col h4{float:left; width:100%; color:#fff; font-size:32px; font-weight:600; margin-bottom:17px;}
.depression-col .blue-col p{float:left; width:100%; font-size:20px; color:#fff; line-height:30px;}

/*medication section*/
.medication-col{float:left; width:100%; background:url('../images/couch-image.jpg') no-repeat right bottom; padding:245px 0 160px; background-size: 55%;}
.medication-col .container{max-width:1390px;}
.medication-col .content{float:left; width:540px; margin-right:50px;}
.medication-col h2{float:left; width:100%; font-size:80px; font-weight:normal; margin-bottom:50px; line-height:73px; position:relative;}
.medication-col h2:after{content:''; width:100%; height:2px; background-color:#71c0e5; position:absolute; left:-103%; bottom:25px;}
.medication-col p{float:left; width:100%; margin-bottom:25px; font-size:19px; font-weight:normal; line-height:30px;}
.medication-col p strong{font-weight:900;}
.medication-col .content-image{float:left; width:500px; position:relative; margin-top:200px;}
.medication-col .content-image .image-one{width: 60%; position: absolute; left: 0; top: 130px;}
.medication-col .content-image .image-two{width: 35%; position: absolute; right: 158px; top: 50px; z-index: 9;}

/*about section*/
.about-col{float:left; width:100%; background:url('../images/about-bg.jpg') no-repeat left top; background-size:cover; background-attachment:fixed; padding:595px 0 140px; text-align:center;}
.about-col h2{float:left; width:100%; font-size:75px; font-weight:normal; color:#fff; margin-bottom:50px;}
.about-col p{float:left; width:100%; margin-bottom:30px; color:#fff; font-size:20px; padding:0 5%; line-height:30px;}

/*contact section*/
.contact-col{float:left; width:100%; padding:153px 0 125px;}
.contact-col .container{max-width:1278px;}
.contact-details{float:left; width:42%; margin-right:14%;}
.contact-details h2{float:left; width:100%; line-height:60px; font-size:80px; margin-bottom:65px; position:relative;}
.contact-details h2:after{content:''; width:100%; height:2px; background-color:#71c0e5; position:absolute; left:-103%; top:35px;}
.contact-details p{float:left; width:100%; line-height:39px; margin-bottom:40px; font-size:30px; padding-left:65px;}
.contact-details p.address{background:url('../images/location-icon.jpg') no-repeat left 5px;}
.contact-details p.tel{background:url('../images/call-icon.jpg') no-repeat left top;}
.contact-details p.fax{background:url('../images/fax-icon.jpg') no-repeat left top;}
.contact-details p.email{background:url('../images/email-icon.jpg') no-repeat left top;}
.contact-details p a{color:#28313a;}
.contact-details .social-share{float:left; width:100%; margin-left:63px;}
.contact-details .social-share a{float:left; width:42px; margin-right:42px; transition: all .2s ease-in;}
.contact-details .social-share a:hover{margin-top:-10px;}
.contact-details .social-share img{width:100%; height:auto;}
.contact-form{float:left; width:44%;}
.contact-form h4{float:left; width:100%; font-size:30px; margin-bottom:40px;}
.contact-form form{float:left; width:100%;}
.contact-form fieldset{float:left; width:100%; margin-bottom:42px;}
.contact-form input{float:left; width:100%; height:34px; border:0; border-bottom:2px solid #28313a; font-size:20px;}
.contact-form textarea{float:left; width:100%; height:100px; border:0; border-bottom:2px solid #28313a; font-size:20px; overflow-x:none; overflow-y:auto; resize:none;}
.contact-form .submit-btn{float:left; width:111px; height:111px; border-radius:30em; background-color:#2eaae2; position:relative; color:#fff; font-size:20px; font-weight:900; border:0; transition: all .2s ease-in;}
.contact-form .submit-btn span{position:relative;}
.contact-form .submit-btn span:after{content:''; background:url('../images/black-arrow-icon.png') no-repeat left top; width:45px; height:15px; position:absolute; left:-55px; top:7px;}
.contact-form .submit-btn:hover{border:10px solid #fff;}
.insurance-box{float:left; width:100%; margin-top:75px; text-align:center; border:1px solid #c2c9ce; padding:45px 20px;}
.contact-form .submit-btn:hover:after{left:-30px;}
.insurance-box h3{margin-bottom:20px; float:left; width:100%; font-size:30px; font-weight:normal;}
.insurance-box p{float:left; width:100%; font-size:20px; font-weight:normal; line-height:30px;}

/*footer section*/
footer{float:left; width:100%; text-align:center; background-color:#1772b2; padding:60px 0;}
footer h4{float:left; width:100%; color:#fff; font-size:20px; font-weight:900;}
footer p{float:left; width:100%; color:#fff; font-size:20px; margin-bottom:0;}

/*Animation Class*/
.come-in {transform: translateY(150px); animation: come-in 0.8s ease forwards;}
.come-in:nth-child(odd) {animation-duration: 0.6s;}
@keyframes come-in {
    to { transform: translateY(0);}
}