/* 
 Theme Name:     MAK COSTRUZIONI
 Author:         Paissan & Partners
 Author URI:     http://www.paissan.com 
 Template:       Divi
 Version:        1.0 
*/ 


/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */ 

/* Generated by Glyphter (http://www.glyphter.com) on  Tue Oct 09 2018*/
@font-face {
    font-family: 'mak';
    src: url('fonts/mak.eot');
    src: url('fonts/mak.eot?#iefix') format('embedded-opentype'),
         url('fonts/mak.woff') format('woff'),
         url('fonts/mak.ttf') format('truetype'),
         url('fonts/mak.svg#mak') format('svg');
    font-weight: normal;
    font-style: normal;
}
[class*='mak-']:before{
	display: inline-block;
   font-family: 'mak';
   font-style: normal;
   font-weight: normal;
   line-height: 1;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale
}
.mak-helmet:before{content:'\0041';}
.mak-like:before{content:'\0042';}
.mak-m:before{content:'\0043';}


body {font-family: "Titillium Web", Helvetica, sans-serif !important; font-weight: 400 !important;}

h1, h2, h3, h4, h5, h6, h7 {font-family: "Titillium Web", Helvetica, sans-serif !important; font-weight: 400 !important;}

h1, h2 {font-size: 48px /*!important*/;}
h3 {font-size: 36px /*!important*/;}

strong {color:#0255a5;}

.mak-blu {color: #0255a5 !important;}
.mak-bianco {color: #fff !important;}

#mak-group-logo {
    display: inline-block;
    float: right;
    max-height: 54%;
    margin-bottom: 0;
    vertical-align: middle;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    -webkit-transform: translate3d(0, 0, 0);
    }
    
ul.mak_lista li:before {
    font-family: 'Dashicons';
    content: "\f139";; /*.. you can choose the right one for you..*/
    speak: none;
    font-weight: normal;
   /*color: red; */ /*.. if you wish to add color to the icon..*/
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    font-size: 15px; /*..adjust to your liking...*/
    display: inline-block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 8px; /*...adjust to your liking...*/
    vertical-align: middle;
}

#top-menu a:hover{color:#0255a5 !important;}
#main-footer {
    background-color: #ffffff;
    border-top: 1px solid #c3d4e8;
    margin-top: 35px;
    padding-top: 35px;}

#mak_slide {padding:0px !important}
.mak_sfondo {background: #0255a5 url('images/pattern.gif') repeat fixed top !important;}

#footer-widgets {
    padding: 0;
}

#main-header {
    -webkit-box-shadow: 0 0px 0 rgba(0, 0, 0, 0.1) !important;
    -moz-box-shadow: 0 0px 0 rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0 0px 0 rgba(0, 0, 0, 0.1) !important;
}

.mak-5-colonne {float:left; width: 20%;}
.mak-6-colonne {float:left; width: 16.66%;}
.mak-7-colonne {float:left; width: 14.29%;}
.mak-8-colonne {float:left; width: 12.5%;}


.mak_titolo_sezione {font-size: 72px !important;}
.mak_titolo {margin-top:4% !important;}


@media only screen and (max-width: 600px) { 
.mak-5-colonne {width: 50% !important; } 
.mak-6-colonne {width: 50% !important; } 
.mak-7-colonne {width: 50% !important; } 
.mak-8-colonne {width: 50% !important; } 
}/*** END 600px CSS ***/ 

@media only screen and (max-width: 414px) { 
.mak-5-colonne {width: 100% !important;} 
.mak-6-colonne {width: 100% !important; } 
.mak-7-colonne {width: 100% !important; } 
.mak-8-colonne {width: 100% !important; } 
}


@media only screen and (min-width: 1350px) {
.et_pb_section {padding: 27px 0;}
}

@media (min-width: 981px) {
.et_pb_section {padding: 2% 0;}
.et_pb_gutters3 .footer-widget {
    margin: 0 2% 2% 0;
}

}

@media only screen and ( min-width:980px ) {
#et_mobile_nav_menu { display:block }
#top-menu-nav { display:none; }
} 

