/*
 * 	Author: wtxinc
 */
  
/****************************************************************************
CSS RESET
****************************************************************************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address,
big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl,
dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas,
details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio,
video {	margin: 0; 	padding: 0;	border: 0;	font-size: 100%;	font: inherit;	vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
/*ol, ul { list-style: none;}*/
ul {list-style-position:outside; padding-left:15px; line-height:1.5}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table {	border-collapse: collapse; border-spacing: 0; }


/****************************************************************************
BASIC STYLES
****************************************************************************/

html{height:100%;}
body{ background-color:#fff; 
font:14px "Nunito", Arial, Helvetica,sans-serif; 
color:#262626; 
line-height: 30px; 
overflow-x:hidden; 
width:100%; 
height:100%;
font-weight:300;
}

h1,h2,h3,h4,h5,h6{  }
h1{ font-size:26px; color:#FFF; font-weight:400}
h2{ font-size:20px; color:#1a592c; text-transform:uppercase;}
h3{ font-size:30px;}
h4{ font-size:24px;}
h5{ font-size:18px;}
h6{ font-size:14px; color:black; text-align: center;}

::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }

a {text-decoration: none; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.clear {clear:both; }

.normal_page { max-width: 1000px; padding: 0 20px; height:auto; margin: 0px auto; }

.hidden { display:none; visibility:hidden; }
.vimeo { border:none; }
.soundhound { border:none; width:100%; height:166px; }
.soundhound_hidden { display:none; visibility:hidden; }

 header { margin:0 auto;  font:50px "Nunito", Arial, Helvetica,sans-serif; color:#262626; display: table; margin-top:90px; font-weight:300 }
 header div { float:left; }
 header .text_decoration { width:35px; }
 header .lines { float:none; }
 header .header_text { margin:-25px 20px 20px; }

.line_white { height:1px; width:100%; background-color:#fff; margin-bottom:2px; }
.line_dark { height:1px; width:100%; background-color:#d5d5d5;  margin-bottom:2px; }
.line_darker { height:1px; width:100%; background-color:#808183;  margin-bottom:2px; }
.line_slider { -moz-box-shadow: 0 1px 5px #000; -webkit-box-shadow: 0 1px 5px #000; box-shadow: 0 1px 5px #000; }

.get_to_contact { background-color:#262626; width:100%; float:left; padding: 20px 0; }
.get_to_contact a { border: 1px solid #1a592c; background-color:#fff; font:12px "Nunito", Arial, Helvetica,sans-serif; color:#1a592c; padding: 8px 20px 12px 20px; float:right; margin-right:15px; font-weight:300 }
.get_to_contact a:hover { background-color:#1a592c; color:#FFF }
.get_to_contact p { width:65%; float:left; padding-right:20px; }
.get_to_contact .title { font:26px "Nunito", Arial, Helvetica,sans-serif; float:left; width:70%; padding-right:20px; color:#FFF; margin-top:3px; font-weight:300 }
.contact_margin { margin-top:0px; }
.container_block {max-width: 1000px; padding: 0 20px; height:auto; margin: 0px auto; }

.darker_background { height:100%; width:100%; background-color: rgba(1,56,22,.2); float:left; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000);
     filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000);  }

.darker_background2 { height:100%; width:100%; background-color:#555555; float:left; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000);
     filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000);  }

.phone_menu { margin:16px 0 0 20px; display:none; visibility:hidden; }

.button {
	/*-moz-box-shadow:inset 0px 1px 0px 0px #1cb024;
	-webkit-box-shadow:inset 0px 1px 0px 0px #1cb024;
	box-shadow:inset 0px 1px 0px 0px #1cb024;*/
	background-color:#1a592c !important;
	/*-webkit-border-top-left-radius:8px;
	-moz-border-radius-topleft:8px;
	border-top-left-radius:8px;
	-webkit-border-top-right-radius:8px;
	-moz-border-radius-topright:8px;
	border-top-right-radius:8px;
	-webkit-border-bottom-right-radius:8px;
	-moz-border-radius-bottomright:8px;
	border-bottom-right-radius:8px;
	-webkit-border-bottom-left-radius:8px;
	-moz-border-radius-bottomleft:8px;
	border-bottom-left-radius:8px;*/
	text-indent:0px;
	border:1px solid #1a592c !important;
	display:inline-block;
	color:#fcfcfc !important;
	font-size:17px !important;
	font-weight:bold;
	font-style:normal;
	height:14px;
	line-height:16px !important;
	width:119px;
	text-decoration:none;
	text-align:center;
	text-transform:lowercase;
}
/****************************************************************************
SLIDER
****************************************************************************/

#slider { height:100%; }
#slider .slider_content { max-width:800px; margin:0 auto; text-align:center; width:80%  }
#slider .slider_content header { font:36px "RobotoLight", Arial, Helvetica,sans-serif; text-shadow: 0 1px 5px #000; color:#fff; padding:20px; margin-top:20%; margin-bottom:30px; }
#slider .slider_content header .bold { font-weight:700; font-family: "RobotoBold"; }
#slider .slider_content p { text-shadow: 0 1px 5px #000; color:#fff; margin: 30px 0; }
/*#slider .slider_content a { border: 1px solid #001735; background-color:#155aab; font:12px "RobotoRegular", Arial, Helvetica,sans-serif; color:#fff; padding: 10px 20px; }
#slider .slider_content a:hover { background-color:#2573cf; }*/
.logo { 
	margin-top:20% !important;
	margin-bottom:30px !important;
	width:55%;
	height:auto;
	max-width:490px;
	
}



/*************************************************************
GALLERIA
******************************************************************/
.project-gallery {
	position:fixed;
	z-index:30;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background:#000
}



/****************************************************************************
MENU
****************************************************************************/

.menu {
width:100%; float:left; background-color:#262626; height:51px; z-index:30;
/*-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.25);
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.25);
box-shadow: inset 0 1px 0 rgba(255,255,255,.25);*/
border: 1px solid #262626;
/*
background-image: 
url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMCIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+);
background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.25) 0%, rgba(255,255,255,.25) 100%);
background-image: -o-linear-gradient(bottom, rgba(0,0,0,.25) 0%, rgba(255,255,255,.25) 100%);
background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.25) 0%, rgba(255,255,255,.25) 100%);
background-image: linear-gradient(bottom, rgba(0,0,0,.25) 0%, rgba(255,255,255,.25) 100%);
*/
}
.menu ul { margin-top:13px; float:left; }
.menu ul li { display:inline; margin-left:15px; }
.menu ul li a { font:16px "Nunito", Arial, Helvetica,sans-serif; color:#E9D12F; font-weight:300; }
.menu ul li a:hover { color:#FFFD0B; }

.titoletti_logo_hp {
	color:#1a592c;
	height:11px;
	line-height:11px;
	padding-left:2px;
}

#ifram_hp{
	color:#1a592c;
	font-size:17px;
	line-height:21px;
	padding-left:2px;
	font-weight:400;
	padding-top:4px;
}

/****************************************************************************
back MENU
****************************************************************************/

.back {
width:100%; float:left; background-color:#262626; height:51px; z-index:30;
/*-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.25);
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.25);
box-shadow: inset 0 1px 0 rgba(255,255,255,.25);*/
border: 1px solid #262626;
/*
background-image: 
url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMCIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+);
background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.25) 0%, rgba(255,255,255,.25) 100%);
background-image: -o-linear-gradient(bottom, rgba(0,0,0,.25) 0%, rgba(255,255,255,.25) 100%);
background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.25) 0%, rgba(255,255,255,.25) 100%);
background-image: linear-gradient(bottom, rgba(0,0,0,.25) 0%, rgba(255,255,255,.25) 100%);
*/
}
.back ul { margin-top:13px; float:left; }
.back ul li { display:inline; margin-left:15px; }
.back ul li a { font:16px "Nunito", Arial, Helvetica,sans-serif; color:#87be3c; font-weight:300; }
.back ul li a:hover { color:#1a592c; }

/****************************************************************************
COLUMNS
****************************************************************************/

.column_1 { width:100%; float:left; margin:30px 0; text-align: center; }
.column_1 .content { padding: 0 0 0 0; }

.columns_2 { width:50%; float:left; margin:30px 0; }
.columns_2 .content_1 { padding: 0 40px 0 0; }
.columns_2 .content_2 { padding: 0 10px; }

.columns_3 { width:33%; float:left; margin:10px 0; text-align: center; }
.columns_3 .content_1 { padding: 0 20px 0 0; }
.columns_3 .content_2 { padding: 0 10px; }
.columns_3 .content_3 { padding: 0 0 0 20px; }

.columns_4 { width:25%; float:left; margin:30px 0; }
.columns_4 .content_1 { padding: 0 15px 0 0; }
.columns_4 .content_2 { padding: 0 15px 0 10px; }
.columns_4 .content_3 { padding: 0 10px 0 15px; }
.columns_4 .content_4 { padding: 0 0 0 15px; }

.column_33 { width:40%; float:left; margin:30px 0; }
.column_66 { width:60%; float:left; margin:30px 0; }
.column_33 .content { padding: 0 0 0 10px; }
.column_66 .content { padding: 0 10px 0 0; }



/****************************************************************************
dove
****************************************************************************/

.dove { max-width: 1000px; padding: 0 20px; height:auto; margin: 0px auto; }
.dove figure { font:14px "Nunito", Arial, Helvetica,sans-serif; color: #2d3133; font-weight: 400 }
.dove span { color: #5d5d5d; font-weight: 700 }
.dove img { width:100%; }
.dove  p { margin-bottom:30px; }
.dove .columns_3 { margin-bottom:90px; }



/****************************************************************************
ABOUT US
****************************************************************************/

.about_us { max-width: 1000px; padding: 0 20px; height:auto; margin: 0px auto; }
.about_us figure { font:14px "RobotoBold", Arial, Helvetica,sans-serif; color: #2d3133; }
.about_us span { font:10px "RobotoBold", Arial, Helvetica,sans-serif; color: #5d5d5d; }
.about_us img { width:100%; }
.about_us  p { margin-bottom:30px; }
.about_us .columns_3 { margin-bottom:90px; }

/****************************************************************************
SERVICES
****************************************************************************/

.services{ max-width: 1000px; padding: 0 20px; height:auto; margin: 0px auto;  }
.services .service { margin:0 auto; display:table; font:16px "RobotoBold", Arial, Helvetica,sans-serif; }
.services .columns_4 p { text-align:center; }
.services  p { margin-bottom:30px; line-height:1.7 }
.icon {
font:96px "EntypoRegular", Arial, Helvetica,sans-serif; 
width:66px; 
height:66px; 
color:#fff; 
text-align:center; 
/*margin:0 auto; 
margin-top:30px;
margin-bottom:30px;*/
margin: 0 auto 40px;
}
.icon span { margin-top:-18px; display:block; }


/****************************************************************************
TIPOLOGIE
****************************************************************************/

.tipologie{ max-width: 1000px; padding: 0 20px; height:auto; margin: 0px auto;  }
.tipologie .tipologia { display:table; font:16px "Nunito", Arial, Helvetica,sans-serif; text-align:left; color:#1a592c; font-weight:400; margin-bottom:5px; }
.tipologie .columns_4 p { text-align:center; }
.tipologie  p { margin-bottom:5px; line-height:1.7; }

/****************************************************************************
PORTFOLIO
****************************************************************************/

.portfolio { max-width: 1000px; padding: 0 20px; height:auto; margin: 0px auto;  }
.portfolio figure { font:14px "RobotoBold", Arial, Helvetica,sans-serif; color: #2d3133; }
.portfolio .item li { width:33%; float:left; }
.portfolio .item li p { font:10px "RobotoBold", Arial, Helvetica,sans-serif; color: #5d5d5d; margin-top:11px; }
.portfolio img { width:100%; margin-top:20px; }
.portfolio .columns_3 { margin:30px 0; }


.portfolio .sort_by { margin-top:30px; margin-bottom:-30px; }
.portfolio .sort_by li { display:inline; margin-left:15px; }
.portfolio .sort_by li a { font:12px "RobotoBold", Arial, Helvetica,sans-serif; color: #2d3133; }

.portfolio ul li .content { margin: 0 15px; }

/****************************************************************************
NEWS
****************************************************************************/

.news { max-width: 1000px; padding: 0 20px; height:auto; margin: 0px auto; }
.news figure { font:14px "RobotoBold", Arial, Helvetica,sans-serif; color: #2d3133; }
.news span { font:10px "RobotoBold", Arial, Helvetica,sans-serif; color: #5d5d5d; }
.news img { width:100%; }
.news  p { margin-bottom:30px; }
.news article span { font:16px "RobotoBold", Arial, Helvetica,sans-serif; color:#000; }
.news time { font:10px "RobotoBold", Arial, Helvetica,sans-serif; color: #5d5d5d; }
.news article img { width:49%; margin:0 auto; display:table; margin-bottom:30px; }

/****************************************************************************
CONTACT
****************************************************************************/

.contact { max-width: 1000px; padding: 0 20px; height:100%; margin: 0px auto; }
.contact span { font:18px "Nunito", Arial, Helvetica,sans-serif; font-weight:700 }
.contact p { text-align:center;  width:100%;  font:18px "Nunito", Arial, Helvetica,sans-serif; color:#000; opacity: 1; font-weight:400}
.contact h1 { text-align:center;  width:100%;  font:25px "Nunito", Arial, Helvetica,sans-serif; color:#000; opacity: 1; font-weight:400}
.contact .contact_margin { margin-left:15px; }
.contact_margin_last { margin-top:92px; }
.contact_lines { margin-top:30px; }
.contact_details { margin-top:60px !important; }
.contact a {
	color:#000;
}
.contact a:hover {
	text-decoration:underline;
}
.footer { font:12px "RobotoRegular", Arial, Helvetica,sans-serif !important; opacity: .3 !important; margin-top:60px; }

/****************************************************************************
WRAPPER
****************************************************************************/

.wrapper{ width:100%; height:360px; }
.wrapper header { color:#fff; opacity: 1; margin-top:50px; margin-bottom:0 }
.wrapper img { opacity: 1;  margin:0 auto; display:table;}
/****************************************************************************
Per immagini in pseudomovimento
****************************************************************************/
.services_wrapper { background:url(../images/wrapper1.jpg) 50% 0 no-repeat fixed; background-color:#454242; }
.portfolio_wrapper { background:url(../images/wrapper1.jpg) 50% 0 no-repeat fixed; background-color:#454242; }
.dove_wrapper { background:url(../images/wrapper2.jpg) 50% 0 no-repeat fixed; background-color:#454242; }
.contact_wrapper { width:100%; background-color:#000; height: auto;}

.logos { max-width: 1000px; padding: 0 20px; height:auto; margin: 0px auto; }
.portfolio_wrapper p { padding: 0 20px; height:auto; margin: 0px auto; display:table;  font:18px "RobotoRegular", Arial, Helvetica,sans-serif; color:#fff; opacity: .6; text-align:center; }
.news_wrapper p { padding: 0 20px; height:auto; margin: 0px auto; display:table;  font:18px "RobotoRegular", Arial, Helvetica,sans-serif; color:#fff; opacity: .6;  text-align:center; }
.portfolio_wrapper .author, .news_wrapper .author { font:14px "RobotoBold", Arial, Helvetica,sans-serif; margin-top:10px; }


.services_wrapper header { margin-top:230px; }
.portfolio_wrapper header, .news_wrapper header {  }
.contact_wrapper header  { margin-top:169px; min-height:200px; height:auto }


/****************************************************************************
RESPONSIVE
****************************************************************************/

@media all and (max-width: 1000px) {
.get_to_contact p { width:60%; }
.wrapper img { width:100%; }
.get_to_contact .title { width:70% }
.phone_menu { display:inline; visibility:visible; }
.menu ul { display:none; visibility:hidden; }
}


@media all and (max-width: 960px) {
.get_to_contact p { width:60%; }
.wrapper img { width:100%; }
#archest img {width:auto !important;}
.get_to_contact .title { width:70% }
}

@media all and (max-width: 860px) {
.portfolio .item li { width:50%; }
.services .columns_4 { width:50%; }
.services .content_1, .services_wrapper .content_3{ padding: 0 20px 0 0; }
.services .content_2, .services_wrapper .content_4{ padding: 0 0 0 20px; }
.line_darker, .line_dark, .line_white, #slider .slider_content p , .line_slider  { display:none; visibility:hidden; }
header div { float:none; }
.phone_menu { display:inline; visibility:visible; }
.get_to_contact .title { font-size:25px; float:none; width:100% }
.get_to_contact { text-align:center; }
.get_to_contact a { float:none; margin-top:20px}
h2 { font-size:18px; }
.columns_2 { line-height:1.5;}
}

@media all and (max-width: 640px) {
.get_to_contact .title { width:100%; color:#FFF; }
.get_to_contact p { width:100%; margin-top:20px; }
.get_to_contact a { float:left; margin-top:20px; }
/*.line_darker, .line_dark, .line_white, #slider .slider_content p , .line_slider, .menu ul { display:none; visibility:hidden; }
header div { float:none; }*/
/*.phone_menu { display:inline; visibility:visible; }*/
.hidden  { display:inline; visibility:visible; }
.services_wrapper .columns_4 { width:50%; }
.services_wrapper .content_1, .services_wrapper .content_3{ padding: 0 20px 0 0; }
.services_wrapper .content_2, .services_wrapper .content_4{ padding: 0 0 0 20px; }
.get_to_contact .title { font-size:25px; float:none; }
.get_to_contact { text-align:center; }
.get_to_contact a { float:none; }
#voci_download { display:none; }
}

@media all and (max-width: 560px) {
.portfolio .item li { width:100%; }
.columns_3 { width:100%; }
.columns_3 .content_1, .columns_3 .content_2, .columns_3 .content_3 { padding:0; display:table; }
.services .columns_4 { width:100%; }
.services .content_1, .services_wrapper .content_3, .services .content_2, .services_wrapper .content_4{ padding: 0 20px ; }
.contact_form div input[type=text] { width:100%; }
.contact_form div .first_input { margin-bottom:10px; }
.get_to_contact .title { font-size:25px; float:none; }
.get_to_contact { text-align:center; }
.get_to_contact a { float:none; }
}

@media all and (max-width: 500px) {
.column_66, .column_33 { width:100%; }
.get_to_contact .title { font-size:20px; float:none; }
.get_to_contact { text-align:center; }
.get_to_contact a { float:none; }
.contact p { font-size:18px; text-align:center }
header { font-size:30px; }
#ak_credits, #archest { display:none; }
.columns_2 { width:100%; margin: 20px 0;}
/*.columns_2 img { display:none; }*/
.wrapper{ width:100%; height:300px; }
h1 {
	font-size:16px;
	line-height:1.2;	
}
.dove p {
	line-height:1.7;
}

.services .content_1, .services .content_2 { padding: 0px; }
}


@media all and (max-height: 800px) {
#slider .slider_content header { margin-top:15%; }
}

@media all and (max-height: 400px) {
.logo { margin-bottom: 20px !important; margin-top: 5% !important;}
}

/*Hacks for ipad to eliminate parallax effect bug*/
@media all and (-webkit-min-device-pixel-ratio: 2) {
.services_wrapper { background:url(../images/home_fascia_mobile.jpg) 50% 0 no-repeat fixed; background-color:#454242; }
.portfolio_wrapper { background:url(../images/home_fascia_mobile.jpg) 50% 0 no-repeat fixed; background-color:#454242; }
.dove_wrapper { background:url(../images/home_fascia_mobile.jpg) 50% 0 no-repeat fixed; background-color:#454242; }
.contact_wrapper { background:url(../images/home_fascia_mobile.jpg) 50% 0 no-repeat fixed; background-color:#454242; }
}

/*  AK    */
.voce_menu_2 {
float:right;
height:20px;
margin: 20px 20px 0 0;
font:16px "Nunito", Arial, Helvetica,sans-serif; color:#E9D12F; font-weight:300;
}

.voce_menu_2 a {
color:#E9D12F;
}

.voce_menu_2 a:hover {
color: #FFFD0B;
}


.logo_separatore {
	max-width:80%;
	height:auto;	
}

#ak_credits {
	font-size:15px;
	text-align:center;
	margin-top:5px;
	color:#fff;
}

#archest {
	text-align:center;
	margin-top:250px;

}
/*
#voci_footer {
	width:240px;
	height:20px;
	margin:0 auto;
	display:block;
}

.voce_footer{
	font-size:15px;
	text-align:center;
	display: block;
	float:left;
	padding:5px;
}
*/

/*  cookie button */
.green.cli-plugin-button, .green.cli-plugin-button:visited {
    background-color: #1a592c;
}
.cli-plugin-button, .cli-plugin-button:visited, .medium.cli-plugin-button, .medium.cli-plugin-button:visited {
    font-size: 13px;
    font-weight: bold;
    line-height: 1;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
}
.cli-plugin-button, .cli-plugin-button:visited, .medium.cli-plugin-button, .medium.cli-plugin-button:visited {
    font-size: 13px;
    font-weight: bold;
    line-height: 1;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
}

.cli-plugin-button, .cli-plugin-button:visited, .medium.cli-plugin-button, .medium.cli-plugin-button:hover {
   color:#fff !important;
}

.cli-plugin-button, .cli-plugin-button:visited {
    background: #222 repeat-x scroll 0 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
    color: #fff;
    cursor: pointer;
    display: inline-block;
    margin: auto 10px;
    padding: 5px 10px 6px;
    position: relative;
    text-decoration: none;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
}
/* fine cookie button */


/* ACCORDION w3c*/
.accordion { 
    background-color: #fff;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    text-align: left;
	font-size: 20px;
    border: none;
	border-top: solid 1px black;
    outline: none;
    transition: 0.4s;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .accordion:hover {
    background-color: #fff;
	color: #14991B;
}

/* Style the accordion panel. Note: hidden by default */
.panel {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.accordion:after {
    content: '\02795'; /* Unicode character for "plus" sign (+) */
    font-size: 13px;
    color: #777;
    float: right;
    margin-left: 5px;
}

.accordion b{
	font-weight: 500;
}

.active:after {
    content: "\2796"; /* Unicode character for "minus" sign (-) */
}

/* ACCORDION w3c*/
.accordionl { 
    background-color: #fff;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    text-align: left;
	font-size: 20px;
    border: none;
	border-top: solid 1px black;
	border-bottom: solid 1px black;
    outline: none;
    transition: 0.4s;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .accordionl:hover {
    background-color: #fff;
	color: #14991B;
}

.accordionl b{
	font-weight: 500;
}

/* Style the accordion panel. Note: hidden by default */
.panell {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.accordionl:after {
    content: '\02795'; /* Unicode character for "plus" sign (+) */
    font-size: 13px;
    color: #777;
    float: right;
    margin-left: 5px;
}

.active:after {
    content: "\2796"; /* Unicode character for "minus" sign (-) */
}

/* bottone all'interno dell'accordion */

.btn {
	background-color: #4CAF50;
    color: white;
    padding: 14px 28px;
    font-size: 16px;
}


.btn:hover {
	background-color: #46a049;
    color: white;
    padding: 14px 28px;
    font-size: 16px;
}