@import "webfonts/style.css";

body {
	font-family: 'Montserrat', sans-serif;
	margin: 0;
	background: #fff;
	color: #272727;
	font-size: 92%;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	}

.container {
	width: 1200px;
	max-width: 98%;
	margin: 0 auto;
	padding: 0;
	background: transparent;
	}

html, body { width: 100%; height: 100%; }


a img { text-decoration: none; border: 0 none; float: left; margin: 0; }
a { text-decoration: none; font-weight: 100; }
p a, a h2, a h3, a h4, a h5, a h6, #page a h2, #page a h3, #page a h4, #page a h5, #page a h6, #page a, #page .contents table a, #cookie-notice a { color: #4080bf; }
p a, p a:visited, #page a, #cookie-notice a { font-weight: 700; }
a:hover, p a:hover, a:hover h2, a:hover h3, a:hover h4, a:hover h5, a:hover h6, #page a:hover h2, #page a:hover h3, #page a:hover h4, #page a:hover h5, #page a:hover h6, #footer a:hover, #page a:hover, #page .contents table a:hover, #cookie-notice a:hover, #page .products-list .col_1-3 a:hover h2, #page .products-list .col_1-3 a:hover .subtitle { color: #f4743b; text-decoration: none; transition: all 0.5s; }
input:focus, textarea.sticky:focus, select:focus { outline: none; }
	
h1, h2, h3, h4, h5, h6 { width: 100%; float: left; clear: both; margin: 0; padding: 0; font-weight: 700; }
#page h2, #page h3, #page h4, #page h5, #page h6  { color: #3f3f3f; }

p { width: 100%; line-height: 25px; clear: both; float: left; margin: 0 0 25px 0; padding: 0; text-align: justify; }
p strong { font-weight: 700; }

img { width: 100%; height: auto; float: left; margin: 0; padding: 0; }
p img { margin-bottom: 6px; }
#page .contents img { width: auto; max-width: 100%; }
#page .contents img.alignright { float: right; }
#page .contents img.aligncenter { display: block; margin-left: auto; margin-right: auto; float: none; }

