/* 

1. Add your custom Css styles below
2. Place the this code in your template: 

 <link href="css/custom.css" rel="stylesheet">

*/

.bg-transparent-white{
	background-color: #ffffff70;
} 
.bg-pink {
	background-color: #853656;
	color: white;
}

.font-pink{
	color: #853656;
}
.text-grey{
	color: #383838;
}

.list-icon.list-icon-colored li:before, .list-icon.icon-list-colored i {
    color: #853656;
}

button.btn.btn-pink,
.btn:not(.close):not(.mfp-close).btn-pink,
a.btn:not([href]):not([tabindex]).btn-pink {
    background-color: #ef4200!important;
    border-color: #bf2f04!important;
    /*border-color: #ffffff;*/
	color:#ffffff!important;
}

button.btn.btn-pink:hover, button.btn.btn-pink:focus,
button.btn.btn-pink:active, button.btn.btn-pink.active {
    background-color: #ef4200!important;
    border-color: #bf2f04!important;
	color:#ffffff!important;
}

button.btn.btn-outline-pink,
.btn:not(.close):not(.mfp-close).btn-outline-pink,
a.btn:not([href]):not([tabindex]).btn-outline-pink {
	background-color: transparent;
    border-color: #ef4200;
    border-width: 2px;
    border-style: solid;
    color: #ef4200;
}

button.btn.btn-icon-holder.btn-outline-pink:before,
.btn:not(.close):not(.mfp-close).btn-icon-holder.btn-outline-pink:before,
a.btn:not([href]):not([tabindex]).btn-icon-holder.btn-outline-pink:before {
	border-left: 2px solid #ef4200;
}

button.btn.btn-outline-pink:hover, button.btn.btn-outline-pink:focus,
button.btn.btn-outline-pink:active, button.btn.btn-outline-pink.active {
	background-color: #ef4200!important;
    border-color: #bf2f04!important;
    color: #ffffff!important;
}

button.btn.btn-icon-holder.btn-outline-pink:hover:before,
.btn:not(.close):not(.mfp-close).btn-icon-holder.btn-outline-pink:hover:before,
a.btn:not([href]):not([tabindex]).btn-icon-holder.btn-outline-pink:hover:before {
	border-left: 2px solid #bf2f04;
}

.btn:not(.close):not(.mfp-close).btn-pink:hover,
.btn:not(.close):not(.mfp-close).btn-pink:focus,
.btn:not(.close):not(.mfp-close).btn-pink:active,
.btn:not(.close):not(.mfp-close).btn-pink.active,
a.btn:not([href]):not([tabindex]).btn-pink:hover,
a.btn:not([href]):not([tabindex]).btn-pink:focus,
a.btn:not([href]):not([tabindex]).btn-pink:active,
a.btn:not([href]):not([tabindex]).btn-pink.active {
	background-color: #ef4200!important;
	border-color: #ffffff!important;
	color: #ffffff;
}

.timeline .timeline-item .timeline-icon, .p-progress-bar, .progress-bar {
	background-color: #853656 !important;
}


@media (min-width:300px) and (max-width: 374px) {
	.item-font {
		font-size: 16px;
		line-height: 20px;
	}
}
	
@media (min-width:375px) and (max-width: 414px) {
	.item-font {
		font-size: 16px;
		line-height: 24px;
	}
}

.box-font {
	font-size: 11px;
}

.p-40 {
	padding:30px;
}

.box-width{
	width: 75%;
}

@media (max-width: 526px){
	.align-self-flex-end{
		align-self: flex-end;
	}
	.image-block .col-lg-6 {
		padding: 30px;
	}
}

@media (min-width: 768px){
	.p-box{
		padding: 35px;
	}
	.box-font {
		font-size: 35px;
	}
	.mt-lg-30 {
		margin-top: 230px;
	}
}

@media (min-width: 1025px){
	.p-box{
		padding: 40px;
	}
	.box-width{
		width: 50%;
	}
	.box-font {
		font-size: 37px;
	}
	.mt-lg-30 {
		margin-top: 300px;
	}
	.lg-ml{
		margin-left: 80px
	}
}

.p-box {
	padding-top: 60px;
	padding-bottom: 60px;
	padding-left: 50px;
	padding-right: 50px;
}


h1,
.h1 {
	font-size: 3.14285714em;
	line-height: 1.31818182em;
}

h1:not(:last-child),
.h1:not(:last-child) {
	margin-bottom: 20px;
}

