/* ================================================
 * @hook:CAROUSEL
 * ================================================ */


.caro_bottom {
clear:both;
height:450px;
}
.caro_cn {
	width: 100%;
	height: 400px;
	overflow: hidden;
	position: absolute;
	left: 0;
}
.caro div {
	width: 554px;
	height: 313px;
	margin: 20px 30px;
	float: left;
	position: relative;
}
.caro div.selected {
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
.caro div img {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	opacity:0.3;
}
.caro div h3 span {
	line-height: 50px;
	text-align: center;
	display: block;
	width: 100%;
	height: 50px;
	overflow: hidden;
	position: absolute;
	bottom: 0;
	z-index: 1;
}
.caro div h3 {
line-height: 45px;
}
.caro img{background:#fff;}
 
#prev, #next {
	background: center center no-repeat transparent;
	display: block;
	width: 30px;
	height: 30px;
	margin-top: -30px;
	position: absolute;
	top: 50%;
	z-index: 5;
}
#prev:hover, #next:hover {
	border-radius: 5px;
}
#prev.disabled, #next.disabled {
	opacity: 0.2;
	cursor: default;
}
#prev.disabled:hover, #next.disabled:hover {
	background-color: transparent;
}
#prev {	background-color: transparent;
left: 1%;
top: 10%;
margin-left: -320px;
z-index:22;
position: absolute;
width: 50%;
height: 350px;
}
#next {	background-color: transparent;
right: 1%;
top: 10%;
margin-right: -320px;
z-index:22;
position: absolute;
width: 50%;
height: 350px;
}

#controls-wrapper {
background:rgba(0,0,0,0.5)!important;
}
#slidecounter{
color:#FFF!important;
}

.caro div h3 span {
font-size: 21px!important;
text-transform: none;
height: inherit;
font-weight: normal!important;
position:relative;
width:auto;
}.caro div h3 .span {
font-size: 21px!important;
text-transform: none;
font-weight: normal!important;
}.caro div h3 {
font-size: 21px!important;
text-align:center;
text-transform: none;
font-weight:bold;
position:absolute;
bottom:-20px;
}.caro div .span2 {
	opacity:0.5;
	font-weight:bold!important;
}.caro div span,.caro div .span,.caro div .span2,.caro div .hex {
	display:inline-block;
	height:30px;
	overflow:visible;
}.caro div .hex {padding:0px 10px;}
.caro div h3 {
	display:block;
	width:100%;
	text-align:center;
}
.caro div.circle img {
width: 100%;
height: auto;
}
.caro div.circle {
width: 244px;
height: 319px!important;
margin: 20px 30px;
margin-left:40px;
margin-right:40px;
margin-top:0px;
}.caro div.circle img {
width: 204px;
height: auto;
border: 20px solid rgba(255,255,255,0.4);
background: none;
border-radius: 200px;
-webkit-border-radius: 200px;
}.caro .circle a {
display: block;
height: 244px;
margin-top: 15px;
}.caro div.circle h3 span {
display: inline-block!important;
font-size: 21px!important;
text-transform: none;
margin: 0;
padding: 0;
line-height: 0;
height: inherit;
width: auto;
position: relative;
overflow: visible;
bottom: auto;
font-weight: normal!important;
}.caro div.circle h3 .span {
display: inline-block!important;
font-size: 21px!important;
text-transform: none;
margin: 0;
padding: 0;
line-height: 0;
height: inherit;
width: auto;
position: relative;
overflow: visible;
bottom: auto;
font-weight: normal!important;
}.caro div.circle h3 {
width:240px;
font-size: 21px!important;
text-align:center;
text-transform: none;
font-weight:bold;
}.caro div.circle .span2 {
	opacity:0.5;
	font-weight:bold!important;
}.caro div.circle .hex {
	opacity:1;
	display:inline-block!important;
	padding-left:10px!important;
	padding-right:10px!important;
}
.caro div.circle img {
	opacity:0.9;
}.aq-block-aq_carousel_block #prev {
background: url(/wp-content/themes/Modello/cb-modello/img/arrow_left.png) right center no-repeat transparent;
margin-left: -517px;
margin-top: -50px;
top: auto;
opacity: 0.6;
z-index: 99999999999999;
}.aq-block-aq_carousel_block #next {
background: url(/wp-content/themes/Modello/cb-modello/img/arrow_right.png) left center no-repeat transparent;
margin-right: -517px;
margin-top: -50px;
top: auto;
opacity: 0.6;
z-index: 99999999999999;
}.aq-block-aq_carousel_block .circle #prev {
top: 26%;
}.aq-block-aq_carousel_block .circle #next {
top: 26%;
}
.aq-block-aq_carousel_block #next:hover,.aq-block-aq_carousel_block #prev:hover{
	opacity:1;
}

/* ================================================
 * @hook:PROGRESSBARS
 * ================================================ */
@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}

@-moz-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}

@-ms-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}

@-o-keyframes progress-bar-stripes {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 40px 0;
  }
}

@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}

.progressBar {
height: 40px;
margin-bottom: 20px;
overflow: hidden;
background-color: #FFF;
background-color: rgba(255,255,255,0.8);
background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9);
background-repeat: repeat-x;
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);
}

