/* ==========================================================================
*
* Custom CSS Stylesheet. This is where you should add your own styles!
*
** ========================================================================== */

/* Simple style overrides or custom adds */

.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
}
.fab {/* padding: 20px; *//* font-size: 30px; *//* width: 30px; */text-align: center;text-decoration: none;/* margin: 5px 2px; *//* border-radius: 50%; */}

.fab:hover {
opacity: 0.7;
}

.fa-whatsapp {
background: #45bbff;
color: white;
}

.modal-header {
    background-color: #f8ae47;
    color: white;
    text-align: center;
}
.btn-primary {
    color: #fff;
    background-color: #f8ae47;
    border-color: #dc3545;
}
.some-css-selector {font-size:13px;}

.kl-iconbox {
    margin-bottom: 0px;
}
.fs-m {
    font-size: 18PX;
    line-height: 1.4;
}
.kl-ioscaption--style3 .title_big span.stronger {
    font-size: 110px;
    display: block;
    line-height: 1;
	text-transform: uppercase;
}
.logo-container.hasInfoCard:before {
    content: url(../images/hoverme.png);
    width: 98px;
    height: 35px;
    right: 100%;
    margin-right: 20px;
    top: 20px;
    position: absolute;
	display: none;
		
}

.site-header .kl-header-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .6;
    pointer-events: none;
    background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, transparent 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,1)), color-stop(100%,#000000b3));
    background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,#000000b3 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,1) 0%,transparent 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,1) 0%,transparent 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,#000000b3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 );
}


/* ==========================================================================
** Responsive styles custom rules
* These rules are ready to be used for either overrides
* or just your own custom rules.
========================================================================== */


/** Higher screens+ **/
@media only screen and (min-width : 1921px){

}


/** Desktop+ **/
@media (min-width: 1200px) {

}


/** Laptop **/
@media (max-width: 1200px) {

}


/** Laptop+ **/
@media (min-width: 991px) {

}


/** Laptop **/
@media (min-width: 992px) and (max-width: 1199px) {

}


/** Large Tablets **/
@media (max-width: 992px) {

}


/** Tablets (landscape mode)  **/
@media (min-width: 768px) and (max-width: 991px) {

}


/** Tablets+  **/
@media (min-width: 768px) {

}


/** Tablets (portrait mode)  **/
@media (min-width : 481px) and (max-width : 768px) {

}


/** Smartphone landscape mode / Mini Tablet **/
@media (max-width: 767px) {

}


/** Smartphone landscape mode / Mini Tablet **/
@media (max-width: 600px) {

}


/** Smartphone portrait mode **/
@media (max-width: 480px) {
.kl-iconbox__icon-wrapper, .kl-iconbox__title-wrapper, .kl-iconbox__desc-wrapper, .kl-iconbox__cta-wrapper {
    margin-top: 0;
    margin-bottom: 0;
}
	.kl-title-block {
    padding-top: 0;
    padding-bottom: 0;
}
}


/** Normal phone portrait mode+ **/
@media (min-width: 320px) {
	.kl-iconbox__icon-wrapper, .kl-iconbox__title-wrapper, .kl-iconbox__desc-wrapper, .kl-iconbox__cta-wrapper {
    margin-top: 0;
    margin-bottom: 0;
}
	.kl-title-block {
    padding-top: 0;
    padding-bottom: 0;
}
	
}