h2,
.h2 {
	font-size: 45px;
	line-height: 1.36363636em;
	font-weight: 500;
}

h2:not(:last-child),
.h2:not(:last-child) {
	margin-bottom: 16px;
}

h3,
.h3 {
	font-size: 38px;
	line-height: 1.5em;
	font-weight: 500;
}

h3:not(:last-child),
.h3:not(:last-child) {
	margin-bottom: 12px;
}

	 
@media all and (max-width: 767px) {
	h1,
	.h1 {
		font-size: 2.35714286em;
		line-height: 1.36363636em;
	}

	h2,
	.h2 {
		font-size: 35px;
		line-height: 41px;
	}

	h3,
	.h3 {
		font-size: 30px;
		line-height: 36px;
	}
}




/* custom css for this lander */

#background-video-container {
	overflow: hidden;
	height: 100vh;
	max-height: 100vh;
	background-image: url('/images/menu/{{ editNone.homepage.banner_background }}');
	background-size: cover;
	background-position: 50% 50%;
}
@media screen and (max-width: 992px) {
	#background-video-container {
		height: 70vh;
	}
}
/*#headerVideo { width: 100%; }*/
#headerVideo {
	position: absolute;
	top: 0px;
	width: 100%;
}

.padding-box { padding: 25px; }
.banner-font { font-size: 27px; }
.title { font-size: 86px; margin-top: -32%; }

@media (max-width: 361px){
	.title { font-size: 30px; margin-top: -70%; }
	.banner-font { font-size: 18px; }
	.padding-box { padding: 4px; }
}
@media (min-width: 361px) and (max-width: 515px){
	.title { font-size: 32px; margin-top: -70%; }
	.banner-font { font-size: 22px; }
	.padding-box { padding: 22px; }
}

@media (min-width: 516px) and (max-width: 768px){
	.title { font-size: 72px; margin-top: -75%; }
	.banner-font { font-size: 22px; }
}

@media (min-width: 769px) and (max-width: 798px){
	.title { font-size: 88px; margin-top: -73%; }
	.banner-font { font-size: 23px; }
}
@media (min-width: 799px) and (max-width: 900px){
	.title { font-size: 60px; margin-top: -41%; }
	.banner-font { font-size: 23px; }
}
@media (min-width: 901px) and (max-width: 1024px){
	.title { font-size: 88px; margin-top: -73%; }
	.banner-font { font-size: 23px; }
}

@media (min-width: 901px) and (max-width: 1024px){
	.title { font-size: 88px; margin-top: -73%; }
	.banner-font { font-size: 23px; }
}
@media (min-width: 1024px) and (max-width: 1280px){
	.title { font-size: 85px; margin-top: -35%; }
}

.padding-footer {
	padding-top: 50px;
	padding-bottom: 30px;
	padding-left: 30px;
	padding-right: 50px;
}


.btn.btn-outline.btn-outline-light {
	color: #3b3b39 !important;
	border-color: #3b3b39 !important;
	border-width: 1px !important;
}
.btn.btn-outline.btn-outline-light:hover,
.btn.btn-outline.btn-outline-light:focus,
.btn.btn-outline.btn-outline-light:active {
	color: #fff !important;
	background-color: #3b3b39 !important;
	border-color: #3b3b39 !important;
}

button.btn.btn-reveal i,
.btn:not(.close):not(.mfp-close).btn-reveal i,
a.btn:not([href]):not([tabindex]).btn-reveal i {
	margin-top: -6px;
}

@media (max-width: 767px) {
	.makeItCountTitle {
		font-size: 30px;
		line-height: 35px;
	}	
}

label.error {
	color: #e42c3e;
}

.underline { text-decoration: underline !important; }

.bg-graient {
    background: rgb(227, 133, 55);
    background: linear-gradient(91deg, rgba(227, 133, 55, 1) 2%, rgba(219, 80, 37, 1) 69%);
}
.btn-mod.btn-w {
    color: #fff!important;
    background-color: #ef4200!important;
	border-color:#ef4200!important;
}
.btn-mod.btn-w:hover {
    background-color: #bf2f04!important;
    text-decoration: none!important;
	border-color:#bf2f04!important;
}
.font-orange{
	color:#ef4200!important;
}
.timeline .timeline-item .timeline-icon, .p-progress-bar, .progress-bar{
    background-color: #ef4200!important;
}
.btn:not(.close):not(.mfp-close), a.btn:not([href]):not([tabindex]){
	margin-bottom: 0px!important;
}