@font-face {
    font-family:'ITC Avant Garde Std Bk';
    src: url('fonts/ITCAvantGardeStd-Bk.eot');
	src: url('fonts/ITCAvantGardeStd-Bk.eot?#iefix') format('embedded-opentype'),
		url('fonts/ITCAvantGardeStd-Bk.woff2') format('woff2'),
		url('fonts/ITCAvantGardeStd-Bk.woff') format('woff'),
		url('fonts/ITCAvantGardeStd-Bk.svg#ITCAvantGardeStd-Bk') format('svg');
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00FE;
}

@font-face {
    font-family:'Alergia Normal Thin';
    src: url('fonts/AlergiaNormal-Thin.eot');
	src: url('fonts/AlergiaNormal-Thin.eot?#iefix') format('embedded-opentype'),
		url('fonts/AlergiaNormal-Thin.woff2') format('woff2'),
		url('fonts/AlergiaNormal-Thin.woff') format('woff'),
		url('fonts/AlergiaNormal-Thin.svg#AlergiaNormal-Thin') format('svg');
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00FE;
}
@font-face {
    font-family:'ITC Avant Garde Std XLt';
    src: url('fonts/ITCAvantGardeStd-XLt.eot');
	src: url('fonts/ITCAvantGardeStd-XLt.eot?#iefix') format('embedded-opentype'),
		url('fonts/ITCAvantGardeStd-XLt.woff2') format('woff2'),
		url('fonts/ITCAvantGardeStd-XLt.woff') format('woff'),
		url('fonts/ITCAvantGardeStd-XLt.svg#ITCAvantGardeStd-XLt') format('svg');
    font-weight: 275;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00FE;
}

@font-face {
    font-family:'Alergia Normal ExtraLight';
    src: url('fonts/AlergiaNormal-ExtraLight.eot');
	src: url('fonts/AlergiaNormal-ExtraLight.eot?#iefix') format('embedded-opentype'),
		url('fonts/AlergiaNormal-ExtraLight.woff2') format('woff2'),
		url('fonts/AlergiaNormal-ExtraLight.woff') format('woff'),
		url('fonts/AlergiaNormal-ExtraLight.svg#AlergiaNormal-ExtraLight') format('svg');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00FE;
}

.kfbutton {right: 24px; position: absolute; top: 20px; z-index: 9999!important;}
.kfbutton a.kofi-button {box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.2);}

