/*
Theme Name:     Story Child
Author:         Pexeto
Author URI:     http://pexetothemes.com
Template:       thestory
*/

@import url("../thestory/style.css");
body, h1, h2, h3, h4, h5, h6, .fontelza{
    font-family: 'elza-text' !important;
    font-weight: normal;
    font-style: normal;
	color: #000;
}
h1, h2, h3, h4, h5, h6{
	font-weight: 300;
}
#logo-container img {
    width: 150px;
}
.header-wrapper{
	background-color: #fff;
}
.nav-menu ul .current-menu-item a, .nav-menu li:hover a, .nav-menu .current-menu-parent a, .nav-menu .current-menu-ancestor a, .nav-menu ul li a{
	color: #000;
	font-size: 16px;
	text-transform: capitalize;
}
#content-container .section-boxed {
    margin: 0px auto;
}
#header{
	padding-top: 0px;
}
.navigation-container {
    padding-top: 20px;
}
.custbtn a {
    border-radius: 10px !important;
    padding: 10px 40px !important;
	font-weight: 500;
    font-size: 20px !important;
}
.mas1 .vc_column-inner{
	background-size: 100% !important;
    transition: all .80s ease;
	overflow: hidden;
    padding: 0 !important;
}
.mas1 .vc_column-inner:hover{
	transition: all .99s ease;
    background-size: 120% !important;
}	
.mas2 .vc_column-inner{
	background-size: 100% !important;
    transition: all .80s ease;
	overflow: hidden;
    padding: 0 !important;
}
.mas2 .vc_column-inner:hover{
	transition: all .99s ease;
    background-size: 120% !important;
}
.mas3 .vc_column-inner{
	background-size: 100% !important;
    transition: all .80s ease;
	overflow: hidden;
    padding: 0 !important;
}
.mas3 .vc_column-inner:hover{
	transition: all .99s ease;
    background-size: 120% !important;
}
.mas4 .vc_column-inner{
	background-size: 100% !important;
    transition: all .80s ease;
	overflow: hidden;
    padding: 0 !important;
}
.mas4 .vc_column-inner:hover{
	transition: all .99s ease;
    background-size: 120% !important;
}
.whitetxt p, .whitetxt a, .whitetxt{
	color: #fff;
}
.mas1 .wpb_text_column, .mas2 .wpb_text_column, .mas3 .wpb_text_column, .mas4 .wpb_text_column{
	margin: 0px;
}
.mas1 h3, .mas2 h3, .mas3 h3, .mas4 h3{
	padding: 50px 0;
	background: rgba(17,15,18,0.4);
}
.paddtxt p{
	padding: 0 200px;
}
.footer-widgets {
    margin-top: 0px;
    padding-bottom: 0px;
}
span.copyrights{
	display: block;
    width: 100%;
	font-size: 12px;
}
.addr-line{
	text-align: right;
    width: 100%;
	color: #F7F7F9;
}
.right-res {
    width: 50%;
    float: left;
}
.webdesign-ftr {
    width: 50%;
    float: right;
    text-align: right;
}
.footer-last {
    display: block;
    padding-top: 10px;
	color: #fff;
}
.footer-bottom{
	padding-top: 0px;
}
#footer, .footer-bottom{
	background-color: #152532;
}
.paddhelp p{
	padding: 0 100px;
}
#header .section-header{
	padding-bottom: 10px;
	padding-left: 40px;
    padding-right: 40px;
}
.mob-nav-btn{
	background: url(/wp-content/uploads/2023/09/mobile-icon.svg) no-repeat;
}
.mob-nav-btn{
	font-size: 0px;
	height: 20px;
}
.mobile-nav {
	margin-top: 12px;
}
.nav-menu ul li a:hover{
	color: #000;
}
.nav-menu ul .sub-menu li a{
	color: #fff;
}
.nav-menu ul {
    margin-top: 22px;
}
.fixed-header-scroll #header{
	background: rgba(255, 255, 255, 0.95);
}
.fixed-header-scroll #logo-container img {
    max-height: 55px;
}
.header-wrapper #header{
	background: #fff;
}
/* .fixed-header-scroll #logo-container img {
    width: 200px;
} */
.fixed-header-scroll #logo-container img {
    max-height: 100px;
}
a.vc_general.vc_btn3.vc_btn3-size-md.vc_btn3-shape-rounded.vc_btn3-style-flat{
	border-radius: 10px !important;
    padding: 10px 40px !important;
    background-color: #460751;
}
@media only screen and (min-width: 320px) and (max-width: 767px) { 
	#logo-container a img{
		max-height: 80px;
   		width: 100%;
		padding-top: 0;
		padding-bottom: 10px;
	}
	#header .section-header {
		padding-bottom: 0;
		padding-top: 6px;
	}
	.mas1.wpb_column.vc_column_container, .mas2.wpb_column.vc_column_container, .mas3.wpb_column.vc_column_container, .mas4.wpb_column.vc_column_container{
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.mas1 h3, .mas2 h3, .mas3 h3, .mas4 h3 {
		padding: 35px 0;
	}
	.paddtxt p {
		padding: 0 20px;
	}
	.paddhelp p {
		padding: 0 20px;
	}
	.addr-line {
    	text-align: left;
	}	
	.right-res {
		width: 100%;
		text-align: left;
	}
	.webdesign-ftr {
		width: 100%;
		float: left;
		text-align: left;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1000px) { 
	#header .section-header {
		padding-bottom: 0;
		padding-top: 6px;
	}
}	
@media only screen and (min-width: 768px) and (max-width: 1024px) { 
	.paddtxt p {
		padding: 0 50px;
	}
	.paddhelp p {
		padding: 0 50px;
	}
	#logo-container a img{
		max-height: 80px;
   		width: 100%;
	}
	.mobile-nav {
		margin-top: 30px;
	}
}	
/*New CSS*/
.section-boxed.section-header{
 	max-width: 1500px; 
}
.header-cont.deskcount{
	display: inline-block;
	padding-left: 30px;
    padding-right: 30px;
}
.header-cont img{
	width: 30px;
	padding-left: 10px;
}
.header-hours {
    display: inline-block;
}
.header-hours img{
	width: 80px;
}
nav.navigation-container #menu{
	padding-top: 40px;
}
.nav-menu ul .current-menu-item a, .nav-menu li:hover a, .nav-menu .current-menu-parent a, .nav-menu .current-menu-ancestor a, .nav-menu ul li a{
	font-size: 20px;
}
.header-phone{
	font-size: 24px;
    padding-top: 30px;
    color: #52B067;
	font-weight: 600;
}
.header-email a{
    font-size: 16px;
	color: #52B067;
}
.header-email a:hover{
 	color: #52B067;
}
.fixed-header #header{
	width: 100%;
}
#header{
	padding-right: 0%;
    padding-left: 0%;
}
.fiveboxes .vc_column-inner{
	border: 1px solid #eee;
    border-radius: 5px;
    box-shadow: 1px 1px #eeeeee;
}
.fiveboxes h4{
	padding: 0px;
	color: #152532;
	font-weight: 300;
}
.fiveboxes .vc_column-inner:hover{
	background-color: #50AF65;
}
.fiveboxestop {
	background: linear-gradient(0deg, #E6E8EA 35%, #152532 30%);
	padding-left: 70px;
    padding-right: 70px;
    padding-top: 30px;
}
.topfiveboxmain .vc_column-inner{
	padding-left: 70px !important;
    padding-right: 70px !important;
}
.fiveboxes .vc_column-inner{
	padding-left: 15px !important;
    padding-right: 15px !important;
	background: #fff;
}
.litxt ul li{
	width: 45%;
    float: left;
	font-size: 16px;
    padding-top: 7px;
    padding-bottom: 7px;
}
.feelfree {
    clear: both;
    padding-top: 20px;
    font-size: 20px;
    font-weight: 500;
}
textarea#wpforms-12602-field_2{
	max-width: 100%;
	border-radius: 10px;
}
#wpforms-form-12602 input{
	border-radius: 10px;
    padding-top: 24px !important;
    padding-bottom: 24px !important;
}
button#wpforms-submit-12602 {
    background: #50AF65;
    border-color: #50AF65;
    color: #fff;
    border-radius: 10px;
    padding: 15px 40px;
    font-size: 20px;
}
.homeform .vc_column-inner {
    padding-left: 75px !important;
    padding-right: 100px !important;
}
.ts-right-arrow {
    right: 10%;
    top: 50%;
}
.ts-left-arrow{
	left: 10%;
    top: 50%;
}
.ts-arrow{
	border-radius: 50%;
	width: 40px;
    height: 40px;
	line-height: 40px;
}
.cols-wrapper.footer-widgets.section-boxed.cols-3{
	max-width: 1500px;
}
.footer-phone, .footer-addr {
    color: #50AF65;
    font-size: 25px;
    font-weight: 600;
}
.footer-addr a{
	color: #50AF65;
}
.footer-addr a:hover{
	color: #50AF65 !important;
}	
.footer-social li {
    display: inline-block;
    padding: 20px 20px 20px 0;
}
footer#footer:before{
    background: url(/wp-content/uploads/2023/08/Group-56.svg);
    content: "";
    position: absolute;
    display: inline-block;
    width: 230px;
    height: 230px;
    top: -122px;
    right: 0;
    background-repeat: no-repeat, repeat;
    background-size: cover;
    z-index: 9;
}
#footer{
	overflow: inherit;
	padding-top: 25px;
}
#text-14 p{
	margin: 0px;
}
#text-14 img{
	margin-top: 0;
}
.footer-bottom .section-boxed{
	max-width: 1500px;
}
.nav-menu ul .current-menu-item a, .nav-menu li:hover a, .nav-menu .current-menu-parent a, .nav-menu .current-menu-ancestor a, .nav-menu ul li a{
	text-transform: uppercase;
}
.boldtitle{
	font-weight: 600;
}
.feelfree {
    font-weight: 600;
}
.testimonial-slider .testimonial-container p{
	border: 3px solid #eee;
    border-radius: 5px;
    box-shadow: 3px 3px 7px 1px #dadada;
    padding: 50px;
}
.testimonials-details h2{
	display: none;
}
.homeslidernone{
	display: none;
}
.homecomplogo img {
    width: auto;
    height: 150px;
    object-fit: contain;
}
.footer-phone img, .footer-addr img{
	vertical-align: inherit;
}
.header-cont img{
	vertical-align: inherit;
}
.fivehover {
    display: none;
}
.fiveboxes:hover .fivehover{
	display: block;
}
.fiveboxes:hover .five{
	display: none;
}
.sliderimg img{
	height: 300px !important;
	object-fit: cover;
}
.mobtext {
	display: none;
}
@media only screen and (min-width: 320px) and (max-width: 767px) { 
	.header-cont.deskcount {
		display: none;
	}
	.header-cont.mobtext  {
		display: none;
	}
	.boldtitle{
		line-height: 1;
		font-size: 40px !important;
	}
	.fiveboxestop{
		padding-left: 20px;
    	padding-right: 20px;
		background: linear-gradient(0deg, #E6E8EA 0%, #152532 0%);
	}
	.fiveboxes{
		padding-left: 10px !important;
	}
	.homeform .vc_column-inner {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
	aside#text-13{
		padding-top: 100px;
	}
	#text-14 img{
		margin: 0px;
	}
	.mob-nav-menu{
		margin-left: 0px;
	}
	.litxt ul{
		display: inline-block;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) { 
	.mob-nav-menu{
		margin-left: 0px;
	}
	.mob-nav-btn {
		display: inline-block;
		padding-top: 16px;
	}
	.header-cont.mobtext  {
		display: inline-block;
	}
	.header-cont.deskcount  {
		display: none;
	}
	.litxt ul{
		display: inline-block;
	}
	.boldtitle{
		font-size: 40px !important;
	}
	.topfiveboxmain .vc_column-inner {
		padding-left: 35px !important;
		padding-right: 35px !important;
	}
	.fiveboxestop{
		padding-left: 20px;
    	padding-right: 20px;
	}
	.fiveboxes .vc_column-inner{
		padding-left: 5px !important;
		padding-right: 5px !important;
	}
	.fiveboxes h4{
		font-size: 16px;
	}
	#footer{
		padding-top:116px;
	}
	.right-res, .webdesign-ftr{
		width: auto;
	}
	#text-14 img{
		margin-right: 0px;
	}
}	
@media only screen and (min-width: 1001px) and (max-width: 1210px) { 
	.header-cont.mobtext {
		display: inline-block;
	}
	.header-cont.deskcount {
		display: none;
	}
	nav.navigation-container {
		display: none;
	}
	#logo-container a img{
		max-height: 80px;
   		width: 100%;
	}
	.mobile-nav {
		display: block;
		float: right;
		margin: 60px 3.06%;
		margin-right: 0px;
		cursor: pointer;
		margin-top: 30px;
	}
	.mob-nav-btn {
		display: inline-block;
		padding-left: 27px;
		padding-top: 16px;
		height: 15px;
		background-size: 24px 24px;
		color: #ffffff;
		text-transform: uppercase;
		line-height: 15px;
		height: 20px;
    	font-size: 0px;
	}
	.mob-nav-menu {
		position: absolute;
		z-index: 100;
		margin-top: -1px;
		margin-bottom: -21px;
		margin-left: 0%;
		width: 100%;
		background: rgba(17, 17, 17, 0.96);
		text-transform: uppercase;
		font-size: 12px;
	}
	.mob-nav-menu ul {
		margin-left: 0;
		list-style: none;
	}
	ul.mob-nav-menu > li, div.mob-nav-menu > ul > li {
		padding-bottom: 0;
	}
	.mob-nav-menu ul li a {
		display: block;
		padding: 15px 3%;
		border-bottom: 1px solid rgba(255, 255, 255, 0.07);
		color: #ffffff;
	}
	
}