/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */
 
 
 
 /*Header*/
 
 .slt-header-info-text{
	 margin-left:0;
	 padding-left:0;
     list-style: none;
 }
 


.ct-header div[data-transparent-row="yes"] .slt-header-info-text li{
		color:#FFF;
}

.ct-header div[data-transparent-row="yes"] .slt-header-info-text li:nth-child(2), .ct-header div[data-transparent-row="yes"] .slt-header-info-text li:nth-child(3){
     color:#dbdbdb;
 }

.slt-header-info-text li:nth-child(1){
        margin-bottom: 11px;
 } 
 .slt-header-info-text li:nth-child(2), .slt-header-info-text li:nth-child(3){
     font-size: 14px;
 }

@media screen and (min-width: 999px){
	.visible-mobile-only{
		display:none;
	}
	
	.menu-item ._svg{
	position: absolute;
	top: 11px;
}
	
	.header-menu-1 > ul > li > a > span{
		margin-top:24px;
	}
	.ct-header .header-menu-1{
		height: 65px;
	}
	.header-menu-1{
		background: rgb(255 255 255 / 85%);
    	border-radius: 7px;   	
	}
	.hero-text-offer{
		font-size:28px;		
		margin-bottom:20px;
		line-height:42px;
	}
	.hero-text-offer span{
		font-size:42px;
	}	
}

/* Hero */
.hero-text-offer{
	color:#FFF;
	font-size:22px;
	margin-bottom:7px;
}
.hero-text-offer span{
		text-transform:uppercase;
		font-weight:600;
	}

/* Sidebar */
.menu-sidebar-nav-container ul > li.current-menu-item > a{
	color: #997417;
	position:relative;
	padding-left:25px;
}
.menu-sidebar-nav-container ul > li.current-menu-item > a::before{
	position:absolute;
	left:0;
	top:-8px;
	content:'➞';
	font-size:22px;
	color:#997417;
}


/* 3D Plan */
@media screen and (max-width: 999px){
	.slt-plan{
		display:none;
	}
}

.slt-plan{
  width: 1100px;
  margin: 0 auto;
  position: relative;
}

.slt-plan .slt-plan__lit-b{
  opacity: 0;
  position: absolute;
  top:215px;
  left: 349px;
  transition: 0.3s;
}

.slt-plan .slt-plan__lit-b:hover{
  opacity: 1;
}
.slt-plan .slt-plan__lit-b:hover .slt-plan__message--lit-b{
  display: block;
}

.slt-plan .slt-plan__message{
  position: absolute;
  background: #FFF;
  width: 200px;
  transition: 0.3s;
  padding: 17px;
  box-shadow: 0px 3px 9px 5px rgb(0 0 0 / 15%);
}

.slt-plan .slt-plan__message--lit-b{
  display: none;
  top: -20px;
  right: -150px;
}
.slt-plan .slt-plan__message--lit-b::after{
content: '';width: 0;
height: 0;
border-style: solid;
border-width: 7px 12px 7px 0;
border-color: transparent #ffffff transparent transparent;
position: absolute;
left: -12px;
    top: 65px;
}

/* LITERA G */
.slt-plan .slt-plan__lit-g{
  opacity: 0;
  position: absolute;
  top:511px;
  left: 865px;
  transition: 0.3s;
}

.slt-plan .slt-plan__lit-g:hover{
  opacity: 1;
}
.slt-plan .slt-plan__lit-g:hover .slt-plan__message--lit-g{
  display: block;
}
.slt-plan .slt-plan__message--lit-g::after{
content: '';width: 0;
width: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 0 12px 14px 12px;
border-color: transparent transparent #ffffff transparent;
position: absolute;
left: 100px;
    top: -12px;
}
/* LITERA A */
.slt-plan .slt-plan__lit-a{
  opacity: 0;
  position: absolute;
  top:317px;
  left: 529px;
  transition: 0.3s;
}