.uppercase { text-transform: uppercase; }
.clear { clear: both; }
.center { text-align: center; }
.red, .required { color: #ef3434; }
.scrollup {
	width: 60px;
	height: 60px;
	opacity: 0.3;
	position: fixed;
	bottom: 60px;
	right: 60px;
	display: none;
	color: #fff;
	background: #222;
	border-radius: 4px;
	text-align: center;
	padding: 4px 0 0 0;
	z-index: 9999;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
	-webkit-transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	transition: opacity 0.2s;
	}

.scrollup span { font-size: 360%; color: #fff; }
.scrollup:hover { opacity: 0.9; }


/*-----------------------------------------------------------------------------------------------
   elementi ripetuti
-----------------------------------------------------------------------------------------------*/

.line-blue, hr {
	width: 100px;
	clear: both;
	display: inline-block;
	margin: 0 auto;
	padding: 0;
	border-top: 1px solid #a6c3e1;
   	-moz-box-sizing: border-box;
   	-webkit-box-sizing: border-box;
   	box-sizing: border-box;
	}

hr { width: 95%; float: left; margin: 50px 2.5%; padding: 0; height: 1px; border-width: 0; color: #a6c3e1; background-color: #a6c3e1; }
#page .full_width hr, #page .col_1-1 hr { width: 100%; margin-left: 0; margin-right: 0; }

a.btn, a.btn:visited, #page .contents form input.btn, #comments form.comment-form #submit, #page .wpcf7 form input.wpcf7-submit, #page.post-9999999 .contents form input.subscribe-form-button {
	font-weight: 700;
	max-width: 100%;
	float: none;
	display: inline-block;
	margin: 0;
	padding: 6px 16px 7px 16px;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	border-radius: 17px;
   	-moz-box-sizing: border-box;
   	-webkit-box-sizing: border-box;
   	box-sizing: border-box;
	transition: all 0.5s;
	}

a.btn.blue, #page .contents form input.btn, #comments form.comment-form #submit, #page .wpcf7 form input.wpcf7-submit, #page.post-9999999 .contents form input.subscribe-form-button { float: left; clear: both; background: #3c77b3; }
#comments form.comment-form #submit, #page.post-9999999 .contents form input.subscribe-form-button { float: none; }
.center a.btn.blue, #page .shop_option a.btn { float: none; }
a.btn.white { border: 1px solid #e6e6e6; }
a.btn.white:hover  { background: #4080bf; border-color: #4080bf; }

#welcome.home a.btn { float: left; }

#cta a.btn, #page .shop_option a.btn { background: #3c77b3; }

#page .contents form input.btn, #comments form.comment-form #submit, #page .wpcf7 form input.wpcf7-submit, #page.post-9999999 .contents form input.subscribe-form-button { cursor: pointer; border: none; font-family: 'Montserrat'; font-size: 100%; font-weight: 700; clear: none; }
#page .contents form input.btn.right { float: right; }

a.btn span { margin-left: 10px; }

#page .contents table a.btn, #page a.btn { color: #fff; }
a.btn:hover, #cta a.btn:hover, #page .shop_option a.btn:hover, #footer a.btn:hover, #page .contents form input.btn:hover, #page a.btn:hover, #comments form.comment-form #submit:hover, #page .wpcf7 form input.wpcf7-submit:hover, #page.post-9999999 .contents form input.subscribe-form-button:hover { text-decoration: none; background: #f4743b; color: #fff; }

/*-----------------------------------------------------------------------------------------------
   colonne
-----------------------------------------------------------------------------------------------*/

.col_1-1, .col_3-4, .col_2-3, .col_1-2, .col_1-3, .col_1-4, .content-column {
	float: left;
	margin: 0 1.0%;
	padding: 0;
   	-moz-box-sizing: border-box;
   	-webkit-box-sizing: border-box;
   	box-sizing: border-box;
	}

.content-column.full_width, .col_1-1 { width: 95%; }
.col_2-3 { width: 61.67%; }
.content-column.one_half, .col_1-2 { width: 45%; }
.content-column.one_third, .col_1-3 { width: 28.33%; }
.col_1-4 { width: 20%; }

.clear_column { width: 100%; float: left; clear: both; margin: 0; padding: 0; }


/*-----------------------------------------------------------------------------------------------
   header
-----------------------------------------------------------------------------------------------*/

#header {
 	width: 100%;
	margin: 0;
	padding: 10px 0 0 0;
	float: left;
	font-size: 96%;

	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;

	color: #fff;
	}


#header .mobileNav { display: none; }
#header .icon-Patriarca-logo { font-size: 354%; }

#header .col_1-1.cnt { margin-bottom: 24px; }
#header .col_1-1.brd { height: 1px; border-bottom: 1px solid #ccc; }



/* navigator */

#header .navigator { font-size: 94%; width: calc(100% - 340px); margin: 0; padding: 0; float: right; text-align: right; }
#header .navigator ul { margin: 10px 0 0 0; padding: 0; width: 100%; }
#header .navigator ul li { 
	margin: 0 0 0 23px;
	padding: 0; 
    list-style-type: none;
    display: inline-block;
	}
#header .navigator ul li:first-child { margin-left: 0; }

#header a, #header a:visited, #header .mobileNav a { 
	color: #fff;
	text-transform: uppercase;
    text-decoration: none;
	margin: 0;
	padding: 0;
	display: inline-block;
	font-weight: 500;
	}
@media only screen and (max-width:1020px) { #header .navigator a { color: #272727; } }
#header a:hover, #header li.current-menu-item a, #header li.current-page-ancestor a, body.single-post #header li.menu-item-2121 a, body.archive #header li.menu-item-2121 a, #header .mobileNav a:hover, #header .mobileNav.bounce a { color: #4080bf; }
#header li.current-menu-item a, #header li.current-page-ancestor a, body.single-post #header li.menu-item-2121 a, body.archive #header li.menu-item-2121 a { font-weight: 700; }


/*-----------------------------------------------------------------------------------------------
   homepage
-----------------------------------------------------------------------------------------------*/

/* welcome intro */

#welcome h1, #welcome h2, #welcome a.btn, body.home #header a { text-shadow: 0 0 5px #000, 1px 1px 20px #000; }

#welcome.home {
	width: 100%;
	height: 100%;
  	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 50;

	color: #fff;
	background: url(images/home-bk.jpg) center bottom no-repeat transparent;
	background-size: cover;
	
	text-align: center;
	}

#welcome.page {
	height: 110px;
	padding-top: 130px;
	background: url(images/pages-bk.jpg) center bottom no-repeat transparent;
	background-size: cover;
	}

#welcome .container { width: 98%; max-width: 1200px; }
#welcome.home .container { padding-top: 85px; height: 100%; position: relative; }

#welcome.home .title-home { width: 100%; position: absolute; top: 50%; transform: translate(0, -50%); text-align: left; }

#welcome.home .col_1-2 { width: 540px; max-width: 95%; }

#welcome h1, #welcome h2 { font-size: 160%; line-height: 38px; margin-bottom: 34px; }
#welcome h1 strong { font-size: 155%; }
#welcome h2 { margin-top: 60px; }