.mobile_menu_bar:before {
 content: "\61";
    font-size: 32px;
    left: 0;
    position: relative;
    top: 0;
    cursor: pointer;
    /* width: 72px; */
    /* height: 72px; */
    background-color: #0255a5;
    color: white !important;
    /*border-radius: 50%;
	box-shadow: 3px 3px 5px #999;*/
}
 
 
 
 .navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    }
    
    
    .navbar-default .navbar-toggle {
    border-color: #1ee2e7;
    background-color: #1ee2e7;
}



/** App Style header and Drop Down Menu **/

@media (max-width: 980px) {
 .container.et_menu_container { 
 width: calc( 100% - 60px);
 }
}

.et_mobile_menu {
 margin-left: -30px;
 padding: 5%;
 width: calc( 100% + 60px);
}

.mobile_nav.opened .mobile_menu_bar:before {
 content: "\4d";
}


@media only screen and ( min-width: 981px ) {
  #myprefix-widget-area-wrap {
    z-index: 1000;
    display: block !important;
    float: left;
    position: fixed;
    background-color: lightblue;
    margin-top: 0px;
    width: 100%;
  }
  .myprefix_widget { 
    padding:16px; 
  }
}
@media only screen and ( max-width: 980px ) { 
  #myprefix-widget-area-wrap { display:none; }
}

/* VIBA PORTFOLIO MODIFICHE */

.viba-portfolio-single-meta {padding-top:15px;
    color: #666;
}

.viba-portfolio-helium-overlay {height: 0px !important;}

/*.viba-portfolio-single-data {border-bottom: 1px solid #e5e5e5;}*/

.viba-portfolio-single-item .viba-portfolio-single-content .viba-portfolio-single-meta h3 {
    font-size: 1.25em !important;
    line-height: 1.2em;
    color: #666;
    font-weight: bold !important;
    margin: 10px 0px; /* margin: 20px 0px 5px 0; */
    padding: 0px; /*padding: 0 0 5px;*/
    /*border-bottom: 1px solid #e5e5e5;*/
}

.viba-portfolio-single-item .viba-portfolio-single-content .viba-portfolio-single-meta h3 span {
    color: #666;
    /* margin-right:20px;*/
    float: right;
    font-weight: normal !important;
}

/*.viba-portfolio-single-item .viba-portfolio-single-content .viba-portfolio-single-meta h3:first-line {
    color: #333;*/
    /* margin-right:20px;*/
/*    float: right;
}*/