.slt-plan .slt-plan__lit-a:hover{
  opacity: 1;
}
.slt-plan .slt-plan__lit-g:hover .slt-plan__message--lit-a{
  display: block;
}
.slt-plan .slt-plan__message--lit-a::after{
content: '';width: 0;
width: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 0 12px 14px 12px;
border-color: transparent transparent #ffffff transparent;
position: absolute;
left: 100px;
    top: -12px;
}
/* LITERA A1 */
.slt-plan .slt-plan__lit-a1{
  opacity: 0;
  position: absolute;
  top:216px;
  left: 670px;
  transition: 0.3s;
}

.slt-plan .slt-plan__lit-a1:hover{
  opacity: 1;
}
.slt-plan .slt-plan__lit-a1:hover .slt-plan__message--lit-a1{
  display: block;
}
.slt-plan .slt-plan__message--lit-a1::after{
content: '';width: 0;
width: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 0 12px 14px 12px;
border-color: transparent transparent #ffffff transparent;
position: absolute;
left: 100px;
    top: -12px;
}

/* LITERA V */
.slt-plan .slt-plan__lit-v{
  opacity: 0;
  position: absolute;
  top:547px;
  left: 661px;
  transition: 0.3s;
}

.slt-plan .slt-plan__lit-v:hover{
  opacity: 1;
}
.slt-plan .slt-plan__lit-v:hover .slt-plan__message--lit-v{
  display: block;
}
.slt-plan .slt-plan__message--lit-v::after{
content: '';width: 0;
width: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 0 12px 14px 12px;
border-color: transparent transparent #ffffff transparent;
position: absolute;
left: 100px;
    top: -12px;
}


 
 /*
This .scss loop will create "margin helpers" and "padding helpers" for use in your web projects.
It will generate several classes such as:

.m-r-10 which gives margin-right 10 pixels.
.m-r-15 gives MARGIN to the RIGHT 15 pixels.
.m-t-15 gives MARGIN to the TOP 15 pixels and so on.

.p-b-5 gives PADDING to the BOTTOM of 5 pixels
.p-l-40 gives PADDING to the LEFT of 40 pixels

The first letter is "m" or "p" for MARGIN or PADDING
Second letter is "t", "b", "l", or "r" for TOP, BOTTOM, LEFT, or RIGHT
Third letter is the number of spacing in pixels. Adjust the amounts generated by editing the $spaceamounts variable below.

*/
.m-t-0 {
  margin-top: 0 !important;
}

.m-t-5 {
  margin-top: 5px;
}

.p-t-5 {
  padding-top: 5px;
}

.m-b-5 {
  margin-bottom: 5px;
}

.p-b-5 {
  padding-bottom: 5px;
}

.m-l-5 {
  margin-left: 5px;
}

.p-l-5 {
  padding-left: 5px;
}

.m-r-5 {
  margin-right: 5px;
}

.p-r-5 {
  padding-right: 5px;
}

.m-t-10 {
  margin-top: 10px;
}

.p-t-10 {
  padding-top: 10px;
}

.m-b-10 {
  margin-bottom: 10px;
}

.p-b-10 {
  padding-bottom: 10px;
}

.m-l-10 {
  margin-left: 10px;
}

.p-l-10 {
  padding-left: 10px;
}

.m-r-10 {
  margin-right: 10px;
}

.p-r-10 {
  padding-right: 10px;
}

.m-t-15 {
  margin-top: 15px;
}

.p-t-15 {
  padding-top: 15px;
}

.m-b-15 {
  margin-bottom: 15px;
}

.p-b-15 {
  padding-bottom: 15px;
}

.m-l-15 {
  margin-left: 15px;
}

.p-l-15 {
  padding-left: 15px;
}

.m-r-15 {
  margin-right: 15px;
}

.p-r-15 {
  padding-right: 15px;
}

.m-t-20 {
  margin-top: 20px;
}

.p-t-20 {
  padding-top: 20px;
}

.m-b-20 {
  margin-bottom: 20px;
}

.p-b-20 {
  padding-bottom: 20px;
}

