/** NOTES ********************************
Z-INDEX
  100 = .header, #header
  110 = .header_nav_drop
  150 = #header_mobile_nav
  200 = #popup_underlay

    0 = Body, Wrapper
    1 = #layer_rotator_XYZ_underlay
    5 = Layer | <div name='layer' class='layer layer_main'>
    9 = .rotator_contents, .nav_top_drop
10-50 = .nav, .nav_sub, .rotator_buttons
   20 = .nav_drop_container, .nav_drop
   50 = .layer_mainfeature
  125 = .nav_drop_container, #nav_mobile_menu
  999 = .tooltip
 1001 = .ticker
 1003 = .slider
 1005 = .popup / overlay
 1010 = #get-started
*/

/*
@font-face{
	font-family: 'Barlow';
	src: url('Barlow/FiraSans-Light.otf');
}
*/

/** STYLES RESET *************************/
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center,
cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form,
h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav,
object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup,
table, tbody, td, textarea, tfoot, th, thead, time, tr, tt, u, ul, var, video {
	margin: 0; padding: 0; border: 0;
	font-family: 'Barlow', sans-serif; /*font-weight: 300;*/ font-style: normal; /*font-size: 16px;*/
	font-size: 100%; font: inherit; line-height: 1.4em;
	vertical-align: baseline;
}

tr, td	{vertical-align: top;}
.table_list th, .table_list td	{vertical-align: middle;}