.kfbutton a.kofi-button:hover {background: #60285f!important; opacity: 1;}

.kfbutton-mob-top {display: none!important;}

.kfbutton-mob {right: 24px; position: absolute; top: 20px; display: none!important;}

.calmchronicles {left: 0px; bottom: 5%; width: 335px; position: absolute;  }

.cvideos {left: 0px; bottom: 14%!important; width: 335px; position: absolute;  }


body{ font-size:16px; font-family:'Alergia Normal Thin'; padding:0; margin:0; background:url(images/main-bgd.jpg) no-repeat left top; background-size:80%; height:100%; }
a:hover{ text-decoration:none !important;}
img{ max-width:100%;}
ul, ol{ padding:0; margin:0;}
ul li, ol li{ margin:0; padding:0; list-style:none; }
p{ font-size:16px; font-family:'Alergia Normal Thin'; }
.logo{ margin-top:35px;}
h1{ font-size:35px; color:#77256c; font-family:'ITC Avant Garde Std Bk'; margin-top:0px; font-weight:300;}
.left-section{ width:60%; text-align:center; float:left;}
.right-section{ background:#fff url(images/btm-img.png) no-repeat right bottom;  height:100vh; width:40%; float:right;}


.content-section {
    position: relative;
    padding: 0 60px;
    align-content: center;
    display: grid;
    height: 100%;
}


/*.content-section{ position:relative; top:50%; padding:0 60px; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%);}*/

.content-section.thnkapahe {
    position: relative;
    top: 20%;
    padding: 0 60px;
    transform: translateY(-20%);
	-webkit-transform:translateY(-20%); -moz-transform:translateY(-20%); -ms-transform:translateY(-20%);
}
.top-content p{font-family:'Alergia Normal Thin'; font-size:18px; color:#333333; line-height:30px; }
.middle-section:after{ clear:both; height:0; overflow:hidden; content:""; display:block;}
.middle-section{ margin:20px 0;}
.left{ float:left; font-size:30px; line-height:65px; color:#333333;}
.right{ float:left; margin-left:28px; }
.middle-section .right img {width: 168px;}

.form-section h2{ color:#72a189; font-size:34px; font-family:'Alergia Normal ExtraLight';     font-weight: 300;}
.form-section h2 span{ font-size:34px; text-transform:uppercase;font-family:'ITC Avant Garde Std XLt'; color:#77256c;}
.form-section input{ background:#ecdfed; color:#77256c; padding:20px 18px; border:none; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; -ms-border-radius:8px; margin-right:20px; width:36%; font-size:20px;  font-family:'Alergia Normal ExtraLight';}
.form-section input.button{ background:url(images/button.png) no-repeat center top; cursor:pointer; width:205px; height:61px; display:block; margin-top:28px; background-size:contain;}
.social{ position:absolute; right:0; top: 19%; z-index:9; }
.social a{ height:50px; width:50px; text-align:center; color:#fff; display:block; background:#77256c; font-size:24px; line-height:50px; }

.other_con {
    max-width: 560px;
	margin:0 auto;
}
.social a:hover {
   
    background: #a05fa6;
}

body.thank11{
	background-image:url(images/thank-you-1-1.jpg);
	background-size:72%;
}

body.thank21{
	background-image:url(images/thank-you-1-2.jpg);
	background-size:72%;
}
body.thank31{
	background-image:url(images/thank-you-1-3.jpg);
	background-size:72%;
}
.logo img {
    max-width: 550px;
}

 .top-content p{   margin-bottom: 20px; }
@media(max-width:1600px){
    
	.logo img { max-width: 500px; }
	.logo { margin-top: 25px;}
	
.calmchronicles { width: 275px;}
.cvideos { bottom: 16%;  }
    
h1{ font-size:28px;}	
.form-section h2{ margin:10px 0; font-size:30px;}
.top-content p{ font-size:17px; line-height:25px; }
.form-section input{ padding:15px 18px;}
p{ margin:5px 0;}
.form-section input.button{ margin-top:20px;}
}

@media(max-width:1025px) AND (max-height:1024px){
body{ background:#fff;}
.left-section{ background:url(images/main-bg.jpg) no-repeat left center; background-size:100%; width:100%; height: 360px;}
.right-section{ width:100%; height: 800px; }
.content-section{ top:inherit; padding-top:25px; padding-left:50px; padding-right:50px; transform:inherit; -webkit-transform:inherit; -moz-transform:inherit; -ms-transform:inherit;}
.social{ top:30px; }
	
	
}
@media(max-width:1025px) AND (max-height:1024px){
.form-section input{ width:100%; margin:0 0 15px 0;}
.left{ font-size:20px; }
.right{ margin-left:15px; }
.right-section{ height:auto;}
.form-section input{ width:90%;}
.top-content p {
    font-size: 15px;
    line-height: 19px;
	    margin-bottom: 15px;
}
h1 {
    font-size: 24px;
}
.form-section h2 {
   
    font-size: 22px;
}
.form-section h2 span {
    font-size: 25px;
}
.right-section {
    height: auto;
    padding-bottom: 100px;
}
.logo {
    margin-top: 0;
    margin-bottom: 150px;
}
.left-section {
    background: url(images/main-bg.jpg) no-repeat left top;
    background-size: 100%;
    width: 100%;
}

body{
	background:#fff !important;
}


	
body.thank11 .left-section{
	background-image:url(images/thank-you-1-1.jpg);
height: 400px!important;
}

body.thank21 .left-section{
	background-image:url(images/thank-you-1-2.jpg);
height: 400px!important;
}
body.thank31 .left-section{
	background-image:url(images/thank-you-1-3.jpg);
height: 400px!important;
}
	

.form-section input.button {
    margin-top: 0;
    margin-bottom: 50px;
}
.tpcl{
	margin-bottom:30px;
}


.logo img {
    max-width: 100%; 
}
}
@media(min-width:1100px){
	body{
	    overflow: hidden!important;
		height: auto!important;
	}
	
		body {
		    background-size: cover;
			background-position-x: -300px;
	}
	
	
	
}

@media (min-width:768px) AND (max-width:1025px){
	
	body{background-size:auto; }

	
	.left-section{
	       height: 660px;
	}
	.content-section.thnkapahe {
    position: relative;
    top: 0;
    transform: none;
    margin-top: 50px;
}
	.cvideos {
    bottom: 54%!important;
		 width: 236px;
}
	.calmchronicles {
    left: 0px;
    bottom: 46%;
		 width: 236px;
	}
	
	
.logo img {
    max-width: 70%;
}
}
@media  (max-width:1025px) AND (max-height:1025px){
.logo img {
    max-width: 70%;
}
}

@media only screen and (min-device-width : 1366px) and (max-device-width : 1380px) and (orientation : landscape) {
	body {
		    background-size: cover;
	}
	
}

@media only screen and (min-width : 1024px) and (max-width : 1027px){
body{
	background: url(images/main-bg.jpg) no-repeat center left -178px;
	 background-size: cover;
}
.form-section input{
	    width: 100%;
    margin-bottom: 10px;
}
}


@media(max-width:414px){
.left-section{  height: 310px!important}
}

@media(max-width:767px){
	
        
    .kfbutton {right: 24px; position: absolute; top: 20px; display: none!important;}
    .kfbutton-mob a.kofi-button {min-width: 124px; font-size: 12px !important; box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.2);}
    .kfbutton-mob { display: inherit!important; margin-bottom: 30px; position: relative; left: 0px; top: 0px;}
    
    
    .kfbutton-mob-top { min-width: 100%;  display: inherit!important; overflow-x: hidden;}
.kfbutton-mob-top a.kofi-button {min-width: 95%; border-radius: 0px; box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.2);}
.kfbutton-mob-top .btn-container {min-width: 100%; }
    
    .left-section{  height: 310px!important}
    .content-section { padding-left: 34px; padding-right: 63px;}    
    
    .cvideos { top: 28%!important; bottom: auto;}
    
    .calmchronicles {
    left: 0px;
    top: 35%;
    width: 180px;
        bottom: auto;
    position: absolute;
}
}