@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap');

body{ font-size:15px; font-family: 'Nunito Sans', sans-serif !important; background:#25323f; color:#fff;}
::selection{ background:#25323f; color:#fff; -webkit-background-clip: unset; -webkit-text-fill-color:#fff;}
::-moz-selection{ background:#25323f; color:#fff; -webkit-background-clip: unset; -webkit-text-fill-color:#fff;}
h1, h2, h3, h4, h5, h6{ font-family: 'Nunito Sans', 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:700;}
strong{ font-weight:700;}
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: 'Nunito Sans', sans-serif; height:50px; float:left; font-size:17px; font-weight:400; background:#1a2530; color:#fff; padding:10px 20px; border-radius:20px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border:0px solid #e1e1e1;}
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:#25323f; -webkit-appearance:none;}
textarea{ height:160px; padding:20px; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.form-group > label{ font-size:16px; text-align:left; font-weight:400; padding-left:20px; color:#fff;}
.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:#25323f; 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:15px;}
.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: 'Nunito Sans', sans-serif; font-size:16px; height:auto; padding:15px 30px; line-height:1.2; font-weight:400; text-transform:uppercase; vertical-align:top; border-radius:25px; border:1px solid #25323f;}
.btn.btn-small{ font-size:13px; padding:12px 20px;}
.btn.btn-input{ height:50px;}
.btn.btn-default{ background:#385f74; border-color:#385f74; color:#fff;}
.btn.btn-default:hover, .btn.btn-default:focus{ background:#927f6c; border-color:#927f6c; color:#fff;}
.btn.btn-primary{ background:#927f6c; border-color:#927f6c; color:#fff;}
.btn.btn-primary:hover, .btn.btn-primary:focus{ background:#25323f; border-color:#25323f; color:#fff;}
.btn.btn-outline{ background:none; color:#fff; border-color:#fff;}
.btn.btn-outline:hover, .btn.btn-outline:focus{ background:#fff; border-color:#fff; color:#25323f;}

a.readmore{ font-family:'Nunito Sans'; display:inline-block; font-size:15px; line-height:1.2; position:relative; padding-left:20px; color:#fff; text-transform:uppercase;}
a.readmore span{ position:relative;}
a.readmore span:before{ content:""; width:0px; height:1px; position:absolute; right:0px; bottom:-5px; background:#385f74; -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:after{ content:"\f111"; font-family: 'FontAwesome'; position:absolute; top:6px; left:0px; text-align:left; color:#385f74; font-size:5px; }
a.readmore:hover span: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:#fff; vertical-align:top;}
.check label:before{ width:24px; height:24px; left:0px; background:#1a2530; border:0px; content:""; position:absolute; margin-right:10px; cursor:pointer; border-radius:5px;}
.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:#fff; line-height:24px; float:left;}
.check label span a{ color:#fff; font-weight:400; 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:#25323f; color:#fff;}
ul.pagination li.active a, ul.pagination li.active a:hover,  ul.pagination li.active a:focus{ background:#25323f; 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:#25323f;}
ul.pagination li.disabled a.prev:hover{ background-color:#25323f;}
ul.pagination li.disabled a.next:hover{ background-color:#25323f;}
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:#25323f;}

/* header */

.header{ width:100% !important; float:left; font-family: 'Nunito Sans', 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;}
.header a.navbar-brand{ float:left; font-size:0px; line-height:120px; padding:0;}
.header a.navbar-brand img{ max-height:60px; 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: 'Nunito Sans', sans-serif; font-size:16px; color:#fff; font-weight:400; 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:900; 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:#385f74; -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:#25323f; 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 #25323f transparent; position: absolute; left: 10px; top: -7px; }
.header .sfHover .dropdown-toggle { color:#25323f !important; }
.header .navbar-nav > li.dropdown.dropdown-static{ position:relative;}
.header .navbar-nav > li > a:after { display: none; }
.header .dropdown-menu > li { font-family: 'Nunito Sans', 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:#25323f; margin-top:-3px;}

.wrapper{ overflow:unset;}
.content{ 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:400px; position:absolute; left:0px; top:0px; background: rgb(37,50,63); background: linear-gradient(180deg, rgba(37,50,63,1) 0%, rgba(37,50,63,0) 100%); z-index:20; opacity:1;}
.visual:after{ content:""; width:100%; height:400px; position:absolute; left:0px; bottom:0px; background: rgb(37,50,63); background: linear-gradient(0deg, rgba(37,50,63,1) 0%, rgba(37,50,63,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:after{ content:""; width:100%; height:100%; position:absolute; left:0px; top:0px; background:#25323f; background-size:cover; mix-blend-mode: hard-light; opacity:0.8;}
.visual .background-video video{ width:100vw; height:100vh; object-fit:cover; position:absolute; left:0px; top:0px;}
.visual-content{ width:100%; height:100vh; min-height:600px; display:flex; flex-wrap:nowrap; align-items:center; justify-content:center; position:relative; z-index:50;}
.visual-content:before{ content:""; width:100%; height:100%; position:absolute; left:0px; top:0px; background:rgba(0,0,0,0.25); z-index:10;}
.visual-content .inner{ width:100%; position:relative; z-index:20;}
.visual-content .container-fluid{ width:100%;}
.visual-content .box{ width:100%; max-width:1200px; margin:0 auto; text-align:center; position:relative; z-index:50;}
.visual-content .box h1{ color:#fff; font-size:60px; line-height:1.1; letter-spacing:2px; font-weight:300; position:relative; text-transform:uppercase; z-index:2; margin-bottom:20px;}
.visual-content .box h2{ font-size:22px; line-height:1.5; color:#fff; font-weight:300; position:relative; z-index:2; margin-bottom:40px;}
.visual-content .box h3{ font-size:22px; line-height:1; text-transform:uppercase; margin-bottom:20px; font-weight:300; color:#fff;}
.visual-content .box h3 strong{ color:#fff;}
.visual-content .box .actions{ display:flex; align-items:center; justify-content:center; margin:0px -10px; padding:0px;}
.visual-content .box .actions li{ padding:0 10px;}
.visual-content .box .actions li:last-child{ margin-right:0px;}
.visual .down{ width:40px; height:40px; position:absolute; z-index:2; left:50%; margin-left:-20px; bottom:40px; background-color:none; z-index:50;}
.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:160px 0 60px 0; position:relative; text-align:center; overflow:hidden; background-repeat:no-repeat; background-position:center center; background-size:cover; overflow:hidden;}
.title:after{ content:""; width:100%; height:400px; position:absolute; left:0px; top:0px; background: rgb(37,50,63); background: linear-gradient(-180deg, rgba(37,50,63,1) 0%, rgba(37,50,63,0) 100%); z-index:10; opacity:1;}
.title:before{ content:""; width:100%; height:100%; position:absolute; left:0px; top:0px; background:#25323f; background-size:cover; mix-blend-mode: hard-light; opacity:0.8; z-index:10;}
.title .text{ text-align:center; position:relative; z-index:50;}
.title .text h1, .title .text h2{ font-size:60px; line-height:1; color:#fff; margin:0px; font-weight:300; 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:400; text-transform:uppercase;}
.title .breadcrumb li:after{ content:"\f111"; font-family:FontAwesome; margin:0 10px; vertical-align:middle; font-size:5px; color:#ffff}
.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:54px; line-height:1.1; letter-spacing:2px; 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:22px; line-height:1.5; color:#fff; margin-bottom:15px; text-transform:none; font-weight:400;}
.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:40px;}
.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:300; 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%;}

/* fullwidth */

.block.fullwidth{ position:relative; padding:120px 0;}
.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:100%; 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.brown{ background:#927f6c;}
.block.fullwidth.brown .image:before{ content:""; width:100%; height:100%; position:absolute;}
.block.fullwidth.brown.right .image:before{ left:0px; top:0px; background: rgb(146,127,108); background: linear-gradient(90deg, rgba(146,127,108,1) 0%, rgba(146,127,108,0) 100%);}
.block.fullwidth.brown.left .image:before{ right:0px; top:0px;  background: rgb(146,127,108); background: linear-gradient(-90deg, rgba(146,127,108,1) 0%, rgba(146,127,108,0) 100%);}

.block.fullwidth.brown-gradient{ background:#927f6c;}
.block.fullwidth.brown-gradient .image:before{ content:""; width:100%; height:100%; position:absolute;}
.block.fullwidth.brown-gradient.right .image:before{ left:0px; top:0px; background: rgb(146,127,108); background: linear-gradient(90deg, rgba(146,127,108,1) 0%, rgba(146,127,108,0) 100%);}
.block.fullwidth.brown-gradient.left .image:before{ right:0px; top:0px;  background: rgb(146,127,108); background: linear-gradient(-90deg, rgba(146,127,108,1) 0%, rgba(146,127,108,0) 100%);}

.block.fullwidth.homepage02 .image{ width:75%; opacity:0.2;}


/* metodo */

.block.method{ position:relative;}
.block.method:before{ content:""; width:50%; height:100%; position:absolute; top:0px; right:0px; background:url(../images/symbol.png); background-size:100% auto; background-repeat:no-repeat; background-position:top center; opacity:0.1;}
.block.method:after{ content:""; width:100%; height:50%; position:absolute; bottom:0px; left:0px; background: linear-gradient(0deg, rgba(37,50,63,1) 0%, rgba(37,50,63,0) 100%); }
.block.method .text{ position:relative; z-index:100;}
.block.method .image{ right:100px; position:relative; z-index:100;}
.block.method .list{ margin:40px 0 20px 0;}
.block.method .list .item{ display:flex; flex-wrap:nowrap; margin-bottom:20px;}
.block.method .list .item:last-child{ margin-bottom:0px;}
.block.method .list .item .number{ color:#385f74; text-align:center; line-height:1.2; font-size:26px; font-weight:700;}
.block.method .list .item .body{ width:calc(100% - 60px); float:left; padding-left:30px;}
.block.method .list .item .body h2{ font-size:26px; line-height:1.2; font-weight:700; margin:0px; margin-bottom:5px;}
.block.method .list .item .body p{ margin-top:0px;}

/* numeri dell'azienda */

.block.numbers{ position:relative;}
.block.numbers .item{ width:100%; display:table; position:relative; z-index:100; text-align:center; overflow:hidden;}
.block.numbers .item .wrap{ display:table-cell; vertical-align:top; position:relative; z-index:10;}
.block.numbers .item h2{ margin-top:0px; display:flex; justify-content:center; align-items:center; font-weight:700;}
.block.numbers .item h2 span{ font-weight:700; display:inline-block; color:#385f74; line-height:24px;}
.block.numbers .item h2 span.countup-sign{ font-weight:700; font-size:0.5em; margin-left:10px;}
.block.numbers .item h2 span.text{ font-weight:700; line-height:1; font-size:24px; margin-left:0px;}
.block.numbers .item p{ margin-bottom:0px;}
.block.numbers .item.normal h2{ font-size:70px; min-height:70px; line-height:1; margin:0px;}
.block.numbers .item.normal h3{ font-size:26px; line-height:1.2; margin:0px; margin-top:20px; text-transform:uppercase; font-weight:700;}
.block.numbers .item.normal p{ margin-top:10px;}

/* punti di forza */

.block.points{ position:relative; padding-bottom:60px;}
.block.points .text{ position:relative; z-index:2; margin-bottom:40px;}
.block.points .item{ padding:0px; margin-bottom:40px; position:relative; z-index:2;}
.block.points .item h3{ margin:0px; font-size:26px; line-height:1.2; font-weight:700; text-transform:uppercase; margin-bottom:10px;}
.block.points .item h3 span{ width:100%; float:left; font-size:20px; line-height:1; color:#385f74; position:relative; margin-bottom:5px;}
.block.points .item p{ margin:0px;}

/* trattamenti */

.block.projects{ position:relative; overflow:hidden;}
.block.projects .item{ margin-bottom:40px; position:relative; overflow:hidden;}
.block.projects .item .link a{ width:100%; height:100%; position:absolute; left:0px; top:0px; z-index:4;}
.block.projects .item:before{ content:""; width:100%; height:100%; position:absolute; left:0px; bottom:-1px; z-index:1; background: rgb(37,50,63); background: linear-gradient(0deg, rgba(37,50,63,0.75) 0%, rgba(37,50,63,0) 100%);}
.block.projects .item .image{ margin-bottom:0px; filter: grayscale(0.5); -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.block.projects .item .text{ width:100%; position:absolute; left:0px; bottom:0px; padding:40px; z-index:3; -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;}
.block.projects .item .text h2{ width:100%; padding:0 10%; font-size:26px; text-align:center; line-height:1.4; font-weight:700; color:#fff;}
.block.projects .item .action{ width:auto; position:absolute; bottom:40px; right:40px; z-index:5; -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; opacity:0;}
.block.projects .item .action .readmore{ margin:0px;}
.block.projects .item:hover .action{ opacity:1;}
.block.projects .item:hover .image{ filter: grayscale(0);}

.block.projects .top{ margin-bottom:60px;}
.block.projects .carousel{ position:relative;}
.block.projects .carousel .items-wrap{ position:relative;}
.block.projects .carousel .item{ margin-bottom:0px;}
.block.projects .carousel .swiper-container{ width:150%; margin-left:-25%;}
.block.projects .carousel .swiper-slide:before{ content:""; width:100%; height:100%; position:absolute; left:0px; top:0px; z-index:10;}
.block.projects .carousel .swiper-slide.swiper-slide-next:before{ display:none;}
.block.projects .swiper-arrow{ width:25%; height:100%; position:absolute; top:0px; z-index:10;}
.block.projects .swiper-arrow.swiper-prev{ left:0px;}
.block.projects .swiper-arrow.swiper-next{ right:0px;}
.block.projects .swiper-arrow a{ width:100px; height:100px; position:absolute; background-size:80px auto; background-position:center center; background-repeat:no-repeat; border-radius:0px;}
.block.projects .swiper-arrow a:hover{ opacity:0.5;}
.block.projects .swiper-arrow.swiper-prev a{ left:60px; top:50%; margin-top:-50px; background-image:url(../images/icon-prev.png);  z-index:2;}
.block.projects .swiper-arrow.swiper-next a{ right:30px; top:50%; margin-top:-50px; background-image:url(../images/icon-next.png); z-index:2;}
.block.projects .swiper-arrow{ pointer-events:none;}
.block.projects .swiper-arrow a{ pointer-events:auto;}
.block.projects .carousel .swiper-slide:before{ pointer-events:none;}

.block.work{ padding-bottom:40px;}
.block.work .item{ margin-bottom:60px;}
.block.work .item .image{ margin-bottom:40px;}
.block.work .item .text h3{ width:100%; float:left; font-size:30px; line-height:1; color:#385f74; position:relative; font-weight:700; margin-bottom:10px;}
.block.work .item .text h2{ font-size:40px;}

/* contatti */

.block.contacts{ }
.block.contacts .box{ width:100%; text-align:center; position:relative;}
.block.contacts .box .logo{ margin-bottom:40px; position:relative; z-index:2;}
.block.contacts .box .logo img{ height:100px; display:inline-block;}
.block.contacts .box .description{ position:relative; z-index:2;}
.block.contacts .box .social{ clear:both; width:100%; float:left; margin-top:20px;}
.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:#385f74;}
.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 .item{ width:100%;}
.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;}

/* dettaglio progetto */

.block.project-detail{}
.block.project-detail .col-fixed{position: -webkit-sticky; position: sticky; top:40px;}
.block.project-detail .gallery{ position:relative;}
.block.project-detail .gallery .image{ margin-bottom:20px;}
.block.project-detail .text{}
.block.project-detail .text h2{ font-size:36px; line-height:40px;}
.block.project-detail .text h2 + h3{ margin-top:0px;}
.block.project-detail .text h3{ font-weight:200;}

/* servizi */

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

/* 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;}

/* archive */

.block.archive{ position:relative;}
.block.archive.home{ padding-bottom:40px;}
.block.archive.related{ padding-bottom:40px;}
.block.archive .row{ margin-left:-20px; margin-right:-20px;}
.block.archive .text{}
.block.archive .item{ width:100%; float:left; position:relative; margin-bottom:60px; text-align:left;}
.block.archive .item .image{ float:left; position:relative;}
.block.archive .item .image a{ width:100%; float:left;}
.block.archive .item .image a:before{ content:""; width:100%; height:100%; position:absolute; left:0px; top:0px; background:rgba(0,0,0,0.0); -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.block.archive .item span.date{ width:64px; height:64px; position:absolute; top:0px; left:0px; z-index:2; background:#385f74; z-index:1; border-radius:0px;}
.block.archive .item span.date span.day{ width:100%; float:left; text-align:center; font-size:30px; line-height:1; margin-top:10px; color:#fff; font-weight:700;}
.block.archive .item span.date span.month{ width:100%; float:left; text-align:center; font-size:14px; line-height:1; color:#fff; font-weight:300;}
.block.archive .item .bottom{ width:100%; float:left; padding:0px; margin-top:40px;}
.block.archive .item .bottom h2{ display:inline-block; font-size:26px; line-height:1.2; text-transform:upperase; font-weight:700; margin-bottom:0px;}
.block.archive .item .bottom h2 a{ font-weight:inherit; color:inherit;}
.block.archive .item .bottom p + h2{ margin-top:0px;}

/* singola news */

.block.single-post{}
.block.single-post .info{ text-align:center;}
.block.single-post .info span.date{ width:64px; height:64px; display:inline-block; z-index:2; background:#385f74; z-index:1; border-radius:0px;}
.block.single-post .info span.date span.day{ width:100%; float:left; text-align:center; font-size:30px; line-height:1; margin-top:10px; color:#fff; font-weight:700;}
.block.single-post .info span.date span.month{ width:100%; float:left; text-align:center; font-size:14px; line-height:1; color:#fff; font-weight:300;}
.block.single-post .info h1{ font-size:55px; font-weight:700;}
.block.single-post .body{ margin-bottom:40px;}
.block.single-post .body .text{ margin-bottom:20px;}
.block.single-post .body .text h3 + p{ margin-top:20px;}
.block.single-post .media-images{ margin-bottom:40px;}
.block.single-post .main-image{ margin-bottom:20px;}
.block.single-post .main-image img{ width:100%; height:auto;}
.block.single-post .gallery{ display:flex; flex-wrap:wrap; margin:0 -10px;}
.block.single-post .gallery .image{ width:33.33%; float:left; padding:0 10px; margin-bottom:20px;}
.block.single-post .actions{ text-align:center;}

/* 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: 'Nunito Sans', sans-serif; max-width:300px; font-size:22px; line-height:26px; letter-spacing:0px; color:#385f74; font-weight:700; text-transform:uppercase; white-space:normal; margin-bottom:5px;}
.block.map .iframe .map-content p{ font-family: 'Nunito Sans', sans-serif; font-size:16px; line-height:24px; font-weight:400; color:#000; margin-bottom:0px;}


/* footer */

.footer{ width:100%; background:#1d2732; position:relative; display:inline-block; width:100%; float:left; overflow:hidden;}
.footer:before{ content:""; width:800px; height:800px; position:absolute; left:50%; margin-left:-400px; top:-50%; background:url(../images/symbol.png); background-size:100% auto; opacity:0.035;}
.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-top:80px; padding-bottom:80px;}
.footer .footer-row .row .colfooter:last-child{ border:0px;}
.footer .footer-row .row .colfooter01{ text-align:left;}
.footer .footer-row .row .colfooter01 .widget{ text-align:left;}
.footer .footer-row .row .colfooter03{ text-align:left; margin:auto 0;}
.footer .footer-row .row .colfooter03 .widget{ text-align:left;}
.footer .footer-row .widget{ width:100%; min-width:100px; float:left; text-align:center; margin-bottom:0px;}
.footer .footer-row .widget h4{ font-size:20px; line-height:1.2; color:#fff; text-transform:uppercase; font-weight:700; margin-bottom:20px;}
.footer .footer-row .widget p + h4{ margin-top:20px;}
.footer .footer-row .widget p, .footer .footer-row .widget li{ font-weight:400; font-size:16px; line-height:1.5; margin-bottom:10px; color:#fff;}
.footer .footer-row .widget p:last-child{ margin-bottom:0px;}
.footer .footer-row .widget p a{ color:#fff;}
.footer .footer-row .widget p a:hover{ color:#fff;}
.footer .footer-row .widget.widget-company{background:none; text-align:center;}
.footer .footer-row .widget.widget-company img{ width:auto; height:70px; display:inline-block; margin-bottom:30px;}
.footer .footer-row .widget.widget-services ul{ margin-bottom:0px;}
.footer .footer-row .widget.widget-services li{ padding-left:20px; margin:0px;}
.footer .footer-row .widget.widget-services li:before{ content:"\f111"; font-family:FontAwesome; position:absolute; top:8px; left:0px; font-size:5px; color:#385f74}
.footer .footer-row .widget.widget-services li a{ color:#fff;}
.footer .footer-row .widget.widget-services li a:hover{ color:#fff;}
.footer .footer-row .widget.widget-book{ max-width:400px; float:right;}
.footer .footer-row .book{ padding:0px 40px; text-align:center; margin-bottom:0px;}
.footer .footer-row .book h4{ font-size:26px; line-height:1.2; margin-bottom:10px;}
.footer .footer-row .book p:last-child{ margin-bottom:0px;}
.footer .footer-row .book .btn{ margin-top:10px;}
.footer .footer-row .copy{ width:100%; float:left; margin-top:20px;}
.footer .footer-row .copy p{ font-size:12px; line-height:1.3; color:#fff; font-weight:400; margin:0px;}
.footer .footer-row .copy p + p{ margin-top:5px;}
.footer .footer-row .copy a{ color:#fff;}
.footer .footer-row .copy span{ margin:0 1px;}
.footer .footer-row .social{ width:100%; float:left; margin:0px; margin-top:20px;}
.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 5px;}
.footer .footer-row .social li:before{ display:none;}
.footer .footer-row .social li a{float:left;position:relative;border-radius:50%;background:#385f74;}
.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-extra{ padding:0px; padding-top:20px; padding-bottom:40px; text-align:center; background:none; position:relative; z-index:20;}
.footer .footer-extra .row{ padding:0px;}
.footer .footer-extra .row p{ font-size:13px; line-height:20px; color:#fff; font-weight:400; margin:0px;}
.footer .footer-extra .row p span{ margin:0 5px;}
.footer .footer-extra .row a{ color:#fff; font-weight:400;}
.footer .footer-extra .row a:hover{ color:#fff;}

/* 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:#25323f; border-radius:0px;}
.modal .modal-body{ border-radius:0px; padding:50px;}
.modal .close{ width:60px; height:60px; position:absolute; background-color:#25323f; 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: 'Nunito Sans', 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:#25323f; 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-top: 10px;	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;}
	.footer .footer-row .book h4{ font-size:22px;}

	.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;}
	.visual-content .box h2{ font-size:26px;}
	.visual-content .box h3{ font-size:22px;}
	.block h3{ font-size:22px;}
	.block.numbers .item.normal h2{ font-size:56px; min-height:56px;}
	.block.numbers .item.normal h3{ font-size:22px;}
	.block.method .list .item .number{ font-size:22px;}
	.block.method .list .item .body h2{ font-size:22px;}
	.block.points .item h3{ font-size:22px;}
	.block.archive .item .bottom h2{ font-size:22px;}
	.block.single-post .info h1{ font-size:48px;}
	.block.project-detail .text h2{ font-size:32px; line-height:36px;}
	.block.subservice-page .text h2{ font-size:32px;}
	.block.projects .item .text{ padding:30px;}
	.block.projects .item .text h2{ font-size:22px; padding:0 5%;}
	.block.projects .item .action{ bottom:30px; right:30px;}
	.block.projects .swiper-arrow a{ width:70px; height:70px; background-size:50px auto;}
	.block.projects .swiper-arrow.swiper-prev a{ left:30px;}
	.block.projects .swiper-arrow.swiper-next a{ right:20px;}
	.modal .modal-body h2{ font-size:48px; line-height:48px;}
	.footer .footer-row .widget p, .footer .footer-row .widget li{ font-size:17px;}
	.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:32px;}
	.header .navbar-nav > li.homepage{ display:none;}

	.header .navbar-nav{ float:right; width:auto; max-width:100%; text-align:right;}
	.header .navbar-nav > li{ display:inline-block; float:none; width:auto; clear:none;}
	.header .navbar-nav > li > a{ font-size:13px; margin:0 6px 8px 6px; display:inline-block;}

	.visual-content{ padding-top:50px;}
	.title{ padding-top:280px;}

	.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;}
	.visual-content .box h2{ font-size:24px;}
	.visual-content .box h3{ font-size:20px;}
	.block h3{ font-size:20px;}
	.block.numbers .item.normal h2{ font-size:48px; min-height:48px;}
	.block.numbers .item.normal h3{ font-size:20px;}
	.block.method .list .item .number{ font-size:20px;}
	.block.method .list .item .body h2{ font-size:20px;}
	.block.points .item h3{ font-size:20px;}
	.block.archive .item .bottom h2{ font-size:20px;}
	.block.single-post .info h1{ font-size:42px;}
	.block.project-detail .text h2{ font-size:28px; line-height:32px;}
	.block.project-detail .col-fixed{ position:static; top:auto;}
	.block.subservice-page .text h2{ font-size:28px;}
	.block.projects .item .text{ padding:25px;}
	.block.projects .item .text h2{ font-size:20px;}
	.block.projects .swiper-arrow a{ width:60px; height:60px; background-size:40px auto;}
	.block.projects .swiper-arrow.swiper-prev a{ left:15px;}
	.block.projects .swiper-arrow.swiper-next a{ right:10px;}
	.footer .footer-row .book h4{ font-size:20px;}
	.footer .footer-row .widget p, .footer .footer-row .widget li{ font-size:16px;}
	.modal .modal-body{ padding:40px;}
	.modal .modal-body h2{ font-size:42px; line-height:42px;}

}

@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; background-color:#385f74;}
	.navbar-toggle:hover{ background-color:#2c4a5c;}
	.navbar-toggle i{ text-indent:0; width:auto; height:auto; background-image:none; font-size:20px; line-height:50px; color:#fff;}

	.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:#25323f; padding:30px; padding-top:100px; float:none !important; box-shadow:0px 0px 20px rgba(0,0,0,0.05); clear:both; margin:0px;}
	.header .navbar-collapse.in{ }
	.header .navbar .navbar-nav{ width:100%; float:left; 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.service-page .row.flex .image{ margin-bottom:40px;}

	.block.presentation .row.flex > [class*="col-"] > .image,
	.block.presentation .row.flex > [class*="col-"] > .images,
	.block.presentation .row.flex > [class*="col-"] > .text{ margin-top:15px; margin-bottom:15px;}

	.block.fullwidth{ padding-top:0px;}
	.block.fullwidth.gradient .image:before{ display:none;}
	.block.fullwidth .image{ width:calc(100% - 40px) !important; margin:0 20px; height:0px; padding-bottom:50%; position:relative;}
	.block.fullwidth .text{ padding:60px 0 0 0; text-align:center;}
	.block.fullwidth.homepage02 .image{ display:none;}

	.block.projects .item .text{ padding:20px;}
	.block.projects .item .text h2{ font-size:19px; padding:0;}
	.block.projects .item .action{ bottom:20px; right:20px;}
	.block.projects .carousel .swiper-container{ width:130%; margin-left:-15%;}
	.block.projects .swiper-arrow a{ width:44px; height:44px; background-size:26px auto;}
	.block.projects .swiper-arrow.swiper-prev a{ left:10px;}
	.block.projects .swiper-arrow.swiper-next a{ right:10px;}

	.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;}
	.block.contacts .box .logo img{ height:80px;}

	.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;}
	.footer .footer-row .widget.widget-book{ float:none; max-width:100%; margin:0 auto;}
	.footer .footer-row .row .colfooter01,
	.footer .footer-row .row .colfooter01 .widget,
	.footer .footer-row .row .colfooter03,
	.footer .footer-row .row .colfooter03 .widget{ text-align:center;}
	.footer .footer-row .widget.widget-services ul{ display:inline-block; text-align:left;}


	.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;}
	.visual-content .box h2{ font-size:22px;}
	.visual-content .box h3{ font-size:19px;}
	.block h3{ font-size:19px;}
	.block.numbers .item{ margin-bottom:40px;}
	.block.numbers .item.normal h2{ font-size:42px; min-height:42px;}
	.block.numbers .item.normal h3{ font-size:19px;}
	.block.method .list{ column-count:1;}
	.block.method .list .item .number{ font-size:19px;}
	.block.method .list .item .body h2{ font-size:19px;}
	.block.points .item h3{ font-size:19px;}
	.block.points .item h3 span{ font-size:18px;}
	.block.archive .item .bottom h2{ font-size:19px;}
	.block.single-post .info h1{ font-size:36px;}
	.block.project-detail .text h2{ font-size:26px; line-height:30px;}
	.block.subservice-page .text h2{ font-size:26px; max-width:100%;}
	.block.service-page .gallery{ margin:0 -10px;}
	.block.service-page .gallery .image{ width:50%; padding:0 10px;}
	.block.map .iframe{ height:400px;}
	.modal .modal-body{ padding:30px;}
	.modal .modal-body h2{ font-size:38px; line-height:38px;}
	.title .breadcrumb li{ font-size:12px;}
	.footer .footer-row .widget h4{ font-size:19px;}
	.footer .footer-row .book h4{ font-size:19px;}
	.footer .footer-row .widget p, .footer .footer-row .widget li{ font-size:15px;}
	.footer .footer-row .copy p{ font-size:12px;}


}


@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; height:46px;}
	textarea{ height:140px;}
	.check label:before{ background:#222;}
	.btn{ padding:13px 26px; font-size:15px;}

	.container-fluid{ padding:0 30px;}
	.navbar-toggle{ right:30px;}
	.content .row + .row{ margin-top:40px;}

	.container{ width:100%;}
	.visual .container{ width:100% !important;}

	.block{ padding:50px 0;}
	.block.fullwidth{ padding-top:0px; padding-bottom:60px;}
	.block.fullwidth .image{ width:100% !important; margin:0;}

	.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;}
	.visual-content .box h2{ font-size:20px;}
	.visual-content .box h3{ font-size:18px;}
	.block h3{ font-size:18px;}
	.block.numbers .item.normal h2{ font-size:36px; min-height:36px;}
	.block.numbers .item.normal h3{ font-size:18px;}
	.block.method .list .item .number{ font-size:18px;}
	.block.method .list .item .body h2{ font-size:18px;}
	.block.points .item h3{ font-size:18px;}
	.block.archive .item .bottom h2{ font-size:18px;}
	.block.single-post .info h1{ font-size:30px;}
	.block.single-post .gallery{ margin:0 -5px;}
	.block.single-post .gallery .image{ width:50%; padding:0 5px;}
	.block.project-detail .text h2{ font-size:24px; line-height:28px;}
	.block.project-detail .gallery .mix{ width:50%;}
	.block.subservice-page .text h2{ font-size:24px;}
	.block.service-page .gallery{ margin:0 -5px;}
	.block.service-page .gallery .image{ width:50%; padding:0 5px; margin-top:20px;}
	.block.map .iframe{ height:320px;}
	.footer .footer-row .widget h4{ font-size:18px;}
	.footer .footer-row .book h4{ font-size:18px;}
	.footer .footer-row .widget p, .footer .footer-row .widget li{ font-size:14px;}
	.footer .footer-row .copy p{ font-size:12px;}
	.title .breadcrumb li{ font-size:11px;}
	.modal .modal-body{ padding:25px;}
	.modal .modal-body h2{ font-size:32px; line-height:32px;}
	.modal .close{ width:50px; height:50px; background-size:16px auto;}
	#scrolltop{ right:20px; bottom:20px; width:40px; height:40px;}

	.footer .footer-row .row .colfooter{ padding:40px;}

}

@media (max-width: 640px){

	.visual-content{ min-height:520px;}

	.visual-content .box h1{ font-size:40px;}
	.title .text h1, .title .text h2{ font-size:40px;}
	.block.presentation .top-title h2{ font-size:40px;}
	.block h1, .block h2{ font-size:30px;}
	.visual-content .box h2{ font-size:19px;}
	.visual-content .box h3{ font-size:17px;}
	.block h3{ font-size:17px;}
	.block.single-post .info h1{ font-size:26px;}
	.block.project-detail .text h2{ font-size:22px; line-height:26px;}
	.block.subservice-page .text h2{ font-size:22px;}
	.block.single-post .gallery .image{ width:100%;}
	.block.projects .item .text h2{ font-size:18px;}
	.block.numbers .item.normal h2{ font-size:32px; min-height:32px;}

	.footer .footer-row .widget h4{ font-size:17px;}
	.footer .footer-row .book h4{ font-size:17px;}
	.footer .footer-row .widget p, .footer .footer-row .widget li{ font-size:13px;}
	.footer .footer-row .copy p{ font-size:12px; line-height:1.5;}
	.footer .footer-row .row .colfooter{ padding:30px;}

}

@media (max-width: 479px) {

	[class*=col-xs-]{ text-align:inherit;}

	.visual-content .box h1{ font-size:32px;}
	.title .text h1, .title .text h2{ font-size:32px;}
	.block.presentation .top-title h2{ font-size:32px;}
	.visual-content .box h2{ font-size:18px;}
	.visual-content .box .actions{ flex-wrap:wrap; margin:0 -5px;}
	.visual-content .box .actions li{ width:100%; padding:5px;}
	.visual-content .box .actions li .btn{ width:100%;}
	.block h1, .block h2{ font-size:28px;}
	.block.numbers .item.normal h2{ font-size:28px; min-height:28px;}
	.block.single-post .info h1{ font-size:24px;}
	.block.project-detail .text h2{ font-size:20px; line-height:24px;}
	.block.subservice-page .text h2{ font-size:20px;}
	.footer .footer-row .copy p{ font-size:11px;}

}

@media (hover: none) and (pointer: coarse) {

	.block.projects .item .action{ opacity:1;}

}