.progressBar div {
float: left;
width: 0;
height: 100%;
font-size: 16px;
line-height: 40px;
color: #ffffff;
text-align: center;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #27a4c8;
background-image: -moz-linear-gradient(top, #149bdf, #0480be);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));
background-image: -webkit-linear-gradient(top, #149bdf, #0480be);
background-image: -o-linear-gradient(top, #149bdf, #0480be);
background-image: linear-gradient(to bottom, #149bdf, #0480be);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
-moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: width 0.6s ease;
-moz-transition: width 0.6s ease;
-o-transition: width 0.6s ease;
transition: width 0.6s ease;
}
.progressBar div {
background-color: #149bdf;
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
-webkit-background-size: 40px 40px;
-moz-background-size: 40px 40px;
-o-background-size: 40px 40px;
background-size: 40px 40px;
}
.progressBar div.ani {
-webkit-animation: progress-bar-stripes 4s linear infinite;
-moz-animation: progress-bar-stripes 4s linear infinite;
-ms-animation: progress-bar-stripes 4s linear infinite;
-o-animation: progress-bar-stripes 4s linear infinite;
animation: progress-bar-stripes 4s linear infinite;
}
.progressBar div.nostripes { 
background-image:none!important;	
}
.progressBar div.blue {
background-color: #27a4c8;
}
.progressBar div.black {
background-color: #141414;
}
.progressBar div.magenta {
background-color:#ac50a7!important;
}
.progressBar div.yellow {
background-color:#ede73a!important;
}
.progressBar div.grey {
background-color:#b3b3b3!important;
}
.progressBar div.red {
background-color:#D12D2D!important;
}
.progressBar div.orange {
background-color:#fd9530!important;
}
.progressBar div.green {
background-color:#7dac2a!important;
}


/* ================================================
 * @hook:CALLOUT
 * ================================================ */

.callout {
padding:20px;
padding-left:25px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
border: 5px solid rgba(0,0,0,0.1);
}
.callout.fullbg-blue,.callout.fullbg-black,.callout.fullbg-green,.callout.fullbg-red {
border: 5px solid rgba(255,255,255,0.1);
}
.callout h1,.callout h2,.callout h3,.callout h4,.callout h5,.callout h6 {
color:#FFF;
}
.callout.blue,.fullbg-blue {
background:#27a4c8;
color:#FFF;
}
.fullbg-grey {
background:#fbfbfb;
}
.callout.black,.fullbg-black {
background:#141414;
color:#FFF;
}


/* ================================================
 * @hook:FULL WIDTH
 * ================================================ */


.fullbg .fbgin{
padding-top:48px;
padding-bottom:48px;
}

.rw_div.style_r_w_i .aq-block-aq_full_block,.rw_div.style_r_wo_i .aq-block-aq_full_block {
margin-top: -65px;
}
 
.callout.black,.fullbg-black,.fullbg-black a,.fullbg-black h1,.fullbg-black h2,.fullbg-black h3,
.fullbg-black h4,.fullbg-black h5,.fullbg-black h6,
.fullbg-blue i, .fullbg-blue .details i, .fullbg-blue .details {
color:#fff;
}
.callout.blue,.fullbg-blue,.fullbg-blue a,.fullbg-blue h1,.fullbg-blue h2,.fullbg-blue h3,
.fullbg-blue h4,.fullbg-blue h5,.fullbg-blue h6,
.fullbg-blue i, .fullbg-blue .details i, .fullbg-blue .details {
color:#fff;
}
.callout.red,.fullbg-red,.fullbg-red a,.fullbg-red h1,.fullbg-red h2,.fullbg-red h3,
.fullbg-red h4,.fullbg-red h5,.fullbg-red h6,
.fullbg-red i, .fullbg-red .details i, .fullbg-red .details {
color:#fff;
}
.callout.green,.fullbg-green,.fullbg-green a,.fullbg-green h1,.fullbg-green h2,.fullbg-green h3,
.fullbg-green h4,.fullbg-green h5,.fullbg-green h6,
.fullbg-green i, .fullbg-green .details i, .fullbg-green .details {
color:#fff;
}
.fullbg-black .content_wrap.masonry-brick .more,.fullbg-green .content_wrap.masonry-brick .more,
.fullbg-blue .content_wrap.masonry-brick .more,.fullbg-red .content_wrap.masonry-brick .more {
	background:#141414!important;
}
.fullbg-black .content_wrap.masonry-brick .more:hover,.fullbg-green .content_wrap.masonry-brick .more:hover,
.fullbg-blue .content_wrap.masonry-brick .more:hover,.fullbg-red .content_wrap.masonry-brick .more:hover {
	background:#000!important;
}
.callout.red,.fullbg-red {
background:#D12D2D!important;
}
.callout.white,.fullbg-white {
background:#FFF!important;
}
.callout.orange,.fullbg-orange {
background:#fd9530!important;
}
.callout.green,.fullbg-green {
background:#7dac2a!important;
}
.fullbg h1,.fullbg h2,.fullbg h3,.fullbg h4,.fullbg h5,.fullbg h6,
.fullbg h1 a,.fullbg h2 a,.fullbg h3 a,.fullbg h4 a,.fullbg h5 a,.fullbg h6 a {
background:none!important;
}
.fullbg .post-cat,.fullbg .post-cat h1,.fullbg .post-cat h2,.fullbg .post-cat h3,.fullbg .post-cat h4,
.fullbg .post-cat h5,.fullbg .post-cat h6,
.fullbg .post-cat h1 a,.fullbg .post-cat h2 a,.fullbg .post-cat h3 a,.fullbg .post-cat h4 a,
.fullbg .post-cat h5 a,.fullbg .post-cat h6 a,.fullbg .post-cat a{color:#111;}
 .fullbg-blue .fade_c,.fullbg-blue .gall_post .frame,.fullbg-blue i.large_rounded,
.fullbg-blue i.medium_rounded,.fullbg-blue i.small_rounded,.fullbg-blue .skin {background:#141414!important;}
.fullbg-magenta .fade_c,.fullbg-magenta .gall_post .frame,.fullbg-magenta i.large_rounded,
.fullbg-magenta i.medium_rounded,.fullbg-magenta i.small_rounded,.fullbg-magenta .skin {background:#141414!important;}
.fullbg-green .fade_c,.fullbg-green .gall_post .frame,.fullbg-green i.large_rounded,
.fullbg-green i.medium_rounded,.fullbg-green i.small_rounded,.fullbg-green .skin {background:#141414!important;}
.fullbg-grey .fade_c,.fullbg-grey .gall_post .frame,.fullbg-grey i.large_rounded,
.fullbg-grey i.medium_rounded,.fullbg-grey i.small_rounded,.fullbg-grey .skin {background:#141414!important;}
.fullbg-yellow .fade_c,.fullbg-yellow .gall_post .frame,.fullbg-yellow i.large_rounded,
.fullbg-yellow i.medium_rounded,.fullbg-yellow i.small_rounded,.fullbg-yellow .skin {background:#141414!important;}
.fullbg-orange .fade_c,.fullbg-orange .gall_post .frame,.fullbg-orange i.large_rounded,
.fullbg-orange i.medium_rounded,.fullbg-orange i.small_rounded,.fullbg-orange .skin {background:#D12D2D!important;}
.fullbg-red .fade_c,.fullbg-red .gall_post .frame,.fullbg-red i.large_rounded,
.fullbg-red i.medium_rounded,.fullbg-red i.small_rounded,.fullbg-red .skin{background:#141414!important;}

.fullbg #load_image {
background:#141414!important;
color:#FFF;
}
.fullbg #load_image h1,.fullbg #load_image h1 a,.fullbg #load_image a {
color:#FFF!important;
}


.aq-block-aq_full_block{
float:none;
margin-bottom:0;
}.aq-block-ful {
position: relative;
}.fullwimage {
z-index: 23;
position: relative;
background:none!important;
}.fullbgspacer {
position: absolute;
left: 0;
width: 100%;
height: 100%;
}.fullwimage,.aq-block-ful,.aq-block-aq_full_block {
 position:static!important;
}.aq-block {
position: relative;
z-index: 25;
}.fullwidth_block {
position: static!important;
}
.aq-block.aq-block-aq_clear_space_block {
z-index: 1;
}
 
/* ================================================
 * @hook:PORTFOLIO SHAPES AND PORTFOLIO
 * ================================================ */

.pshape-triangle,.pshape-hexagon,.pshape-circle,.pshape-diamond {
height: 100%;
position: absolute;
width: 102%;
z-index: 4;
}
.pshape-diamond {
width: 100%;
}
.pshape-hexagon {
background:url(/wp-content/themes/Modello/cb-modello/img/opacity/hexagon.png) center center repeat-y transparent;
background-size:100%;
}
.pshape-diamond {
background:url(/wp-content/themes/Modello/cb-modello/img/opacity/diag.png) center center repeat-y transparent;
background-size:100% 100%;
}
.pshape-circle {
background:url(/wp-content/themes/Modello/cb-modello/img/opacity/circle.png) center center repeat-y transparent;
background-size:100%;
}
.fullbg-grey .pshape-diamond {background:url(/wp-content/themes/Modello/cb-modello/img/opacity/diag.png) center center repeat-y transparent;background-size:100% 100%;}
.fullbg-white .pshape-diamond {background:url(/wp-content/themes/Modello/cb-modello/img/opacity/dia.png) center center repeat-y transparent;background-size:100% 100%;}


.fullbg-blue .pshape-hexagon {background:url(/wp-content/themes/Modello/cb-modello/img/opacity/hexagonbl.png) center center repeat-y transparent;background-size:100%;}
.fullbg-black .pshape-hexagon {background:url(/wp-content/themes/Modello/cb-modello/img/opacity/hexagonb.png) center center repeat-y transparent;background-size:100%;}
.fullbg-red .pshape-hexagon {background:url(/wp-content/themes/Modello/cb-modello/img/opacity/hexagonr.png) center center repeat-y transparent;background-size:100%;}
.fullbg-green .pshape-hexagon {background:url(/wp-content/themes/Modello/cb-modello/img/opacity/hexagongr.png) center center repeat-y transparent;background-size:100%;}

.fullbg-blue .pshape-circle {background:url(/wp-content/themes/Modello/cb-modello/img/opacity/circlebl.png) center center repeat-y transparent;background-size:100%;}
.fullbg-black .pshape-circle {background:url(/wp-content/themes/Modello/cb-modello/img/opacity/circleb.png) center center repeat-y transparent;background-size:100%;}
.fullbg-red .pshape-circle {background:url(/wp-content/themes/Modello/cb-modello/img/opacity/circler.png) center center repeat-y transparent;background-size:100%;}
.fullbg-green .pshape-circle {background:url(/wp-content/themes/Modello/cb-modello/img/opacity/circlegr.png) center center repeat-y transparent;background-size:100%;}
.portfolio-shape {
border-radius:0!important;
-webkit-border-radius:0!important;
-moz-border-radius:0!important;
}.portfolio-shape .icon {
position:absolute;
left:47%;
z-index:4;
}
.portfolio-shape i {
top: 0;
display: block;
position: relative;
color: #FFF;
font-size: 17px;
margin-bottom: 10px;
}

.frame.portfolio-shape,.portfolio-shape .frame_in,.portfolio-shape .framein {
padding:0!important;
border:0!important;
}

.port_sorter {
padding:15px 0!important;
padding-bottom:45px!important;
width:100%!important;
position:absolute!important;
left:0!important;
top:0!important;
border:0!important;
}
.aq-block .port_sorter {
top:auto!important;
}
.aq-block .port_els {
margin-top:88px!important;
}
.port_sorter .framein {
border:0!important;
background:0!important;
padding:0!important;
width:975px!important;
margin:0 auto!important;
box-shadow:none;
-webkit-box-shadow:none;
-moz-box-shadow:none;
}
.port_els{
margin-top:48px;
}

.fullbg-black .port_sorter a,.fullbg-red .port_sorter a,.fullbg-blue .port_sorter a,.fullbg-green .port_sorter a{
color:#fff!important;
}
.fullbg-black .port_sorter a:hover,.fullbg-red .port_sorter a:hover,.fullbg-blue .port_sorter a:hover,.fullbg-green .port_sorter a:hover{
text-decoration:none!important;
opacity:0.8!important;
color:#FFF!important;
}
.port_item_in i {
color:#999;
font-size:11px;
}
.port_arrows {
position: absolute;
bottom: 10px;
right: 20px;
}
.port_arrows a {
color: #999;
cursor:pointer;
}
.port_arrows .prev-arrow {
padding-right:20px;
}
.load_image {
width:100%;
background-color:#f1f1f1;
position:relative;
}
.load_image img{
margin-bottom:30px;
}
.load_h,div.load_h {
margin:0 auto;
width:50px;
height:50px;
display:none;
}
.close_item {
position:absolute;
right:10px;
top:10px;
cursor:pointer;
}
.close_item:hover {
opacity:0.7;
}
.im {
float:left;
max-width:600px;
overflow:hidden;
}
.im img {
width:100%;
height:auto;
}

.port_item_in {
float:left;
margin:30px;
width:260px;
}
.port_item_in h1.title,.port_item_in h1.title a {
font-size:25px!important;
line-height:25px!important;
}
.port_item_in ul,.port_item_in ul a {
color:#999;
}
.c_item {
position:absolute;
bottom:10px;
right:10px;
}
.c_item a {
color:#999;
}
.c_item .prev_item {
margin-right:10px;
}
.port_sho {
display:inline-block;
padding:0px 10px 0px 10px;
cursor:pointer;
color:#8e8e8e;
}

a.port_sho,a.port_sho:link {
cursor:pointer;
}

a.port_sho:hover{
}
.portfolio.masonry-brick {
text-align: center;
}
.portfolio.masonry-brick h1,.portfolio.masonry-brick h2,
.portfolio.masonry-brick h3,.portfolio.masonry-brick h4,
.portfolio.masonry-brick h5,.portfolio.masonry-brick h1 a,
.portfolio.masonry-brick h2 a,
.portfolio.masonry-brick h3 a,.portfolio.masonry-brick h4 a,
.portfolio.masonry-brick h5 a {
text-transform:none!important;
font-weight:normal!important;
}
.portfolio.masonry-brick .frame {
margin-bottom:20px;
}

.frame .caption {
position: absolute;
top: 45%;
text-align: center;
width: 100%;
}
.close_item {
	display:none;
}
.close_item i {
	font-size:20px;
}
.ajax_hover .icon1,.ajax_hover .icon2 {
	display:none!important;
}.ajax_hover .caption h3 {
margin-bottom: 0!important;
}
.ajax_hover .featured_image:hover {
	cursor:url(/wp-content/themes/Modello/cb-modello/img/cursors/plus.png), auto;
}
.grid_fullw .grid:hover {
	cursor:url(/wp-content/themes/Modello/cb-modello/img/cursors/drag.png), auto;
}
.grid_left {
cursor: -webkit-grab;
}



.og-grid {
	list-style: none;
	padding: 20px 0;
	margin: 0 auto;
	text-align: center;
	width: 100%;
}

.og-grid li {
	display: inline-block;
	margin: 10px 5px 0 5px;
	vertical-align: top;
	height: 250px;
}

.og-grid li > a,
.og-grid li > a img {
	border: none;
	outline: none;
	display: block;
	position: relative;
}

.og-grid li.og-expanded > a::after {
	top: auto;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-bottom-color: #ddd;
	border-width: 15px;
	left: 50%;
	margin: -20px 0 0 -15px;
}

.og-expander {
	position: absolute;
	background: #ddd;
	top: auto;
	left: 0;
	width: 100%;
	margin-top: 10px;
	text-align: left;
	height: 0;
	overflow: hidden;
    z-index: 9;
    width: 960px;
}.fully_gall .og-expander {
margin-top: 0px!important;
}

.og-expander-inner {
	padding: 0px;
	height: 100%;
}

.og-close {
	position: absolute;
	width: 40px;
	height: 40px;
	top: 20px;
	right: 20px;
	cursor: pointer;
z-index: 25;
}

.og-close::before,
.og-close::after {
	content: '';
	position: absolute;
	width: 100%;
	top: 50%;
	height: 1px;
	background: #888;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
}

.og-close::after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.og-close:hover::before,
.og-close:hover::after {
	background: #333;
}

.og-fullimg,
.og-details {
	width: 50%;
	float: left;
	height: 100%;
	overflow: hidden;
	position: relative;
}

.og-details {
width: 45%;
margin-left: 5%;
}

.og-fullimg {
	text-align: center;
}
.og-fullimg img {
display: inline-block;
float: right;
	width:100%;
	height:auto;
}
.og-fullimg img {
	display: inline-block;
/*max-height: 100%;
max-width: 100%;
width: auto;*/
float:right;
}

.og-details h3 {
	font-weight: 300;
	font-size: 52px;
	padding: 40px 0 10px;
	margin-bottom: 10px;
}

.og-details p {
	font-weight: 400;
	font-size: 16px;
	line-height: 22px;
}

.og-details {
width: 400px;
padding-top: 40px;
}
.og-details h3 a,.og-details h3,.og-details h5 a  {
color:#333!important;
}.og-details .content_block {
color: #555!important;
}.og-details .port_details,.og-details p,.og-details .details,.og-details .details i,.og-details .details a,.og-details .port_details a {
color:#999!important;
}
.og-details h5 a {
font-size: 23px;
}
.og-details .details {
margin-bottom: 20px;
font-size: 11px;
margin-top: -10px;
}.og-details .details i {
vertical-align: baseline;
font-size: 16px;
padding-right: 4px;
}.og-details .port_details {
margin-bottom: 20px;
}
.og-details .bttn {
margin-top: 30px;
padding: 16px 37px!important;
font-size: 14px;
font-weight: normal;
border-radius: 40px;
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
}
.og-loading {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #ddd;
	box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ccc;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -25px 0 0 -25px;
	-webkit-animation: loader 0.5s infinite ease-in-out both;
	-moz-animation: loader 0.5s infinite ease-in-out both;
	animation: loader 0.5s infinite ease-in-out both;
}

@-webkit-keyframes loader {
	0% { background: #ddd; }
	33% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd; }
	66% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc; }
}

@-moz-keyframes loader {
	0% { background: #ddd; }
	33% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd; }
	66% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc; }
}

@keyframes loader {
	0% { background: #ddd; }
	33% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd; }
	66% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc; }
}

@media screen and (max-width: 830px) {

	.og-expander h3 { font-size: 32px; }
	.og-expander p { font-size: 13px; }
	.og-expander a { font-size: 12px; }

}

@media screen and (max-width: 650px) {

	.og-fullimg { display: none; }
	.og-details { float: none; width: 100%; }
	
}
.featured_image.og-expandeds::after {
top: auto;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-bottom-color: #ddd;
border-width: 19px;
left: 50%;
margin: -38px 0 0 -15px;	
z-index: 25;
}.fully_gall .featured_image.og-expandeds::after {
margin: -38px 0 0 -15px;
}

/* ================================================
 * @hook:QUOTE
 * ================================================ */




/* ================================================
 * @hook:REV SLIDER ARROWS
 * ================================================ */


div.anythingSlider .back {
right: 40px;
bottom: -4px;
}
.anythingSlider .back,.anythingSlider .forward {
bottom: -3px!important;
}



/* ================================================
 * @hook:ANY SLIDER
 * ================================================ */


.any-slider-container {
	list-style: none !important;
	overflow: hidden !important;
	width: 100% !important;
	position: relative;
}

/* ================================================
 * @hook:TABS / ACCORDIONS
 * ================================================ */

.ui-widget-header,.ui-accordion-header{
background:#f5f5f5!important;
border:1px solid rgba(0,0,0,0.1)!important;
margin:0!important;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
background:#f9f9f9!important;
border-bottom:1px solid rgba(0,0,0,0.1)!important;
}

.ui-widget-content {
border:0!important;
}

.tabcontent {
border-left:1px solid rgba(0,0,0,0.1)!important;
border-right:1px solid rgba(0,0,0,0.1)!important;
border-bottom:1px solid rgba(0,0,0,0.1)!important;
padding:15px 10px!important;
}
.ui-tabs .ui-tabs-nav li a {
font-size: inherit!important;
text-transform: uppercase!important;
font-weight: bold!important;
padding:15px 10px!important;
}.ui-tabs .ui-tabs-panel{
padding:15px 10px!important;}

.ui-accordion .ui-accordion-header {
	background:none!important;
margin-bottom: -1px!important;
    border: 0!important;
    padding: 25px 0 25px 0!important;
}
.ui-accordion .ui-accordion-header a {
	margin:0;
    font-size: 25px!important;
    font-weight: normal;
}.ui-accordion .ui-accordion-header a {padding:0!important;padding-left:10px!important;}
 .ui-accordion .ui-accordion-content {
    padding: 0 10px!important;
     border: 0!important;
     margin-bottom: 30px!important;
}
.ui-accordion .ui-accordion-header .ui-icon{
    right: .5em;
    left: initial!important;
}
 
/* ================================================
 * @hook:ICON BLOCKS
 * ================================================ */
 .icon_block i {
padding: 0!important;
margin: 0!important;
display: inline-block!important;
vertical-align:middle!important;
}
.icon_block .single.rounded,.icon_block .square_rounded {
text-align: center;
display: inline-block!important;
width: 100%;
}.icon_block .single.rounded i {
border-radius: 200px;
-webkit-border-radius: 200px;
-moz-border-radius: 200px;
width: 100%;
height: 100%;
line-height:inherit;
display: inline-block!important;
}.icon_block .single.rounded i:before{
line-height:inherit;}.icon_block .square_rounded {
text-align: center;
display: inline-block!important;
width: 100%;
}.icon_block .square_rounded i{
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
line-height:inherit;
width: 100%;
height: 100%;
display: inline-block!important;
}.icon_block .square_rounded i:before{
line-height:inherit;}
.icon_block .icon_left {
width: 35%;
margin-right: 5%;
float: left;
}
.icon_block.left .icon_text_wrap.after {
width: 60%;
float: left;
}
.icon_block .icon_right {
width: 45%;
margin-left: 5%;
float: right;
}
.icon_block.right .icon_text_wrap.after {
width: 45%;
float: left;
}
.icon_block .icon_center {
margin-bottom:30px;
}
/* ================================================
 * @hook:INFO BOXES 
 * ================================================ */

.box {
padding:20px;
border:1px solid #000;
background-color:#f7f7f7;
margin:0;
min-height:30px;
border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border: 10px solid rgba(255,255,255,0.2);
}
.box h3 {
font-size:22px;
margin-bottom:10px;
font-weight:normal;
text-transform:none;
color:#FFF;
}

.error {
background:#C3332D;
color:#FFF;
}
.warning {
background:#e79f04;
color:#FFF;
}
.good {
background:#488F10;
color:#FFF;
}
.info {
background:#0780b3;
color:#FFF;
}
/* ================================================
 * @hook:DIVIDERS
 * ================================================ */

.divider1,.divider2,.divider3,.divider4,.divider5 {
margin:10px 0 10px 0;
height:10px;
}

.divider2 {
background:url(/wp-content/themes/Modello/cb-modello/img/dividers/2.png) center top repeat transparent;
height:3px;
}

.divider3 {
background:url(/wp-content/themes/Modello/cb-modello/img/dividers/3.png) center top repeat transparent;
height:40px;
}

.divider4 {
background:url(/wp-content/themes/Modello/cb-modello/img/dividers/4.png) center top repeat transparent;
height:6px;
}

.divider5 {
height:1px;
}
.divider5cl {
height:22px;
}
.divider5 {
width:400%;
position:absolute;
left:-100%;
}
.side .divider5 {
position:relative;
}

.divider1_white{
background:url(/wp-content/themes/Modello/cb-modello/img/dividers/1w.png) center top repeat transparent;
}

.divider2_white {
background:url(/wp-content/themes/Modello/cb-modello/img/dividers/2w.png) center top repeat transparent;
height:3px;
}

.divider3_white {
background:url(/wp-content/themes/Modello/cb-modello/img/dividers/3w.png) center top repeat transparent;
height:40px;
}

.divider4_white {
background:url(/wp-content/themes/Modello/cb-modello/img/dividers/4w.png) center top repeat transparent;
height:6px;
}
.divider_heading {
width: 300%;
height: 1px;
position: absolute;
left: -100%;
margin-top: 25px;
z-index: 2;
}
.divider_heading.black {
background: rgba(0,0,0,0.1);
}
.divider_heading.white {
background: rgba(255,255,255,0.4);
}
h1 .divider_heading {
margin-top: 25px;
}
h3 .divider_heading {
margin-top: 16px;
}
h2 .divider_heading {
margin-top: 19px;
}
h4 .divider_heading {
margin-top: 16px;
}
h5 .divider_heading {
margin-top: 13px;
}

.heading_span {
background: #FbFbFb;
padding: 0px 20px;
position: relative;
z-index: 3;
display: inline-block;
}
.nodiv .heading_span {
padding: 0px;
}
.fullbg-white .heading_span {background:#FFF;}
.fullbg-red .heading_span {background:#d12d2d;}
.fullbg-black .heading_span {background:#141414;}
.fullbg-blue .heading_span {background:#27a4c8;}
.fullbg-green .heading_span {background:#7fac1d;}
.fullbg-grey .heading_span {background:#fbfbfb;}
  
/* ================================================
 * @hook:LOGOS / CLIENTS
 * ================================================ */

.logos img {
zoom:1;
width:auto!important;
display: inline-block;
text-align: center;
margin: 0 auto;
margin-right: 20px;
margin-bottom: 10px;
}
.logos img:hover {
}
.logos a {
display: inline-block;
text-align: center;
margin: 0 auto;
margin-right: 20px;
margin-bottom: 10px;
}
.logos a img {
margin:0 auto;
}
.logos {
text-align:center;
margin:0 auto;
}
.clients-container {
	position: relative;
}

.clients-slide-wrap {
	margin: 0 auto;
	overflow: hidden;
	width: 84%;
	position: relative;
	z-index: 2;
}

.clients-slide {
	position: relative;
	left: 0;
	top: 0;
background: none!important;
	display: table!important;
}

.clients-slide-controls {
	margin: 0 auto;
	margin-top: 10px;
	width: 100%;
	top: 0;
	position: absolute;
}
.clients-slide-controls, .clients-slide-controls a, .clients-slide-controls img {
    box-sizing: initial!important;
}
.clients-slide-controls img {
    display: none;
}
.clients-slide-controls .prev {
	float: left;
	cursor:pointer;
}
.clients-slide-controls a:after{
    font-family:"fontawesome";
    font-weight:100;
    font-size:45px;

    display:block;
}
.clients-slide-controls .prev:after{
    content:"";
}
.clients-slide-controls .next:after{
    content:"";
}

.clients-slide-controls .next {
	float: right;
	cursor:pointer;
}

.clients-slide-controls img {
	height: 47px;
	width: 29px;
	opacity: 1;
	opacity: 0.6;
	filter: alpha(opacity =   60);
}.clients-slide-controls img {
width: 100%;
height: 100%;
}
.clients-slide-controls a {
width: 12px!important;
height: auto!important;
padding: 0px 20px;
}

.clients-slide-controls img:hover {
	opacity: 1;
	filter: alpha(opacity =   100);
}

.clients-slide-wrap img:hover {
	opacity: 0.7;
	filter: alpha(opacity =   70);
}

.clients-slide.widget a {
	display: table-cell;
	padding-right: 60px;
	vertical-align: middle;
}

.clients-slide.widget img {
	max-width: none !important;
}

 
/* ================================================
 * @hook:TESTIMONIALS
 * ================================================ */

.testimonial_content {
padding:10px;
margin-bottom:10px;
padding-left:0;
}
.testimonials .company {
display:inline-block;
}
.testimonials .author {
display:inline-block;
font-weight:bold;
}
.testimonials div.anythingSlider .forward {
bottom: 25px!important;
}
.testimonials div.anythingSlider .back {
bottom: 25px!important;
}
img.testimonial-image {
width: 85px;
height: 85px;
border-radius: 85px;
-webkit-border-radius: 85px;
-moz-border-radius: 85px;
float: left;
margin-right: 20px;
border: 5px solid rgba(0,0,0,0.1);
margin-top: -10px;
}img.testimonial-image:hover{
	background:#27a4c8;
}.testimonials .textSlide {
text-align: center;
}
.testimonial_content {
	font-size:24px;
	line-height:30px;
font-weight: 500;
margin-bottom: 20px;
color: #555;
}
.fullbg-black .testimonial_content {
	color:#eee;
}
.test_det {
	margin-bottom:25px;
}
.aq-block-aq_testimonials_block {
background:url(/wp-content/themes/Modello/cb-modello/img/quote.png) right center no-repeat transparent;
min-height: 170px;
}

.fullbg-red .aq-block-aq_testimonials_block,.fullbg-blue .aq-block-aq_testimonials_block,.fullbg-green .aq-block-aq_testimonials_block {
background:url(/wp-content/themes/Modello/cb-modello/img/quote_black.png) right center no-repeat transparent;
}
.fullbg-black .aq-block-aq_testimonials_block{
background:url(/wp-content/themes/Modello/cb-modello/img/quote_light.png) right center no-repeat transparent;
}
.fullbg-white .testimonial_content {
	color:#555;
}
 
/* ================================================
 * @hook:SKILLS
 * ================================================ */


.skill {
font-weight: bold;
text-transform: uppercase;
display: block;
text-align:center;
font-size:16px;
padding-bottom: 5px;
border-bottom: 0!important;
}.skill_circle .percent {
font-size: 36px;
text-align: center;
}.skill_circle .bold {
	text-align:center;
}.skill_circle,div.skill_circle {
text-align: center;
}.skill-circle.rif,div.skill-circle.rif {
display:none;
}.skill-circle.rif.rounded {
max-width: 204px;
}.skill-circle.rounded .percent {
margin-top: -125px;
margin-bottom: 15px;
}.skill-circle.rounded-half .percent {
margin-top: -135px;
margin-bottom: 20px;
}
 
/* ================================================
 * @hook:TEAM
 * ================================================ */
 
 
.team_image img {
width:100%;
height:auto;
border-radius:0;
-moz-border-radius:0;
-webkit-border-radius:0;
}.rounded .team_image img {
border: 20px solid rgba(0,0,0,0.1);
border-radius: 200px;
-moz-border-radius: 200px;
-webkit-border-radius: 200px;
width: 86%;
height: auto;
}.aq_span12 > .rounded > .frame_in > .team_image img {
width: 80%;
}
.team_inside h3 {
margin-bottom:20px!important;
margin-top:10px!important;
padding-bottom:0!important;
font-size: 21px!important;
font-weight:normal!important;
text-transform:none!important;
display:inline-block!important;
text-align:center;
}
.team_position {
display: block;
font-size: 21px;
color:#27a4c8;
font-weight:bold;
display:inline-block!important;
}
.team_sep {
display: inline-block;
font-size: 20px;
font-weight: normal;
padding-left: 9px;
padding-right: 9px;
}
.team_icons i {
border: 0;
background: none;
margin-right: 7px;
line-height: 32px;
color: #595959;
font-size: 18px;
text-align: center;
font-size: 22px;
margin-right: 14px;
}
.team_icons {
padding-top:15px;
margin-top:5px;
border:0;
}
.team_icons a:hover,.team_icons i:hover {
color:#34a994;
background:#FFF;
}
.team_icons li {
float:left;
margin-right:10px;
}
.team_inside {
padding:15px;
text-align:center;
}
.team_text {
	text-align:center;
}
.aq_span12 > div > .frame_in > .team_inside, .aq_span12 > div > .frame_in > .team_inside > .team_text {
text-align: left;
}
.aq_span12 > div > .frame_in > .team_image {
width: 22%;
float: left;
margin-right: 3%;
position: relative;
}

/* ================================================
 * @hook:CONTACT FORM 7
 * ================================================ */

div.wpcf7-validation-errors,span.wpcf7-not-valid-tip {
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
padding:3px 5px;
font-size:11px!important;
}



/* ================================================
 * @hook:SELECT2
 * ================================================ */

.select2-container {
width: 200px;
}.select2-search{display:none!important;}
.select2-drop-active {
border: 1px solid #34a994;
border-top: none;
}.select2-container-active .select2-choice, .select2-container-active .select2-choices {
border: 1px solid #34a994;
outline: none;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
box-shadow: 0 0 5px rgba(0, 0, 0, .3);
}.select2-container .select2-choice {
display: block;
height: 26px;
padding: 0 0 0 8px;
overflow: hidden;
position: relative;
border: 1px solid #ddd;
white-space: nowrap;
box-shadow: inset 0 1px 2px rgba(0,0,0,.07);
line-height: 26px;
color: #444;
text-decoration: none;
border-radius: 4px;
background-clip: padding-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
font-weight: 300;
color: #454040;
height: 30px;
font-size:14px;
background-color: #fff;
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f9f9f9), color-stop(0.5, #fff));
background-image: -webkit-linear-gradient(center bottom, #f9f9f9 0%, #fff 50%);
background-image: -moz-linear-gradient(center bottom, #f9f9f9 0%, #fff 50%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#f9f9f9', GradientType = 0);
background-image: linear-gradient(top, #fff 0%, #f9f9f9 50%);
font-family:'Source Sans Pro',sans-serif;
}.select2-results .select2-result-label{
	
font-weight: 300;
color: #454040;
font-size:14px;
}.select2-container .select2-choice > .select2-chosen{
	
font-weight: 300;
color: #454040;
font-size:14px;
}.select2-results .select2-highlighted{background:#34a994;color:#FFF;font-size:14px;}

.select2-results .select2-highlighted div{color:#FFF;font-size:14px;}
select {
/* modello_add

border-color: #ddd;
box-shadow: inset 0 1px 2px rgba(0,0,0,.07);
border-radius: 3px;
width: 200px;
background-color: #fff;
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f9f9f9), color-stop(0.5, #fff));
background-image: -webkit-linear-gradient(center bottom, #f9f9f9 0%, #fff 50%);
background-image: -moz-linear-gradient(center bottom, #f9f9f9 0%, #fff 50%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#f9f9f9', GradientType = 0);
background-image: linear-gradient(top, #fff 0%, #f9f9f9 50%);
font-family:'Source Sans Pro',sans-serif;
font-weight: 300;
color: #454040;
height: 30px;
line-height: 29px;
padding: 0 5px;
*/}.select2-container .select2-choice .select2-arrow {
display: inline-block;
width: 18px;
height: 100%;
position: absolute;
right: 0;
top: 0;
border-left: 1px solid #ddd;
border-radius: 0 4px 4px 0;
background-clip: padding-box;
background: #F5F5F5;
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f5f5f5), color-stop(0.6, #f9f9f9));
background-image: -webkit-linear-gradient(center bottom, #f5f5f5 0%, #f9f9f9 60%);
background-image: -moz-linear-gradient(center bottom, #f5f5f5 0%, #f9f9f9 60%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f9f9f9', endColorstr = '#f5f5f5', GradientType = 0);
background-image: linear-gradient(top, #f5f5f5 0%, #f9f9f9 60%);
}.select2-container-active .select2-choice, .select2-container-active .select2-choices {
border: 1px solid #34a994;
outline: none;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
box-shadow: 0 0 5px rgba(0, 0, 0, .3);
}.select2-container .select2-choice > .select2-chosen {
font-weight: 300;
color: #454040;
height: 30px;
font-size: 14px;
line-height: 30px;
}.select2-drop-active {
margin-top:-5px;
}.select2-results .select2-result-label {
font-size: 13px!important;
}.select2-results .select2-highlighted .select2-result-label {
color: #FFF!important;
}
.select2-container {
width: 100%;
}
.select2-search {
    display: none !important;
}

.select2-drop-active {
    border: 1px solid #34a994;
    border-top: none;
}

.select2-container-active .select2-choice, .select2-container-active .select2-choices {
    border: 1px solid #34a994;
    outline: none;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    box-shadow: 0 0 5px rgba(0, 0, 0, .3);
}

.select2-container .select2-choice {
    display: block;
    height: 26px;
    padding: 0 0 0 8px;
    overflow: hidden;
    position: relative;
    border: 1px solid #ddd;
    white-space: nowrap;
box-shadow: none;
    line-height: 26px;
    color: #444;
    text-decoration: none;
    border-radius: 4px;
    background-clip: padding-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: 300;
    color: #454040;
    height: 30px;
    font-size: 14px;
    background-color: #fff;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f9f9f9), color-stop(0.5, #fff));
    background-image: -webkit-linear-gradient(center bottom, #f9f9f9 0%, #fff 50%);
    background-image: -moz-linear-gradient(center bottom, #f9f9f9 0%, #fff 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f9f9f9', GradientType=0);
    background-image: linear-gradient(top, #fff 0%, #f9f9f9 50%);
    font-family: 'Source Sans Pro', sans-serif;
}

.select2-results .select2-result-label {

    font-weight: 300;
    color: #454040;
    font-size: 14px;
}

.select2-container .select2-choice > .select2-chosen {

    font-weight: 300;
    color: #454040;
    font-size: 14px;
}

.select2-results .select2-highlighted {
    background: #34a994;
    color: #FFF;
    font-size: 14px;
}

.select2-results .select2-highlighted div {
    color: #FFF;
    font-size: 14px;
}

.select2-container .select2-choice .select2-arrow {
    display: inline-block;
    width: 18px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    border-left: 1px solid #ddd;
    border-radius: 0 4px 4px 0;
    background-clip: padding-box;
    background: #F5F5F5;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f5f5f5), color-stop(0.6, #f9f9f9));
    background-image: -webkit-linear-gradient(center bottom, #f5f5f5 0%, #f9f9f9 60%);
    background-image: -moz-linear-gradient(center bottom, #f5f5f5 0%, #f9f9f9 60%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f5f5f5', GradientType=0);
    background-image: linear-gradient(top, #f5f5f5 0%, #f9f9f9 60%);
}

.select2-container-active .select2-choice, .select2-container-active .select2-choices {
    border: 1px solid #34a994;
    outline: none;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    box-shadow: 0 0 5px rgba(0, 0, 0, .3);
}

.select2-container .select2-choice > .select2-chosen {
    font-weight: 300;
    color: #454040;
    height: 30px;
    font-size: 14px;
    line-height: 30px;
}

.select2-drop-active {
    margin-top: -5px;
}


.select2-results .select2-result-label {
    font-size: 13px !important;
}

.select2-results .select2-highlighted .select2-result-label {
    color: #FFF !important;
}


/* ================================================
 * @hook:GRID CB
 * ================================================ */

.grid_alignp {
margin:0!important;
padding:0!important;
border:0!important;
box-shadow:none!important;
-webkit-box-shadow:none!important;
-moz-box-shadow:none!important;
}
.grid_alignp .frame{margin:0!important;}
.grid_alignp.ddd.postbox .mbimp,.grid_alignp.ddd.postbox p,.grid_alignp.ddd.postbox .mbimp ul {
padding:0!important;
}
.grid_alignp,.grid_alignp .frame,.grid_alignp .framein,.grid_alignp img{
border-radius:0!important;
-webkit-border-radius:0!important;
-moz-border-radius:0!important;
}
.grid_alignp .frame,.grid_alignp.col1 .frame {
margin: 0!important;
}
.grid_alignp.col1 {width:100%;
padding-bottom: 0!important;
margin-bottom: 0!important;}
.grid_alignp.col1 .content_block {height:auto;}

.grid_alignp.col2 {width:49.99%;
padding-bottom: 0!important;
margin-bottom: 0!important;}
.grid_alignp.col2 .content_block {height:auto;}
.grid_alignp.left_image_text.col2,.grid_alignp.right_image_text.col2,
.grid_alignp.only_image_wide.col2,.grid_alignp.only_image_wide.col2  {width:100%;}

.grid_alignp.col3 {width:33.33%;
padding-bottom: 0!important;
margin-bottom: 0!important;}
.grid_alignp.col3 .content_block {height:auto;}
.grid_alignp.left_image_text.col3,.grid_alignp.right_image_text.col3,
.grid_alignp.only_image_wide.col3,.grid_alignp.only_image_wide.col3  {width:66.66%;}

.grid_alignp.col4 {width:24.99%;
padding-bottom: 0!important;
margin-bottom: 0!important;}
.grid_alignp.col4 .content_block {height:auto;}
.grid_alignp.left_image_text.col4,.grid_alignp.right_image_text.col4,
.grid_alignp.only_image_wide.col4,.grid_alignp.only_image_wide.col4  {width:49.99%;}

@-moz-document url-prefix() { 
.grid_alignp.col4 {width:24.99%;}
.grid_alignp.left_image_text.col4,.grid_alignp.right_image_text.col4,
.grid_alignp.only_image_wide.col4,.grid_alignp.only_image_wide.col4  {width:49.99%;}
.grid_alignp.col1 {width:99.99%;}
.grid_alignp.col2 {width:49.99%;}
.grid_alignp.left_image_text.col2,.grid_alignp.right_image_text.col2,
.grid_alignp.only_image_wide.col2,.grid_alignp.only_image_wide.col2  {width:99.99%;}
}

.grid_fullw{
left:0;
width:100%;
overflow:hidden!important;
position:absolute;
}
.grid_alignp{overflow:hidden;}

.grid_alignp .content_block{
	position:absolute;
	top:0;
	display: none!important;
}
.only_image .content_start,
.only_image_wide .content_start,
.only_image_tall .content_start {
	display:none!important;
}
.left_image_text .content_start {
float: right;
position: absolute;
top: 0;
right:0;
padding:0;
width: 50%;
height: 100%;
z-index:3;
}
.left_image_text .content_start::after {
content: '';
background:inherit;
width: 35px;
height: 70px;
left: -35px;
-webkit-border-top-left-radius: 222px;
-webkit-border-bottom-left-radius: 222px;
-moz-border-radius-topleft: 222px;
-moz-border-radius-bottomleft: 222px;
border-top-left-radius: 222px;
border-bottom-left-radius: 222px;
top: 32%;
position: absolute;
}
.top_image_text .content_start {
position: absolute;
bottom: 0;
padding:0;
width: 100%;
height: 50%;
z-index:3;
}
.top_image_text .content_start::after {
content: '';
background:inherit;
width: 70px;
height: 35px;
right: 37%;
-webkit-border-top-left-radius: 222px;
-webkit-border-top-right-radius: 222px;
-moz-border-radius-topleft: 222px;
-moz-border-radius-topright: 222px;
border-top-left-radius: 222px;
border-top-right-radius: 222px;
top: -35px;
position: absolute;
}
.right_image_text .content_start {
float: left;
position: absolute;
top: 0;
left:0;
padding:0;
width: 50%;
height: 100%;
z-index:3;
}
.right_image_text .content_start::after {
content: '';
background:inherit;
width: 35px;
height: 70px;
right: -35px;
-webkit-border-top-right-radius: 222px;
-webkit-border-bottom-right-radius: 222px;
-moz-border-radius-topright: 222px;
-moz-border-radius-bottomright: 222px;
border-top-right-radius: 222px;
border-bottom-right-radius: 222px;
top: 32%;
position: absolute;
}
.bottom_image_text .content_start {
position: absolute;
top: 0;
padding:0;
width: 100%;
height: 50%;
z-index:3;
}
.bottom_image_text .content_start::after {
content: '';
background:inherit;
width: 70px;
height: 35px;
right: 37%;
-webkit-border-bottom-right-radius: 222px;
-webkit-border-bottom-left-radius: 222px;
-moz-border-radius-bottomright: 222px;
-moz-border-radius-bottomleft: 222px;
border-bottom-right-radius: 222px;
border-bottom-left-radius: 222px;
bottom:-35px;
position: absolute;
}
.left_image_text .content_start,.top_image_text .content_start,.right_image_text .content_start,.bottom_image_text .content_start{
text-align:center;
background: rgba(0,0,0,0.7);
}
.grid_alignp .content_start,.grid_alignp .content_start h5,.grid_alignp .content_start h5 a,.grid_alignp .content_start .details,
.grid_alignp .content_start .details li,.grid_alignp .content_start .details li a,.grid_alignp .content_start .details li i{
color:#FFF;
}
.grid_alignp .content_start .title_hidden_divider {
border-top: 2px solid rgba(255,255,255,0.4);
width: 40%;
margin: 0 auto;
margin-top: -5px;
margin-bottom: 20px;
}
.grid_alignp .content_start .more {
	margin-top:20px;
}
.grid_alignp .content_start h5,.grid_alignp .content_start h5 a {
	font-size:24px!important;
}.grid_alignp .content_start .details li i {
font-size: 26px!important;
vertical-align: middle;
}
.grid_alignp .content_start .details, .grid_alignp .content_start .details li, .grid_alignp .content_start li a {
font-size: 16px;
font-weight: 600;
text-transform: uppercase;
}
.con_grid_out {
display: table!important;
height: 100%;
margin: 0 auto;
width: 100%;
}.con_grid_in {
vertical-align: middle;
display: table-cell!important;
}
.grid_alignp .content_start .hidden {
	display:none;
	background:#222!important;
	color:#FFF!important;
	margin-top:20px!important;
}.grid_alignp .content_start .hidden:hover {
	background:#444!important;
}
.hidden_out {
width: 100%;
left: 0;
position: absolute;
margin-top: 30px;
}.cb_posts .grid_flow {
float: left;
width: 100%;
height: inherit;
position: absolute;
overflow: hidden;
left: 0;
top: 0;
}.cb_posts .grid_flow.grid_items4 {
left: 100%;
top: -50%;
margin-left: -1px;
}
.grid img{
	border-radius:0!important;
	-moz-border-radius:0!important;
	-webkit-border-radius:0!important;
}
/* ================================================
 * @hook:MEDIA
 * ================================================ */
 .cb_media {width:100%!important;height:auto;}
 .cb_audio .cb_media {height:50px!important;}
 .cb_media.soundcloud {
height: 100%!important;
}

/* ================================================
 * @hook:FULLSCREEN GALLERY
 * ================================================ */
 .fullgallery #sidebar_l,.fullgallery #sidebar_r,.fullgallery .content_block {display:none;}
 .fullgallery, .fullgallery .gallery_block, .fullgallery .side{width:100%;}
 .fullgallery .col1{width:100%;}.fullgallery .col2{width:50%;}.fullgallery .col3{width:33.3%;}.fullgallery .col4{width:25%;}
 
 .full_gally .col1,.full_gally .col2,.full_gally .col3,.full_gally .col4 {
 margin:0!important;
 }
 .full_gally .col2 {width:50%!important;}
 .full_gally .col3 {width:33.3%!important;}
 .full_gally .col4 {width:25%!important;}
 .full_gally .container,.full_gally img,.full_gally .featured_image{
 border-radius:0!important; -webkit-border-radius:0!important; -moz-border-radius:0!important;}
 
/* ================================================
 * @hook:RECENT POSTS 
 * ================================================ */
.builder_padding{
	margin-bottom:50px;
}
.content_wrap.masonry-brick .title_inside {
	margin-top:23px!important;
	margin-bottom:7px!important;
}
.content_wrap.masonry-brick .content_block {
	margin-top:20px!important;
	margin-bottom:0px!important;
}
.content_wrap.masonry-brick .more {
	background:#dedede!important;
	margin-top:20px;
}
.content_wrap.masonry-brick .more:hover {
	background:#34a994!important;
}

.frame.fade a {
display: block;
cursor: pointer;
}
div .ajax_start,.ajax_start {display:none;}


/* ================================================
 * @hook:RECENT POSTS 1 COLUMN
 * ================================================ */
.author_link .avatar {
float: left;
width: 64px;
height: 64px;
border-radius: 100px!important;
-webkit-border-radius: 100px!important;
-moz-border-radius: 100px!important;
border: 7px solid rgba(0,0,0,0.1);
margin-right: 3%;
}.col1 {
margin-bottom: 20px!important;
padding-bottom: 20px!important;
}
.single-post #middle .col1 {
border: 0!important;
margin-bottom: 0!important;
}
.col1 .title_inside {
margin-bottom: 10px;
margin-top:6px!important;
}
.col1 .title_inside,.col1 .title_inside a {
text-transform:none!important;
}
.col1 .frame {
	margin-top:0px!important;
	margin-bottom:30px;
}
.col1 .more {
	background:#dedede!important;
}
.col1 .more:hover {
	background:#34a994!important;
}
.col1 .content_block {
	margin-top:30px;
	margin-bottom:20px;
}
.col1 h5,.col1 h5 a {
	font-size:24px!important;
	line-height:25px!important;
}code {
white-space:normal!important
}


/* ================================================
 * @hook:RECENT POSTS LIST
 * ================================================ */
 
.list_style .col1 .title_inside, .list_style .col1 .title_inside a {
font-size: 14px!important;
line-height: 20px!important;
margin-bottom: 10px!important;
text-transform: none!important;
}
.list_style .col1 .content_start {
float: left;
width: 76%;
}
.list_style .col1 .frame {
width: 10%;
float: left;
margin-right: 4%!important;
margin-top:0!important;
margin-left:1%!important;
}.list_style .col1:hover .featured_image .contain img {
	background:rgba(0,0,0,0.1)!important;
}
.list_style .col1 .details .more, .list_style .col1 .details .comments, .list_style .col1 .details .cat {
display: none!important;
}
.list_style .col1 {
	padding-top:20px!important;
	padding-bottom:20px!important;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	position:relative;
border: 0!important;
margin: 0!important;
margin-bottom: 10px!important;
}
.list_style .col1:hover {
	background:rgba(0,0,0,0.1)!important;
}
.list_style .col1 .bttn.more {
position: absolute;
right: 30px;
top: 25%;
background:none!important;
display:none;
}
.list_style .col1 .bttn.more i {
	font-size:60px;
	color:#34a994;
} 
.list_style .col1 .content_block {
	margin:0;
}
.list_style .col1 .details i {
	display:none!important;
}

.blog .frame,.blog .details,.blog .content_block {
	margin-bottom:20px;
}
.details li {
display: inline;
}.blog .details, .blog .title_inside {
margin-bottom: 10px;
}.blog .more.bttn {
margin: 0 auto!important;
display: table;
}
/* ================================================
 * @hook:IMAGE BLOCK
 * ================================================ */

.aq-block-aq_image_space_block img {
width: 100%;
height: auto;
}

 
/* ================================================
 * @hook:MAILCHIMP
 * ================================================ */
.fullbg-blue .submit,.fullbg-red .submit,.fullbg-green .submit {
	background:#141414;
}.fullbg-blue .submit:hover,.fullbg-red .submit:hover,.fullbg-green .submit:hover {
	background:#000;
}









/* ================================================
 * @hook:FADE EFFECTS
 * ================================================ */
.left_to_right .cap_shad,.left_to_right div.cap_shad {
box-shadow: 10px 0px 35px rgba(0, 0, 0, 0.4);
width: 35%;
height: 100%;
position: absolute;
top: 0;
left: 0;
display:none;
z-index: 0;
}.opa,div.opa {
background: rgba(0,0,0,0.5);
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2;
display:none;
}
.featured_image {position:relative;}
.featured_image a {overflow:hidden;position:relative;display:block;}
.featured_image .main_link {overflow:hidden;position:relative;display:block;}
.featured_image .main_link .ajaxy_inner {width:100%;height:100%;z-index:4;position:absolute;background:none;}

.featured_image .contain {
	margin: 0;
	position: relative;
	overflow:hidden;
}

.featured_image .contain img {
	max-width: 100%;
	display: block;
	position: relative;
	background:url(/wp-content/themes/Modello/cb-modello/img/ajax.gif) center center no-repeat #FFF;
}.featured_image .contain img.ispng {
	background:none;
	background:transparent;
}
.featured_image .contain img {
	max-width: 100%;
	/*max-height: 100%;*/
	display: block;
	position: relative;
}
.featured_image .caption {
overflow:hidden;
width: 0;
height: 100%;
position: absolute;
display:block;
top: 0;
left: 0;
z-index: 3;
}/*.main_link.ajaxy{
z-index:4;
}*/
.right_to_left .caption {
right: 0;
left: auto;
}.bottom_to_top .caption {
bottom: 0;
height:0;
width: 100%;
top: auto;
}.top_to_bottom .caption {
width: 100%;
height: 0;
}.only_icons .caption, .only_icons_top .caption {
width: 100%;
background: none;
}.only_icons_top .caption {
height: 0;
top: 0;
}
.only_icons .caption {
left: 0;
width: 0;
}
.featured_image .contain .zoomed_image {
width: 120%!important;
height: 120%!important;
max-width: 120%!important;
position: absolute!important;
z-index: 2!important;
margin-left: -10%;
margin-top: -10%!important;
display: none;
}
.featured_image.e9_zoom_short .container .main_featured_image, .featured_image.e10_zoom_out_opacity .container .main_featured_image,
.featured_image.e11_zoom_out_blur .container .main_featured_image, .featured_image.e12_zoom_out_blur_bright .container .main_featured_image {
height: 120%!important;
width: 120%!important;
max-width: 120%!important;
position: absolute!important;
z-index: 1!important;
margin-left: -10%;
margin-top: -10%!important;
top: 0!important;
left: 0!important;
display: block;
}
.featured_image.e9_zoom_short .container .zoomed_image,.featured_image.e10_zoom_out_opacity .container .zoomed_image,
.featured_image.e11_zoom_out_blur .container .zoomed_image,.featured_image.e12_zoom_out_blur_bright .container .zoomed_image {
height: 100%!important;
max-width: 100%!important;
position:relative!important;
z-index: 1!important;
margin-left:0!important;
margin-top:0!important;
display: block;
}

.cap_in,div.cap_in{display:table;width:100%;height:100%;margin:0;padding:0;}
.cap_inner,div.cap_inner{display:table-cell;margin:0;padding:0;vertical-align:middle;}

.caption h3 a {
font-size: 13px;
text-transform: none;
color: #fff;
text-align: center;
padding: 6px;
line-height: 17px;
padding-top: 10px;
}.caption i {
font-size: 15px;
color: #FFF;
}.caption .icon1, .caption .icon2 {
display: inline-block;
text-align: center;
}.caption {
text-align: center;
}
.bottom_to_top .caption h3 {
margin-bottom: 0;
}.top_to_bottom .caption h3 {
margin-bottom: 0;
}

.featured_image .contain .blur_image {z-index:0;position:absolute;top:0;}
.caption .icon1,.caption .icon2 {
bottom:0;
position: absolute;
}
.caption .icon1 {
margin-left: -30px;
}
.caption .icon2{
margin-right: -25px;
}
.caption .icon_mleft .icon2{
	margin-right:0px;
	left:46%;
}.caption .nocap .icon2,.caption .nocap .icon1{
	bottom:41%!important;
}
.caption .icon2.only_icon{
margin-right:0;
margin-left:-5px;
}
.bottom_to_top .cap_inner h3, .top_to_bottom .cap_inner h3, .bottom_to_top .cap_inner h3 a, .top_to_bottom .cap_inner h3 a {
text-align: left;
}
.bottom_to_top .cap_inner, .top_to_bottom .cap_inner {
text-align: right;
padding-right: 30px;
padding-left: 10px;
}
.portfolio .content_start h5 {
	margin-top:30px;
	text-align:center;
text-transform:none!important;
}
.portfolio .content_start h5 a{
text-transform:none!important;
}

.cb_portfolio_project .content_start.dets {
	margin-top:0px;
}.single-post .porty_left {
float: left;
width: 50%;
margin-top: 0!important;
}.single-post .port_right {	margin-top:40px;
}.single-post .cb_portfolio_project .porty_left .featured_image {
margin-top: 0!important;
}.single-post .cb_portfolio_project .porty_right {
width: 45%;
float: left;
margin-left:5%;
margin-top: 0!important;
}
.single-post .contentos_builder_portfolio{
	margin-top:30px;
}
.single-post .port_left .avatar {
display: none!important;
}
.page .port_right {display:none;}

.caption h3 a {
font-size: 13px!important;
font-weight: normal!important;
letter-spacing: 1px;
text-transform: uppercase!important;
}
.featured_image .caption,.featured_image .contain {
/*background: #fff;*/
}.caption h3 a {
color: #fff;
}.caption i {
color: #FFF;
}.only_icons .caption, .only_icons_top .caption {
background: none;
}.opa,div.opa {
background:#141414;
background: rgba(0,0,0,0.7);
}

.scene img {
    display: block;
}

.scene {
    margin: 0 auto;
    padding: 0;
}
.aq-block-aq_parallax_block {
z-index: 0;
}

.featured_image.shap,.featured_image.shap .container,.featured_image.shap img{
border-radius: 0!important;
-moz-border-radius: 0!important;
-webkit-border-radius: 0!important;
}


/*--> CAPTION RESIZES */

.list_style .col1 .caption h3 a,.list_style .col1 .caption h3 a {
	font-size:10px!important;
	text-transform:none!important;
	font-weight:300!important;
}
.col1 .caption i {
	font-size: 30px;
}
.col2 .caption i {
	font-size: 22px;
}
.col2 .caption h3,.col2 .caption h3 a {
	font-size: 20px!important;
}
.col3 .caption i {
	font-size: 19px;
}
.col3 .caption h3,.col3 .caption h3 a {
	font-size: 16px!important;
}
.col4 .caption i {
	font-size: 13px;
}
.col4 .caption h3,.col4 .caption h3 a {
	font-size: 13px!important;
}
.col1 .caption .icon1 {
	margin-left:-40px;
}
.col1 .caption .icon2 {
	margin-right:-40px;
}


.diamond-sha.col2 .caption i {
	font-size: 14px;
}
.diamond-sha.col2 .caption h3,.diamond-sha.col2 .caption h3 a {
	font-size: 12px!important;
}.diamond-sha.col1 .caption i {
	font-size: 18px;
}
.diamond-sha.col1 .caption h3,.diamond-sha.col1 .caption h3 a {
	font-size: 16px!important;
}
.blog.diamond-sha.col2 .caption h3,.blog.diamond-sha.col3 .caption h3,.blog.diamond-sha.col4 .caption h3 {
	display:none!important;
}

.grid_fullw .caption h3 a,.col1 .caption h3 a {
	font-size:22px!important;
	text-transform:uppercase!important;
	font-weight:500!important;
}
.grid_fullw .caption i,.grid_fullw .cap_inner i, .col1 .caption h3 a {
	font-size:25px!important;
}
.grid .featured_image .contain img,.grid .featured_image .contain {
	border-radius:0!important;
	-moz-border-radius:0!important;
	-webkit-border-radius:0!important;
}.list_view .product-grid .product-item .buttons-holder {
float: right;
margin-top: 17px;
width: auto;
}
.list_view .product-grid .product-item .price {
float: left;
}


/* ================================================
 * @hook:ANIMATED ICONS AND BUTTONS
 * ================================================ */
.animate {
text-align: center;
position: relative;
border-radius:200px;
-webkit-border-radius:200px;
-moz-border-radius:200px;
text-align:center;
}
.animate:after {
pointer-events: none;
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
content: '';
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}/*.i20 {
width: 40px!important;
height: 40px!important;
line-height: 40px!important;
}.i40 {
width: 60px!important;
height: 60px!important;
line-height: 60px!important;
}.i60 {
width: 80px!important;
height: 80px!important;
line-height: 80px!important;
}.i80 {
width: 100px!important;
height: 100px!important;
line-height: 100px!important;
}.i100 {
width: 130px!important;
height: 130px!important;
line-height: 130px!important;
}.i150 {
width: 150px!important;
height: 150px!important;
line-height: 150px!important;
}.i200 {
width: 200px!important;
height: 200px!important;
line-height: 200px!important;
}.i250 {
width: 250px!important;
height: 250px!important;
line-height: 250px!important;
}.i300 {
width: 300px!important;
height: 300px!important;
line-height: 300px!important;
}*/
.aq-block-aq_recent_posts_block .i80 {
width: 100px!important;
height: 100px!important;
line-height: 100px!important;
}
.icon_block>div>div>i {
	width:100%!important;
}
.border_outer {
	-webkit-transition: background 0.2s, color 0.2s;
	-moz-transition: background 0.2s, color 0.2s;
	transition: background 0.2s, color 0.2s;
}

.border_outer:after,.border_outer2:after,.rotate:after {
	top: -7px;
	left: -7px;
	padding: 7px;
	-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
	-webkit-transform: scale(.8);
	-moz-transition: -moz-transform 0.2s, opacity 0.2s;
	-moz-transform: scale(.8);
	-ms-transform: scale(.8);
	transition: transform 0.2s, opacity 0.2s;
	transform: scale(.8);
	opacity: 0;
}

.background_inner:after,.background_outer:after {
top: -2px;
left: -2px;
padding: 2px;
z-index: -1;
background: #fff;
-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
-moz-transition: -moz-transform 0.2s, opacity 0.2s;
transition: transform 0.2s, opacity 0.2s;
}


.border_outer:hover:after,.rotate:hover:after {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

.border_outer2:after {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
}
.border_outer2:hover:after {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

.background_inner,.background_outer{
-webkit-transition: color 0.3s;
-moz-transition: color 0.3s;
transition: color 0.3s;
}
.background_inner:hover {
	color: #eea303;
}

.background_inner:hover:after {
	-webkit-transform: scale(0.85);
	-moz-transform: scale(0.85);
	-ms-transform: scale(0.85);
	transform: scale(0.85);
}

.background_outer:hover:after {
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	opacity: 0;
	-webkit-transition: -webkit-transform 0.4s, opacity 0.2s;
	-moz-transition: -moz-transform 0.4s, opacity 0.2s;
	transition: transform 0.4s, opacity 0.2s;
}

.background_outer:hover {
	color: #fff;
}





.flip_left,.flip_top {
	box-shadow: 0 0 0 4px rgba(255,255,255,1);
	overflow: hidden;
	-webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
	-moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
	transition: background 0.3s, color 0.3s, box-shadow 0.3s;
}

.flip_left:after,.flip_top:after{
	display: none;
}

.flip_left:hover,.flip_top:hover {
	background: rgba(255,255,255,1);
	color: #702fa8;
	box-shadow: 0 0 0 8px rgba(255,255,255,0.3);
}


@-webkit-keyframes toRightFromLeft {
	49% {
		-webkit-transform: translate(100%);
	}
	50% {
		opacity: 0;
		-webkit-transform: translate(-100%);
	}
	51% {
		opacity: 1;
	}
}
@-moz-keyframes toRightFromLeft {
	49% {
		-moz-transform: translate(100%);
	}
	50% {
		opacity: 0;
		-moz-transform: translate(-100%);
	}
	51% {
		opacity: 1;
	}
}
@keyframes toRightFromLeft {
	49% {
		transform: translate(100%);
	}
	50% {
		opacity: 0;
		transform: translate(-100%);
	}
	51% {
		opacity: 1;
	}
}

.flip_left:hover:before {
	-webkit-animation: toLeftFromRight 0.3s forwards;
	-moz-animation: toLeftFromRight 0.3s forwards;
	animation: toLeftFromRight 0.3s forwards;
}

@-webkit-keyframes toLeftFromRight {
	49% {
		-webkit-transform: translate(-100%);
	}
	50% {
		opacity: 0;
		-webkit-transform: translate(100%);
	}
	51% {
		opacity: 1;
	}
}
@-moz-keyframes toLeftFromRight {
	49% {
		-moz-transform: translate(-100%);
	}
	50% {
		opacity: 0;
		-moz-transform: translate(100%);
	}
	51% {
		opacity: 1;
	}
}
@keyframes toLeftFromRight {
	49% {
		transform: translate(-100%);
	}
	50% {
		opacity: 0;
		transform: translate(100%);
	}
	51% {
		opacity: 1;
	}
}
@-webkit-keyframes toTopFromBottom {
	49% {
		-webkit-transform: translateY(-100%);
	}
	50% {
		opacity: 0;
		-webkit-transform: translateY(100%);
	}
	51% {
		opacity: 1;
	}
}
@-moz-keyframes toTopFromBottom {
	49% {
		-moz-transform: translateY(-100%);
	}
	50% {
		opacity: 0;
		-moz-transform: translateY(100%);
	}
	51% {
		opacity: 1;
	}
}
@keyframes toTopFromBottom {
	49% {
		transform: translateY(-100%);
	}
	50% {
		opacity: 0;
		transform: translateY(100%);
	}
	51% {
		opacity: 1;
	}
}

.flip_top:hover:before {
	-webkit-animation: toBottomFromTop 0.3s forwards;
	-moz-animation: toBottomFromTop 0.3s forwards;
	animation: toBottomFromTop 0.3s forwards;
}

@-webkit-keyframes toBottomFromTop {
	49% {
		-webkit-transform: translateY(100%);
	}
	50% {
		opacity: 0;
		-webkit-transform: translateY(-100%);
	}
	51% {
		opacity: 1;
	}
}
@-moz-keyframes toBottomFromTop {
	49% {
		-moz-transform: translateY(100%);
	}
	50% {
		opacity: 0;
		-moz-transform: translateY(-100%);
	}
	51% {
		opacity: 1;
	}
}
@keyframes toBottomFromTop {
	49% {
		transform: translateY(100%);
	}
	50% {
		opacity: 0;
		transform: translateY(-100%);
	}
	51% {
		opacity: 1;
	}
}

.rotate {
	box-shadow: 0 0 0 4px rgba(255,255,255,1);
	-webkit-transition: background 0.2s, color 0.2s;
	-moz-transition: background 0.2s, color 0.2s;
	transition: background 0.2s, color 0.2s;
}


.rotate:hover:before {
	-webkit-animation: spinAround 2s linear infinite;
	-moz-animation: spinAround 2s linear infinite;
	animation: spinAround 2s linear infinite;
}
@-webkit-keyframes spinAround {
	from {
		-webkit-transform: rotate(0deg)
	}
	to {
		-webkit-transform: rotate(360deg);
	}
}
@-moz-keyframes spinAround {
	from {
		-moz-transform: rotate(0deg)
	}
	to {
		-moz-transform: rotate(360deg);
	}
}
@keyframes spinAround {
	from {
		transform: rotate(0deg)
	}
	to {
		transform: rotate(360deg);
	}
}



.flip_top:hover:before,.flip_top:before,.flip_top:hover,.flip_top,
.flip_left:hover:before,.flip_left:hover,.flip_left:before,.flip_left,
.rotate:hover:before,.rotate:hover,.rotate:before,.rotate {
display: inline-block!important;
}



















.border_outer,.border_outer2{}
.background_inner {}
.background_outer {}
.flip_left {}
.flip_top {}
.rotate {}





.animate.ani_color_after_white:hover {color:#fff!important;}
.animate.ani_color_after_blue:hover {color:#27a4c8!important;}
.animate.ani_color_after_black:hover {color:#141414!important;}
.animate.ani_color_after_red:hover {color:#d12d2d!important;}
.animate.ani_color_after_green:hover {color:#7fac1d!important;}

.animate.fullbg-after_white:hover {background:#fff!important;}
.animate.fullbg-after_blue:hover,.animate.fullbg-after_skin:hover  {background:#27a4c8!important;}
.animate.fullbg-after_black:hover {background:#141414!important;}
.animate.fullbg-after_green:hover {background:#7fac1d!important;}
.animate.fullbg-after_red:hover {background:#d12d2d!important;}

.animate.fullbg-white.background_inner,.animate.fullbg-white.background_outer{
box-shadow: 0 0 0 3px #fff!important;
}.animate.fullbg-blue.background_inner,.animate.fullbg-blue.background_outer{
box-shadow: 0 0 0 3px #27a4c8!important;
}.animate.fullbg-black.background_inner,.animate.fullbg-black.background_outer{
box-shadow: 0 0 0 3px #141414!important;
}.animate.fullbg-green.background_inner,.animate.fullbg-green.background_outer{
box-shadow: 0 0 0 3px #7fac1d!important;
}.animate.fullbg-red.background_inner,.animate.fullbg-red.background_outer{
box-shadow: 0 0 0 3px #d12d2d!important;
}

.animate.fullbg-after_white:after {box-shadow: 0 0 0 4px #fff!important;}
.animate.fullbg-after_blue:after,.animate.fullbg-after_skin:after {box-shadow: 0 0 0 4px #27a4c8!important;}
.animate.fullbg-after_black:after {box-shadow: 0 0 0 4px #141414!important;}
.animate.fullbg-after_green:after {box-shadow: 0 0 0 4px #7fac1d!important;}
.animate.fullbg-after_red:after {box-shadow: 0 0 0 4px #d12d2d!important;}

.animate.background_inner:hover,.animate.background_outer:hover {background:none!important;}
.animate.background_inner:after,.animate.background_outer:after {box-shadow:none!important;}
.animate.fullbg-after_blue.background_inner:hover:after,.animate.fullbg-after_blue.background_outer:hover:after,
.animate.fullbg-after_skin.background_inner:hover:after,.animate.fullbg-after_skin.background_outer:hover:after {background:#27a4c8!important;}
.animate.fullbg-after_white.background_inner:hover:after,.animate.fullbg-after_white.background_outer:hover:after {background:#fff!important;}
.animate.fullbg-after_black.background_inner:hover:after,.animate.fullbg-after_black.background_outer:hover:after {background:#141414!important;}
.animate.fullbg-after_green.background_inner:hover:after,.animate.fullbg-after_green.background_outer:hover:after {background:#7fac1d!important;}
.animate.fullbg-after_red.background_inner:hover:after,.animate.fullbg-after_red.background_outer:hover:after {background:#d12d2d!important;}


.animate_bttn:after {
width: 100%;
height: 0;
top: 0;
left: 0;
}
.animate_bttn:after,.animate_bttn:before {
content: '';
position: absolute;
z-index: -1;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.animate_bttn{
position:relative;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}.animate_bttn:before {
background: #27a4c8!important;
width: 100%;
height: 100%;
left: 0;
top: 0;
}
.animate_bttn:hover:after {
	background:#FC0000;
}
.animate_bttn:hover {
	background:none!important;
}


.animate_bttn.top_to_bottom:hover:after {
height: 100%;
}
.animate_bttn.b3d {
margin-bottom: 6px;
border-radius: 0 0 5px 5px!important;
box-shadow: 0 6px #2988A3!important;
}
.animate_bttn.b3d:hover {
box-shadow: 0 4px #2988A3!important;
top: 2px!important;
}
.animate_bttn.flip_icon {
overflow: hidden;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}.animate_bttn.flip_icon span {
	display:block;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}.animate_bttn.flip_icon i {
top: -35%;
position: absolute;
margin: 0 auto!important;
width: 100%;
height: 100%;
left: 0;
text-align: center;
color: #FFF;
font-size: 20px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.animate_bttn.flip_icon:hover i {
top: 35%;
}
.animate_bttn.flip_icon:hover span {
-webkit-transform: translateY(300%);
-moz-transform: translateY(300%);
-ms-transform: translateY(300%);
transform: translateY(300%);
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}





/* ================================================
 * @hook:SVG ICONS
 * ================================================ */

@font-face {
	font-family: 'codropsicons';
	src:url('/wp-content/themes/Modello/cb-modello/inc/assets/AnimatedSVGIcons/fonts/codropsicons/codropsicons.eot');
	src:url('/wp-content/themes/Modello/cb-modello/inc/assets/AnimatedSVGIcons/fonts/codropsicons/codropsicons.eot?#iefix') format('embedded-opentype'),
		url('/wp-content/themes/Modello/cb-modello/inc/assets/AnimatedSVGIcons/fonts/codropsicons/codropsicons.woff') format('woff'),
		url('/wp-content/themes/Modello/cb-modello/inc/assets/AnimatedSVGIcons/fonts/codropsicons/codropsicons.ttf') format('truetype'),
		url('/wp-content/themes/Modello/cb-modello/inc/assets/AnimatedSVGIcons/fonts/codropsicons/codropsicons.svg#codropsicons') format('svg');
	font-weight: normal;
	font-style: normal;
}
.si-icons span {
	display: inline-block;
	width: 64px;
	height: 64px;
	margin: 40px 30px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: center center;
}

.si-icons-hover span {
	width: 128px;
	height: 128px;
	margin: 50px 40px;
}

/* Fallback for browsers that don't support SVG - Generated with http://iconizr.com/ */

.no-svg .si-icon-clock { background-image: url('/wp-content/themes/Modello/cb-modello/inc/assets/AnimatedSVGIcons/png/clock.png') }
.no-svg .si-icon-contract { background-image: url('/wp-content/themes/Modello/cb-modello/inc/assets/AnimatedSVGIcons/png/contract.png') }
.no-svg .si-icon-down-arrow { background-image: url('/wp-content/themes/Modello/cb-modello/inc/assets/AnimatedSVGIcons/png/down-arrow.png') }
.no-svg .si-icon-equalizer { background-image: url('/wp-content/themes/Modello/cb-modello/inc/assets/AnimatedSVGIcons/png/equalizer.png') }
.no-svg .si-icon-flag { background-image: url('/wp-content/themes/Modello/cb-modello/inc/assets/AnimatedSVGIcons/png/flag.png') }
.no-svg .si-icon-glass-empty { background-image: url('/wp-content/themes/Modello/cb-modello/inc/assets/AnimatedSVGIcons/png/glass.png') }
.no-svg .si-icon-hamburger, .no-svg .si-icon-hamburger-cross { background-image: url('/wp-content/themes/Modello/cb-modello/inc/assets/AnimatedSVGIcons/png/hamburger.png') }
.no-svg .si-icon-hourglass { background-image: url('/wp-content/themes/Modello/cb-modello/inc/assets/AnimatedSVGIcons/png/hourglass.png') }
.no-svg .si-icon-mail { background-image: url('/wp-content/themes/Modello/cb-modello/inc/assets/AnimatedSVGIcons/png/mail.png') }
.no-svg .si-icon-maximize, .no-svg .si-icon-maximize-rotate { background-image: url('/wp-content/themes/Modello/cb-modello/inc/assets/AnimatedSVGIcons/png/maximize.png') }
.no-svg .si-icon-monitor { background-image: url('/wp-content/themes/Modello/cb-modello/inc/assets/AnimatedSVGIcons/png/monitor.png') }
.no-svg .si-icon-nav-left-arrow { background-image: url('/wp-content/themes/Modello/cb-modello/inc/assets/AnimatedSVGIcons/png/nav-left-arrow.png') }
.no-svg .si-icon-nav-up-arrow { background-image: url('/wp-content/themes/Modello/cb-modello/inc/assets/AnimatedSVGIcons/png/nav-up-arrow.png') }
.no-svg .si-icon-lock { background-image: url('/wp-content/themes/Modello/cb-modello/inc/assets/AnimatedSVGIcons/png/padlock.png') }
.no-svg .si-icon-play { background-image: url('/wp-content/themes/Modello/cb-modello/inc/assets/AnimatedSVGIcons/png/play.png') }
.no-svg .si-icon-plus, .no-svg .si-icon-plus-cross { background-image: url('/wp-content/themes/Modello/cb-modello/inc/assets/AnimatedSVGIcons/png/plus.png') }
.no-svg .si-icon-right-arrow { background-image: url('/wp-content/themes/Modello/cb-modello/inc/assets/AnimatedSVGIcons/png/right-arrow.png') }
.no-svg .si-icon-smiley { background-image: url('/wp-content/themes/Modello/cb-modello/inc/assets/AnimatedSVGIcons/png/smiley.png') }
.no-svg .si-icon-trash { background-image: url('/wp-content/themes/Modello/cb-modello/inc/assets/AnimatedSVGIcons/png/trash.png') }
.no-svg .si-icon-volume { background-image: url('/wp-content/themes/Modello/cb-modello/inc/assets/AnimatedSVGIcons/png/volume.png') }
.no-svg .si-icon-zoom { background-image: url('/wp-content/themes/Modello/cb-modello/inc/assets/AnimatedSVGIcons/png/zoom.png') }



/* ================================================
 * @hook:FADE EFFECTS
 * ================================================ */

@media only screen and (min-width: 1170px) {
	.aq-template-wrapper .aq-first.animatefade-slideleft,.animatefade-slideleft
		{
		left: -200px;
		position: relative;
opacity:0;
	}
	.aq-template-wrapper .aq-first.animatefade-slideright,.animatefade-slideright
		{
		right: -200px;
		position: relative;
opacity:0;
	}
	.aq-template-wrapper .aq-first.animatefade-slidetop,.animatefade-slidetop
		{
		top: -200px;
		position: relative;
opacity:0;
	}
	.aq-template-wrapper .aq-first.animatefade-slidedown,.animatefade-slidedown
		{
		bottom: -200px;
		position: relative;
opacity:0;
	}
}




/* ================================================
 * @hook:TICKER EFFECT
 * ================================================ */
 
.ticker-text {
    cursor:pointer;
    overflow:hidden;
    position: relative;
    display: inline-block;
    margin: 0 15px 15px 0;
    border: 1px solid #000;
    border-radius: 6px; 
    box-shadow: 0 5px 1px rgba(0,0,0,.9) ,0 1px 0 rgba(255,255,255,.3) inset ,0 0 1px rgba(255,255,255,1) inset; 
    background: rgb(68,68,68); 
    background: -webkit-linear-gradient(top, rgba(20,20,20,1) 0%,rgba(40,40,40,1) 50%,rgba(20,20,20,1) 50.01%, rgba(70,70,70,1) 100%); 
    color: #eee;
    letter-spacing:1px;
    text-transform: uppercase;
    text-shadow: 0 -2px 3px #000;
}

.ticker-text:before {
    position: absolute;
    content: "";
    height: 1px;
    top: 50%;
    left: 0;
    right: 0;
    background: rgba(0,0,0,.5);
    box-shadow: 0 2px 0 rgba(255,255,255,.1); 
}

.ticker-text .text {
    display:inline-block;
    padding: 10px 5px;
    border-right: 1px solid rgba(255,255,255,.08);
    box-shadow: 1px 0 1px rgba(0,0,0,.3), -1px 0 0 rgba(0,0,0,.5) inset; 
    width: 60px;
    font: normal 70px/60px sans-serif;
    text-align: center;
}

.ticker-text .text:nth-child(1) {
    margin-left: 30px;
}

.ticker-text .text:nth-last-child(1) {
    margin-right: 30px;
}

.ticker-text .text:nth-child(1):before {
    position: absolute;
    top: 5px;
    left: 10px;
    content: ":";
    color: #000;
    text-shadow: 0 1px 0 rgba(255,255,255,.3);
}

.ticker-text .text:nth-last-child(1):after {
    position: absolute;
    top: 5px;
    right: 10px;
    content: ":";
    color: #000;
    text-shadow: 0 1px 0 rgba(255,255,255,.3);
}


.ticker-text .text:last-child { 
    border-right:none; 
    -moz-box-shadow: none; 
    -webkit-box-shadow: none; 
    box-shadow: none; 
}



/* ================================================
 * @hook:NOTIFICATION BAR
 * ================================================ */

#notification_container {
width: 100%;
margin-bottom: -23px;
}.bar_cont{display:table!important;width:100%;height:100%;}.bar_cont_in{display:table-cell!important;vertical-align:middle;width:100%;height:100%;}ul.bar-socials {
padding: 5px 0;
text-align: center;
}
ul.bar-socials li {
float: none;
margin-right: 0px;
display: inline-block;
}
ul.bar-socials li a i {
font-size: 17px;
color: #111;
background: #fff;
width: 30px;
height: 30px;
display: inline-block;
margin: 0px 11px;
margin-bottom: 10px;
border-radius: 30px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
text-align: center;
line-height: 30px;
}
ul.bar-socials li a:hover i{
    color:#fff;
    background:#27a4c8;
}
#notification_bar .col4{
    margin-bottom: 0;
}
#notification_bar_show {
width: 100%;
position: relative;
text-align: right;
z-index: 99;
background: url('/wp-content/themes/Modello/cb-modello/img/notf_bar.png') right bottom;
background-repeat: no-repeat;
height: 23px;
}
#notification_bar_show i{
    color:#fff;
}
#notification_bar{
   background-color: #0d0d0d;
    position: relative;
    z-index: 99 ;
}#notification_bar img {
width: auto;
height: auto;
}#notification_bar_show > a {
margin-right: 45px;
}.bar_cont {
color: #CCC;
font-size: 12px;
line-height: 15px;
}.bar_cont {
padding: 10px 0 15px 0;
}
#notification_bar .col4 {
margin-bottom: 0;
height: 100%;
}.bar_cont_in .menu li a {
color: #C0C0C0;
border-bottom: 1px solid rgba(255,255,255,0.05);
display: block;
padding: 7px 0;
text-transform: uppercase;
font-weight: 500;
}.bar_cont_in .menu li a:hover {
	color:#27a4c8;
}#notification_bar .thumbNav{ 
	display:none!important;
}

/* ================================================
 * @hook:FULL VIDEO
 * ================================================ */
.full_video {
position: absolute;
left: 0;
right: 0;
width: 100%;
}