.m-l-20 {
  margin-left: 20px;
}

.p-l-20 {
  padding-left: 20px;
}

.m-r-20 {
  margin-right: 20px;
}

.p-r-20 {
  padding-right: 20px;
}

.m-t-25 {
  margin-top: 25px;
}

.p-t-25 {
  padding-top: 25px;
}

.m-b-25 {
  margin-bottom: 25px;
}

.p-b-25 {
  padding-bottom: 25px;
}

.m-l-25 {
  margin-left: 25px;
}

.p-l-25 {
  padding-left: 25px;
}

.m-r-25 {
  margin-right: 25px;
}

.p-r-25 {
  padding-right: 25px;
}

.m-t-30 {
  margin-top: 30px;
}

.p-t-30 {
  padding-top: 30px;
}

.m-b-30 {
  margin-bottom: 30px;
}

.p-b-30 {
  padding-bottom: 30px;
}

.m-l-30 {
  margin-left: 30px;
}

.p-l-30 {
  padding-left: 30px;
}

.m-r-30 {
  margin-right: 30px;
}

.p-r-30 {
  padding-right: 30px;
}

.m-t-35 {
  margin-top: 35px;
}

.p-t-35 {
  padding-top: 35px;
}

.m-b-35 {
  margin-bottom: 35px;
}

.p-b-35 {
  padding-bottom: 35px;
}

.m-l-35 {
  margin-left: 35px;
}

.p-l-35 {
  padding-left: 35px;
}

.m-r-35 {
  margin-right: 35px;
}

.p-r-35 {
  padding-right: 35px;
}

.m-t-40 {
  margin-top: 40px;
}

.p-t-40 {
  padding-top: 40px;
}

.m-b-40 {
  margin-bottom: 40px;
}

.p-b-40 {
  padding-bottom: 40px;
}

.m-l-40 {
  margin-left: 40px;
}

.p-l-40 {
  padding-left: 40px;
}

.m-r-40 {
  margin-right: 40px;
}

.p-r-40 {
  padding-right: 40px;
}

.m-t-45 {
  margin-top: 45px;
}

.p-t-45 {
  padding-top: 45px;
}

.m-b-45 {
  margin-bottom: 45px;
}

.p-b-45 {
  padding-bottom: 45px;
}

.m-l-45 {
  margin-left: 45px;
}

.p-l-45 {
  padding-left: 45px;
}

.m-r-45 {
  margin-right: 45px;
}

.p-r-45 {
  padding-right: 45px;
}

.m-t-50 {
  margin-top: 50px;
}

.p-t-50 {
  padding-top: 50px;
}

.m-b-50 {
  margin-bottom: 50px;
}

.p-b-50 {
  padding-bottom: 50px;
}

.m-l-50 {
  margin-left: 50px;
}

.p-l-50 {
  padding-left: 50px;
}

.m-r-50 {
  margin-right: 50px;
}

.p-r-50 {
  padding-right: 50px;
}

.m-t-75 {
  margin-top: 75px;
}

.p-t-75 {
  padding-top: 75px;
}

.m-b-75 {
  margin-bottom: 75px;
}

.p-b-75 {
  padding-bottom: 75px;
}

.m-l-75 {
  margin-left: 75px;
}

.p-l-75 {
  padding-left: 75px;
}

.m-r-75 {
  margin-right: 75px;
}

.p-r-75 {
  padding-right: 75px;
}

.m-t-100 {
  margin-top: 100px;
}

.p-t-100 {
  padding-top: 100px;
}

.m-b-100 {
  margin-bottom: 100px;
}

.p-b-100 {
  padding-bottom: 100px;
}

.m-l-100 {
  margin-left: 100px;
}

.p-l-100 {
  padding-left: 100px;
}

.m-r-100 {
  margin-right: 100px;
}

.p-r-100 {
  padding-right: 100px;
}

/*
  RUN GULP to generate the classes. Now you can use these helpers to customize spacing on HTML elements.
*/
.unpad-y {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}