/**********************************
      CUSTOM PADDING CLASSES
***********************************/
.padding-20 {padding:20px;}
.padding-25 {padding:25px;}
.padding-30 {padding:30px;}
.padding-35 {padding:35px;}
.padding-40 {padding:40px;}
@media all and (max-width: 500px) {
.padding-20 {padding:0}
.padding-25 {padding:0}
.padding-30 {padding:0}
.padding-35 {padding:0}
.padding-40 {padding:0}
}

/**********************************
      CUSTOM MARGIN CLASSES
***********************************/
.margin-0 {margin:0 !important} 
.margin-20 {margin:20px !important} 
.margin-25 {margin:25px !important} 
.margin-30 {margin:30px !important} 
.margin-35 {margin:35px !important} 
.margin-40 {margin:40px !important}
@media screen and (max-width: 600px) {
.margin-top-100-mobile{margin-top: 100px!important;}
.no-margin-mobile{margin:0px!important;}
}
/**********************************
    CUSTOM DISPLAY:NONE CLASSES
***********************************/
@media only screen and (max-width: 990px) {
.hide_on_mobile {display:none!important;}
}
@media only screen and (min-width: 990px) {
.hide_on_desktop {display:none!important;}
} 

/**********************************
      CUSTOM BOX SHADOW CLASSES
***********************************/
.shadow-1 { -webkit-box-shadow: 0 1px 3px rgba(0,0,0, 0.12), 0 1px 2px rgba(0,0,0, 0.24); -moz-box-shadow: 0 1px 3px rgba(0,0,0, 0.12), 0 1px 2px rgba(0,0,0, 0.24); box-shadow: 0 1px 3px rgba(0,0,0, 0.12), 0 1px 2px rgba(0,0,0, 0.24); } 
.shadow-2 { /* screenshot */ -webkit-box-shadow: 0 30px 50px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 30px 50px rgba(0, 0, 0, 0.15); box-shadow: 0 30px 50px rgba(0, 0, 0, 0.15); } 
.shadow-3{box-shadow: 0 0 7px 2px rgb(0 0 0 / 50%);}

/**********************************
       CUSTOM TEXT-ALIGN CLASSES
***********************************/
.center {text-align:center;}
.right {text-align:right;}
.left {text-align:left;}
.left-center{text-align:left;}
@media all and (max-width: 600px) {
.center {text-align:center}
.center div{padding:0px !important}
.right {text-align:initial}
.left {text-align:initial}
/*left on desktop,center on mobile*/
.left-center{text-align:center;}
}

/**********************************
       CUSTOM BUTTON CLASSES
***********************************/
.is-boxed-button-big {display:inline-block;}
.is-boxed-button-big a {display:table;float:left;text-align:center;margin:0 30px 0 0;width: 55px; height: 50px;background-color: #aaa;border-radius:10px;}
.is-boxed-button-big a i {display:table-cell;width:100%;height:100%;vertical-align:middle;color:#ffffff;font-size:30px;}

/**********************************
       CUSTOM COLUMN CLASSES
***********************************/
@media screen and (max-width: 600px) {
.column.two-third.nobreak { width: 66.7%;text-align: center; }
.column.two-fourth.nobreak { width: 75%;text-align: center; }
.column.two-fifth.nobreak { width: 80%;text-align: center; }
.column.two-sixth.nobreak { width: 83.3%;text-align: center; }
.column.half.nobreak { width: 50%;text-align: center; }
.column.third.nobreak { width: 33.3%;text-align: center; }
.column.fourth.nobreak { width: 25%;text-align: center; }
.column.fifth.nobreak { width: 20%;text-align: center; }
.column.sixth.nobreak { width: 16.6%;text-align: center; }
}

/**********************************
     ELEMENTORS SHAPE DIVIDERS
***********************************/
.elementor-shape[data-negative=false].elementor-shape-bottom, .elementor-shape[data-negative=true].elementor-shape-top { /* -webkit-transform: rotate(180deg); */ -ms-transform: rotate(180deg); transform: rotate(180deg); } .elementor-shape-bottom { bottom: -1px; } .elementor-shape { overflow: hidden; position: absolute; left: 0; width: 100%; line-height: 0; direction: ltr; } .elementor-shape-bottom svg { width: calc(100% + 1.3px); height: 50px; } .elementor-shape-top svg{height:50px;}
.elementor-shape svg { display: block; width: calc(100% + 1.3px); position: relative; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .elementor-shape .elementor-shape-fill { fill: #fff; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transform: rotateY(0deg); transform: rotateY(0deg); }


/**********************************
         CUSTOM LINKS CLASSES
***********************************/
.active-link{color:rgb(233, 198, 100)!important;}


/**********************************
         CUSTOM IMAGE CLASSES
***********************************/
.is-wrapper img.fixed {max-width:100%;object-fit: cover;height: 250px;}
.is-wrapper img.shadow{box-shadow:0 5px 10px rgba(0,0,0,.5);
border-radius:10px!important;} 
.logo{margin: 10px!important;}
img.circle {border-radius:500px;margin-top:0;} .circle_image{ border-radius: 999px; width: 300px;height: 300px; } .circle_image_small{border-radius: 999px; width: 100px;height: 100px;object-fit: cover;}


/**********************************
    CUSTOM ANIMATIONS ON IMAGES
***********************************/
/*INSTALLATION: <div class="column third hover01">*/
/* Zoom In*/ 
.hover01  img { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .hover01:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); } 
/* Rotate */
.hover02 img {}
.hover03 img:hover{filter:brightness(0.7);-webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
/*BURN EFFECTS */
/*GUIDE: Stin class tou img src to bazeis kai etoimo*/
.kurn_burn_effect { animation:is-scale 10s ease forwards; -ms-animation:is-scale 10s ease forwards; -webkit-animation:is-scale 10s ease forwards; -o-animation:is-scale 10s ease forwards; -moz-animation:is-scale 10s ease forwards; }
@keyframes is-scale { from { transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1); } to { transform: scale(1.2); -ms-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); -moz-transform: scale(1.2); } } 


/**********************************
      CUSTOM HEIGHT CLASSES
***********************************/
@media screen and (max-width: 600px) {
	.height-200-mobile{height:200px;}	
}

/**********************************
         CUSTOM TRICKS GUIDE
***********************************/
/**********************************
IF WE HAVE TRANSPARENT HEADER ADD THE CLASS BELOW ON THE SECTION THAT IS RIGHT UNDER THE HEADER
***********************************/
.transparent-header{margin-top:-20vh!important;}
@media screen and (max-width: 600px) {
.transparent-header{margin-top:-27vh!important;}
}