@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:ital,wght@0,100..900;1,100..900&display=swap');


body{ font-size:15px; font-family: 'Barlow', sans-serif !important; background:#000; color:#fff;}
::selection{ background:#e84e0f; color:#fff; -webkit-background-clip: unset; -webkit-text-fill-color:#fff;}
::-moz-selection{ background:#e84e0f; color:#fff; -webkit-background-clip: unset; -webkit-text-fill-color:#fff;}
h1, h2, h3, h4, h5, h6{ font-family: 'Barlow', sans-serif; font-weight:700;}
a{ color:#fff; font-weight:inherit; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
a:hover, a:focus{ color:#fff;}
p, li{ color:#fff; font-size:18px; line-height:1.5; font-weight:300;}
p{ margin-bottom:10px;}
p strong{ font-weight:500;}
strong{ font-weight:500;}
ul p{ line-height:26px;}
.container-fluid{ padding:0 60px;}
.container.container-max{ width:100%; max-width:1600px; padding:0 60px;}
.container-fluid.container0{ padding:0px;}
.row{ margin:0 -20px;}
.row [class*="col-"]{ padding:0 20px;}
.row.row0{ margin:0px;}
.row.row0 > [class*="col-"]{ padding:0;}
.row.row01{ margin-left:-1px; margin-right:-1px;}
.row.row01 > [class*="col-"]{ padding:0 1px;}
.row.row05{ margin-left:-5px; margin-right:-5px;}
.row.row05 > [class*="col-"]{ padding:0 5px;}
.row.row10{ margin-left:-10px; margin-right:-10px;}
.row.row10 > [class*="col-"]{ padding:0 10px;}
.row.row15{ margin-left:-15px; margin-right:-15px;}
.row.row15 > [class*="col-"]{ padding:0 15px;}
.row.row40{ margin-left:-40px; margin-right:-40px;}
.row.row40 > [class*="col-"]{ padding:0 40px;}
.row.row30{ margin-left:-30px; margin-right:-30px;}
.row.row30 > [class*="col-"]{ padding:0 30px;}
.row.row60{ margin-left:-60px; margin-right:-60px;}
.row.row60 > [class*="col-"]{ padding:0 60px;}
.row.flex{ display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap;}
.row.flex > [class*="col-"]{ display:-webkit-box; display:-ms-flexbox; display:flex; }
.row.flex:before, .row.flex:after{ content:none;}
.row.center{ align-items: center;}
.row.bottom{ align-items: end;}
.row.flex [class*="col-"].pull-right{ order:2;}
.mt0{ margin-top:0px !important;}
.countup{ display:inline; font-size:inherit; font-weight:inherit; margin:0px; white-space:normal; color:inherit;}
.countup > *{ float:left; font-size:inherit; font-weight:inherit;}
hr{ max-width:100%; margin:20px auto;}
hr.site{ width:100%; max-width:100%; height:1px; margin:0px; border:0px; background:#222;}
input[type=text], input[type=email], input[type=password], input[type=search], input[type=file], input[type=tel], textarea{ font-family: 'Barlow', sans-serif; height:50px; float:left; font-size:15px; font-weight:300; background:#111; color:#fff; padding:10px 20px; border-radius:0px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border:0px solid #e1e1e1; border-radius:0px;}
input[type=file]{ width:100%; height:auto; padding:12px 20px; font-size:14px;}
select{ width:100%; padding:10px; background:#fff; border:1px solid #e1e1e1; color:#000; -webkit-appearance:none;}
textarea{ height:100px; padding:20px; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.form-group > label{ font-size:16px; text-align:left; font-weight:400; color:#999;}
.form-group > label span{ color:#fff; font-size:14px; line-height:24px; margin-left:3px;}
.chosen-container{ border-radius:0px; font-size:15px; background:#fff;}
.chosen-container-single .chosen-single{ height:48px; line-height:48px; padding-left:20px;}
.chosen-container-single .chosen-single span{ font-size:15px; font-weight:400; margin-right:35px;}
.chosen-container .chosen-drop{ border-radius:0px;}
.chosen-container .chosen-results{ border-radius:0px; padding:10px;}
.chosen-container .chosen-results li{ font-size:15px; line-height:30px; border-radius:0px; color:#1a1a1a;}
.chosen-container .chosen-results li:hover{ background:#000000; color:#fff; border-radius:0px;}
.chosen-container-single .chosen-single div:after{ line-height:43px; font-size:20px;}
.widget .chosen-single{ font-weight:400; background:#f7f7f7;}
.widget .chosen-drop{ background:#f7f7f7;}
input[type="submit"].btn{ height:50px;}
.form-group{ margin-bottom:25px;}
.preloader{ position: fixed; left: 0; top: 0; opacity: 1; z-index: 99999; width: 100%; height: 100%; background-image:url(../images/loading.gif); background-position:center center; background-size:200px 200px; z-index:99999999;}

.btn{ font-family: 'Barlow', sans-serif; font-size:17px; height:auto; padding:15px 25px; line-height:20px; font-weight:400; text-transform:uppercase; vertical-align:top; border-radius:0px; border:0px;}
.btn.btn-small{ font-size:15px; line-height:20px; padding:5px 15px;}
.btn.btn-input{ height:50px;}
.btn.btn-default{ background:#222; color:#fff;}
.btn.btn-default:hover, .btn.btn-default:focus{ background:#111; border-color:#111; color:#fff;}
.btn.btn-primary{ background:#222; color:#fff;}
.btn.btn-primary:hover, .btn.btn-primary:focus{ background:#333333; border-color:#333333;}

a.readmore{ font-family: 'Barlow', sans-serif; display:inline-block; font-size:18px; line-height:1.4; position:relative; font-weight:300; color:#fff; text-transform:uppercase;}
a.readmore:before{ content:""; width:0px; height:1px; position:absolute; right:0px; bottom:-3px; background:#fff; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}
a.readmore:hover:before{ width:100%;}


.content .form .row{ margin:0 -10px;}
.content .form .row + .row{ margin-top:0px;}
.content .form .row [class*="col-"]{ padding:0 10px;}
.check{ width:100%; float:left;}
.check input[type=checkbox] {display: none;}
.check label{float:left; width:100%; position:relative; font-weight:400; color:#5c5c5c; vertical-align:top;}
.check label:before{ width:24px; height:24px; left:0px; background:#111; border:0px; content:""; position:absolute; margin-right:10px; cursor:pointer; border-radius:0px;}
.check input[type=checkbox]:checked + label:before { font-family:FontAwesome; content:"\f00c"; text-align: center; line-height:24px; font-size:10px; color:#fff;}
.check label span{ display:inline-block; padding-left:34px; font-size:14px; text-align:left; color:#999; line-height:24px; float:left;}
.check label span a{ color:#999; text-decoration:underline;}
.check + .check{ margin-top:5px;}

.navbar-toggle{ width:50px; height:50px; background:none; line-height:50px; position:absolute; right:30px; top:30px; background-color:#333333; border-radius:50%;}
.navbar-toggle i{ text-indent:-9999px; overflow:hidden; width:32px; height:32px; background-image:url(../images/icon-toggle.png); background-size:20px 20px; background-position:center center; background-repeat:no-repeat;}
.navbar-toggle span{ font-size:20px; line-height:50px; color:#fff;}
.navbar-toggle:hover{ background:#222222;}
.navbar-toggle:hover i{ color:#fff;}
.check + input[type="submit"]{ margin-top:20px;}
.row.row-eq-height{display:flex}

ul.pagination{text-align:center;}
ul.pagination li{ margin:0 5px; }
ul.pagination li a{ width:40px; height:40px; font-size:20px; line-height:40px; color:#fff; border:0px; border-radius:0px; font-weight:400; background:none;}
ul.pagination li a:hover, ul.pagination li a:focus{ background:#e84e0f; color:#fff;}
ul.pagination li.active a, ul.pagination li.active a:hover,  ul.pagination li.active a:focus{ background:#e84e0f; color:#fff;}
ul.pagination li a.prev{ width:40px; height:40px; border-radius:0px; background:none; background-image:url(../images/icon-prev.png); background-size:24px auto; background-position:center center; background-repeat:no-repeat; border-radius:0px;}
ul.pagination li a.prev:hover{ background-color:#e84e0f;}
ul.pagination li.disabled a.prev:hover{ background-color:#000;}
ul.pagination li.disabled a.next:hover{ background-color:#000;}
ul.pagination li a.next{ width:40px; height:40px; border-radius:0px; background:none; background-image:url(../images/icon-next.png); background-size:24px auto; background-position:center center; background-repeat:no-repeat; border-radius:0px;}
ul.pagination li a.next:hover{ background-color:#e84e0f;}

/* header */

.header{ width:100% !important; float:left; font-family: 'Barlow', sans-serif; position:absolute; background:none; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; border-bottom:1px solid rgba(255,255,255,0.1);}
.header a.navbar-brand{ float:left; font-size:0px; line-height:120px; padding:0;}
.header a.navbar-brand img{ max-height:45px; margin:0px;}
.header .navbar-collapse{ margin-top:35px; float:right; margin-right:0px !important;}
.header .navbar-nav > li{ position:relative;}
.header .navbar-nav > li > a{ font-family: 'Barlow', sans-serif; font-size:18px; color:#fff; font-weight:200; padding:15px 0px; margin:0 10px; border:0px; line-height:20px; text-transform:uppercase;}
.header .navbar-nav > li:first-child > a{ margin-left:0px;}
.header .navbar-nav > li:first-child  .dropdown-menu{ left:0px;}
.header .navbar-nav > li:last-child > a{ margin-right:0px;}
.header .navbar-nav > li > a:hover{ color:#fff;}
.header .navbar-nav > li.active > a{ font-weight:500; border:0px; color:#fff;}
.header .navbar-nav > li > a span { padding:0px;}
.header .navbar-nav > li > a span:before, .header .navbar-nav > li.active > a span:before { content: ""; width:0px; height:1px; position:absolute; right:0px; bottom:10px; background:#fff; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.header .navbar-nav > li > a:hover span:before, .header .sfHover > a:hover span:before, .header .sfHover a.sf-with-ul span:before, .header .navbar-nav > li.active > a span:before { width:100%; }

.header .dropdown-menu { min-width:200px; background:#000000; border-radius:0px; padding:20px; left:-10px; }
.header .dropdown-menu:before{ display:none; content: ""; border-style: solid; border-width: 0 7.5px 7px 7.5px; border-color: transparent transparent #000000 transparent; position: absolute; left: 10px; top: -7px; }
.header .sfHover .dropdown-toggle { color:#000000 !important; }
.header .navbar-nav > li.dropdown.dropdown-static{ position:relative;}
.header .navbar-nav > li > a:after { display: none; }
.header .dropdown-menu > li { font-family: 'Barlow', sans-serif; padding:5px 0px; border-bottom:1px solid rgba(256,256,256,0.2); }
.header .dropdown-menu li:focus > a, .header .dropdown-menu li:hover > a { background: none; }
.header .dropdown-menu > li:first-child { padding-top: 0px; }
.header .dropdown-menu > li:last-child { padding-bottom: 0px; border: 0px; }
.header .dropdown-menu > li > a { font-size:15px; color:#fff; line-height:1.4; padding-left:0px; text-transform:uppercase; padding-right:0px; border-radius:0px; font-weight:200; }
.header .dropdown-menu > li:last-child > a { border: 0px; }
.header .dropdown-menu > li > a:hover, .header .dropdown-menu > li > a:focus { background:none; color:#e1e1e1; }
.header .navbar-nav > li > span.aprisottomenu{ display:none; width:22px; height:22px; float:right; position:absolute; right:0px; top:7px; cursor:pointer; text-align:center; vertical-align:middle;}
.header .navbar-nav > li > span.aprisottomenu:before{ content:"\f107"; font-family:FontAwesome; width:inherit; height:inherit; font-size:22px; line-height:19px; position:absolute; left:0px; top:0px; color:#333; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.header .navbar-nav > li > span.aprisottomenu.aperto:before{ transform: rotate(180deg); color:#000000; margin-top:-3px;}

.wrapper{ overflow:unset;}
.content{ overflow:hidden; background:none;}
.content .row + .row{ margin-top:80px;}
.content [class*=container] + [class*=container]{ margin-top:80px;}

/* visual home page */

.visual{ position:relative; overflow:hidden; background-size:cover;}
.visual:before{ content:""; width:100%; height:200px; position:absolute; left:0px; top:0px; background: rgb(0,0,0); background: linear-gradient(180deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%); z-index:20; opacity:1;}
.visual:after{ content:""; width:100%; height:200px; position:absolute; left:0px; bottom:0px; background: rgb(0,0,0); background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); z-index:10; opacity:1;}
.visual .background-video{ position:absolute; min-width:100%; min-height:100%; width:auto; height:auto; z-index:0; overflow:hidden; opacity:1;}
.visual .background-video:before{ content:""; width:75%; height:100%; position:absolute; left:0px; top:0px; z-index:2;}
.visual .background-video video{ width:100vw; height:100vh; object-fit:cover; position:absolute; left:0px; top:0px;}
.visual-image{ width:60%; height:100%; position:absolute; right:-40px; top:0px; padding:140px 0 60px 0;}
.visual-image video{ height:100%; float:right;}
.visual-image img{ display:none;}
.visual-content{ width:100%; height:100vh; min-height:600px; display:flex; flex-wrap:nowrap; align-items:center; justify-content:center; position:relative; z-index:10;}
.visual-content:before{ content:""; width:100%; height:100%; position:absolute; left:0px; top:0px; background:rgba(0,0,0,0.35); z-index:10;}
.visual-content .inner{ width:100%; position:relative; z-index:20; padding-top:100px;}
.visual-content .container-fluid{ width:100%;}
.visual-content .box{ width:100%; max-width:1200px; margin:0 auto; text-align:center;}
.visual-content .box h1{ color:#fff; font-size:75px; line-height:1; font-weight:100; letter-spacing:5px; position:relative; text-transform:uppercase; z-index:2; margin-bottom:20px;}
.visual-content .box h2{ font-size:30px; line-height:1.5; color:#fff; font-weight:300; position:relative; z-index:2; margin-bottom:40px;}
.visual-content .box h3{ font-size:24px; line-height:1; text-transform:uppercase; letter-spacing:5px; margin-bottom:20px; font-weight:300; color:#999;}
.visual-content .box h3 strong{ color:#fff;}
.visual-content .box .actions{ display:flex; align-items:center; justify-content:center; margin:0px; padding:0px;}
.visual-content .box .actions li{ margin-right:30px;}
.visual-content .box .actions li:last-child{ margin-right:0px;}
.visual-background{ width:100%; height:100%; position:absolute; left:0px; top:0px; z-index:5;}
.visual-background .image{ width:100%; height:100vh; background-size:cover; background-position:center center;}
.visual .down{ width:40px; height:40px; position:absolute; z-index:2; left:50%; margin-left:-20px; bottom:40px; background-color:none; z-index:20;}
.visual .down:before{ content:""; width:100%; height:100%; position:absolute; left:0px; top:0px; background-image:url(../images/icon-down.png); background-size:60px auto; background-repeat:no-repeat; background-position:center center;}
.visual .down:hover{}

/* titolo pagina */

.title{ padding:200px 0 100px 0; position:relative; text-align:center; overflow:hidden; background-image:url(../images/title.jpg); background-repeat:no-repeat; background-position:center center; background-size:cover; overflow:hidden;}
.title:before{ content:""; width:100%; height:100%; position:absolute; left:0px; top:0px; background: rgb(0,0,0); background: linear-gradient(180deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%); z-index:20; opacity:1;}
.title:after{ content:""; width:100%; height:100%; position:absolute; left:0px; bottom:0px; background: rgb(0,0,0); background: linear-gradient(0deg, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 100%); z-index:10; opacity:1;}
.title .text{ text-align:center; position:relative; z-index:50;}
.title .text h1, .title .text h2{ font-size:70px; line-height:70px; color:#fff; margin:0px; font-weight:100; text-transform:uppercase;}
.title .breadcrumb{ width:100%; float:left; min-height:18px; position:relative; text-align:left; z-index:50; text-transform:none; margin-top:10px;}
.title .breadcrumb .box{ width:100%; display:flex; flex-wrap:nowrap; justify-content:center;}
.title .breadcrumb ul{ float:left; margin:0px; padding:0px;}
.title .breadcrumb li{ width:auto; float:left; display:inline-block; position:relative; font-size:14px; line-height:18px; padding:0px;}
.title .breadcrumb a{ color:#fff; float:left; position:relative; font-weight:300; text-transform:uppercase;}
.title .breadcrumb li:after{ content:"|"; color:#fff; margin:0 10px; display:inline-block; vertical-align:top;}
.title .breadcrumb li:last-child:after{ display:none;}

/* blocchi generale */

.block{ padding:100px 0;}
.block.gray{ background:#111;}
.block.pt0{ padding-top:0px !important;}
.block.pb0{ padding-bottom:0px;}
.block h1, .block h2{ font-size:55px; line-height:1.1; color:#fff; text-transform:uppercase; margin-bottom:0px; font-weight:100;}
.block h1:last-child, .block h2:last-child{ margin-bottom:0px;}
.block h3{ font-size:24px; line-height:1.5; color:#fff; margin-bottom:15px; text-transform:none; font-weight:200;}
.block h3.section{ font-size:20px; line-height:1; text-transform:uppercase; letter-spacing:5px; margin-bottom:60px; font-weight:300; color:#999;}
.block h3:last-child{ margin-bottom:0px;}
.block ul{ margin:0px; padding:0px; margin-bottom:20px;}
.block ul:last-child{ margin-bottom:0px;}
.block li{ position:relative; margin-bottom:0px; padding-left:20px;}
.block li:last-child{ margin-bottom:0px;}
.block li:before{ content:"\f105";  font-family:FontAwesome; position:absolute; left:0px; top:5px; font-size:10px; color:#fff;}
.block h3 + a.readmore{ margin-top:30px;}

.block.presentation h2{ margin-bottom:10px;}
.block.presentation h2:last-child{ margin-bottom:0px;}
.block.presentation h3{ margin-bottom:0px;}
.block.presentation h2 + h3{ margin-top:15px;}
.block.presentation h2 + p{ margin-top:20px;}
.block.presentation h3 + p{ margin-top:10px;}
.block.presentation h3 + ul{ margin-top:15px;}
.block.presentation h3 + .btn{ margin-top:30px;}
.block.presentation h3 + h2{ margin-top:30px;}
.block.presentation p{ }
.block.presentation p + h2{ margin-top:20px;}
.block.presentation p + h3{ margin-top:20px;}
.block.presentation p + .readmore{ margin-top:10px;}
.block.presentation p + .btn{ margin-top:20px;}

.block.presentation .top-title{ text-align:center;}
.block.presentation .top-title h2{ font-size:75px; letter-spacing:5px; line-height:1; margin:0px; color:#fff; font-weight:100; text-transform:uppercase;}
.block.presentation .top-title h2 strong{ color:#fff;}
.block.presentation .top-title h2 + .readmore{ margin-top:5px;}
.block.presentation .top-title h2 + h3{ margin-top:20px;}
.block.presentation .top-title h3{ padding:0 10%;}

/* stili articoli */

.block.presentation .item-article{ width:100%;}
.block.presentation .item-article .data{ color:#999; font-weight:400; font-size:18px; line-height:1; margin-bottom:10px;}
.block.presentation .item-article .image a{ width:100%; position:relative;}
.block.presentation .item-article .image a:before{ content:""; width:100%; height:100%; position:absolute; left:0px; top:0px; background:rgba(0,0,0,0.3); z-index:1; transition: all .3s ease-in-out;}
.block.presentation .item-article .image a:hover:before{ background:rgba(0,0,0,0);}
.block.presentation .item-article .text h2{ text-transform:none; font-weight:300;}
.block.presentation .item-article .text h2 a{ color:#fff; font-weight:inherit;}
.block.presentation .item-article .text h2 a:hover{ color:#fff; font-weight:inherit;}
.block.presentation .item-article .text p + .readmore{ margin-top:20px;}

.block.presentation .item-article.item-big-vertical .image{ margin-bottom:20px;}
.block.presentation .item-article.item-big-vertical .image img{ overflow:hidden;}
.block.presentation .item-article.item-big-vertical .text h2{ max-width:100%; font-size:40px; line-height:1.1; margin-bottom:10px; }
.block.presentation .item-article.item-big-vertical .text h2 a{ font-weight:inherit;}
.block.presentation .item-article.item-big-vertical .text p{ margin:0px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }

.block.presentation .item-article.item-small-vertical .image{ margin-bottom:20px;}
.block.presentation .item-article.item-small-vertical .image img{ overflow:hidden;}
.block.presentation .item-article.item-small-vertical .text h2{ max-width:100%; font-size:28px; line-height:1.1; margin-bottom:10px; }
.block.presentation .item-article.item-small-vertical .text h2 a{ font-weight:inherit;}
.block.presentation .item-article.item-small-vertical .text p{ margin:0px; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }

.block.presentation .item-article.item-big-horizontal{ width:100%; float:left; display:flex; flex-wrap:nowrap; align-items:center;}
.block.presentation .item-article.item-big-horizontal .image{ width:50%; float:left;}
.block.presentation .item-article.item-big-horizontal .image img{ overflow:hidden;}
.block.presentation .item-article.item-big-horizontal .text{ width:50%; float:left; padding:0px; padding-left:40px;}
.block.presentation .item-article.item-big-horizontal .text h2{ font-size:28px; line-height:1.1; margin-bottom:10px; }
.block.presentation .item-article.item-big-horizontal .text h2 a{ font-weight:inherit; color:#238d8c;}
.block.presentation .item-article.item-big-horizontal .text p{ margin:0px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }

.block.presentation .item-article.item-small-horizontal{ width:100%; float:left; display:flex; flex-wrap:nowrap; align-items:center; margin-bottom:40px;}
.block.presentation .item-article.item-small-horizontal .image{ width:45%; float:left;}
.block.presentation .item-article.item-small-horizontal .image img{ overflow:hidden;}
.block.presentation .item-article.item-small-horizontal .text{ width:55%; float:left; padding:0px; padding-left:40px;}
.block.presentation .item-article.item-small-horizontal .text h2{ font-size:28px; line-height:1.1; margin-bottom:0px; }
.block.presentation .item-article.item-small-horizontal .text p{ margin:0px; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; display:none; }

/* intro */

.block.intro{ border-bottom:1px solid #333;}
.block.intro .text{ text-align:center;}

/* fullwidth */

.block.fullwidth{ position:relative; padding:140px 0; border-bottom:1px solid #333;}
.block.fullwidth .slideshow .swiper-container{ width:100%; height:100%;}
.block.fullwidth .slideshow .item{ width:100%; height:100%; position:absolute; left:0px; top:0px; background-size:cover; background-position:center center;}
.block.fullwidth .image{ width:50%; height:100%; position:absolute; top:0px; background-size:cover; background-position:center center; background-repeat:no-repeat;}
.block.fullwidth .image img{ display:none;}
.block.fullwidth.left .image{ top:0px; left:0px;}
.block.fullwidth.right .image{ top:0px; right:0px;}
.block.fullwidth.gradient .image:before{ content:""; width:75%; height:100%; position:absolute;}
.block.fullwidth.gradient.right .image:before{ left:0px; top:0px; background: rgb(255,255,255); background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);}
.block.fullwidth.gradient.left .image:before{ right:0px; top:0px;  background: rgb(255,255,255); background: linear-gradient(-90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);}
.block.fullwidth.gradient.right.gray .image:before{ background: rgb(0,0,0); background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);}
.block.fullwidth.gradient.left.gray .image:before{ background: rgb(0,0,0); background: linear-gradient(-90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);}
.block.fullwidth.homepage01 .image{ width:100%;}
.block.fullwidth.homepage02 .image{ width:60%;}


/* valori */

.block.values{ padding:0; border-bottom:1px solid #333; border-top:1px solid #333;}
.block.values .item{ text-align:center; padding:80px 20px; margin-bottom:0px; border-right:1px solid #333;}
.block.values .row [class*="col-"]:last-child .item{ border:0px;}
.block.values .item h3{ margin:0px; color:#999;}
.block.values .item h2{ font-size:36px;}
.block.values .item h3 + h2{ margin-top:10px;}

/* categorie */

.block.categories{}
.block.categories.homepage{ padding:0px 20px;}
.block.categories.homepage .row.box [class*="col-"]{ padding-top:20px; padding-bottom:20px; border-bottom:1px solid #333; border-right:1px solid #333;}
.block.categories .link a{ width:100%; height:100%; position:absolute; left:0px; top:0px; z-index:3;}
.block.categories .item{ width:100%; height:0px; padding-bottom:100%; position:relative; background:#000; margin-bottom:0px; background-size:cover; background-position:center center;}
.block.categories .item:before{ content:""; width:100%; height:100%; position:absolute; left:0px; top:0px; background:rgba(0,0,0,0.3); z-index:1;}
.block.categories .item:after{ content:""; width:100%; height:100%; position:absolute; left:0px; top:0px; background: rgb(0,0,0); background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); z-index:1; opacity:0.75; transition: all .5s linear;}
.block.categories .item .text{ width:100%; z-index:2; text-align:center;}
.block.categories .item .text h2{ font-size:36px; line-height:1; margin:0px; margin-bottom:0px;}
.block.categories .item .text p{ margin:0px; margin-bottom:10px;}
.block.categories .item .text a.readmore{ margin-top:0px;}
.block.categories .item .normal{  width:100%; padding:30px; text-align:center; position:absolute; z-index:2; left:0px; bottom:0px; opacity:1; visibility:visible; transition: all .3s ease-in-out;}
.block.categories .item .hover{ width:100%; padding:30px; position:absolute; z-index:2; left:0px; top:50%; transform:translateY(-50%); opacity:0; visibility:hidden; transition: all .3s ease-in-out;}

.block.categories .item:hover:after{ opacity:1;}
.block.categories .item:hover .normal{ opacity:0; visibility:hidden;}
.block.categories .item:hover .hover{ opacity:1; visibility:visible;}

.block.categories.page{ padding-bottom:60px;}
.block.categories.page .item{ margin-bottom:40px;}

/* metodo */

.block.subpages-list{ position:relative;}
.block.subpages-list .item-wrap{ margin-top:60px;}
.block.subpages-list .item{ border-bottom:1px solid #333; padding-bottom:60px; margin-bottom:60px;}
.block.subpages-list .item:last-child{ /* border-bottom-width:0px; padding-bottom:0px; */ margin-bottom:0px;}
.block.subpages-list .item .container{ display:flex; flex-wrap:wrap;}
.block.subpages-list .item .image{ width:55%; display: flex; align-items:start;  justify-content: center;}
.block.subpages-list .item .text{ width:45%; display: flex; flex-direction: column; justify-content: center; text-align:left; padding-left:60px; }
.block.subpages-list .item .text h3{ font-size:30px; line-height:1; font-weight:300; color:#999; text-transform:uppercase; margin:0px; margin-bottom:30px;}
.block.subpages-list .item .text h2{ font-size:55px; line-height:1;margin:0px;}
.block.subpages-list .item .text p{ font-size:24px;}
.block.subpages-list .item .text .readmore{ margin:0px; margin-top:10px;}

.block.subpages-list.page{ padding-bottom:0px;}

.block.subpages-list .item:nth-child(even) .image{ order:2;}
.block.subpages-list .item:nth-child(even) .text{ padding:0px; text-align:right; padding-right:60px;}

/* news home page*/

.block.four-news{ border-bottom:1px solid #333;}
.block.four-news .main-item-wrap{ display:flex; flex-wrap:nowrap;}
.block.four-news .main-item-wrap .main-item{ width:50%; float:left; padding-right:40px;}
.block.four-news .main-item-wrap .side-item{ width:50%; float:left; padding-left:40px;}
.block.four-news .main-item-wrap .side-item .item-wrap .item-article{ display:flex; flex-wrap:nowrap; margin-bottom:40px;}
.block.four-news .main-item-wrap .side-item .item-wrap .item-article:last-child{ margin-bottom:0px;}

/* dicono di noi */

.block.testimonials{ position:relative; border-bottom:1px solid #333;}
.block.testimonials .swiper-container{ z-index:9999;}
.block.testimonials .swiper-wrapper{ align-items:center;}
.block.testimonials .item{ text-align:center;}
.block.testimonials .item .text{ max-width:900px; display:inline-block; margin-bottom:40px; position:relative;}
.block.testimonials .item .text p{ font-size:22px; line-height:1.5; font-weight:300;}
.block.testimonials .item .text p + h2{ margin-top:20px;}
.block.testimonials .item .bottom{ text-align:center;}
.block.testimonials .item .bottom h2{ font-size:30px; line-height:1; font-weight:600; text-transform:uppercase; margin:0px;}
.block.testimonials .item .bottom p{ font-size:18px; line-height:1; font-weight:300; text-transform:uppercase; margin:0px; margin-top:5px;}
.block.testimonials .item .bottom p + .gallery{ margin-top:20px;}

.block.testimonials #swiper-button-next-testimonials, .block.testimonials #swiper-button-prev-testimonials{ width:60px; height:60px; position:absolute; top:50%; margin-top:-30px; background-size:100% auto; z-index:10; cursor:pointer; opacity:0.5;}
.block.testimonials #swiper-button-prev-testimonials{ background-image:url(../images/icon-prev.png); left:30px;}
.block.testimonials #swiper-button-next-testimonials{ background-image:url(../images/icon-next.png); right:30px;}
.block.testimonials #swiper-button-next-testimonials:hover, .block.testimonials #swiper-button-prev-testimonials:hover{ opacity:1;}

.block.testimonials.page .item-wrap .item{ padding:40px 0; margin-bottom:40px;}
.block.testimonials.page .item-wrap .item:last-child{ margin-bottom:0px;}
.block.testimonials.page .item-wrap .item:nth-child(odd){ padding:0px;}
.block.testimonials.page .item-wrap .item:nth-child(even){ background:#151515;}
.block.testimonials.page .item-wrap .item:last-child{ margin-bottom:0px;}

/* clieti */

.block.brands{ padding-bottom:60px;}
.block.brands .item{ margin-bottom:40px;}

/* news */

.block.archive .item-article{ margin-bottom:40px;}

/* post */

.block.post .block-title .info-post{ margin-bottom:10px;}
.block.post .block-title .info-post .info.date{ color:#999; font-weight:400; font-size:18px; line-height:1; margin-bottom:10px;}
.block.post .block-title{ width:100%; min-height:80px; float:left; text-align:left; position:relative; margin-bottom:40px;}
.block.post .block-title h1{ font-size:55px; line-height:1.1; padding-right:10%; margin-bottom:0px;}
.block.post .block-image{ margin-bottom:40px;}
.block.post .block-image img{ width:100%; height:auto;}
.block.post .block-text h2{ font-size:36px;}
.block.post .block-text h3{ font-size:32px;}
.block.post .block-text h4{ font-size:28px;}

/* architetti */

.block.architect-page{ border-bottom:1px solid #333;}

/* servizio */

.block.service-page{ border-bottom:1px solid #333;}
.block.service-page .row + .row{ margin-top:40px;}
.block.service-page .gallery{ display:flex; flex-wrap:wrap; margin:0 -20px; margin-top:0px;}
.block.service-page .gallery .image{ width:25%; padding:0 20px; margin-top:40px;}

/* sub servizio */

.block.subservice-page{ border-bottom:1px solid #333;}
.block.subservice-page .text h2{ font-size:36px;}
.block.subservice-page .row + .row{ margin-top:40px;}

/* contatti */

.block.contacts{ padding:0px;}
.block.contacts .pull-right{ border-left:1px solid rgba(255,255,255,0.25);}
.block.contacts .box{ width:100%; padding:100px 0; text-align:center; position:relative;}
.block.contacts .box .logo{ margin-bottom:40px; position:relative; z-index:2;}
.block.contacts .box .logo img{ height:200px; display:inline-block;}
.block.contacts .box .description{ position:relative; z-index:2;}
.block.contacts .box .social{ clear:both; width:100%; float:left; margin-top:40px;}
.block.contacts .box .social ul{ margin:0;width:auto; display:flex; flex-wrap:nowrap; justify-content:center; margin:0 -5px;}
.block.contacts .box .social li{ width:auto;float:left; padding:0 5px;}
.block.contacts .box .social li:last-child{ margin:0px;}
.block.contacts .box .social li:before{ display:none;}
.block.contacts .box .social li a{float:left;position:relative;border-radius:50%; background:#151515;}
.block.contacts .box .social li a span.circle{width:48px;height:48px;float:left;color:#fff;text-align:center;}
.block.contacts .box .social li a span.circle i{font-size:18px;line-height:48px;vertical-align:top;}
.block.contacts .box .social li.facebook a:hover{background:#3b5999}
.block.contacts .box .social li.instagram a:hover{background:#E4405F}
.block.contacts .box .social li.linkedin a:hover{background:#0A66C2}
.block.contacts .item{ width:100%; padding:100px 0;}
.block.contacts .item .form{ margin-top:40px;}

.block.contacts.onlyform .item{ text-align:center;}
.block.contacts.onlyform .item .check{ text-align:center;}
.block.contacts.onlyform .item .check > span{ display:inline-block;}

/* mappa */

.block.map{ padding:0px;}
.block.map .iframe-wrap{}
.block.map .iframe{ width:100%; height:500px;}
.block.map .iframe .map-content{ padding:15px;}
.block.map .iframe .map-content h2{ font-family: 'Barlow', sans-serif; max-width:300px; font-size:20px; line-height:26px; color:#fff; font-weight:200; text-transform:none; white-space:normal; margin-bottom:10px;}
.block.map .iframe .map-content p{ font-family: 'Barlow', sans-serif; font-size:16px; line-height:24px; font-weight:300; color:#fff; margin-bottom:0px;}
.block.map .iframe .gm-style .gm-style-iw-c{ background:#000;}
.block.map .iframe .gm-ui-hover-effect>span{ background:#fff;}
.block.map .iframe .gm-style .gm-style-iw-tc{ filter:none;}
.block.map .iframe .gm-style .gm-style-iw-tc:after{ background:#000;}
.block.map .iframe .gm-style .gm-style-iw-d::-webkit-scrollbar-track, .gm-style .gm-style-iw-d::-webkit-scrollbar-track-piece{ background:none;}


/* footer */

.footer{ width:100%; position:relative; display:inline-block; font-family: 'Barlow', sans-serif; width:100%; float:left; overflow:hidden; background:#000; border-top:1px solid #333;}
.footer .footer-row{ text-align:center; position:relative; z-index:20; padding:0px; overflow:hidden;}
.footer .footer-row .row{ display:flex; flex-wrap:nowrap; justify-content:center;}
.footer .footer-row .row .colfooter{ width:33.33%; padding:80px 40px; border-right:1px solid #333;}
.footer .footer-row .row .colfooter:last-child{ border:0px;}
.footer .footer-row .row.rowfooter01{ }
.footer .footer-row .widget{ width:100%; min-width:100px; float:left; text-align:center; text-align:center; padding:0px; margin-bottom:0px;}
.footer .footer-row .widget h4{ font-size:22px; line-height:1.2; color:#fff; font-weight:300; text-transform:uppercase; margin-bottom:10px;}
.footer .footer-row .widget h4 strong{ color:#fff;}
.footer .footer-row .widget p + h4{ margin-top:20px;}
.footer .footer-row .widget p, .footer .footer-row .widget li{ font-weight:300; font-size:18px; line-height:1.4; margin-bottom:10px; color:#fff;}
.footer .footer-row .widget p:last-child{ margin-bottom:0px;}
.footer .footer-row .widget p a{ color:#fff; font-weight:600;}
.footer .footer-row .widget p a:hover{ color:#e84e0f;}
.footer .footer-row .widget.widget-company{background:none; text-align:center;}
.footer .footer-row .widget.widget-company img{ width:auto; height:160px; display:inline-block; margin-bottom:20px;}
.footer .footer-row .widget.widget-services ul{ margin-bottom:0px;}
.footer .footer-row .widget.widget-services li{ padding-left:0px; margin:0px;}
.footer .footer-row .widget.widget-services li:before{ display:none; content:"\f105"; font-family:FontAwesome; position:absolute; left:0px; font-size:14px; color:#000000;}
.footer .footer-row .widget.widget-services li a{ color:#fff; font-weight:400;}
.footer .footer-row .widget.widget-services li a:hover{ color:#e84e0f;}
.footer .footer-row .cta{ max-width:400px; margin:0 auto;}
.footer .footer-row .cta .btn{ padding:10px 20px; font-size:15px; margin-top:10px;}
.footer .footer-row .copy{ margin-top:40px;}
.footer .footer-row .copy p{ font-size:15px; line-height:1.7; color:#999; font-weight:400; margin:0px;}
.footer .footer-row .copy p a{ color:#999; font-weight:400;}
.footer .footer-row .copy p a:hover{ color:#fff;}
.footer .footer-row .copy p + p{ margin-top:10px;}
.footer .footer-row .copy span{ margin:0 3px;}
.footer .footer-row .social{ width:100%; float:left; margin:0px; margin-top:30px;}
.footer .footer-row .social ul{ margin:0 -5px; width:auto; display:flex; flex-wrap:nowrap; justify-content:center;}
.footer .footer-row .social li{ width:auto;float:left; padding-left:0px; margin:0 2.5px;}
.footer .footer-row .social li:before{ display:none;}
.footer .footer-row .social li a{float:left;position:relative;border-radius:50%; background:#151515;}
.footer .footer-row .social li a span.circle{width:40px;height:40px;float:left;color:#fff;text-align:center;}
.footer .footer-row .social li a span.circle i{font-size:16px;line-height:40px;vertical-align:top;}
.footer .footer-row .social li.facebook a:hover{background:#1877F2}
.footer .footer-row .social li.instagram a:hover{background:#E4405F}
.footer .footer-row .social li.linkedin a:hover{background:#0A66C2}

/* modal */

body.modal-open .header{ filter: blur(4px);}
body.modal-open .wrapper{ filter: blur(4px);}
body.modal-open .footer{ filter: blur(4px);}

.modal{ z-index:999999; border-radius:0px;}
.modal .modal-dialog{  top:-100%;}
.modal.in .modal-dialog{ top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%);  -webkit-transition: -webkit-transform 0.5s ease-out; -o-transition: -o-transform 0.5s ease-out; transition: transform 0.5s ease-out;}
.modal-backdrop{ background:#222; z-index:99999;}
.modal{ z-index:999999; border-radius:0px;}
.modal a{ color:#333;}
.modal a:hover{ color:#fff;}
.modal .modal-content{ background:#000; border-radius:0px;}
.modal .modal-body{ border-radius:0px; padding:50px;}
.modal .close{ width:60px; height:60px; position:absolute; background-color:#000; background-image:url(../images/icon-close.png); background-size:20px auto; background-repeat:no-repeat; background-position:center center; top:0px; right:0px; opacity:1; z-index:9999;}
.modal .modal-body h2{ font-size:55px; line-height:55px; font-weight:100; color:#fff; text-transform:uppercase; margin:0px;}
.modal .modal-body p{ margin-bottom:15px;}
.modal .modal-body h2 + p{ margin-top:5px;}
.modal .modal-body p:last-child{ margin-bottom:0px;}
.modal .modal-body .form{ margin-top:20px;}
.modal .modal-body .form .row{ margin:0px -10px;}
.modal .modal-body .form .row > [class*="col-"]{ padding:0 10px;}
.modal .modal-body .form input[type=text], .modal .modal-body .form input[type=email], .modal .modal-body .form input[type=password], .modal .modal-body .form input[type=search], .modal .modal-body .form input[type=file], .modal .modal-body .form input[type=tel]{ height:45px; line-height:45px;}

.fancybox-caption{ font-family: 'Barlow', sans-serif; font-weight:300; font-size:20px; line-height:24px;}

#scrolltop{ width:50px; height:50px; position:fixed; z-index:999; right:40px; bottom:40px; opacity:0; visibility:hidden; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
#scrolltop.show{ opacity:1; visibility:visible;}
#scrolltop a{ width:50px; height:50px; float:left; position:relative; background:#000000; border-radius:50%; text-align:center;}
#scrolltop a:before{ content:""; width:100%; height:100%; position:absolute; left:0px; top:0px; background-image:url(../images/icon-up.png); background-size:20px 20px; background-repeat:no-repeat; background-position:center center;}
#scrolltop a:hover{ background:#222;}


.captchaField > div {	margin-bottom: 25px;}
.captchaField > div > div { width: 100% !important; text-align: center;	}


@media (min-width: 1500px) {
	.container{ width:1400px;}
	.visual .container{ width:1400px !important; padding:0px 30px !important;}
	
}

@media (max-width: 1499px) {
	
	.content .row + .row{ margin-top:60px;}
	
	p, li{ font-size:17px;}
	a.readmore{ font-size:17px;}
	
	.header a.navbar-brand img{ max-height:40px;}
	.header .navbar-nav > li > a{ font-size:17px; margin:0 7px;}
	
	.container{ width:1170px;}
	.visual .container{ width:1170px !important; padding:0 30px !important;}
	
	.title{ padding:160px 0 80px 0;}
	.title .breadcrumb li:after{ margin:0 7px;}
	
	.block.presentation h2 + h3{ margin-top:10px;}
	
	.block{ padding:80px 0;}
	.block.fullwidth{ padding:120px 0;}
	.block.contacts .item{ padding:80px 0;}
	
	.footer .footer-row .row .colfooter{ padding-top:60px; padding-bottom:60px;}
	.footer .footer-row .widget h4{ font-size:20px;}

	.visual-content .box h1{ font-size:65px;}
	.title .text h1, .title .text h2{ font-size:65px; line-height:1;}
	.block.presentation .top-title h2{ font-size:65px;}
	.block h1, .block h2{ font-size:50px;}
	.block.post .block-title h1{ font-size:50px; padding-right:0px;}
	.block.subpages-list .item .text h2{ font-size:50px;}
	.block.presentation .item-article.item-big-vertical .text h2{ font-size:36px;}
	.block.post .block-text h2{ font-size:30px;}
	.block.categories .item .text h2{ font-size:30px;}
	.block.values .item h2{ font-size:30px;}
	.block.presentation .item-article.item-small-horizontal .text h2{ font-size:26px;}
	.visual-content .box h2{ font-size:26px;}
	.block.testimonials .item .bottom h2{ font-size:26px;}
	.block.subpages-list .item .text h3{ font-size:24px; margin-bottom:20px;}
	.visual-content .box h3{ font-size:22px;}
	.block h3{ font-size:22px;}
	.block.subpages-list .item .text p{ font-size:22px;}
	.block.testimonials .item .text p{ font-size:20px;}
	.footer .footer-row .widget p, .footer .footer-row .widget li{ font-size:17px;}
	.block.testimonials .item .bottom p{ font-size:16px;}
	.title .breadcrumb li{ font-size:13px;}
	.footer .footer-row .copy p{ font-size:13px;}

}

@media (max-width: 1300px) {
	

}


@media (max-width: 1199px) {
	
	p, li{ font-size:16px;}

	.container{ width:970px;}
	.visual .container{ width:970px !important;}
	
	.header a.navbar-brand img{ max-height:35px;}
	.header .navbar-nav > li.homepage{ display:none;}
	.header .navbar-nav > li > a{ font-size:16px;}
	
	.block{ padding:60px 0;}
	.block.fullwidth{ padding:100px 0;}
	.block.contacts .item{ padding:60px 0;}
	
	.row.row40{ margin-left:-20px; margin-right:-20px;}
	.row.row40 > [class*="col-"]{ padding:0 20px;}
	.row.row30{ margin-left:-20px; margin-right:-20px;}
	.row.row30 > [class*="col-"]{ padding:0 20px;}
	.row.row60{ margin-left:-20px; margin-right:-20px;}
	.row.row60 > [class*="col-"]{ padding:0 20px;}
	
	
	
	.visual-content .box h1{ font-size:55px;}
	.title .text h1, .title .text h2{ font-size:55px; line-height:1;}
	.block.presentation .top-title h2{ font-size:55px;}
	.block h1, .block h2{ font-size:45px;}
	.block.post .block-title h1{ font-size:45px;}
	.block.subpages-list .item .text h2{ font-size:45px;}
	.block.presentation .item-article.item-big-vertical .text h2{ font-size:34px;}
	.block.post .block-text h2{ font-size:28px;}
	.block.categories .item .text h2{ font-size:28px;}
	.block.values .item h2{ font-size:28px;}
	.block.presentation .item-article.item-small-horizontal .text h2{ font-size:24px;}
	.visual-content .box h2{ font-size:24px;}
	.block.testimonials .item .bottom h2{ font-size:24px;}
	.block.subpages-list .item .text h3{ font-size:22px;}
	.visual-content .box h3{ font-size:20px;}
	.block h3{ font-size:20px;}
	.block.subpages-list .item .text p{ font-size:20px;}
	.block.testimonials .item .text p{ font-size:19px;}
	
	
}

@media (max-width: 1008px) {
		
}

@media (min-width: 992px) {
	
	.header .navbar-collapse{ display:block;}

}

@media (max-width: 992px) {
	
	.navbar-nav{ padding-bottom:0px;}	
	.footer-row [class*=col-]{ margin:0px;}
	
}

@media (max-width: 991px) {
	
	
	.container{ width:750px;}
	.visual .container{ width:750px !important;}
	
	.navbar-toggle{ display:block !important; z-index:2;}
	
	.header{}
	.header .navbar{ position:relative;}
	.header .navbar a.navbar-brand{ min-width:unset; position:relative; z-index:10; line-height:100px;}
	.header .navbar a.navbar-brand img{ max-height:35px;}
	.header .navbar .menu-wrap{ width:auto; }
	.header .navbar-collapse{ width:100%; position:absolute; left:0px; top:0px; background:#000; padding:0px; padding:30px; padding-top:100px; float:none !important; box-shadow:0px 0px 20px rgba(0,0,0,0.05); clear:both; width:100%; margin:0px;}
	.header .navbar-collapse.in{ }
	.header .navbar .navbar-nav{ width:100%; float:left; padding-bottom:0px; display:inherit; vertical-align:inherit; margin-bottom:0px; padding-bottom:20px; overflow:hidden;}
	.header .navbar .navbar-nav + .navbar-nav{ padding-top:0px;}
	.header .navbar .navbar-nav > li{ clear:both; width:100%; padding:0px; border-bottom:1px solid #333;}
	.header .navbar .navbar-nav > li:last-child{ border:0px;}
	.header .navbar .navbar-nav > li > a:after{ display:none;}
	.header .navbar .navbar-nav > li > a{ line-height:1 !important; font-size:16px; color:#fff; padding:7px 0; border-left:0px !important; margin:0px; border:0px;}
	.header .navbar .navbar-nav > li > a span:before, .header .navbar-nav > li.active > a span:before{ display:none;}
	.header .navbar .navbar-nav > li.active > a{ color:#fff; border:0px;}
	.header .navbar .navbar-nav > li > a:hover{ color:#fff; border:0px;}
	
	
	.visual-content .inner{ padding-top:0px;}
	
	.title{ padding:140px 0 40px 0;}
	.title .breadcrumb ul{ display:flex; flex-wrap:wrap; justify-content:center;}
	.title .breadcrumb ul li{ text-align:center;}
	
	.block.presentation .top-title h3{ padding:0px;}
	
	.block.subpages-list .item .container{ flex-wrap:wrap;}
	.block.subpages-list .item .image{ width:100%; margin-bottom:40px;}
	.block.subpages-list .item .text{ width:100%; padding-left:0px; padding-right:0px; text-align:center !important;}
	.block.subpages-list .item:nth-child(even) .image{ order:0;}
	.block.subpages-list .item:nth-child(even) .text{ padding-right:0px;}
	
	.block.service-page .image{ margin-bottom:40px;}
	.block.architect-page .image{ margin-bottom:40px;}
	
	.block.testimonials .item .text{ padding:0 40px !important;}
	
	.block.fullwidth{ padding-top:0px;}
	.block.fullwidth.gradient .image:before{ display:none;}
	.block.fullwidth .image{ width:100% !important; height:0px; padding-bottom:50%; position:relative;}
	.block.fullwidth .text{ padding:60px 0 0 0; text-align:center;}
	
	.block.four-news{ padding-bottom:40px;}
	.block.four-news .main-item-wrap{ flex-wrap:wrap;}
	.block.four-news .main-item-wrap .main-item{ width:100%; padding-right:0px; margin-bottom:40px;}
	.block.four-news .main-item-wrap .side-item{ width:100%; padding-left:0px;}
	.block.presentation .item-article.item-big-vertical .image img{ width:100%; height:auto;}
	.block.four-news .main-item-wrap .side-item .item-wrap .item-article{ margin-bottom:20px;}
	.block.presentation .item-article.item-small-horizontal .text{ padding-left:20px;}

	.block.testimonials #swiper-button-next-testimonials, .block.testimonials #swiper-button-prev-testimonials{ width:40px; height:40px;}
	.block.testimonials #swiper-button-prev-testimonials{ left:25px;}
	.block.testimonials #swiper-button-next-testimonials{ right:25px;}
	
	.block.contacts{ padding:60px 0;}
	.block.contacts .pull-right{ order:0 !important; border:0px;}
	.block.contacts .box{ width:100%; padding:0px; margin-bottom:40px;}
	.block.contacts .item{ padding:0px;}
	
	.footer .footer-row .row{ flex-wrap:wrap;}
	.footer .footer-row .row .colfooter{ width:100%; padding:60px;}
	.footer .footer-row .row .colfooter + .colfooter{ padding-top:0px;}
	
	.block.contacts .box .logo img{ height:150px;}
	
	.block.values{ padding:60px 0; padding-bottom:20px;}
	.block.values .item{ padding:0px; margin-bottom:40px;}

	
	.visual-content .box h1{ font-size:50px;}
	.title .text h1, .title .text h2{ font-size:50px;}
	.block.presentation .top-title h2{ font-size:50px;}
	.block h1, .block h2{ font-size:40px;}
	.block.post .block-title h1{ font-size:40px;}
	.block.subpages-list .item .text h2{ font-size:40px;}
	.block.presentation .item-article.item-big-vertical .text h2{ font-size:32px;}
	.block.post .block-text h2{ font-size:26px;}
	.block.categories .item .text h2{ font-size:26px;}
	.block.values .item h2{ font-size:26px;}
	.block.presentation .item-article.item-small-horizontal .text h2{ font-size:22px;}
	.visual-content .box h2{ font-size:22px;}
	.block.testimonials .item .bottom h2{ font-size:22px;}
	.block.subpages-list .item .text h3{ font-size:21px;}
	.visual-content .box h3{ font-size:19px;}
	.block h3{ font-size:19px;}
	.block.subpages-list .item .text p{ font-size:19px;}
	.block.testimonials .item .text p{ font-size:18px;}
	.block.presentation .item-article .data{ font-size:16px;}
	
	
}


@media (max-width: 768px){
	
	input[type=text], input[type=email], input[type=password], input[type=search], input[type=file], input[type=tel], textarea{ background:#222;}
	.check label:before{ background:#222;}
	
	.container-fluid{ padding:0 30px;}
	.navbar-toggle{ right:30px;}
	.content .row + .row{ margin-top:40px;}
	
	.container{ width:100%;}
	.visual .container{ width:100% !important;}

	.block.brands .row.list{ margin-left:-5px; margin-right:-5px;}
	.block.brands .row.list [class*="col-"]{ width:50%; float:left; padding:0 5px;}
	.block.brands .item{ margin-bottom:10px;}
	
	.visual-content .box h1{ font-size:45px; letter-spacing:2px;}
	.title .text h1, .title .text h2{ font-size:45px;}
	.block.presentation .top-title h2{ font-size:45px; letter-spacing:2px;}
	.block h1, .block h2{ font-size:37px;}
	.block.post .block-title h1{ font-size:37px;}
	.block.subpages-list .item .text h2{ font-size:37px;}
	
	.block.testimonials #swiper-button-prev-testimonials{ left:10px;}
	.block.testimonials #swiper-button-next-testimonials{ right:10px;}
	
	.footer .footer-row .row .colfooter{ padding:40px;}

}

@media (max-width: 640px){
	
	
	.visual-content .box h1{ font-size:40px;}
	.title .text h1, .title .text h2{ font-size:40px;}
	.block.presentation .top-title h2{ font-size:40px;}
	
	.footer .footer-row .copy p{ font-size:12px; line-height:1.5;}
	
	
}

@media (max-width: 479px) {
	
	[class*=col-xs-]{ text-align:inherit;}

}

.spk-cookie-banner-wrap {
	font-family: 'Montserrat', sans-serif;
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0px;
	top: 0%;
	z-index: 9999999999;
	padding: 20px;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	align-items: start;
	justify-content: center;
	overflow: auto;
	pointer-events: none;
	animation: spk-cookie-fade-in .75s;
	-moz-animation: spk-cookie-fade-in .75s;
	-webkit-animation: spk-cookie-fade-in .75s;
	-o-animation: spk-cookie-fade-in .75s;
}

	.spk-cookie-banner-wrap p {
		font-family: 'Montserrat', sans-serif;
	}

	.spk-cookie-banner-wrap .spk-cookie-banner {
		width: 100%;
		max-width: 980px;
		background: #333;
		box-shadow: 0 8px 48px rgba(0,0,0,.50);
		overflow: hidden;
		border-radius: 10px;
		pointer-events: auto;
	}

		.spk-cookie-banner-wrap .spk-cookie-banner a {
			-webkit-transition: all .3s ease-in-out;
			-moz-transition: all .3s ease-in-out;
			-o-transition: all .3s ease-in-out;
			transition: all .3s ease-in-out;
		}

		.spk-cookie-banner-wrap .spk-cookie-banner .spk-cookie-banner-header {
			width: 100%;
			float: left;
			display: flex;
			flex-wrap: wrap;
			align-items: center;
			padding: 20px 40px;
			box-sizing: border-box;
			text-align: left;
			background: #222;
		}

			.spk-cookie-banner-wrap .spk-cookie-banner .spk-cookie-banner-header span {
				font-size: 20px;
				line-height: 24px;
				color: #fff;
				font-weight: 700;
			}

			.spk-cookie-banner-wrap .spk-cookie-banner .spk-cookie-banner-header p.spk-cookie-banner-last-update {
				font-size: 16px;
				line-height: 24px;
				margin: 0px;
				margin-left: auto;
				color: #fff;
			}

		.spk-cookie-banner-wrap .spk-cookie-banner .spk-cookie-banner-body {
			width: 100%;
			float: left;
			padding: 40px;
			box-sizing: border-box;
		}

			.spk-cookie-banner-wrap .spk-cookie-banner .spk-cookie-banner-body .spk-cookie-banner-description {
				width: 100%;
				float: left;
				text-align: left;
				margin-bottom: 40px;
			}

				.spk-cookie-banner-wrap .spk-cookie-banner .spk-cookie-banner-body .spk-cookie-banner-description p {
					color: #fff;
					font-family: 'Montserrat', sans-serif;
					font-size: 15px;
					line-height: 22px;
					margin: 0px;
					margin-bottom: 10px
				}

					.spk-cookie-banner-wrap .spk-cookie-banner .spk-cookie-banner-body .spk-cookie-banner-description p:last-child {
						margin-bottom: 0px;
					}

				.spk-cookie-banner-wrap .spk-cookie-banner .spk-cookie-banner-body .spk-cookie-banner-description a {
					font-family: 'Montserrat', sans-serif;
					color: #fff;
					text-decoration: underline;
					font-weight: 700;
				}

					.spk-cookie-banner-wrap .spk-cookie-banner .spk-cookie-banner-body .spk-cookie-banner-description a:hover {
						text-decoration: none;
					}

			.spk-cookie-banner-wrap .spk-cookie-banner .spk-cookie-banner-body .spk-cookie-banner-actions {
				position: relative;
			}

				.spk-cookie-banner-wrap .spk-cookie-banner .spk-cookie-banner-body .spk-cookie-banner-actions .spk-cookie-banner-answer {
					float: right;
				}

					.spk-cookie-banner-wrap .spk-cookie-banner .spk-cookie-banner-body .spk-cookie-banner-actions .spk-cookie-banner-answer ul {
						margin: 0px;
						padding: 0px;
						list-style: none;
					}

					.spk-cookie-banner-wrap .spk-cookie-banner .spk-cookie-banner-body .spk-cookie-banner-actions .spk-cookie-banner-answer li {
						float: left;
						margin: 0px;
						margin-left: 10px;
						line-height: normal;
					}

						.spk-cookie-banner-wrap .spk-cookie-banner .spk-cookie-banner-body .spk-cookie-banner-actions .spk-cookie-banner-answer li::marker {
							content: none;
						}

					.spk-cookie-banner-wrap .spk-cookie-banner .spk-cookie-banner-body .spk-cookie-banner-actions .spk-cookie-banner-answer .spk-cookie-btn-normal {
						font-family: 'Montserrat', sans-serif;
						min-width: 120px;
						float: left;
						font-size: 15px;
						background: #000;
						padding: 8px 20px;
						color: #fff;
						text-decoration: none;
						text-align: center;
						border-radius: 20px;
						line-height: 24px;
					}

						.spk-cookie-banner-wrap .spk-cookie-banner .spk-cookie-banner-body .spk-cookie-banner-actions .spk-cookie-banner-answer .spk-cookie-btn-normal:hover {
							background: #222;
						}

				.spk-cookie-banner-wrap .spk-cookie-banner .spk-cookie-banner-body .spk-cookie-banner-actions .spk-cookie-banner-customize {
					float: left;
				}

					.spk-cookie-banner-wrap .spk-cookie-banner .spk-cookie-banner-body .spk-cookie-banner-actions .spk-cookie-banner-customize .spk-cookie-btn-custom {
						font-family: 'Montserrat', sans-serif;
						display: inline-block;
						background: #222;
						font-size: 15px;
						padding: 8px 20px;
						color: #fff;
						text-decoration: none;
						border-radius: 20px;
						line-height: 24px;
					}

						.spk-cookie-banner-wrap .spk-cookie-banner .spk-cookie-banner-body .spk-cookie-banner-actions .spk-cookie-banner-customize .spk-cookie-btn-custom:hover {
							background: #000;
						}

.spk-cookie-info-wrap {
	font-family: 'Montserrat', sans-serif;
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0px;
	top: 0px;
	z-index: 9999999999;
	padding: 40px;
	background: rgba(0,0,0,0.5);
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	overflow: auto;
}

	.spk-cookie-info-wrap p {
		font-family: 'Montserrat', sans-serif;
	}

	.spk-cookie-info-wrap a {
		-webkit-transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out;
		-o-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
	}

	.spk-cookie-info-wrap .spk-cookie-info {
		width: 100%;
		max-width: 780px;
		margin: 0 auto;
		background: #333;
		box-shadow: 0 8px 48px rgba(0,0,0,.5);
		overflow: hidden;
		border-radius: 10px;
	}

		.spk-cookie-info-wrap .spk-cookie-info .spk-cookie-info-header {
			width: 100%;
			float: left;
			display: flex;
			align-items: center;
			padding: 20px 40px;
			box-sizing: border-box;
			background: #222;
		}

			.spk-cookie-info-wrap .spk-cookie-info .spk-cookie-info-header span {
				display: inline-block;
				vertical-align: middle;
				font-size: 20px;
				line-height: 24px;
				color: #fff;
				font-weight: 700;
			}

			.spk-cookie-info-wrap .spk-cookie-info .spk-cookie-info-header a {
				font-family: 'Montserrat', sans-serif;
				float: right;
				margin-left: auto;
				background: #000;
				text-align: center;
				white-space: nowrap;
				font-size: 15px;
				padding: 8px 20px;
				color: #fff;
				text-decoration: none;
				border-radius: 20px;
				line-height: 24px;
			}

				.spk-cookie-info-wrap .spk-cookie-info .spk-cookie-info-header a:hover {
					background: #222;
				}

		.spk-cookie-info-wrap .spk-cookie-info .spk-cookie-info-body {
			width: 100%;
			float: left;
			padding: 40px;
			box-sizing: border-box;
		}

			.spk-cookie-info-wrap .spk-cookie-info .spk-cookie-info-body p.spk-cookie-info-last-update {
				font-size: 16px;
				line-height: 24px;
				margin-left: auto;
				color: #fff;
				margin-top: 0px;
			}

				.spk-cookie-info-wrap .spk-cookie-info .spk-cookie-info-body p.spk-cookie-info-last-update:empty {
					display: none;
				}

			.spk-cookie-info-wrap .spk-cookie-info .spk-cookie-info-body .spk-cookie-info-description {
				width: 100%;
				float: left;
				margin-bottom: 40px;
				box-sizing: border-box;
			}

				.spk-cookie-info-wrap .spk-cookie-info .spk-cookie-info-body .spk-cookie-info-description p {
					font-family: 'Montserrat', sans-serif;
					font-size: 15px;
					color: #fff;
					line-height: 22px;
					margin: 0px;
					margin-bottom: 10px
				}

					.spk-cookie-info-wrap .spk-cookie-info .spk-cookie-info-body .spk-cookie-info-description p:last-child {
						margin-bottom: 0px;
					}

				.spk-cookie-info-wrap .spk-cookie-info .spk-cookie-info-body .spk-cookie-info-description a {
					font-family: 'Montserrat', sans-serif;
					color: #fff;
					text-decoration: underline;
					font-weight: 700;
				}

					.spk-cookie-info-wrap .spk-cookie-info .spk-cookie-info-body .spk-cookie-info-description a:hover {
						text-decoration: none;
					}

			.spk-cookie-info-wrap .spk-cookie-info .spk-cookie-info-body .spk-cookie-info-actions {
				width: 100%;
				float: left;
			}

				.spk-cookie-info-wrap .spk-cookie-info .spk-cookie-info-body .spk-cookie-info-actions .spk-cookie-banner-answer ul {
					margin: 0px;
					padding: 0px;
					list-style: none;
				}

				.spk-cookie-info-wrap .spk-cookie-info .spk-cookie-info-body .spk-cookie-info-actions .spk-cookie-banner-answer li {
					width: auto;
					float: left;
					margin: 0px;
					margin-right: 10px;
				}

					.spk-cookie-info-wrap .spk-cookie-info .spk-cookie-info-body .spk-cookie-info-actions .spk-cookie-banner-answer li::marker {
						content: none;
					}

				.spk-cookie-info-wrap .spk-cookie-info .spk-cookie-info-body .spk-cookie-info-actions .spk-cookie-banner-answer .spk-cookie-btn-normal {
					font-family: 'Montserrat', sans-serif;
					min-width: 100px;
					float: left;
					text-align: center;
					font-size: 15px;
					background: #346bc7;
					padding: 8px 20px;
					color: #fff;
					text-decoration: none;
					border-radius: 20px;
					line-height: 24px;
				}

					.spk-cookie-info-wrap .spk-cookie-info .spk-cookie-info-body .spk-cookie-info-actions .spk-cookie-banner-answer .spk-cookie-btn-normal.spk-cookie-btn-accept {
						background: #689f4a;
					}

					.spk-cookie-info-wrap .spk-cookie-info .spk-cookie-info-body .spk-cookie-info-actions .spk-cookie-banner-answer .spk-cookie-btn-normal.spk-cookie-btn-reject {
						background: #d13645;
					}

					.spk-cookie-info-wrap .spk-cookie-info .spk-cookie-info-body .spk-cookie-info-actions .spk-cookie-banner-answer .spk-cookie-btn-normal:hover {
						background: #000;
					}

		.spk-cookie-info-wrap .spk-cookie-info .spk-cookie-info-purposes-body {
			width: 100%;
			max-height: 300px;
			padding-bottom: 25px;
			overflow: auto;
			float: left;
			position: relative;
			border-top: 1px solid #444;
		}

			.spk-cookie-info-wrap .spk-cookie-info .spk-cookie-info-purposes-body::-webkit-scrollbar {
				width: 10px;
			}

			.spk-cookie-info-wrap .spk-cookie-info .spk-cookie-info-purposes-body::-webkit-scrollbar-track {
				background-color: #e1e1e1;
			}

			.spk-cookie-info-wrap .spk-cookie-info .spk-cookie-info-purposes-body::-webkit-scrollbar-thumb {
				background-color: #999;
			}

				.spk-cookie-info-wrap .spk-cookie-info .spk-cookie-info-purposes-body::-webkit-scrollbar-thumb:hover {
					background-color: #666;
				}

			.spk-cookie-info-wrap .spk-cookie-info .spk-cookie-info-purposes-body .spk-cookie-info-purposes-item {
				width: 100%;
				float: left;
				padding: 20px 40px;
				box-sizing: border-box;
				border-bottom: 1px solid #444;
			}

				.spk-cookie-info-wrap .spk-cookie-info .spk-cookie-info-purposes-body .spk-cookie-info-purposes-item .spk-cookie-info-top {
					display: flex;
					align-items: center;
					margin-bottom: 10px;
				}

					.spk-cookie-info-wrap .spk-cookie-info .spk-cookie-info-purposes-body .spk-cookie-info-purposes-item .spk-cookie-info-top .spk-cookie-info-name {
						float: left;
					}

						.spk-cookie-info-wrap .spk-cookie-info .spk-cookie-info-purposes-body .spk-cookie-info-purposes-item .spk-cookie-info-top .spk-cookie-info-name span {
							font-size: 18px;
							line-height: 24px;
							color: #fff;
							font-weight: 700;
						}

					.spk-cookie-info-wrap .spk-cookie-info .spk-cookie-info-purposes-body .spk-cookie-info-purposes-item .spk-cookie-info-top .spk-cookie-info-input {
						float: right;
						margin-left: auto;
						padding-left: 20px;
					}

						.spk-cookie-info-wrap .spk-cookie-info .spk-cookie-info-purposes-body .spk-cookie-info-purposes-item .spk-cookie-info-top .spk-cookie-info-input input {
							-moz-appearance: none;
							appearance: none;
							-webkit-appearance: none;
							padding: 0px;
							border: 0px;
							margin: 0px;
							cursor: pointer;
						}

						.spk-cookie-info-wrap .spk-cookie-info .spk-cookie-info-purposes-body .spk-cookie-info-purposes-item .spk-cookie-info-top .spk-cookie-info-input input {
							width: 64px;
							height: 32px;
							border-radius: 32px;
							-webkit-transition: background-position .4s ease,background-color .4s ease;
							-o-transition: background-position .4s ease,background-color .4s ease;
							transition: background-position .4s ease,background-color .4s ease;
							background-color: #666;
							background-image: url(../images/icon-nocheck.png);
							background-repeat: no-repeat;
							background-position: top 4px left 4px;
							background-size: 24px 24px;
							display: block;
							opacity: 1;
						}

							.spk-cookie-info-wrap .spk-cookie-info .spk-cookie-info-purposes-body .spk-cookie-info-purposes-item .spk-cookie-info-top .spk-cookie-info-input input:checked {
								background-color: #689f4a;
								background-position: top 4px left 36px;
								background-image: url(../images/icon-check.png);
							}

							.spk-cookie-info-wrap .spk-cookie-info .spk-cookie-info-purposes-body .spk-cookie-info-purposes-item .spk-cookie-info-top .spk-cookie-info-input input[disabled] {
								opacity: .35;
								cursor: auto;
							}

				.spk-cookie-info-wrap .spk-cookie-info .spk-cookie-info-purposes-body .spk-cookie-info-purposes-item:last-child {
					border-bottom-width: 0px;
				}

				.spk-cookie-info-wrap .spk-cookie-info .spk-cookie-info-purposes-body .spk-cookie-info-purposes-item .spk-cookie-info-description p {
					font-size: 13px;
					line-height: 18px;
					color: #fff;
					margin: 0px;
				}


		.spk-cookie-info-wrap .spk-cookie-info .spk-cookie-info-submit {
			width: 100%;
			float: left;
			padding: 40px;
			box-sizing: border-box;
			position: relative;
		}

			.spk-cookie-info-wrap .spk-cookie-info .spk-cookie-info-submit:before {
				content: "";
				width: 100%;
				height: 50px;
				position: absolute;
				left: 0px;
				top: -50px;
				background: rgb(255,255,255);
				background: linear-gradient(0deg, rgba(51,51,51,0.9) 0%, rgba(51,51,51,0) 100%);
			}

			.spk-cookie-info-wrap .spk-cookie-info .spk-cookie-info-submit .spk-cookie-btn-normal {
				font-family: 'Montserrat', sans-serif;
				float: right;
				margin-left: 10px;
				font-size: 15px;
				background: #000;
				padding: 8px 20px;
				color: #fff;
				text-decoration: none;
				border-radius: 20px;
				line-height: 24px;
			}

				.spk-cookie-info-wrap .spk-cookie-info .spk-cookie-info-submit .spk-cookie-btn-normal:hover {
					background: #222;
				}

			.spk-cookie-info-wrap .spk-cookie-info .spk-cookie-info-submit .spk-cookie-btn-back {
				font-family: 'Montserrat', sans-serif;
				float: left;
				font-size: 15px;
				background: #222;
				border: 1px solid #222;
				padding: 8px 20px;
				color: #fff;
				text-decoration: none;
				border-radius: 20px;
				line-height: 22px;
			}

				.spk-cookie-info-wrap .spk-cookie-info .spk-cookie-info-submit .spk-cookie-btn-back:hover {
					background: #000;
					border-color: #000;
					color: #fff;
				}

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

	.spk-cookie-banner-wrap .spk-cookie-banner {
		max-width: 780px;
	}

		.spk-cookie-banner-wrap .spk-cookie-banner .spk-cookie-banner-header {
			padding: 15px 30px;
		}

		.spk-cookie-banner-wrap .spk-cookie-banner .spk-cookie-banner-body {
			padding: 20px 30px;
		}

			.spk-cookie-banner-wrap .spk-cookie-banner .spk-cookie-banner-body .spk-cookie-banner-description p {
				font-size: 14px;
				line-height: 20px;
			}

			.spk-cookie-banner-wrap .spk-cookie-banner .spk-cookie-banner-body .spk-cookie-banner-description {
				margin-bottom: 30px;
			}

	.spk-cookie-info-wrap {
		align-items: start;
	}

		.spk-cookie-info-wrap .spk-cookie-info .spk-cookie-info-header {
			padding: 15px 30px;
		}

		.spk-cookie-info-wrap .spk-cookie-info .spk-cookie-info-body {
			padding: 20px 30px;
		}

			.spk-cookie-info-wrap .spk-cookie-info .spk-cookie-info-body .spk-cookie-info-description p {
				font-size: 14px;
				line-height: 20px;
			}

			.spk-cookie-info-wrap .spk-cookie-info .spk-cookie-info-body .spk-cookie-info-description {
				margin-bottom: 30px;
			}

		.spk-cookie-info-wrap .spk-cookie-info .spk-cookie-info-purposes-body {
			max-height: 250px;
		}

			.spk-cookie-info-wrap .spk-cookie-info .spk-cookie-info-purposes-body .spk-cookie-info-purposes-item {
				padding: 15px 30px;
			}

				.spk-cookie-info-wrap .spk-cookie-info .spk-cookie-info-purposes-body .spk-cookie-info-purposes-item .spk-cookie-info-top {
					margin-bottom: 5px;
				}

		.spk-cookie-info-wrap .spk-cookie-info .spk-cookie-info-submit {
			padding: 20px 30px;
		}
}


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

	.spk-cookie-banner-wrap {
		align-items: start;
		padding: 0px;
	}

		.spk-cookie-banner-wrap .spk-cookie-banner {
			border-radius: 0px;
		}

			.spk-cookie-banner-wrap .spk-cookie-banner .spk-cookie-banner-header {
				padding: 15px 20px;
			}

				.spk-cookie-banner-wrap .spk-cookie-banner .spk-cookie-banner-header span {
					font-size: 16px;
					line-height: 22px;
				}

				.spk-cookie-banner-wrap .spk-cookie-banner .spk-cookie-banner-header p.spk-cookie-banner-last-update {
					width: 100%;
					font-size: 14px;
					line-height: 20px;
				}

			.spk-cookie-banner-wrap .spk-cookie-banner .spk-cookie-banner-body {
				padding: 20px;
			}

				.spk-cookie-banner-wrap .spk-cookie-banner .spk-cookie-banner-body .spk-cookie-banner-description {
					margin-bottom: 20px;
				}

					.spk-cookie-banner-wrap .spk-cookie-banner .spk-cookie-banner-body .spk-cookie-banner-description p {
						font-size: 14px;
						line-height: 20px;
						margin-bottom: 5px;
					}

				.spk-cookie-banner-wrap .spk-cookie-banner .spk-cookie-banner-body .spk-cookie-banner-actions .spk-cookie-banner-answer {
					width: 100%;
					margin-bottom: 10px;
				}

					.spk-cookie-banner-wrap .spk-cookie-banner .spk-cookie-banner-body .spk-cookie-banner-actions .spk-cookie-banner-answer ul {
						margin: 0 -5px;
					}

					.spk-cookie-banner-wrap .spk-cookie-banner .spk-cookie-banner-body .spk-cookie-banner-actions .spk-cookie-banner-answer li {
						width: 50%;
						float: left;
						margin: 0px;
						padding: 0 5px;
						box-sizing: border-box;
					}

					.spk-cookie-banner-wrap .spk-cookie-banner .spk-cookie-banner-body .spk-cookie-banner-actions .spk-cookie-banner-answer .spk-cookie-btn-normal {
						width: 100%;
						box-sizing: border-box;
						text-align: center;
						margin: 0px;
						font-size: 14px;
					}

				.spk-cookie-banner-wrap .spk-cookie-banner .spk-cookie-banner-body .spk-cookie-banner-actions .spk-cookie-banner-customize {
					width: 100%;
				}

					.spk-cookie-banner-wrap .spk-cookie-banner .spk-cookie-banner-body .spk-cookie-banner-actions .spk-cookie-banner-customize .spk-cookie-btn-custom {
						width: 100%;
						box-sizing: border-box;
						text-align: center;
						font-size: 14px;
					}

	.spk-cookie-info-wrap {
		padding: 20px;
	}

		.spk-cookie-info-wrap .spk-cookie-info .spk-cookie-info-header {
			padding: 15px 20px;
		}

			.spk-cookie-info-wrap .spk-cookie-info .spk-cookie-info-header span {
				font-size: 16px;
				line-height: 22px;
			}

			.spk-cookie-info-wrap .spk-cookie-info .spk-cookie-info-header a {
				font-size: 14px;
			}

		.spk-cookie-info-wrap .spk-cookie-info .spk-cookie-info-body {
			padding: 20px;
		}

			.spk-cookie-info-wrap .spk-cookie-info .spk-cookie-info-body p.spk-cookie-info-last-update {
				font-size: 14px;
				line-height: 20px;
			}

			.spk-cookie-info-wrap .spk-cookie-info .spk-cookie-info-body .spk-cookie-info-description {
				margin-bottom: 20px;
			}

				.spk-cookie-info-wrap .spk-cookie-info .spk-cookie-info-body .spk-cookie-info-description p {
					font-size: 14px;
					line-height: 20px;
				}

			.spk-cookie-info-wrap .spk-cookie-info .spk-cookie-info-body .spk-cookie-info-actions .spk-cookie-banner-answer ul {
				margin: 0 -5px;
			}

			.spk-cookie-info-wrap .spk-cookie-info .spk-cookie-info-body .spk-cookie-info-actions .spk-cookie-banner-answer li {
				width: 50%;
				float: left;
				margin: 0px;
				padding: 0 5px;
				box-sizing: border-box;
			}

			.spk-cookie-info-wrap .spk-cookie-info .spk-cookie-info-body .spk-cookie-info-actions .spk-cookie-banner-answer .spk-cookie-btn-normal {
				width: 100%;
				font-size: 14px;
				box-sizing: border-box;
			}

		.spk-cookie-info-wrap .spk-cookie-info .spk-cookie-info-purposes-body .spk-cookie-info-purposes-item {
			padding: 20px;
		}

			.spk-cookie-info-wrap .spk-cookie-info .spk-cookie-info-purposes-body .spk-cookie-info-purposes-item .spk-cookie-info-top .spk-cookie-info-name {
				width: flo
			}

				.spk-cookie-info-wrap .spk-cookie-info .spk-cookie-info-purposes-body .spk-cookie-info-purposes-item .spk-cookie-info-top .spk-cookie-info-name span {
					font-size: 16px;
					line-height: 22px;
				}

			.spk-cookie-info-wrap .spk-cookie-info .spk-cookie-info-purposes-body .spk-cookie-info-purposes-item .spk-cookie-info-description p {
				font-size: 12px;
				line-height: 18px;
			}

		.spk-cookie-info-wrap .spk-cookie-info .spk-cookie-info-submit {
			padding: 20px;
		}

			.spk-cookie-info-wrap .spk-cookie-info .spk-cookie-info-submit .spk-cookie-info-save {
				width: 100%;
				float: left;
				margin-bottom: 5px;
			}

			.spk-cookie-info-wrap .spk-cookie-info .spk-cookie-info-submit .spk-cookie-btn-normal {
				width: 100%;
				box-sizing: border-box;
				text-align: center;
				font-size: 14px;
			}

			.spk-cookie-info-wrap .spk-cookie-info .spk-cookie-info-submit .spk-cookie-btn-back {
				width: 100%;
				box-sizing: border-box;
				margin: 0px;
				text-align: center;
				font-size: 14px;
			}
}


@keyframes spk-cookie-fade-in {
	0% {
		transform: translateY(-100%);
	}

	100% {
		transform: translateY(0%);
	}
}

@-moz-keyframes spk-cookie-fade-in { /* Firefox */
	0% {
		transform: translateY(-100%);
	}

	100% {
		transform: translateY(0%);
	}
}

@-webkit-keyframes spk-cookie-fade-in { /* Safari and Chrome */
	0% {
		transform: translateY(-100%);
	}

	100% {
		transform: translateY(0%);
	}
}

@-o-keyframes spk-cookie-fade-in { /* Opera */
	0% {
		transform: translateY(-100%);
	}

	100% {
		transform: translateY(0%);
	}
}