#welcome.page .col_1-1 { text-align: center; }
#welcome.page .col_1-1 .contents { width: 900px; max-width: 100%; height: 110px; float: none; display: inline-block; position: relative; }
#welcome.page .col_1-1 a.btn { float: right; margin: 33px 0 0 0; }
#welcome.page .col_1-1 .img-bk { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 100%; max-width: 202px; }


/* contents */

#homepage {
 	width: 100%;
	float: left;
	margin: 0;
	padding: 0;
	z-index: 60;
	}

body.home #homepage, body.home #cta, body.home #footer { position: relative; top: 100%; left: 0; }

#homepage .values, #homepage .highlights, #homepage .lastest-news { width: 100%; float: left; clear: both; margin: 0; padding: 66px 0 80px 0; }


#homepage h3 { font-size: 220%; line-height: 48px; font-weight: 500; color: #404040; margin-bottom: 10px; }
#homepage h3 strong { font-size: 150%; font-weight: 700; }

#homepage .values .title { margin-bottom: 54px; }
#homepage .values .value { width: 100%; margin: 0; padding: 0; float: left; }

#homepage .values [class^="icon-"], #homepage .values [class*=" icon-"] { 
	width: 60px; 
	height: 60px; 
	float: left; 
	font-size: 210%; 
	color: #6699cc; 
	text-align: center;
	padding-top: 13px;
	border: 2px solid #373737; 
	border-radius: 50%; 
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box;
	}

#homepage .values .text { width: calc(100% - 60px); margin: 18px 0 0 0; padding: 0 0 0 30px; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#homepage .values .text p { margin-bottom: 13px; }
/*
#homepage h3, #homepage h4, #homepage h5, #homepage h6 { font-size: 110%; text-transform: uppercase; margin-bottom: 2px; }
*/
#homepage .title-bar { font-family: "Oswald"; font-size: 350%; text-transform: uppercase; letter-spacing: -0.02em; line-height: 65px; color: #505050; width: 100%; float: left; margin: 0; padding: 0; }

#homepage .news-list { width: 100%; float: left; clear: both; margin: 0; padding: 0; }
#homepage .lastest-news .news-list { margin-top: 50px; margin-bottom: 37px; }

#homepage .highlights .news-list { text-align: center; }
#homepage .highlights .news-list .col_1-3 { width: 33%; float: none; margin: 55px 0 0 0; padding: 0 25px; display: inline-block; text-align: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

#homepage .highlights h4, #homepage .lastest-news h5 { line-height: 22px; }
#homepage .highlights h4 { margin-top: 32px; margin-bottom: 15px; }
#homepage .lastest-news h5 { font-size: 100%; margin-bottom: 0; }

#homepage .highlights .icon-pin { font-size: 370%; color: #dadada; }

#homepage .lastest-news .date, #page.news-list .date, #page.single-post .title .date { font-size: 84%; color: #969696; text-transform: uppercase; }
#homepage .lastest-news p { margin-top: 17px; }



/*-----------------------------------------------------------------------------------------------
   page
-----------------------------------------------------------------------------------------------*/

#page, #comments {
 	width: 100%;
	margin: 0;
	padding: 20px 0 15px 0;
	float: left;
	}
body.comments-open #page { padding-bottom: 0; }

#page .col_1-1.title { margin-bottom: 17px; }
#page h1 { font-family: "Oswald"; font-size: 350%; line-height: 65px; letter-spacing: -0.02em; color: #505050; }

#page h2, #page h3 { font-size: 250%; margin-bottom: 50px; }
#page h3 { font-size: 200%; margin-top: 30px; }
#page h4, #page h5, #page h6  { font-size: 120%; margin-bottom: 25px; }
#page h1, #page h2, #page h3, #page h4, #page h5 { text-transform: uppercase; }

#page ul, #page ol { width: 100%; float: left; margin: 0 0 25px 0; line-height: 25px; padding: 0 0 0 20px; text-align: justify; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#page ul li, #page ol li { width: 100%; float: left; margin: 0; padding: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;  }

#page .tab { width: 100%; float: left; margin: 0 0 25px 0; padding: 24px 30px 0 30px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#page .tab.grey { background: #f0f0f0; }
#page .tab ul, #page .tab ol { padding-left: 0; list-style-type: none; }
#page .tab ul li, #page .tab ol li { margin-bottom: 4px; }

#page .contents { width: 100%; float: left; margin: 0; padding: 0; }


/* single posts */

#page.single-post .title .date { color: #747474; margin-top: 15px; }

#page.single-post { text-align: center; }
#page.single-post .contents { width: 100%; max-width: 870px; margin-left: auto; margin-right: auto; float: none; }
#page.single-post .contents { text-align: left; }






/* form */