/** HTML5 display-role reset for older browsers *************************/
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
/*
ol, ul {
	list-style: none;
}
*/
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/** BROWSERS FIXES *************************/
/* Remove Selection Border Around Image in Firefox */
a:focus	{-moz-outline-style: none;}
:focus	{outline: 0;}
a:hover, a:active {outline: none;}
/* Prevent Firefox Scrollbar Jump */
html	{overflow-y: scroll;}
/* Change Text Highlight Color */
::selection			{background:#c3effd; color:#000; /* Safari and Opera */}
::-moz-selection	{background:#c3effd; color:#000; /* Firefox */}


/** MAIN DEFINITIONS *************************/
body {
	font-family: 'Barlow', sans-serif; font-size: 16px; color: #515151;
	/*
	color: #41515a; letter-spacing:-0.4px;
	line-height:1.4em;
	background: #FFFFFF;
	*/
}

a:link, a:visited	{color: #007ec3; text-decoration: none;}
a:hover, a:active	{color: #36aeef; text-decoration: none;}
a.white:link, a.white:visited	{color: #FFFFFF;}
a.white:hover, a.white:active	{opacity: 0.7;}

h1, .h1, .huge		{font-size: 48px !important;}
/*.huge-ish			{font-size: 37px;}*/
h2, .h2, .biggest	{font-size: 28px !important;}
h3, .h3, .bigger	{font-size: 23px !important;}
/*.bigger-ish		{font-size: 21px;}*/
h4, .h4, .big		{font-size: 20px !important;}
/*h5, .h5, .large	{font-size: 16px;}*/
.normal				{font-size: 16px !important;}
.small				{font-size: 14px !important; /*letter-spacing: 0.04em;*/}
.smaller				{font-size: 12px !important;}
.smallest			{font-size: 10px !important;}

hr, .hr				{height: 1px; border: none; color: #dce8ee; background: #dce8ee;}

img					{max-width: 100%;}

b, strong, .bold	{font-weight: 600; font-style: normal;}
i, italic, em, blockquote, .blockquote	{font-style: italic;}

ul		{padding-top: 5px;}
ul li	{
	padding: 0px 0px 0px 15px; margin: 0px; list-style: none;
	background-image: url(/res/img/commons/li_bullet_orange.png);
	background-repeat: no-repeat;
	background-position: 0px 0.55em;
}

.checkmarks_good li, .checkmarks_bad li {
	padding: 0px 0px 25px 35px; margin: 0px; list-style: none;
	background-image: url(/res/img/commons/li_good.png);
	background-repeat: no-repeat;
	background-position: 0px 0.2em;
}
.checkmarks_bad li {background-image: url(/res/img/commons/li_bad.png);}

a[href], input[type='submit'], input[type='button'], input[type='reset'], input[type='image'], input[type='radio'], label[for],
select, button, .button, .button_dark, .button_white, .pointer	{cursor: pointer;}
select, input[type='text'], input[type='url'], input[type='tel'], input[type='date'], input[type='email'], input[type='password'], input[type='number'], textarea	{
	padding: 5px 5px 5px 7px; border: 1px solid #cccccc; width: 310px; max-width: calc(100% - 10px);
	font-size: 13px; color: #41515a;
	font-family: Arial, Helvetica, sans-serif; letter-spacing: 0px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

input[type='submit'], input[type='reset'], input[type='button'], .button, .button_highlight, .button_dark, .button_white, button {
	/*max-height: 32px;*/ margin: 0px; padding: 11px 23px 11px 23px; border: none; background: #f04e23;
	font-weight: 600; color: #FFF !important;
	font-size: 12px; text-transform: uppercase; /*letter-spacing: 0.1em;*/ white-space: nowrap;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
/*	-webkit-box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.12);
	-moz-box-shadow:    2px 2px 2px 0px rgba(0, 0, 0, 0.12);
	box-shadow:         2px 2px 2px 0px rgba(0, 0, 0, 0.12); */
}

input[type='submit'], input[type='reset'], input[type='button'], .button, .button_highlight, .button_dark, button {color: #FFF !important;}

.button:hover, button:hover, input[type='submit']:hover, input[type='reset']:hover, input[type='button']:hover	{color: #f9c5bc !important;}
.button_dark			{background: #404040 !important;}
.button_dark:hover	{color: #cacaca !important;}
.button_light			{background: #c4c4c4 !important;}
.button_light:hover	{color: #fff !important;}
.button_white			{background: #fff !important; color: #f04e23 !important;}
.button_white:hover	{color: #b33311 !important;}

/** HEADER, FOOTER, NAVS *************************/
#header			{height: 125px; width: calc(100% - 40px); padding: 0px 20px 0px 20px; position: fixed; top: 0px; z-index: 100; background: #FFF;}
#header_top		{text-align: right; clear: both; padding: 13px 10px 0px 0px; font-size: 13px; clear: both;}
#header_left	{float: left; text-align: left; padding: 5px 0px 0px 0px;}
#header_center	{display: inline-block; text-align: center; padding: 25px 0px 0px 0px;}
#header_right	{float: right; text-align: right; padding: 25px 0px 0px 0px;}
#header_padder	{height: 125px;}

#header_right input[type="text"]	{
	width: 125px; padding: 10px 20px; border-radius: 20px;
	background: url(/res/img/commons/input_search.gif) right 15px center no-repeat;
	background-size: 15px auto;
}

.header_nav_section			{padding: 0px 2vw 0px 2vw; display: inline-block; vertical-align: top; cursor: pointer; z-index: 110; font-weight: 500; /* font-size: 14px; font-weight: 300;*/ /*position: relative;*/}
.header_nav_section a		{color: #515151;}
.header_nav_section a:hover, .header_nav_section_hover a	{color: #f04e23 !important;}
.header_nav_drop			{min-width: 305px; padding: 20px 0px 20px 0px; margin: 20px 0px 0px -35px; text-align: left; color: #FFF; background: #f04e23; position: absolute; z-index: 110; display: none;}
.header_nav_drop:after {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(240, 78, 35, 0);
	border-bottom-color: #f04e23;
	border-width: 7px;
	margin-left: -7px;
}
.header_nav_link		{padding: 8px 35px 8px 35px; color: #FFF;}
.header_nav_link:hover	{background: #ce431e;}
/*.header_nav_link a		{color: #FFF !important;}*/

#header_mobile_button	{display: none; width: 32px; height: auto; margin-top: 25px; cursor: pointer; float: right;}
#header_mobile_nav		{
	position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 150; padding: 20px; display: none;
	color: #FFF; background-color: #f04e23; text-align: left; line-height: 1.6em;
}
#header_mobile_nav div		{cursor: pointer;}
#header_mobile_nav div div	{display: none;}

#header_cerco-logo		{max-width: 126px; height: auto;}

#footer			{width: calc(100% - 20px); padding: 70px 10px 30px 10px; margin-top: 45px; background: #f7f7f7;}
#footer_left	{float: left; text-align: left; padding: 0px 0px 40px 0px;}
#footer_center	{float: right; text-align: right; padding: 0px 0px 40px 70px;}
#footer_right	{float: right; text-align: right; padding: 0px 0px 40px 70px;}
#footer_bottom	{width: calc(100% - 20px); padding: 20px 10px 20px 10px; background: #efefef;}


/** STICKED HEADER *************************/
/*
#header, #header_top, #header_left, #header_center, #header_right, #header_padder, .header_nav_drop {
	-webkit-transition-duration: 0.3s; transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;
}
*/
.sticked #header, .sticked #header_padder	{height: 90px;}
/*.sticked #header_top		{margin-top: -50px;}*/
.sticked #header_top		{display: none;}
.sticked #header_left		{padding-top: 20px;}
.sticked #header_center		{padding-top: 35px;}
.sticked #header_right		{padding-top: 33px;}
.sticked #header_cerco-logo	{max-width: 100px;}
/*.sticked .header_nav_drop	{margin-top: 25px;}*/


/** LAYERS *************************/
.layer				{
	width: calc(100% - 40px); padding: 80px 20px 80px 20px; position: relative;
	/*background-color: #CCC;*/
	/*background-image: url(/res/img/layers/commons/mainfeature_bg.jpg);*/
	background-repeat: no-repeat;
	background-position: top center;
	background-size: auto 100%;
}
.layer_content		{max-width: 1010px; text-align: left; position: relative;}
.layer_mainfeature, .layer_mainfeature_simple	{padding: 140px 20px 185px 20px; color: #FFF; background-color: #404041;
	/*background-image: url(/res/img/layers/commons/mainfeature_bg.jpg);*/
	/*
	padding: 140px 20px 185px 20px; color: #FFF; background-color: #404041;
	 style='background-image: url(/res/img/about-cerco/home/mainfeature_bg.jpg);'
	background-repeat: no-repeat;
	background-position: top center;
	background-size: auto 100%;
	);
	*/
}
.layer_mainfeature .layer_content, .layer_mainfeature_simple .layer_content	{text-align: center;}
.layer_mainfeature h1, .layer_mainfeature_simple h1	{font-weight: 600; padding-bottom: 10px; line-height: 1.15em;}
.layer_mainfeature_simple {
	padding-top: 90px; padding-bottom: 90px; background-color: #404041; background-image: url(/res/img/commons/mainfeature_bg.jpg);
}

.layer h2				{padding-bottom: 65px;}
.layer_dark				{background-color: #404041; color: #FFF;}
.layer_orange			{background-color: #f04e23; color: #FFF;}


/** GENERALS *************************/
.cols_2_1, .cols_2_2	{display: inline-block; vertical-align: top; width: calc(50% - 32px); padding: 0px; margin: 0px; line-height: 1.4em;}
.cols_2_1				{padding-right: 25px;}
.cols_2_2				{padding-left: 25px;}
.blocks_2, .blocks_3, .blocks_3-1, .blocks_3-2	{display: inline-block; vertical-align: top; width: calc(50% - 42px); padding: 0px 20px 0px 20px; margin: 0px;}
.blocks_3, .blocks_3-1	{width: calc(33% - 42px); text-align: center;}
.blocks_3-2				{width: calc(66% - 42px); text-align: center;}

.highlight, a.highlight		{color: #f04e23;}
.highlight_bg	{background-color: #f04e23;}
.highlight_bg input  {color: #FFFFFF !important; background-color: transparent !important;}

.divider {
	width: 33%; min-width: 200px; max-width: calc(100% - 50px); height: 0px; padding: 0px; margin: 10px 25px 25px 25px; position: relative;
	border-bottom: 1px solid #f04e23; background: #f04e23;
}
.divider:after {
	width: 5px; height: 5px; margin: -5px 0px 0px -5px; position: absolute; top: 100%; left: 50%; content: " "; pointer-events: none;
	border: solid transparent; background: #f04e23; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%;
}

.shadow_box {
	-webkit-box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow:    4px 4px 10px 0px rgba(0, 0, 0, 0.1);
	box-shadow:         4px 4px 10px 0px rgba(0, 0, 0, 0.1);
}

.round_corners {
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}

.uppercase		{text-transform: uppercase;}
.capitalize		{text-transform: capitalize;}

.clear, .spacer	{clear: both;}
.spacer			{height: 40px;}

.bad			{color: #CC0000 !important;}
.good			{color: #339900 !important;}
.warn			{color: #CCCC00 !important;}
.bad_bg 	{color: #FFFFFF !important; background-color: rgba(200,0,0,0.5) !important;}
.bad_bg input  {color: #FFFFFF !important; background-color: transparent !important;}

.tablet_on		{visibility: hidden; display: none;}
.tablet_off		{visibility: visible; display: inline;}
.mobile_on		{visibility: hidden; display: none;}
.mobile_off		{visibility: visible; display: inline;}
.cell_on		{visibility: hidden; display: none;}
.cell_off		{visibility: visible; display: ;}

table.zebra tr:nth-child(even)	{background: /*#ffffff;*/}
table.zebra tr:nth-child(odd)		{background: #f2f2f2;}
table.zebra tr:hover					{background: #ffcc66 !important; cursor: pointer;}
table.zebra th							{background: #CCCCCC;}
table.zebra th, table.zebra td	{padding: 3px; margin: 0px; text-align: left; border: none;}

table.table_list	{border: 1px solid #858585; /*margin-top: 10px;*/}
table.table_list th, table.table_list td {padding: 7px 7px 7px 8px; margin: 0px; text-align: left; border: none;}
table.table_list th	{background: #d6d6d6; font-weight: 600; /*text-transform: capitalize;*/}
table.table_list td	{/*border-top: 1px solid #858585;*/}
table.table_list tr:nth-child(even) {/*background: #ffffff;*/}
table.table_list tr:nth-child(odd) {background: #f2f2f2;}

#popup	{display: none;}
#popup_underlay	{
	position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 200;
	color: #FFF; background: rgba(0, 0, 0, 0.6); text-align: center;
	display: flex; flex-direction: column; justify-content: center;
}

#product_nav		{float: left; width: 230px;}
#product_content	{float: right; width: calc(100% - 290px);}

/** TWEAKES & FIXES *************************/
.slick-next, [dir='rtl'] .slick-next, .slick-prev, [dir='rtl'] .slick-prev {
	border: 1px solid #41515a !important;
	border-width: 0 5px 5px 0 !important;
	outline: none !important;
	border-radius: 0px !important;
}
.slick-next, [dir='rtl'] .slick-next {transform: rotate(-45deg) !important; margin-right: -10px;}
.slick-prev, [dir='rtl'] .slick-prev {transform: rotate(135deg) !important; margin-left: -10px;}
.slick-next:before, [dir='rtl'] .slick-next:before, .slick-prev:before, [dir='rtl'] .slick-prev:before {content: '' !important;}

/** TABLETS SCREENS *************************/
@media (max-width: 1000px) {
	#header_right			{display: none;}
}

/** MOBILE SCREENS *************************/
@media (max-width: 675px) {
	#header_top, #header_center		{display: none;}
	#header_mobile_button	{display: inline-block;}

	#product_nav, #product_content	{width: 100%;}
	.cols_2_1, .cols_2_2, .blocks_2, .blocks_3	{width: 100% !important; padding: 0px !important;;}

	.mobile_on		{visibility: visible !important; display: block !important;}
	.mobile_off		{visibility: hidden !important; display: none !important;}
	.mobile_wide	{max-width: calc(100% - 20px) !important; width: calc(100% - 20px) !important; padding: 0px 10px 45px 10px !important; clear: both !important;}
}