h2.mak_progettista, h3.mak_progettista, h3.mak_indirizzo_icona {font-size:1.6em !important; color:#333;}
h2.mak_progettista span, h3.mak_progettista span {font-size:1.25em !important; text-align:center;color:#999;}
h2.mak_cognome, h3.mak_cognome {font-size:1.6em !important; color:#333;}
h3.mak_progetto_titolo {margin:20px 0 10px !important;/*padding-bottom:10px !important;border-bottom: 1px solid #e5e5e5;*/}

h4.makc-bottom {font-size:1.25em !important; color:#666; margin: 0px; text-align:right;}

.viba-portfolio-title {
    font-size: 1.2em !important;
}

h.3mak_indirizzo_icona:before {
    font-family: "dashicons";
    content: "\f230";
}

.viba-portfolio-single-item {margin-top:30px;}
.viba-portfolio-entry-title {font-size:40px !important;}

.viba-portfolio-single-item .viba-portfolio-single-media .viba-portfolio-media-link { 
  height:100%; 
  width:100%; 
  -webkit-transform: translate3d(0,0,0); 
  transform: translate3d(0,0,0); 
}

.viba-portfolio-single-item .viba-portfolio-media-link::before { 
  position:absolute; 
  top:50%; 
  left:50%; 
  margin-top:-20px; 
  margin-left:-5px; 
}

.viba-portfolio-single-description, .viba-portfolio-gallery { padding-top:20px;}

.viba-portfolio-single-item { /*background: transparent url('images/sfondo_viba.png') repeat-y;
background-size:100% auto;*/}

.viba-portfolio-share-icons {margin-top: 50px !important;}

.viba-portfolio-single-content .viba-portfolio-single-meta a {
    color: #0255a5;
}

.viba-portfolio-single-media .viba-portfolio-media-link {
     background: rgba(2, 85, 165, 0.5);
}

.vp-pagination-single-arrow.vp-nav-previous span, .vp-pagination-single-arrow.vp-nav-next span {
 color: #fff !important;
    background-color: #0255a5 !important;
}

.viba-portfolio-owl .owl-buttons div {border-radius: 0px !important;}
.viba-portfolio-owl .owl-buttons div:hover {width: 50px !important;}

/* PULSANTI FILTRO */
.viba-portfolio-filter li:nth-child(4) {margin-right:75px !important;}
.viba-portfolio-filter li:nth-child(5) a { border-top-left-radius: 3px !important; border-bottom-left-radius: 3px !important;}
.viba-portfolio-filter li:nth-child(4) a { border-top-right-radius: 3px !important; border-bottom-right-radius: 3px !important;}

/* ALTRE MODIFICHE CSS */


.et_mobile_menu li a {
font-size:16px !important;
font-weight:400 !important;
color: #0255a5 !important;
    }
    
    
/* GOOGLE MAP IN PORTFOLIO */
.bing-map, .acf-map {
    width: 100%;
    height: 400px;
    border: #ccc solid 1px;
    margin: 20px 0;
}

/* fixes potential theme css conflict */
.bing-map, .acf-map img {
   max-width:inherit !important;
}

.mak_riga {clear:both;margin:5px 0 0; border-bottom: 1px solid #999;}
.mak_bordo_sx {border-left: 1px solid #999;}
.mak_bordo_dx {border-right: 1px solid #999;}

/* Flexible iFrame */

.Flexible-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.Flexible-container iframe,   
.Flexible-container object,  
.Flexible-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* DA SCALA DI GRIGIO A COLORI */
.blog a img{ filter: grayscale(100%);
-webkit-filter: grayscale(100%); /* For Webkit browsers */
filter: gray; /* For IE 6 - 9 */
-webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */
}
.blog a img:hover{ filter: grayscale(0%);
-webkit-filter: grayscale(0%);
filter: url("data:image/svg+xml;utf8,#grayscale");
}

.mak-bw  img{
  -webkit-filter: grayscale(100%);
  -webkit-filter: grayscale(1);  
  filter: grayscale(100%);
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}
 
.mak-bw:hover img {
  -webkit-filter: grayscale(0%);
  -webkit-filter: grayscale(0);
  filter: grayscale(0%);
 /*   -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;*/
}

.et_pb_scroll_top.et-pb-icon {bottom: 25px !important;}

.mak_titolo_pagina {
    color: rgba(2,85,165,1.00);
    font-size: 48px /*!important*/;
    line-height: 48px !important;
    font-weight: 400 !important;
    font-style: normal !important;
    font-family: Titillium Web !important;
	text-align:center;
}

.mak_titolo, .mak_titolo_slide {
    color: rgba(255,255,255,1.00) !important;
    font-size: 72px /*!important*/;
    line-height: 100px !important;
    font-weight: 400 !important;
    font-style: normal !important;
    font-family: Titillium Web !important;
    padding: 10px 10px 10px 10px !important;
    text-decoration: none !important;
    background-color: rgba(2,85,165,0.75) !important;
    border-color: transparent !important;
    border-style: none !important;
    border-width: 0px !important;
    border-radius: 0px 0px 0px 0px !important;
}

.mak_titolo {text-align:left !important;}
.mak_titolo_slide {text-align:center !important}

.mak_sottotitolo, .mak_sottotitolo_slide {
    color: rgba(255,255,255,1.00) !important;
    font-size: 15px !important;
    line-height: 22px !important;
    font-weight: 400 !important;
    font-style: normal !important;
    font-family: Titillium Web !important;
    padding: 10px 10px 10px 10px !important;
    text-decoration: none !important;
    text-align: center !important;
    background-color: rgba(2,85,165,0.75) !important;
    border-color: transparent !important;
    border-style: none !important;
    border-width: 0px !important;
    border-radius: 0px 0px 0px 0px !important;
	display:block !important;
}

.mak_sottotitolo_slide {margin-top: 30px;}
.mak_sottotitolo_slide a {color: #fff !important;}

.et_pb_fullwidth_header_subhead a {color: #fff !important;}


/*-----Ken Burns Header-----*/
.ds-kenburns-header {
    overflow:hidden ;
    position: relative;
    padding: 0;
}
.ds-kenburns-header:before {
    content: "";
    position: absolute;
    left:0; /*Left and Top sets the alignment of the image, you may need to change these if you want the image to move in a different direction*/
    top:0;
    width: calc(100vw + 60px); /*We are adding some extra width and height to the image so when it zooms and pans we don't get any whitespace around it. You may need to change these values if you change the values in the keyframes section of CSS below*/
    height: calc(100vh + 75px);
    /*z-index: -1;*/
    background: url(http://demo.paissan.eu/makcostruzioni/wp-content/uploads/2016/10/mak_slide_azienda_02.jpg); /*Chnange to the URL of the image you want to use*/
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    -ms-animation:move 8s ease forwards;
    -webkit-animation:move 8s ease forwards;
    -0-animation:move 8s ease forwards;
    -moz-animation:move 8s ease forwards;
    animation:move 8s ease forwards; /* This sets the duration of the effect and the value 'forwards' tells the effect to stop when its finished rather than loop. */
}
@keyframes move {
    from {
    -ms-transform: scale3d(1); 
    -webkit-transform: scale3d(1); 
    -o-transform: scale3d(1); 
    -moz-transform: scale3d(1); 
    transform: scale3d(1); /*This tells the image to start at its original size*/
  }
    to {
    -ms-transform: scale3d(1.2, 1.2, 1.2) translate3d(-75px, -60px, 0px);
    -webkit-transform: scale3d(1.2, 1.2, 1.2) translate3d(-75px, -60px, 0px);
    -o-transform: scale3d(1.2, 1.2, 1.2) translate3d(-75px, -60px, 0px);
    -moz-transform: scale3d(1.2, 1.2, 1.2) translate3d(-75px, -60px, 0px);
    transform: scale3d(1.2, 1.2, 1.2) translate3d(-75px, -60px, 0px); /*This tells the image to finish at 1.2x it's original size and at a position of -150px on the X axis and -120px on the Y axis. You can adjust these values to get the effect you want*/
  }
}


/*** RESPONSIVE ***/
@media (max-width: 980px) {
#et-top-navigation::before { content:'' !important;}
.viba-portfolio-single-item { background: white;}
.mak_titolo_pagina {font-size:28px !important;}
.viba-portfolio-filter {text-align: left !important; margin-left:-15px !important;}
/* PULSANTI FILTRO */
.viba-portfolio-filter li:nth-child(4) {margin-right:75px !important;}
}


#et-top-navigation::before { content:'MENU'; vertical-align:top; line-height: 1.4em; padding-right: 12px;font-size: 24px;color: #0255a5;}

/* TUTTA IMMAGINE CLICCABILE PORTFOLIO */
.viba-portfolio-cover, .viba-portfolio-cover-fixed, .viba-portfolio-overlay { pointer-events: none }
.viba-portfolio-likes, .viba-portfolio-item-button { pointer-events:auto }

/*** CAMBIAMENTO ICONE PORTFOLIO ***/
.vp-style-incorso .viba-portfolio .viba-portfolio-item-button {
    font-size: 32px !important;
    line-height: 32px;
    text-transform: none;
    }

.viba-portfolio-item-button::before {
    font: normal 48px/1 'mak' !important;
    font-variant: normal;
    color: inherit;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/*.vp-link-button::before {
    content: "\0041" !important;
}
.vp-zoom-button::before {
    content: "\0043" !important;
}*/
.vp-style-realizzazioni_completo .vp-link-button::before {content: "\0042" !important;}
.vp-style-incorso .vp-link-button::before, .vp-style-cantierihome .vp-zoom-button::before { content: "\0041" !important; }
.viba-portfolio-wrapper .vp-helium.viba-portfolio .viba-portfolio-item-button {background-color: transparent;}
/* SPOSTAMENTO LINEA COPYRIGHT */
#footer-info, #footer-info a {margin-top: 7px;}

/*---------------Vertically Center Column Elements---------------*/
 
.et_pb_equal_columns >.et_pb_column {
margin-top:auto;
margin-bottom:auto;
}

/* LISTA CON ICONA "M" */
ul.mak-elenco {
  list-style: none;
  padding: 0;
}
ul.mak-elenco li {
  padding-left: 2em;
  margin-bottom: 1em;
}
ul.mak-elenco li:before {
  content: "\0043"; /* FontAwesome Unicode */
  font-family: 'mak';
  display: inline-block;
  margin-left: -2em; /* same as padding-left set on li */
  margin-right:0.5em;
  padding-left:0.3em;
  width: 1.5em;
  background-color: rgba(2,85,165,1.00);
  color:#fff;
}

/*  ICONE SOCIAL NEL FOOTER */

#footer-bottom .et-social-icon a {
    padding: 4px;
}

#footer-bottom .et-social-facebook a {color: #fff !important;
    background-color: #3b5999 !important;
}
.mak-logo-footer {max-width: 80%; height:auto; margin-bottom:10px;   opacity: 1;
   transition: opacity 0.5s ease-in-out;
   -moz-transition: opacity 0.5s ease-in-out;
   -webkit-transition: opacity 0.5s ease-in-out;}
.mak-logo-footer-grande {max-width:40%;margin-bottom:20px;}
.mak-logo-footer:hover {opacity: 0.65;}

/* Footer Columns - Qtr-Qtr-Half */
 
.footer-widget { margin-right: 0px;}
.footer-widget:nth-child(1) { width: 23% !important; padding-right:15px !important;}
.footer-widget:nth-child(2) { width: 23% !important; padding-right:15px !important;}
.footer-widget:nth-child(3) { width: 50% !important; margin-right:0 !important;}
.footer-widget+.last{display:none;}
 
@media only screen and (max-width: 980px){
.footer-widget:nth-child(1) { width: 45% !important; padding-right:15px !important;}
.footer-widget:nth-child(2) { width: 45% !important; padding-right:15px !important;}
.footer-widget:nth-child(3) { width: 100% !important; margin-right:0 !important;}
.et-social-icons li {margin-left: 0px;}
}
 
@media only screen and ( max-width: 767px ) {
.footer-widget:nth-child(1) { width: 100% !important; padding-right:15px !important;}
.footer-widget:nth-child(2) { width: 100% !important; padding-right:15px !important;}
.footer-widget:nth-child(3) { width: 100% !important; margin-right:0 !important;}
.et-social-icons li {margin-left: 0px;}
}

@media (min-width: 981px) {
.et_pb_gutters3.et_pb_footer_columns_1_5__3_5 .footer-widget:nth-child(3) .fwidget {width: 100% !important;}
}

/* REFERENZE ENTI E PRIVATI */
.smls-hover-type-2 .smls-popup-wrap:hover, .smls-hover-type-2 .smls-grid-each-item:hover, .smls-hover-type-2 .smls-grid-image-wrap:hover, .smls-carousel-template-8.smls-hover-type-2 .smls-row-image:hover, .smls-carousel-template-9.smls-hover-type-2 .smls-row-image:hover, .smls-carousel-template-10.smls-hover-type-2 .smls-single-image:hover, .smls-hover-type-2.smls-filtr-container .smls-car-img-wrap:hover {
background-color:#fff;}


.mak_testo_centro {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 20px;
    background-color: rgba(2,85,165,0.75);
    color: #fff;
    font-size: 36px;
    font-weight: 400;
    font-family: Titillium Web !important;
}
.mak_testo_centro > a {color:#fff}
.mak_testo_centro:hover {background-color: rgba(255,255,255,0.75);}
.mak_testo_centro > a:hover {color: #0255a5;}
.mak_testo_ombra {
text-shadow: 0px 1px 5px #000;
}
.img_mak_c {
-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
} 
.img_mak_c:hover {
opacity: 0.5;  /* Opacity for Modern Browsers */
filter: alpha(opacity=50);  /* Opacity for IE8 and lower */
zoom: 1;  /* Fix for IE7 */
}
.img_mak_i {
-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
} 
.img_mak_i:hover {
    -webkit-filter: brightness(40%);
	-moz-filter: brightness(40%);
	-o-filter: brightness(40%);
	-ms-filter: brightness(40%);
	filter: brightness(40%);
	filter: alpha(brightness=40);  /* Opacity for IE8 and lower */
zoom: 1;  /* Fix for IE7 */
}


/* MASONRY */
.mak-masonry { /* Masonry container */
    column-count: 4;
    column-gap: 1em;
    margin: 27px auto;
    max-width:100%;
}
.mak-masonry {
    -moz-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    -moz-column-gap: 30px;
    -webkit-column-gap: 30px;
    column-gap: 30px;
    -moz-column-fill: initial;
    -webkit-column-fill: initial;
    column-fill: initial;
    }
.mak-masonry.gutterless {
-moz-column-gap:0;
-webkit-column-gap:0;
column-gap:0;
}

.mak-bricks { /* Masonry bricks or child elements */
    background-color: #fff;
    display: inline-block;
    padding:0 3px;
    margin:0;
    width: 100%;
    height:50%;
}
.mak-bricks:before {
content:"";
display:block;
padding-top:100%;
}
.mak-bricks a {display:block;}
.mak-bricks img {display:block;}

.mak-bricks img:hover {
    -webkit-filter: brightness(40%);
	-moz-filter: brightness(40%);
	-o-filter: brightness(40%);
	-ms-filter: brightness(40%);
	filter: brightness(40%);
	filter: alpha(brightness=40);  /* Opacity for IE8 and lower */
zoom: 1;  /* Fix for IE7 */
}



.mak_item_animate {position: relative;overflow:hidden;display:block;}
.mak_item_zone_a {position: relative; background-clip:border-box;overflow:hidden;background-repeat:no-repeat;background-position:50% 50%; background-size:cover;box-sizing:border-box;}
.mak_item_zone_b {
	display: block;
    position: absolute;
   	background: rgba(2,85,165,0.9);
   	opacity: 0
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    box-sizing: border-box;}
.mak_item_zone_b:hover {
	opacity: 1;
}
.mak_item_link {display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 5;}
.mak_item_link span {visibility: hidden;}    
.mak_item_zone_auto:before {content:""; display:block; padding-top:50%}
.mak_item_zone_img {display:none;width:100%;visibility:hidden;height:auto;}

/*.mak_overlay, .mak_item_zone_b {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
	color: #fff;
	padding: 15px;
	-moz-transition: all 0.4s ease-in-out 0s;
	-webkit-transition: all 0.4s ease-in-out 0s;
	-ms-transition: all 0.4s ease-in-out 0s;
	transition: all 0.4s ease-in-out 0s;
}
.mak_item_animate:hover .mak_overlay:hover,
.mak_item_animate.active mak_overlay, .mak_item_zone_b:hover {
	opacity: 1;
}
.mak_item_animate .mak_overlay_text {
	text-align: center;
	font-size: 18px;
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.mak_item_animate .hvrbox-text_mobile {
	font-size: 15px;
	border-top: 1px solid rgb(179, 179, 179);
	border-top: 1px solid rgba(179, 179, 179, 0.7);
	margin-top: 5px;
	padding-top: 2px;
	display: none;
}
.mak_item_animate.active .hvrbox-text_mobile {
	display: block;
}*/



/* Masonry on large screens */
@media only screen and (min-width: 1024px) {
  .mak-masonry {
    column-count: 4;
  }
}



/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) {
  
 .mak-masonry {column-count: 4;}
  
}

/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1025px) and (max-width: 1280px) {
  
  .mak-masonry {column-count: 4;}
  
}

/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {
  
  .mak-masonry {column-count: 2;}
  
}

/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  
  .mak-masonry {column-count: 2;}
  
}

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {
  
  .mak-masonry {column-count: 2;}
  
}

/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {
  
  .mak-masonry {column-count: 1;}
  
}

/*** THIS CHANGES THE LOOK OF THE FORM FIELDS ***/
.caldera-grid .form-control {
 padding: 16px;
 height: auto;
 box-shadow: none !important;
 background: #eee !important;
 color: #999;
 border: none;
}
 
/*** THIS CHANGES THE BUTTON STYLE ***/
.caldera-grid input[type=submit] {
 padding: 10px 20px;
 border-radius: 2px;
 background: #0255a5;
 color: #fff;
 font-size: 20px;
 border: 2px solid #0255a5;
 float: left;
 transition: all 0.3s ease-in-out;
}
 
/*** THIS CHANGES THE BUTTON HOVER STYLE ***/
.caldera-grid input[type=submit]:hover {
 background: #fff;
 color: #0255a5;
}