#page .wpcf7, #page .wpcf7 form { width: 100%; margin: 0; padding: 0; float: left; }
#page .wpcf7 form input.wpcf7-text { max-width: 400px; margin-top: 5px; }


/* faq e risultati ricerca */

#page #faq-block { width: 95%; float: left; margin: 0 2.5%; padding: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

#page #faq-block .faq-list, #page #faq-block .single-faq, #page .search-results .search-result { width: 100%; float: left; margin: 0; padding: 0; }

#page #faq-block .single-faq, #page .search-results .search-result { 
	padding: 30px 35px 6px 35px; 
	margin-bottom: 35px;
	border: 1px solid #dfdfdf;
	border-radius: 4px; 
	background-color: #f8f8f8; 
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; 
	}

#page #faq-block h2, #page .search-results h2 { font-size: 150%; text-transform: none; color: #4080bf; margin-bottom: 25px; }
#page #faq-block h2:hover { color: #f4743b; cursor: pointer; }


/* archivio news e singoli post */

#page.news-list h2 { font-size: 110%; text-transform: uppercase; margin-bottom: 0; }

#page.news-list .col_1-3, #page.news-list .col_1-1 { margin-bottom: 35px; }

#page .pagination { padding: 50px 0 60px 0; }
#page.news-list .pagination { padding: 50px 0 60px 0; border-top: 1px solid #dfdfdf; }
#page .pagination ul { width: 100%; float: left; margin: 0; padding: 0; text-align: center; }
#page .pagination ul li { 
	margin: 0;
	padding: 0; 
    list-style-type: none;
    display: inline;
	float: none;
	}

#page .pagination ul li a, #page .pagination ul li a:hover, #page .pagination ul li.active a, #page .pagination ul li.disabled { padding: 6px 12px 7px 12px;}
#page .pagination ul li.active a { background-color: #dfdfdf;  border-radius: 17px; cursor: pointer; padding-left: 16px; padding-right: 16px;   }

#page.news-list .date a { color: #969696; font-weight: 400; }

#page.news-list p { margin-top: 5px; }


/* pagina libri + singoli libri */

#page .products-list, #page.libro .tabs { width: 100%; float: left; margin: 0; padding: 0; }
#page .products-list { text-align: center; }

#page .products-list .col_1-3 { width: 33%; float: none; margin: 0; padding: 0 20px; display: inline-block; vertical-align: top; }
#page .products-list .col_1-3 h2 { font-size: 190%; margin-top: 10px; margin-bottom: 5px; color: #505050; }
#page .products-list .col_1-3 .subtitle { color: #969696; font-weight: 400; font-size: 95%; }

#page.libro .col_1-1.title { margin-bottom: 62px; }
#page.libro .text { margin-top: 5px; }

#page.libro .thumb { text-align: center; }
#page.libro .thumb img { width: auto; max-width: 100%; float: none; display: inline-block; }

#page.libro .tabs .details { color: #3b3b3b; padding: 24px 30px 5px 30px; margin-top: 17px; }
body.page-id-2240 #page.libro .tabs .details, body.page-id-2242 #page.libro .tabs .details, body.page-id-2240 #page.libro .tabs .details h2, body.page-id-2242 #page.libro .tabs .details h2 { color: #fff; }
body.page-id-2211 #page.libro .tabs .details { background: #fcba42; } /* studio */
body.page-id-2240 #page.libro .tabs .details { background: #eb1e52; } /* simulazioni */
body.page-id-2242 #page.libro .tabs .details { background: #1e4292; } /* teoria */
body.page-id-2211 #page.libro .tabs .details.grey, body.page-id-2240 #page.libro .tabs .details.grey, body.page-id-2242 #page.libro .tabs .details.grey { background: #f0f0f0; }
#page.libro .tabs .details h2, #page.libro .tabs .details h3 { font-size: 120%; margin-bottom: 10px; margin-top: 0; }

#page.libro .tabs ul { width: 100%; float: left; margin: 0 0 25px 0; padding: 0; }
#page.libro .tabs ul li { margin: 0; list-style-type: none; }

#page.libro .tabs a.btn { margin-bottom: 25px; background: #484846; border: 1px solid #737370; }
#page.libro .tabs a.btn:hover { background: #030303; border: 1px solid #62625f; }


/* pagina acquista */

#page .shop_option { background: #f0f0f0; padding: 24px 30px 30px 30px; margin-bottom: 30px; text-align: center; }
#page .shop_option p { text-align: center; }
#page .shop_option h2 { font-size: 200%; margin-bottom: 30px; }


/* search form */

#page .searchform, #page .searchform form, #footer form { width: 100%; margin: 0; padding: 0; float: left; }
#footer form { margin-top: 8px; }

