body {
font-family: "Poppins", sans-serif;
margin: 0;
} h1, h2, h3, h4, h5, h6 {
font-family: 'Poppins', sans-serif;
margin: 0 0 20px;
}
.navbar-brand {
padding-top: 0.25rem;
}
.navbar-brand>a {
font-family: "Poppins", sans-serif;
text-transform: uppercase;
}
#masthead .navbar-nav>li a {
border-bottom-width: 0;
display: block;
font-family: "Poppins", sans-serif;
padding: 10px;
text-transform: uppercase;
}
div#page-sub-header h1 {
font-family: "Poppins", sans-serif;
margin-bottom: 0;
text-transform: none;
}
div#page-sub-header p {
max-width: 100%;
}
.page .entry-title, .single .entry-title, .blog .entry-title {
font-weight: 600;
}
#secondary .widget-title {
font-family: "Poppins", sans-serif;
margin: 0;
padding: 0 5px 0 0;
text-transform: uppercase;
margin-bottom: 1.563rem;
}
.entry-meta {
font-family: "Poppins", sans-serif;
}
.post-thumbnail {
margin-bottom: 1.875rem;
}header#masthead{ background: rgba(36,23,53, 0.9);
position: absolute;
width: 100%;
top:0;
left: 0;
z-index: 99;
}
#masthead .navbar-nav > li > a{
font-size: 1em !important;
}
#masthead .navbar-nav > li.current_page_item > a{
color:#b3cc2e!important;
}
h1,h2,h3,h4,h5{
font-family: "Poppins, sans-serif" !important;
}
p{
font-size: 1.1em;
}
a{
color:#41235a;
}
a:hover{
text-decoration: none;
color:#31005a;
}
.navbar-toggler i{
color:white;
font-size: 1.5em;
}
.navbar-nav .menu-item{
box-sizing: border-box;
padding-left: 8px;
padding-right: 8px;
letter-spacing: 0.3px;
}
.btn{
font-weight: 400;
box-sizing: border-box;
padding-left: 32px!important;
padding-right: 32px!important;
text-align: center!important;
}
.btn-main{
background: #41235a;
color:white;
outline: none!important;
border:none !important;
}
.btn-green{
background: #b3cc2e;
color:#ffffff;
outline: none!important;
border:none !important;
}
.btn-main:hover,.btn-main:focus,.btn-main:active{
color:white!important;
background: #23004b!important;
outline: none!important;
border:none !important;
}
.btn-green:hover,.btn-green:focus,.btn-green:active{
color:#ffffff!important;
background: #c5e21d!important;
outline: none!important;
border:none !important;
}
.btn-white{
background: #ffffff;
color:#41235a;
}
.btn-xl{
font-size: 2em;
}
.bg-main{
background:#41235a;
}
.bg-main-dark{
background:#241735;
}
.bg-green{
background:#b3cc2e;
}
.bg-gray{
background: #DDD;
}
.bg-gray-light{
background: #f8f8f8;
}
.text-main{
color:#41235a!important;
}
.text-green{
color:#b3cc2e!important;
}
.text-gray{
color:#858585!important;
}
.text-gray-2{
color:#5b5b5b!important;
}
.text-dark{
color:#333333!important;
}
.text-small{
font-size: 0.9em;
}
.title-small{
font-size: 2em;
}
.title-med{
font-size: 3em;
}
.title-line, .title-line-green{
position: relative;
}
.title-line::before{
content: '';
position: absolute;
bottom: -16px;
width: 80px;
height: 4px;
left: calc(50% - 40px);
background: #c5c6c8;
}
.title-line-green::before{
content: '';
position: absolute;
bottom: -16px;
width: 80px;
height: 4px;
left: 0;
background: #b3cc2e;
}
.logo-header{
width: 90px;
}
.logo-footer,.logo-landing{
width: 120px;
}
.top-section{
height: 80vh;
background-size:cover;
background-position: center;
background-attachment: fixed;
padding-top: 100px;
}
.top-section-small{
height: auto;
background-size:100%;
background-position: center;
background-attachment: scroll;
box-sizing: border-box;
padding: 70px 0;
padding-top: 150px;
}
.top-section-small h3{
font-size: 1.7em;
}
.ctn-top{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100%;
}
.ctn-top h1{
font-size: 3em;
}
.ctn-top .btn{
margin-bottom: 60px;
}
.logo{
width: 240px;
max-width: 80%;
}
.wrapper-service{
display: flex;
justify-content: center;
align-items: stretch;
}
.ctn-content{
flex:1;
width: 50%;
box-sizing: border-box;
padding:60px 0;
min-height: 500px;
display: flex;
align-items: center;
justify-content: center;
}
.ctn-image{
flex:1;
width: 50%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.ul-services li{
margin-bottom: 8px;
}
.big-title{
text-transform: uppercase;
color:#41235a;
font-size: 2.5em;
font-weight: 700;
}
.extra-big-title{
font-size: 3.5em;
}
.big-title span{
color:#b3cc4a;
}
.ctn-form{
box-sizing: border-box;
padding: 50px;
background:#b3cc4a;
border-radius: 8px;
}
.ctn-form .wpcf7-not-valid-tip{
text-align: left!important;
}
.ctn-form-landing{
background: #41235a;
}
.ctn-form input[type="submit"]{
font-size: 1.5em;
}
.ctn-form-landing input[type="submit"]{
background:#b3cc4a;
}
.ctn-form-landing .wpcf7-response-output{
color:white!important;
}
.ctn-gallery{
display: flex;
flex-wrap: wrap;
}
.gallery-item{
flex:25%;
width: 25%;
box-sizing: border-box;
padding: 1px;
}
.ctn-gallery img{
width: 100%;
}
.box-review{
background: #f2f2f2;
box-sizing: border-box;
padding: 32px;
height: 100%;
position: relative;
}
.box-review p{
font-weight: 300;
font-size: 0.9em;
}
.box-review h4{
text-align: center;
font-family: "Poppins, sans-serif" !important;
font-weight: 700!important;
text-align: left;
color:#241735!important;
}
.ctn-stars{
margin-bottom: 32px;
}
.ctn-stars i{
color:#ebcd1e;
font-size: 1.4em;
}
.ctn-stars img{
width: 25px;
}
.social-footer{
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background: #484848;
font-size: 1.2em;
margin: 0 4px;
}
.copyright{
text-align: center;
background:#121212;
box-sizing: border-box;
padding: 8px 32px; 
color:#626262;
}
.copyright a{
color: #939393;
}
.separator-white{
height: 1px;
width:80%;
background: white;
margin:24px auto;
}
.row-post p{
font-size: 0.95em;
color:#555555;
}
.iframe-map{
width: 100%;
height: 550px;
}
.col-info-contact a{
font-size: 1.1em;
}
.radios-group{
font-size: 1.1em;
color:#b3cc2e;
}
.radios-group .form-radios{
display: flex;
justify-content: space-between;
width: 100%;
}
.video-section,.carousel-section .carousel{
margin:0 auto;
max-width: 800px;
}
.video-section img{
cursor: pointer;
}
.video-section img:hover{
opacity: 0.8;
}
.img-landing-icon{
width: 200px;
}
.ctn-social{
font-size: 3em;
}
.ctn-logos {
flex-wrap: wrap;
}
.ctn-logos a{
background: white;
box-sizing: border-box;
padding: 16px;
margin:0 8px;
}
.ctn-logos img{
height: 50px;
width: auto;
margin:8px 16px;
}
#clock{
font-weight: 700; 
margin: 16px auto;
display: flex;
text-align: center;
justify-content: center;
align-items: center;
font-weight: 400;
}
#clock .box-count{
border-radius: 4px;
font-size: 3em;
font-weight: 700; 
color:#b3cc2e;
box-sizing: border-box;
padding: 4px 32px;
padding-bottom: 0;
margin:0 4px;
margin-bottom: 0;
}
#clock .points{
font-size: 4em;
align-self: flex-start;
margin-top: -8px;
font-weight: 700; 
}
.widget-area{
background:#f8f8f8;
box-sizing: border-box;
padding: 32px;
color:white;
}
.widget-area a{ color:black; font-size: 1.1em; } .woocommerce-ordering{
display: none;
}
.products{
margin-bottom: 0!important;
}
.woocommerce-loop-product__title{
text-align: center;
}
.button.product_type_simple{
display: none !important;
}
.pagination{
justify-content: center;
}
.page-numbers{
box-sizing: border-box;
padding: 8px;
border: 1px solid #41235a;
margin:0 1px;
color:#41235a;
text-decoration: none !important;
}
.page-numbers.current{
background: #41235a;
color:white;
}
.next.page-numbers,.prev.page-numbers{
background: #b3cc4a;
color:white;
border-color: #b3cc4a;
}
.banner-section{
box-sizing: border-box;
padding: 80px 32px;
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-attachment: fixed;
}
.banner-section h2{
font-size: 2.3em;
}
.ctn-service{
box-sizing: border-box;
padding: 32px;
}
.btn-top-page{
position: absolute;
width: 40px;
height: 40px;
background:#b3cc2e;
color:white;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
position: absolute;
right: 16px;
bottom: 16px;
}
.iframe-video{
width: 100%;
height: 450px;
}
.ctn-footer-nav ul{
padding: 0;
list-style: none;
display: flex;
justify-content: center;
align-items: center;
}
.ctn-footer-nav a{
color:rgba(255,255,255,0.8);
}
.btn-rounded{
border-radius: 12px;
}
.ctn-promo{
background: #b3cc2e;
box-sizing: border-box;
padding: 32px;
margin-bottom: 32px;
}
.big-text-promo{
color:white;
font-size: 7em;
font-weight: 900;
line-height: 1em;
}
.big-text-promo span{
font-size: 1.4em;
} 
.ctn-promo h3{
font-size: 1.8em;
}
@media screen and (max-width: 950px){
.big-text-promo{
font-size: 6em;
}
}
@media screen and (max-width: 750px){
.top-section{
background-attachment: scroll;
height: 50vh;
}
.ctn-top{
flex-direction: 
}
.title-med{
font-size: 2.3em;
}
.wrapper-service{
flex-direction: column;
}
.ctn-content,.ctn-image{
width: 100%;
}
.ctn-content{
min-height: 300px;
}
.ctn-image{
flex: 300px;
}
.revert-order{
order:2;
}
.service-2 .ctn-image{
order:2;
}
.gallery-item{
flex: 50%;
width: 50%;
}
.iframe-map{
height: 350px;
}
.row-call-section .big-title{
font-size: 1.8em;
}
.row-call-section .btn-xl{
font-size: 1.5em;
}
.ctn-logos a{
width: 45%;
height: 100px;
margin-bottom: 8px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.ctn-logos img{
width: 100%;
height: auto;
margin:8px 8px;
}
.iframe-video{
height: 300px;
}
footer{
text-align: center;
}
}