#footer form .textbox, #page .searchform form .textbox {
 	width: 100%;
	max-width: 343px;
	margin: 0;
	padding: 7px 12px 8px 12px;
	float: left;
	border: 1px solid #d2d2d2;
	border-radius: 8px;
	font-family: 'Montserrat', sans-serif;
	font-size: 100%;
	color: #151515;
   	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
	}
#footer form .textbox { background: #242424; }

#footer form .button, #page .searchform form .button { display: none; }



/*-----------------------------------------------------------------------------------------------
   tabelle e form
-----------------------------------------------------------------------------------------------*/

#page .contents table {
    width: 100%;
    margin: 5px 0 0 0;
    float: left;
    border-collapse: collapse;
	}
#page .contents table table { margin-top: 0; margin-bottom: 10px; }
#page .contents table table, #page .contents table table th, #page .contents table table td { border: 1px solid #ccc; }
#page .contents table.btns, #page .contents table.btns th, #page .contents table.btns td { border: none; }

#page .contents table th, #page .contents table td {
	padding: 0;
	text-align: center;
	vertical-align: top;
   	-moz-box-sizing: border-box;
   	-webkit-box-sizing: border-box;
   	box-sizing: border-box;
	}
#page .contents table table th, #page .contents table table td { padding: 15px 10px 15px 10px; }
#page .contents table th { font-weight: 700; color: #fff; background: #3c77b3; }
#page .contents table table td.qty { padding-top: 9px; padding-bottom: 0; }
#page .contents table.btns th, #page .contents table.btns td { padding: 0; }

#page .contents table .book { width: 70.2%; }
#page .contents table .price, #page .contents table .price1 { width: 17.5%; }
#page .contents table .qty { width: 12.3%; }
#page .contents table .book { width: 40%; }
#page .contents table .sale { width: 12.7%; }

#page .contents table.dati-cliente td { width: 50%; }

#page .contents table table tr:nth-child(even), #page .contents table table tr.grey { background-color: #f0f0f0; }

#page .contents table td.paypal { padding-top: 30px; padding-bottom: 30px; }


#page .contents form {
 	width: 100%;
	margin: 0 0 10px 0;
	padding: 0;
	float: left;
	}
#page .contents form#fatturazione { margin-top: 25px; }

#page form label { width: 100%; float: left; margin: 0 0 8px 0; padding: 0; }

#page .contents form input[type=text], #page .contents form.half input[type="password"], #page .contents form textarea {
	width: 100%;
	margin: 0;
	padding: 5px 8px 6px 8px;
	float: left;
	border: 1px solid #ccc;
	border-radius: 4px;
	font-family: 'Montserrat';
	color: #272727;
	font-size: 100%;
	background: #fff;

   	-moz-box-sizing: border-box;
   	-webkit-box-sizing: border-box;
   	box-sizing: border-box;
	}
#page .contents table td.qty input[type=text] { width: 50px; max-width: 100%; float: none; text-align: center; }
#page .contents form textarea { margin-bottom: 15px; }

#page .contents form input[type="radio"], #page .contents form input[type="checkbox"] { clear: both; display: inline-block; }
#page .contents form input[type="radio"] { margin: 0 10px 0 0; }
#page .contents form input[type="checkbox"] { margin: 10px 10px 15px 0; }


.styled-select {
   	width: 100%;
   	height: 31px;
	margin: 0;
	padding: 0;
	border: 1px solid #ccc;
	border-radius: 4px;
	float: left;
   	background: #FFF;
   	-moz-box-sizing: border-box;
   	-webkit-box-sizing: border-box;
   	box-sizing: border-box;
 	}

.styled-select select {
   	width: 100%;
	margin: 0;
	padding: 0 0 0 5px;
	height: 29px;
	float: left;
   	border: none;
	font-family: 'Montserrat';
	color: #272727;
	font-size: 100%;
   	
	-moz-box-sizing: border-box;
   	-webkit-box-sizing: border-box;
   	box-sizing: border-box;/*
 	-webkit-appearance:none;*/
	}

@media screen and (min--moz-device-pixel-ratio:0) {
	.styled-select { height: 32px; }
	.styled-select select { height: 30px; }
}

.styled-select select option { color: #626262; font-family: 'Montserrat'; font-size: 100%; }
.styled-select select option:disabled { color: #b7b7b7; }

#page form .col_1-1, #page form .col_1-2 { margin-bottom: 20px; }
#page form#tariffe .col_1-2.btns { margin-top: 20px; }

#page .contents form.half { width: 540px; max-width: 100%; float: none; display: inline-block; }
#page .contents form.half input[type="text"], #page .contents form.half input[type="password"] { margin-bottom: 20px; text-align: center; }
#page .contents form.half a.btn.blue, #page .contents form.half input.btn { margin-top: 20px; }
#page .contents form.half input.btn { float: none; display: inline-block; }
#page .contents form.half p { margin-top: 25px; margin-bottom: 0; }


#page .contents table.paymentpaypal th, #page .contents table.paymentpaypal td { width: 50%; }


/*-----------------------------------------------------------------------------------------------
   cta
-----------------------------------------------------------------------------------------------*/

#cta {
 	width: 100%;
	margin: 0;
	padding: 64px 0 0 0;
	float: left;
	clear: both;
	color: #fff;
	background: url(images/cta-bk.jpg) center bottom no-repeat #4080bf;
	background-size: cover;
	}

#cta h6 { font-size: 330%; line-height: 70px; font-weight: 800; margin-bottom: 24px; }
#cta p { font-size: 120%; line-height: 29px; font-weight: 500; text-align: left; margin-bottom: 45px; }
#cta .btn { margin-bottom: 50px; }

#cta .row { width: 100%; margin: 0; padding: 0; float: left; position: relative; }
#cta .col_1-2 { float: right; }

#cta .img { position: absolute; bottom: 0; left: 0; width: 50%; margin: 0; }

/*-----------------------------------------------------------------------------------------------
   footer
-----------------------------------------------------------------------------------------------*/


#footer {
	width: 100%;
  	margin: 0;
	padding: 15px 0 12px 0;
	float: left;
	color: #ddd;
	font-weight: 500;
	background: #242424;
	}

#footer .title { font-size: 110%; text-transform: uppercase; font-weight: 800; width: 100%; float: left; margin: 0 0 13px 0; padding: 0; }

#footer ul { width: 100%; float: left; margin: 0 0 25px 0; padding: 0; }
#footer ul li { margin: 0 0 13px 0; list-style-type: none; }

#footer .btn { margin-bottom: 30px; }

#footer input[placeholder], #footer [placeholder], #footer *[placeholder] { color: #9a9a9a; }
#footer ::-webkit-input-placeholder { /* WebKit browsers */ color: #9a9a9a; }
#footer :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #9a9a9a; opacity: 1; }
#footer ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #9a9a9a; opacity: 1; }
#footer :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #9a9a9a; }

#footer .col_1-1 { font-size: 75%; border-top: 1px solid #3f3f3f; color: #aeadad; margin-top: 10px; padding-top: 8px; }

#footer a { color: #ddd; text-decoration: none; font-weight: 800; }
#footer .col_1-1 a { font-weight: 500; }



/*
===========================================================================================
	media queries
===========================================================================================
*/

/* scrollup */
@media only screen and (max-width:1200px) {

	.scrollup { width: 50px; height: 50px; bottom: 30px; right: 30px; padding-top: 3px; }
	.scrollup span { font-size: 300%; }

	}

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

	.scrollup { width: 40px; height: 40px; bottom: 20px; right: 20px; }
	.scrollup span { font-size: 250%; }

	}


/* welcome pages */

@media only screen and (max-width:1020px) {
	
	#welcome.page { padding-top: 120px; }
	#welcome.page.acquista .col_1-1 .contents { height: 100px; }
	
	}
	
@media only screen and (max-width:850px) {
	
	#welcome.page { padding-top: 118px; }
	#welcome.page.acquista .col_1-1 .contents { height: 100px; }

	}

@media only screen and (max-width:600px) { #welcome.page { padding-top: 100px; } }
@media only screen and (max-width:568px) and (max-height:400px) {	
	#welcome.page .col_1-1 a.btn { margin-top: 0; }

	}
@media only screen and (max-width:320px) {	
	#welcome.page .col_1-1 a.btn { margin-top: 0; }
	#welcome.page, #welcome.page .col_1-1 .contents { height: 107px; }
	#welcome.page { padding-top: 90px; }
	
	#welcome.page .col_1-1 .img-bk { width: 170px; }

}


/* navigator */

@media only screen and (max-width:1100px) {
	#header .navigator ul li { margin-left: 12px; }
	}

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

	#header { padding-top: 27px; }
	#header .col_1-1.brd { margin-top: 10px; }
	
	#header .container { max-width: 100%; }
	#header .col_1-1.cnt { width: 100%; margin-left: 0; margin-right: 0; }
	#header .col_1-1.cnt .icon-Patriarca-logo { margin-left: 20px; }
	#header .col_1-1.cnt .mobileNav a { margin-right: 10px; }

	#header .mobileNav { position: relative; z-index: 200; }
	
	#header .mobileNav {
		width: 40%;
		display: block;
		float: right;
		margin: 0;
		padding: 0;
		}

	#header .mobileNav a { font-size: 200%; float: right; color: #fff; padding: 6px 10px 5px 20px; }
	#header .mobileNav a span { font-size: 100%; }

	#header .navigator {
		display: none;
		position: relative;
		top: 25px;
		border-top: none;
		background: rgba(255, 255, 255, 0.93);
		font-size: 110%;
		}

	#header .navigator { width: 100%; float: left; text-align: center; }
	#header .navigator ul { margin-top: 22px; margin-bottom: 18px; }
	#header .navigator ul li { width: 100%; clear: both; text-align: center; margin: 0 0 5px 0; }
	#header .navigator a { padding: 14px 0 13px 0; display: block; }

	#welcome.page .container { width: 100%; }
	
	}


/* ridimensionamento font & co. */
@media only screen and (max-width:800px) {

	.col_1-2, #homepage .highlights .news-list .col_1-3, #footer .col_1-3.last, .content-column.one_half { width: 95%; }
	.col_1-3, .col_1-4, #page form .col_1-2, .content-column.one_third { width: 45%; }
	#page .products-list .col_1-3 { width: 48%; margin-bottom: 40px; }
	
	#welcome .title-home { top: 114px; }

	#welcome h1, #welcome h2 { font-size: 150%; line-height: 30px; width: 100%; }
	
	#homepage .values, #homepage .highlights, #homepage .lastest-news, #page { padding: 40px 0 55px 0; }
	
	#homepage h3 { font-size: 150%; }
	#homepage h3 strong { font-size: 170%; }

	#homepage .values .title { margin-bottom: 35px; }

	#homepage .highlights .news-list .col_1-3 { float: left; margin-left: 2.5%; margin-right: 2.5%; padding: 0; }
	#homepage .highlights h4 { margin-top: 22px; }

	#homepage .lastest-news .news-list .col_1-4 { margin-bottom: 24px; }
	#homepage .lastest-news .news-list { margin-bottom: 27px; }	

	
	#page h2, #page h3 { font-size: 250%; margin-bottom: 40px; }
	#page h3 { font-size: 175%; }
	#page h4, #page h5, #page h6  { font-size: 115%; margin-bottom: 20px; }
	#page .products-list .col_1-3 h2 { font-size: 150%; }
	
	hr { margin-top: 40px; margin-bottom: 40px; }
	
	#cta h6 { font-size: 300%; line-height: 60px; }
	#cta .row { padding-bottom: 270px; }
	#cta .img { width: 75%; max-width: 500px; }
	
	#footer .col_1-3.last { margin-top: 10px; }
	#footer a.btn.blue { clear: none; margin-right: 40px; }
	#footer .col_1-1 { margin-top: 42px; }	
	
	}

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

	#header .icon-Patriarca-logo { font-size: 300%; }
	#welcome h1, #welcome h2 { font-size: 140%; }
	
	#homepage h3 { font-size: 160%; }
	
	#homepage .title-bar { font-size: 300%; line-height: 55px; }
	
	#page .shop_option h2 { font-size: 180%; margin-bottom: 20px; }
	
	#cta h6 { font-size: 260%; line-height: 50px; }
	#cta .row { padding-bottom: 200px; }

	}
	
@media only screen and (max-width:599px) {
	
	.col_1-3, .col_1-4, .content-column.one_third { width: 95%; }
	#page .products-list .col_1-3 { width: 100%; float: left; }

	#header .icon-Patriarca-logo { font-size: 210%; }
	#header { padding-top: 23px; }
	
	#header .col_1-1.cnt { margin-bottom: 14px; }
	#header .col_1-1.cnt .icon-Patriarca-logo { margin-left: 10px; }
	#header .col_1-1.cnt .mobileNav a { margin-right: 0; }
	
	#header .mobileNav a { padding-top: 0; }	
	
	#welcome .title-home { top: 92px; }
	#welcome h1, #welcome h2, #homepage h3 { font-size: 110%; line-height: 25px; }
	
	#homepage .values, #homepage .highlights, #homepage .lastest-news { padding: 35px 0 45px 0; }
	
	#homepage h3 strong { font-size: 170%; line-height: 50px; }

	#homepage .values [class^="icon-"], #homepage .values [class*=" icon-"] { width: 48px; height: 48px; font-size: 160%; padding-top: 13px; }

	#homepage .values .text { width: calc(100% - 50px); padding-left: 20px; }
	
	#homepage .title-bar, #page h1 { font-size: 250%; line-height: 45px; }	
	#homepage .highlights .icon-pin { font-size: 300%; }
	#homepage .highlights .news-list .col_1-3 { margin-top: 45px; }	
	
	#page h2, #page h3 { font-size: 200%; margin-bottom: 30px; }
	#page h3 { font-size: 150%; }
	#page h4, #page h5, #page h6  { font-size: 110%; margin-bottom: 15px; }
	#page .products-list .col_1-3 h2 { font-size: 120%; }
	
	hr { margin-top: 25px; margin-bottom: 25px; }
	
	#page .shop_option { margin-bottom: 20px; }
	#page .shop_option h2 { font-size: 160%; }
	
	#page .tab { padding: 12px 15px 0 15px; }

	#page form .col_1-2 { width: 95%; }
	#page form .col_1-2.btns { width: 45%; }
	
	/* tabelle */
		
		#page .contents table th, #page .contents table td { text-align: left; }
	
		/* Force table to not be like tables anymore */
		#page .contents table table, 
		#page .contents thead, 
		#page .contents tbody, 
		#page .contents table table th, 
		#page .contents table table td, 
		#page .contents table table tr { display: block; }

		/* Hide table headers (but not display: none;, for accessibility) */
		#page .contents table table thead tr { position: absolute; top: -9999px; left: -9999px; }
		#page .contents table table.thead-visible thead tr { position: relative; top: 0; left: 0; }
		#page .contents table table.thead-visible thead tr th { border: none; width: 100%; text-align: center; }

		#page .contents table table tr { border-top: 1px solid #ccc; }
		#page .contents table table tr:first-child { border-top: none; }
		#page .contents table table td:last-child { border-bottom: none; }

		#page .contents table table td { 
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #ccc; 
			position: relative;
			padding-left: 50%; 
			white-space: normal;
			text-align:left;
		}
		#page .contents table.dati-cliente td, #page .contents table table.thead-visible td { padding-left: 10px; width: 100%; }
		#page .contents table table.thead-visible td { text-align: center; }
	
		#page .contents table.paymentpaypal th, #page .contents table.paymentpaypal td { width: 100%; padding-left: 10px; }
		#page .contents table.paymentpaypal th, #page .contents table.paymentpaypal td.row1 { padding-top: 45px; padding-bottom: 45px; }

	
		#page .contents table table td:before { 
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 15px;
			left: 10px;
			width: 45%; 
			padding-right: 10px; 
			white-space: nowrap;
			text-align:left;
			font-family: 'Montserrat'; 
			font-weight: 700;
		}

		/* Label the data */
		#page .contents table table td:before { content: attr(data-title); }
	
		#page .contents table td.qty input[type=text] { max-width: 50px; margin-bottom: 9px; }
	
	
	#cta h6 { font-size: 220%; line-height: 40px; margin-bottom: 20px; }
	#cta .row { padding-bottom: 160px; }
	#cta .img { width: 90%; max-width: 300px; float: left; }
	#cta .btn { margin-bottom: 30px; }
	
	#footer { padding: 35px 0 42px 0; }

	}

@media only screen and (max-width:330px) { #cta a.btn span { margin-left: 1px; } }

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

	#page form#conferma table.btns td { width: 100%; float: left; text-align: center; }
	#page form#conferma table.btns a.btn, #page form#conferma table.btns input.btn.right { float: none; display: inline-block; }
	#page form#conferma table.btns a.btn { margin-bottom: 25px; }
	
	}


/* altezza minima welcome home */

@media only screen and (min-width:801px) and (max-height:650px) {
	
	#welcome.home { min-height: 800px; }
	body.home #homepage, body.home #cta, body.home #footer { top: 800px; }
	
	}
@media only screen and (max-width:800px) and (max-height:600px) {
	
	#welcome.home { min-height: 600px; }
	body.home #homepage, body.home #cta, body.home #footer { top: 600px; }
	
	}


@media only screen and (max-width:599px) and (max-height:320px) and (orientation: landscape) {
	
	#welcome.home { min-height: 500px; }
	body.home #homepage, body.home #cta, body.home #footer { top: 500px; }
	#welcome.home .container { padding-top: 105px; }
	#welcome h1, #welcome h2 { margin-bottom: 24px; }
	
	#cta .row { padding-bottom: 280px; }
	
	}


/* sfondo welcome */

@media only screen and (max-width:350px) and (max-height:599px) and (orientation: portrait) {
	#welcome.home { background: url(images/home-bkSV.jpg) center bottom no-repeat transparent; background-size: cover; }	
	}




/*-----------------------------------------------------------------------------------------------
   cookie banner
-----------------------------------------------------------------------------------------------*/

#cookie-notice { font-weight: 500; }
#cookie-notice .button.wp-default { font-family: 'Montserrat', sans-serif; border-radius: 17px; }