@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200');
@import url('https://fonts.googleapis.com/css2?family=Google+Sans:ital,opsz,wght@0,17..18,400..700;1,17..18,400..700&display=swap');

html, body {scroll-behavior: none !important;}
body{ font-size:16px; font-family: 'Google Sans', sans-serif !important; color:#000; overflow:auto;}
.overlaymenu{ width:100%; height:100%; position:fixed; left:0px; top:0px; z-index:999; backdrop-filter: blur(5px); background-color: rgba(230,230,230,0.5); 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;}
body.hovermenu .overlaymenu{ opacity:1; visibility:visible;}
form{ margin:0px;}

#smooth-wrapper{ touch-action:none}
.smooth-link{ touch-action: manipulation; -webkit-tap-highlight-color: transparent;}

.spk-cookie-banner-wrap{ z-index:9999999 !important;}
.spk-cookie-info-wrap{ z-index:9999999 !important;}

::selection{ background:#133687; color:#fff; -webkit-background-clip: unset; -webkit-text-fill-color:#fff;}
::-moz-selection{ background:#133687; color:#fff; -webkit-background-clip: unset; -webkit-text-fill-color:#fff;}
h1, h2, h3, h4, h5, h6, span.h2{ font-family: 'Google Sans', sans-serif; font-weight:700; margin-top:0px;}
a{ color:#133687; font-weight:400; transition: all .3s ease-in-out;}
a:hover, a:focus{ color:#133687;}
p, li{ color:#000; font-size:18px; line-height:1.6; font-weight:400;}
p{ margin-bottom:10px;}
p strong{ font-weight:700;}
strong{ font-weight:700;}
.container-fluid{ padding:0 80px;}
.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;}
.text-right{ text-align:right;}
hr{ max-width:100%; margin:20px auto;}
hr.site{ width:100%; max-width:100%; height:1px; margin:0px; border:0px; background:#e1e1e1;}

.content .form .row{ margin:0 -15px;}
.content .form .row + .row{ margin-top:0px;}
.content .form .row [class*="col-"]{ padding:0 15px;}
.form-group{ margin-bottom:20px;}
.form-group > label{ font-size:15px; text-align:left; font-weight:400; color:#666;}
.form-group > label span{ color:#133687; font-size:16px; line-height:1; margin-left:5px;}
input[type=text], input[type=email], input[type=password], input[type=search], input[type=file], input[type=tel], textarea{ font-family:'Google Sans', sans-serif; height:60px; float:left; font-size:16px; font-weight:400; background:#fff; color:#262938; padding:16px; border-radius:8px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border:1px solid #a9a9a9;}
input[type=text]:focus, input[type=email]:focus, input[type=password]:focus, input[type=search]:focus, input[type=file]:focus, input[type=tel]:focus, textarea:focus{ border-width:1px; border-color:#133687;}
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:150px; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.chosen-container{ border-radius:0px; font-size:16px; font-weight:400; background:#fff; border:1px solid #a9a9a9; border-radius:8px;}
.chosen-container.chosen-with-drop{ border:1px solid #133687; border-bottom-width:0px; border-bottom-left-radius:0px; border-bottom-right-radius:0px;}
.chosen-container-single .chosen-single div:after{ content:"\f0d7"; line-height:60px; font-size:14px; color:#a9a9a9;}
.chosen-container-single.chosen-with-drop .chosen-single div:after{ content:"\f0d8";}
.chosen-container-single .chosen-single{ height:60px; line-height:60px; padding-left:16px;}
.chosen-container-single .chosen-single span{ font-size:16px; font-weight:400; margin-right:35px;}
.chosen-container .chosen-drop{ width:calc(100% + 2px); margin-left:-1px; border:1px solid #133687; border-top-width:0px; border-radius:8px; border-top-left-radius:0px; border-top-right-radius:0px;}
.chosen-container .chosen-results{ padding-bottom:0px;}
.chosen-container .chosen-results li{ font-size:16px; line-height:1; padding:16px !important; font-weight:400; border-radius:0px; color:#000; white-space:normal; border-bottom:1px solid #a9a9a9;}
.chosen-container .chosen-results li:last-child{ border:0px;}
.chosen-container .chosen-results li:hover,
.chosen-container .chosen-results li.result-selected{ background:#2b3583; color:#fff; border-radius:0px;}
.check{ width:100%; float:left;}
.check input[type=checkbox] {display: none;}
.check label{float:left; width:100%; position:relative; font-weight:300; color:#5c5c5c; vertical-align:top;}
.check label:before{ width:24px; height:24px; left:0px; background:#fff; border:1px solid #a9a9a9; content:""; position:absolute; margin-right:10px; cursor:pointer; border-radius:3px;}
.check input[type=checkbox]:checked + label:before { font-family: 'FontAwesome'; content:"\f00c"; text-align:center; line-height:24px; font-size:14px; color:#000;}
.check label span{ display:inline-block; padding-left:34px; font-size:14px; text-align:left; color:#262938; font-weight:500; line-height:24px; float:left;}
.check label span a{ font-weight:700;}
.check + .check{ margin-top:10px;}

.btn{ font-family: 'Google Sans', sans-serif; font-size:16px; height:auto; padding:15px 30px; line-height:1; font-weight:400; text-transform:none; border-radius:30px;}
.btn.btn-input{ height:50px;}
.btn.btn-default{ background:#25aae1; border:1px solid #25aae1; color:#fff; vertical-align:top;}
.btn.btn-default:hover, .btn.btn-default:focus{ background:#133687; border-color:#133687; color:#fff;}
.btn.btn-primary{ background:#133687; border:1px solid #133687; vertical-align:top;}
.btn.btn-primary:hover, .btn.btn-primary:focus{ background:#25aae1; border-color:#25aae1; color:#fff;}

a.readmore{ display:inline-block; font-size:16px; line-height:20px; position:relative; font-weight:400; padding-right:25px; color:#000;}
a.readmore.strong{ color:#000; font-weight:700;}
a.readmore.color{ color:#133687;}
a.readmore span{ position:relative;}
a.readmore span:before{ content:""; width:0px; height:1px; position:absolute; right:0px; bottom:-5px; background:#133687; -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:"\e941"; width:20px; height:20px; font-family: 'Material Symbols Outlined'; position:absolute; right:0px; text-align:left; font-size:21px; font-weight:300; }
a.readmore:hover span:before{ width:100%;}
a.readmore:hover{ color:#133687;}

.navbar-toggle{ width:50px; height:50px; background:none; line-height:50px; float:right; margin-right:30px; margin-top:15px; background-color:#133687; border-radius:50%;}
.navbar-toggle span.lines{ width:22px; height:14px; position:absolute; left:14px; top:18px;}
.navbar-toggle span.lines span.line{ width:100%; height:1px; position:absolute; left:0px; top:0px; background:#fff; transition: all .3s ease-in-out;}
.navbar-toggle span.lines span.line01{ top:0px;}
.navbar-toggle span.lines span.line02{ top:6px;}
.navbar-toggle span.lines span.line03{ top:13px;}

.navbar-toggle[aria-expanded="true"], .navbar-toggle[aria-expanded="true"]:hover{ background:#25aae1;}
.navbar-toggle[aria-expanded="true"] span.lines span.line01, .navbar-toggle[aria-expanded="true"]:hover span.lines span.line01{ transform: rotate(45deg); top:6px;}
.navbar-toggle[aria-expanded="true"] span.lines span.line02, .navbar-toggle[aria-expanded="true"]:hover span.lines span.line02{ opacity:0;}
.navbar-toggle[aria-expanded="true"] span.lines span.line03, .navbar-toggle[aria-expanded="true"]:hover span.lines span.line03{ transform: rotate(-45deg); top:6px; }

.check + input[type="submit"]{ margin-top:20px;}

/* pagination */

ul.pagination{ display:flex; flex-wrap:nowrap; align-items:center; justify-content:center; text-align:center;}
ul.pagination li.active a, ul.pagination li.active a:hover, ul.pagination li.active a:focus, ul.pagination .prev:hover, ul.pagination .prev:focus, ul.pagination .next:hover, ul.pagination .next:focus{ border-color:#133687; color:#133687;}
ul.pagination li a:hover, ul.pagination li a:focus{ color:#133687;}
ul.pagination li.swiper-prev{ margin-right:40px;}
ul.pagination li.swiper-next{ margin-left:40px;}
ul.pagination li a{ width:48px; height:48px; font-size:20px; line-height:46px; border:0px;}
ul.pagination li .border-svg{ left:-7px; top:-7px;}

/* scrollbar */ 

::-webkit-scrollbar { width:10px; height:10px;}
::-webkit-scrollbar-track { background:transparent;}
::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.2); border-radius: 20px;  border: 2px solid transparent; background-clip: content-box;}
::-webkit-scrollbar-thumb:hover { background-color: rgba(0, 0, 0, 0.4);}

/* cursor */

*{ cursor: none !important;}
#magicMouseCursor { border-color:#666 !important; z-index:99999999 !important;}
#magicPointer { background-color:#25aae1 !important; z-index:99999999 !important;}
#magicPointer.pointer-overlay{ background:rgba(37,170,235,0.1) !important; mix-blend-mode: normal !important; box-shadow:none !important; z-index:9999 !important;}

/* video */

.videoembed{  position: relative; padding-bottom:56.25%; width:100%; height:0;}
.videoembed iframe{ position:absolute; top:0px; left:0px; width:100%; height:100%; border-radius:20px;}
.videoembed + .btn{ margin-top:20px;}

/* header */

.sticky-wrapper{ width:100%; position:absolute;}

.topbar{ width:100%; max-height:100px; float:left; position:relative; z-index:9999; top:0px; padding:10px 0; transition: all 0.5s ease-in-out; opacity:1; visibility:visible;}
.topbar:before{ content:""; width:calc(100% - 160px); height:1px; position:absolute; left:80px; bottom:0px; background:#e1e1e1;}
.topbar .social{ width:auto; float:left;}
.topbar .social span.text{ font-size:13px; line-height:18px; font-weight:400; float:left; color:#000; margin-right:10px;}
.topbar .social ul{ float:left; margin:0; width:auto; line-height:normal;}
.topbar .social li{ width:auto; float:left; margin:0 3px 0 0;}
.topbar .social li a{ width:20px; height:20px; float:left; position:relative; font-size:10px; line-height:20px; text-align:center; background:#000; color:#fff; border-radius:50%;}
.topbar .social li.facebook a{ background:#3b5999;}
.topbar .social li.linkedin a{ background:#0a66c2;}
.topbar .social li a i{ vertical-align:middle;}
.topbar .social li a:hover{ background:#133687 !important;}
.topbar .info{ float:right;}
.topbar .info p{ font-size:13px; line-height:18px; color:#000; font-weight:400;}
.topbar .info span{ color:#e1e1e1; margin:0 5px;}
.topbar .info strong{ font-weight:600;}
.topbar .info a{ color:#000; font-weight:400;}
.topbar .info a:hover{ color:#25aae1;}

.header{ width:100%; position:fixed; left:0px; top:0px; background:none; z-index:9999; transition: all .5s ease-in-out;}
.header:before{ content:""; width:100%; height:30px; position:absolute; left:0px; bottom:-30px; background:rgb(0,0,0); background:linear-gradient(180deg, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%); opacity:0; transition: all .5s ease-in-out;}
.header.header-hidden{ transform: translateY(-100%);}

.header .navbar{ background:none; position:relative; z-index:10;}
.header .navbar a.navbar-brand{ float:left; font-size:0px; line-height:100px; padding:0px; z-index:10;}
.header .navbar a.navbar-brand img{ max-height:50px; margin:0px;}
.header .navbar-collapse{ float:right; padding:0px; margin:0px;}
.header .navbar-nav{ z-index:10;}
.header .navbar-nav > li{ position:relative;}
.header .navbar-nav > li > a{ font-family: 'Google Sans', sans-serif; font-size:18px; color:#000; font-weight:400; padding:40px 0px; margin:0 10px; border:0px; line-height:20px; text-transform:none;}
.header .navbar-nav > li.dropdown > a:after{ display:none;}
.header .navbar-nav > li > a:hover{ color:#133687;}
.header .navbar-nav > li.active > a{ font-weight:700; color:#133687;}
.header .navbar-nav > li.demo{ margin-top:25px; margin-left:30px;}
.header .navbar-nav > li.demo > a{ color:#fff; font-size:16px; line-height:20px; border-radius:30px; padding:15px 30px; margin:0px; background:#133687; font-weight:400; text-transform:none; overflow:hidden;}
.header .navbar-nav > li.demo > a span{ position:relative; z-index:2;}
.header .navbar-nav > li.demo > a:hover{ background:#25aae1;}
.header .sfHover .dropdown-toggle{ color:#133687 !important;}
.header .navbar-nav > li > span.open-menu{ 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.open-menu:before{ content:"\f107"; font-family: 'Material Symbols Outlined'; width:inherit; height:inherit; font-size:22px; line-height:19px; position:absolute; left:0px; top:0px; color:#000; -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.open-menu.aperto:before{ transform: rotate(180deg); color:#133687; margin-top:-3px;}

.header:hover{ background:#fff;}
.header:hover:before{ opacity:1;}

/* dropdown*/

.header .dropdown-menu.sub-menu{ width:100%; min-width:300px; background:#fff; z-index:5; border-radius:0px; padding:0 20px 40px 20px; left:-40px; z-index:9999; display:block !important; margin:0px !important; visibility: hidden; opacity: 0; transform: translateY(-20px); transition: all 0.2s linear;}
.header .sfHover .dropdown-menu.sub-menu{ visibility: visible; opacity: 1; transform: translateY(0);}
.header .dropdown-menu.sub-menu:after{ content:""; width:5000px; height:100%; position:absolute; left:-2500px; top:0px; background:#fff;}
.header .dropdown-menu.sub-menu:before{ content:""; width:5000px; height:30px; position:absolute; left:-2500px; bottom:-30px; background: rgb(0,0,0); background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.05) 100%); z-index:2;}
.header .dropdown-menu.sub-menu li:focus > a, .header .dropdown-menu.sub-menu li:hover > a { background: none; }
.header .dropdown-menu.sub-menu > li:first-child { padding-top:0px; }
.header .dropdown-menu.sub-menu > li:last-child { padding-bottom:0px; border:0px; }
.header .dropdown-menu.sub-menu > li{ position:relative; padding-left:30px; z-index:10;}
.header .dropdown-menu.sub-menu > li:before{ content:"\e941"; font-family: 'Material Symbols Outlined'; font-weight:100; font-size:21px; line-height:1; text-align:left; position:absolute; left:0px;}
.header .dropdown-menu.sub-menu > li > a{ font-size:15px; line-height:1.5; position:relative; padding:0px; font-weight:400; color:#000; white-space:normal; border-radius:0px;}
.header .dropdown-menu.sub-menu > li:last-child > a { border: 0px; }
.header .dropdown-menu.sub-menu > li > a:hover, .header .dropdown-menu.sub-menu > li > a:focus { background:none; color:#1166af;}

/* megamenu */

.header .sf-mega{ /* display:block !important; visibility:visible !important; opacity:1 !important; */ }
.header .sf-mega, .header .sf-mega.reverse-list{ width:100%; min-width:100%; left:0px !important; right:auto !important; z-index:9999; color:inherit; background:#fff; padding:0px; margin:0px !important;  box-shadow:none;}
.header .sf-mega:before{ content:""; width:100%; height:30px; position:absolute; left:0px; bottom:-30px; background:rgb(0,0,0); background:linear-gradient(180deg, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%); z-index:2;}
.header .sf-mega:after{ content:""; width:100%; height:30px; position:absolute; left:0px; top:0px; background: rgb(0,0,0); background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.05) 100%); z-index:2;}
.header .sf-mega .container-fluid{ padding:0px;}
.header .sf-mega .box-megamenu{ width:100%; display:flex; flex-wrap:nowrap; overflow:hidden;}
.header .sf-mega .box-megamenu .intro{ width:30%; padding:40px 80px; display:flex; flex-wrap:nowrap; align-items:center; position:relative; background:#f4f4f4;}
.header .sf-mega .box-megamenu .intro .intro-title{ width:100%; float:left; font-size:30px; line-height:1.2; background: -webkit-linear-gradient(45deg,#133687, #133687);  -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight:300; margin-bottom:10px;}
.header .sf-mega .box-megamenu .intro .intro-description{ width:100%; float:left; font-size:16px; line-height:24px; color:#000; font-weight:400; margin-bottom:20px;}
.header .sf-mega .box-megamenu .list{ width:70%; display:flex; flex-wrap:nowrap;}
.header .sf-mega .box-megamenu .list .menu-wrap{ width:60%; float:left; display:flex; flex-wrap:nowrap; align-items:center; position:relative; padding:40px 60px;}
.header .sf-mega .box-megamenu .list .menu-wrap .menu{ width:100%; float:left;}
.header .sf-mega .box-megamenu .list .menu-wrap .menu + .menu{ margin-top:20px;}
.header .sf-mega .box-megamenu .list .menu-wrap .menu .menu-title{ width:100%; float:left; font-size:26px; line-height:1.2; color:#000; font-weight:300; margin-bottom:5px;}
.header .sf-mega .box-megamenu .list .menu-wrap .menu .menu-title strong{ color:#133687;}
.header .sf-mega .box-megamenu .list .menu-wrap .menu .menu-list{ width:100%; float:left;}
.header .sf-mega .box-megamenu .list .menu-wrap .menu .menu-list ul{ display:flex; flex-wrap:nowrap; margin:0px; margin-right:30px; padding:0px;}
.header .sf-mega .box-megamenu .list .menu-wrap .menu .menu-list ul li{ position:relative; padding-left:30px; font-size:16px; line-height:1.5; margin:0px; margin-bottom:5px; margin-right:15px;}
.header .sf-mega .box-megamenu .list .menu-wrap .menu .menu-list ul li:before{ content:"\e941"; font-family: 'Material Symbols Outlined'; font-weight:100; font-size:21px; line-height:1; text-align:left; position:absolute; left:0px;}
.header .sf-mega .box-megamenu .list .menu .menu-list ul li a{ color:#000; font-weight:400;}
.header .sf-mega .box-megamenu .list .menu .menu-list ul li a:hover{ color:#133687;}
.header .sf-mega .box-megamenu .list .image{ width:40%; float:left;}

/* sticky menu */

.header.is-sticky { background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(10px); box-shadow: 0 4px 20px rgba(0,0,0,0.1);}
.header.is-sticky .topbar{ max-height:0px; opacity:0; padding:0px; visibility:hidden;}

.wrapper{ overflow:unset;}
.content{ }
.content .row + .row{ margin-top:60px;}

/* visual home page */

.visual{ position:relative; overflow:hidden;}
.visual .background-video{ position:absolute; min-width:100%; min-height:100%; width:auto; height:auto; z-index:0; overflow:hidden;}
.visual .background-video video{ width:100vw; height:100vh; object-fit:cover; position:absolute; left:0px; top:0px; opacity:0.8; filter: grayscale(1);}
.visual:before{ content:""; width:75%; height:100%; position:absolute; right:0px; top:0px; background: rgb(255,255,255); background: linear-gradient(-90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); z-index:5;}
.visual:after{ content:""; width:100%; height:50%; position:absolute; left:0px; top:0px; background: rgb(255,255,255); background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); z-index:5;}
.visual .swiper-container{ z-index:10;}
.visual-image{ width:50%; height:100%; position:absolute; right:0px; top:0px; background-size:cover; background-repeat:no-repeat; background-position:left 100px; z-index:10;}
.visual-image img{ display:none;}
.visual-image .hero-tablets{ position:relative; width:100%; height:100%; display:flex; justify-content:center; align-items:center;}
.visual-image .hero-tablets .tablet{ position: absolute; width: 55%; filter: drop-shadow(0 20px 30px rgba(0,0,0,0.1));}
.visual-image .hero-tablets .tablet img{ display: block;}
.visual-image .hero-tablets .tablet.t1{ top:15%; left:5%;}
.visual-image .hero-tablets .tablet.t2{ top:25%; left:65%;}
.visual-image .hero-tablets .tablet.t3{ top:58%; left:2%;}
.visual-image .hero-tablets .tablet.t4{ top:75%; left:60%;}
.visual-content{ width:100%; height:100vh; min-height:600px; display:flex; flex-wrap:nowrap; align-items:center; position:relative; z-index:10;}
.visual-content .inner{ width:100%;}
.visual-content .container-fluid{ width:100%;}
.visual-content .box{ width:100%;}
.visual-content .box h1{ display:flex; flex-wrap:nowrap; align-items:center; color:#000; font-size:18px; line-height:26px; font-weight:400; position:relative; z-index:2; margin-bottom:20px; text-transform:uppercase; opacity:0; will-change:transform, filter;}
.visual-content .box h1:before{ content:""; width:40px; height:1px; float:left; background:#000; margin-right:10px;}
.visual-content .box h2{ color:#133687; font-size:70px; line-height:1.05; font-weight:300; position:relative; z-index:2; margin-bottom:20px; text-transform:none; opacity:0; will-change:transform, filter;}
.visual-content .box p{ max-width:600px; font-size:22px; line-height:1.5; color:#000; font-weight:400; position:relative; z-index:2; margin-bottom:0px; opacity:0; will-change:transform, filter;}
.visual-content .box .actions{ display:flex; align-items:center; justify-content:left; margin:0px; margin-top:40px; padding:0px; opacity:0; will-change:transform, filter;}
.visual-content .box .actions li{ margin-right:20px;}
.visual-content .box .actions li:last-child{ margin-right:0px;}

.visual .down { width: 60px; height: 60px; position: absolute; left: 50%; margin-left: -30px; bottom: 30px; display: flex; align-items: center; justify-content: center; z-index: 10; text-decoration: none;}
.visual .down:before { content: "\e5db"; font-family: 'Material Symbols Outlined'; font-size: 45px; color: #133687; line-height: 60px; text-align: center; width: 100%; height: 100%; transition: color 0.3s ease; font-weight:200; z-index:10;}
.visual .down:hover:after{ content:""; width:100%; height:100%; position:absolute; left:0px; top:0px; background:rgba(255,255,255,0.5); backdrop-filter: blur(10px); z-index:1; border-radius:50%;}
.visual .down:hover:before { color: #133687;}
.visual .down .border-svg{ z-index:10;}

.border-svg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform: rotate(-90deg); pointer-events: none;}
.outline { fill: none; stroke: #133687; stroke-width:2; stroke-dasharray:210; stroke-dashoffset:210; stroke-linecap:round;}

/* frecce */

.block.presentation .arrow-draw { width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; position: relative; text-decoration: none; transition: transform 0.3s ease;}
.block.presentation .swiper-prev a, .block.presentation .swiper-next a{ border-radius:50%;}
.block.presentation .arrow-draw svg, .block.presentation .arrow-draw .outline { pointer-events:none;}
.block.presentation .swiper-prev .arrow-draw:before { content: "\ef7d"; font-family: 'Material Symbols Outlined'; font-size:40px; color: #133687; font-weight: 200; }
.block.presentation .swiper-prev a:hover, .block.presentation .swiper-next a:hover{ background:rgba(255,255,255,0.5); backdrop-filter: blur(10px);}
.block.presentation .swiper-next .arrow-draw:before { content: "\e941"; font-family: 'Material Symbols Outlined'; font-size:40px; color: #133687; font-weight: 200; }
.block.presentation .border-svg { position: absolute; top: -5px; left: -5px; width: 70px; height: 70px; transform: rotate(-90deg); pointer-events: none;}
.block.presentation .outline { fill: none; stroke: #133687; stroke-width: 2; stroke-dasharray: 210; stroke-dashoffset: 210; stroke-linecap: round;}

/* blocchi generale */

.block{ padding:100px 0;}
.block.color1{ background:#0B1F3A;}
.block.gray{ background:#f7f7f7;}

.block.pt0{ padding-top:0px !important;}
.block.pb0{ padding-bottom:0px;}
.block h1, .block h2{ font-family: "Google Sans", serif; font-size:60px; line-height:1.1; color:#000; font-weight:300; margin-bottom:0px;}
.block h1 strong, .block h2 strong{ color:#133687;}
.block h1:last-child, .block h2:last-child, .block span.h2:last-child{ margin-bottom:0px;}
.block h3{ font-size:22px; line-height:1.5; color:#000; margin-bottom:15px; text-transform:none; font-weight:400;}
.block h3:last-child{ margin-bottom:0px;}
.block ul, .block ol{ margin:0px; padding:0px; margin-bottom:25px;}
.block ul:last-child, .block ol: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:4px; font-size:12px; color:#000;}
.block h3 + a.readmore{ margin-top:30px;}

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

.block.presentation .top-title{ width:100%; text-align:center;}
.block.presentation .top-title.flex{ display:flex; flex-wrap:nowrap;}
.block.presentation .top-title.center{ align-items:center;}
.block.presentation .top-title h2{ font-size:70px; line-height:1.2; margin:0px; color:#000; font-weight:300;}
.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%;}
.block.presentation .top-title .left{ width:100%; text-align:left;}
.block.presentation .top-title .right{ width:100%;}
.block.presentation .top-title .right a{ float:right;}

/* hero */

.block.hero{ padding:0px; padding-top:160px;}
.block.hero .item{ width:100%; position:relative; padding:0px; overflow:hidden; border-bottom:1px solid #e1e1e1;}
.block.hero .image{ position:absolute; width:100%; height:100%; left:0px; top:0px; z-index:0; overflow:hidden; opacity:1; }
.block.hero .image img{ width:100%; height:140%; object-fit:cover; margin-top:-5%; will-change: transform;}
.block.hero .text{ width:100%; padding:40px 0 100px 0; text-align:center; display:flex; flex-wrap:nowrap; justify-content:center; align-items:center; position:relative; z-index:10;}
.block.hero .text h1{ font-size:70px; line-height:1; color:#133687; font-weight:700;}
.block.hero .text h2{ font-size:46px; line-height:1.2;}
.block.hero .text h1 + h2{ margin-top:15px;}
.block.hero .text h3{  margin-top:10px;}
.block.hero .text .btn{ margin-top:0px; margin-bottom:0px;}
.block.hero .text p{ margin:15px 0;}
.block.hero .text .center{ max-width:1000px;}

.block.hero.thanks .item{ border:0px;}

/* about */

.block.about{ padding-bottom:60px;}


/* intro */

.block.intro{ position:relative;}
.block.intro .top-title{ text-align:left; margin-bottom:20px;}
.block.intro .text{ width:100%; text-align:left; padding-right:30%;}
.block.intro.center .top-title{ text-align:center;}
.block.intro.center .text{ text-align:center; padding:0 20%;}

.block.intro.intro-pt{ padding-top:180px;}

/* team */

.block.team{ padding-bottom:60px;}
.block.team .item{ width:100%; height:0px; position:relative; border-radius:20px; overflow:hidden; padding-bottom:120%; background-size:cover; background-position:30% center; transition: all .3s ease-in-out; overflow:hidden; margin-bottom:40px;}
.block.team .item:before{ content:""; width:100%; height:100%; position:absolute; left:0px; top:0px; background:rgba(0,0,0,0.5); opacity:0;}
.block.team .item:hover{ background-position:50% center;}
.block.team .item .info{ position:absolute; left:0px; bottom:0px; padding:60px 40px; padding-top:0px; opacity:1; visibility:visible; transition: all .5s ease-in-out;}
.block.team .item .info h2{ font-size:32px; line-height:1.1; color:#fff; font-weight:700; margin:0px;}
.block.team .item .info h3{ font-size:20px; line-height:1; color:#fff; margin:0px; margin-top:10px;}
.block.team .item .description{ position:absolute; left:0px; bottom:0px; padding:60px 40px; padding-top:0px; opacity:0; visibility:hidden; transition: all .5s ease-in-out;}
.block.team .item .description p{ color:#fff;}
.block.team .item:hover:before{}
.block.team .item:hover .info{}
.block.team .item:hover .description{ opacity:1; visibility:visible;}

/* box */

.block.boxed .box{ border-radius:20px; overflow:hidden; background: #FFFFFF; background: linear-gradient(45deg, rgba(247, 247, 247, 1) 0%, rgba(231, 231, 231, 1) 100%);}
.block.boxed .box .text-wrap{ padding:60px 80px;}
.block.boxed .box .columns{ display:flex; flex-wrap:nowrap; align-items:center;}
.block.boxed .box .columns .col-image{ width:55%; border-radius:20px; overflow:hidden;}
.block.boxed .box .columns .col-text{ width:45%;}
.block.boxed .box .col-image.right{ order:2;}
.block.boxed .box .colortext.left{ order:1;}
.block.boxed .box .image{ width:100%; border-radius:20px;}
.block.boxed .box .image img{ width:100%; height:120%; object-fit:cover; margin-top:-5%; will-change: transform;}
.block.boxed .box .text-wrap .text h2{ font-size:50px;}
.block.boxed .box + .box{ margin-top:40px;}

.block.boxed.boxed-portfolio .text-wrap .text h2 a{ font-weight:700;}
.block.boxed.boxed-portfolio .text-wrap .text h3{ text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical;}
.block.boxed.boxed-portfolio .text-wrap .text h4{ font-size:20px; line-height:1; color:#666; font-weight:400; margin:0px;}
.block.boxed.boxed-portfolio .box .tags{ margin:20px 0;}
.block.boxed.boxed-portfolio .box .tags ul{ justify-content:left;}
.block.boxed.boxed-portfolio .more{ display:flex; flex-wrap:nowrap; align-items:center; justify-content:center; margin-top:40px; padding:0 30px;}
.block.boxed.boxed-portfolio .more .text01{ margin-right:20px;}

/* box square*/

.block.square-box .box{ border-radius:20px; overflow:hidden; background: #FFFFFF; background: linear-gradient(45deg, rgba(247, 247, 247, 1) 0%, rgba(231, 231, 231, 1) 100%);}
.block.square-box .box .text-wrap{ padding:60px 80px;}
.block.square-box .box .columns{ display:flex; flex-wrap:nowrap; align-items:center;}
.block.square-box .box .columns .col-image{ width:35%; border-radius:20px; overflow:hidden;}
.block.square-box .box .columns .col-text{ width:65%;}
.block.square-box .box .col-image.right{ order:2;}
.block.square-box .box .colortext.left{ order:1;}
.block.square-box .box .image{ width:100%; border-radius:20px;}
.block.square-box .box .image img{ width:100%; height:120%; object-fit:cover; margin-top:-5%; will-change: transform;}
.block.square-box .box .text-wrap .text h2{ font-size:50px;}
.block.square-box .box + .box{ margin-top:40px;}

.block.square-box .box.where .columns .col-image{ width:40%;}
.block.square-box .box.where .columns .col-text{ width:60%;}
.block.square-box .box.where .text h2{ font-size:40px;}
.block.square-box .box.where .text .actions{ margin-top:20px;}
.block.square-box .box.where .text .actions ul{ margin:0 -5px; display:flex; flex-wrap:nowrap; align-items:center;}
.block.square-box .box.where .text .actions ul li{ padding:0 5px;}
.block.square-box .box.where .text .actions ul li:before{ display:none;}

/* carousel brand */

.block.carousel-brands{ padding:20px 0 0 0; overflow:hidden;}
.block.carousel-brands .text-fixed{ position:absolute; left:100px; top:50%; transform: translateY(-50%); z-index:10; color:#000; font-size:20px; line-height:1;}
.block.carousel-brands .box-wrap{ position:relative;}
.block.carousel-brands .box{ overflow: hidden; width: 100%;}
.block.carousel-brands .item-wrap { display: flex; flex-wrap: nowrap; width: max-content;}
.block.carousel-brands .item { flex-shrink:0;  padding: 0 10px;}
.block.carousel-brands .item img { height: 100px; width: auto;}
.block.carousel-brands .box-wrap:before{ content:""; width:33%; height:100%; position:absolute; left:0px; top:0px; z-index:10; background:#fff;
background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0) 100%);}

/* steps */

.block.steps{ padding-bottom:60px;}
.block.steps .top-title{ text-align:left; padding-right:10%; margin-bottom:60px;}
.block.steps .top-title h2{ font-size:40px; line-height:1.3;}
.block.steps .item{ width:100%; background:#f4f4f4; border-radius:20px; opacity:0; margin-bottom:40px; transform: translateY(100px); will-change: transform, opacity; transition: all .3s ease-in-out; }
.block.steps .item .wrap{ width:100%; height:400px; position:relative; padding:40px;}
.block.steps .item .number{ font-size:20px; font-weight:700; color:#133687;}
.block.steps .item .bottom{ position:absolute; left:0px; bottom:0px; padding:40px; padding-top:0px;}
.block.steps .item .bottom .icon{ margin:0px; margin-bottom:20px;}
.block.steps .item .bottom .icon svg{ max-width:100px; width:100%; fill:#000;}
.block.steps .item .bottom .text h3{ font-size:32px; line-height:1.2; margin:0px; font-weight:700; margin-bottom:10px;}
.block.steps .item .bottom .text p{ margin:0px;}
.block.steps .item:hover{ background:#133687;}
.block.steps .item:hover .number{ color:#fff;}
.block.steps .item:hover .bottom .icon svg{ fill:#fff;}
.block.steps .item:hover .bottom .text h3{  color:#fff;}
.block.steps .item:hover .bottom .text p{  color:#fff;}

.block.steps{ padding-bottom:60px;}
.block.steps .item.horizontal{ margin-bottom:40px;}
.block.steps .item.horizontal .wrap{ height:auto;}
.block.steps .item.horizontal .bottom{ position:relative; display:flex; padding:0px; flex-wrap:nowrap; align-items:center;}
.block.steps .item.horizontal .bottom .icon{ margin:0px;}
.block.steps .item.horizontal .bottom .icon svg{ max-width:120px; height:120px;}
.block.steps .item.horizontal .bottom .text{ width:calc(100% - 120px); padding-left:30px;}

/* item with icon*/

.block.item-with-icon{ }
.block.item-with-icon .item{ width:100%; background:#f4f4f4; border-radius:20px;}
.block.item-with-icon .item .bottom{ position:relative; display:flex; padding:40px; flex-wrap:nowrap; align-items:start;}
.block.item-with-icon .item .bottom .icon{ margin:0px;}
.block.item-with-icon .item .bottom .icon svg{ max-width:160px; height:160px;}
.block.item-with-icon .item .bottom .text{ width:calc(100% - 160px); padding-left:40px;}
.block.item-with-icon .item .bottom .text h2{ font-size:46px;}
.block.item-with-icon .item + .item{ margin-bottom:40px;}


/* progetti */

.block.projects{ position:relative; overflow:hidden;}
.block.projects .container-fluid{ padding-right:0px;}
.block.projects .col-carousel{ display:block;}
.block.projects .text-intro h2 + .btn{ margin-top:20px;}
.block.projects .items-wrap{ position:relative;}
.block.projects .items-wrap:after{ content:""; width:20%; height:100%; position:absolute; right:0px; top:0px; z-index:10; background:#fff; background: linear-gradient(-90deg, rgba(255, 255, 255, 0.85) 0%, rgba(255, 255, 255, 0) 100%); pointer-events: none;}
.block.projects .item{ margin-bottom:0px; position:relative; border-radius:20px; overflow:hidden;}
.block.projects .item .link a{ width:100%; height:100%; position:absolute; left:0px; top:0px; z-index:4;}
.block.projects .item .image{ margin-bottom:0px; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.block.projects .item .image:before{ content:""; width:100%; height:100%; position:absolute; left:0px; top:0px; background:#e1e1e1; background: linear-gradient(45deg, rgba(225, 225, 225, 1) 0%, rgba(225, 225, 225, 0) 50%, rgba(225, 225, 225, 0) 100%);}
.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{ max-width:60%; font-size:36px; line-height:1; font-weight:700; color:#133687; margin:0px; margin-bottom:5px;}
.block.projects .item .text h3{ font-size:20px; line-height:1; color:#666; margin:0px;}
.block.projects .item:hover .action{ opacity:1;}
.block.projects .item:hover .image{ filter: grayscale(0);}
.block.projects .swiper-container{ width:110%;}
.block.projects .swiper-arrow a { position: absolute; top: 50%; margin-top: -30px; z-index: 10; background: transparent; }
.block.projects .swiper-arrow.swiper-prev a { left:20px; }
.block.projects .swiper-arrow.swiper-next a { right:20px; }

.block.projects.project-carousel .swiper-arrow.swiper-prev a{ left:-40px}
.block.projects.project-carousel .swiper-arrow.swiper-next a{ right:40px}

.block.projects.homepage .swiper-arrow.swiper-prev a{ display:none;}


/* card home page   */

.block.services-carousel{ position: relative; width:100vw; height:100vh; overflow: hidden; padding:0px;}
.block.services-carousel .services-carousel-wrapper{ gap:0px; width: fit-content; display: flex; border-radius:20px; overflow:hidden; height:calc(100vh - 40px); margin:20px 0;}
.block.services-carousel .services-carousel-wrapper .services-carousel-box{ width:650px; min-height:800px; height:inherit; position:relative; padding:0 80px; display: flex; align-items:center; min-height:inherit; padding-bottom:120px; background: #FFFFFF; background: linear-gradient(45deg, rgba(255, 255, 255, 1) 0%, rgba(231, 231, 231, 1) 100%); overflow:hidden;}
.block.services-carousel .services-carousel-wrapper .services-carousel-box .inner{ width:100%;}
.block.services-carousel .services-carousel-wrapper .services-carousel-box .number {font-size:200px; font-weight:400; line-height:0.7; letter-spacing:-0.02em; display: inline-block; margin-left:-20px;}
.block.services-carousel .services-carousel-wrapper .services-carousel-box h2 { font-size:55px; text-transform:none; margin-top:40px;}

.block.services-carousel .service-hero{ width:100vw; height:100%; position:relative;}
.block.services-carousel .service-hero .bg-desktop{ width:100%; height:100%; position:absolute; z-index:5; background-size:cover; display:block;}
.block.services-carousel .service-hero .bg-mobile{ width:100%; height:100%; position:absolute; z-index:5; background-size:cover; display:none;}
.block.services-carousel .service-hero .numbers{ width:auto; margin-top:40px;}
.block.services-carousel .service-hero .numbers ul{ display:flex; flex-wrap:nowrap; padding:0px; margin:0 -10px;}
.block.services-carousel .service-hero .numbers ul li{ padding:0 10px;}
.block.services-carousel .service-hero .numbers ul li:before{ display:none;}
.block.services-carousel .service-hero .numbers ul li .item-number{ padding:20px 30px; background:rgba(255,255,255,0.5); backdrop-filter: blur(10px);}
.block.services-carousel .service-hero .numbers ul li .item-number p{ font-size:16px;}
.block.services-carousel .service-hero .numbers ul li .item-number h3{ font-size:40px;}
.block.services-carousel .service-hero-content{ width:100%; height:100%; position:relative; display:flex; flex-wrap:nowrap; align-items:center; z-index:10;}
.block.services-carousel .service-hero-content:before{ content:""; width:50%; height:100%; position:absolute; left:0px; top:0px; background: #E1E1E1;
background: linear-gradient(90deg, rgba(225, 225, 225, 1) 0%, rgba(225, 225, 225, 0) 100%);}
.block.services-carousel .service-hero-content .inner{ width:100%;}
.block.services-carousel .service-hero-content .container-fluid{ width:100%;}
.block.services-carousel .service-hero-content .box{ width:100%;}
.block.services-carousel .service-hero-content .box .logo{ height:60px; margin-bottom:20px;}
.block.services-carousel .service-hero-content .box h2{ max-width:80%; color:#133687; font-size:50px; line-height:1.1; font-weight:300; position:relative; z-index:2; margin-bottom:20px; text-transform:none;}
.block.services-carousel .service-hero-content .box p{ max-width:600px; font-size:22px; line-height:1.5; color:#000; font-weight:400; position:relative; z-index:2; margin-bottom:0px;}
.block.services-carousel .service-hero .tablet{ display:none;}

/* punti chi siamo */

.block.approach{ overflow:hidden;}
.block.approach .text h2 + h3{ margin-top:10px;}
.block.approach .approach-wrapper{}
.block.approach .approach-wrapper .approach-item{ display: grid; gap: 10px 50px; grid-template-columns: 60px 1fr 400px; align-items: flex-start; padding-top: 24px; padding-bottom: 24px; border-bottom: 1px solid #e1e1e1;}
.block.approach .approach-wrapper .approach-item:first-child{ padding-top:0px;}
.block.approach .approach-wrapper .approach-item:last-child{ padding-bottom:0px; border:0px;}
.block.approach .approach-wrapper .approach-item .number{ font-size:32px; font-weight:700; color:#133687; line-height:1;}
.block.approach .approach-wrapper .approach-item h3{ font-size:32px; font-weight:400; line-height:1;}

/* testimonianze */

.block.testimonials{ position:relative; padding-bottom:75px;}
.block.testimonials .text img.icon{ width:100px; margin-bottom:20px;}
.block.testimonials .carousel{ margin-top:40px;}
.block.testimonials .swiper-container{  width:100%; padding-bottom:0px;}
.block.testimonials .swiper-slide { height: auto; padding:25px 0;}
.block.testimonials .item{ height:100%; position:relative; text-align:center; padding:80px 40px 120px 40px; border-radius:20px; background: #FFFFFF; background: linear-gradient(45deg, rgba(247, 247, 247, 1) 0%, rgba(231, 231, 231, 1) 100%);}
.block.testimonials .item .image{ width:100px; height:100px; position:absolute; top:-20px; left:50%; margin-left:-50px; border-radius:50%; overflow:hidden; box-shadow:0px 0px 10px rgba(0,0,0,0.1);}
.block.testimonials .item .image:before{ content:""; width:100%; height:100%; position:absolute; left:0px; top:0px; background:#e1e1e1; background: radial-gradient(circle, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, rgba(247, 247, 247, 1) 100%);}
.block.testimonials .item .stars{ margin-bottom:10px; display:flex; justify-content:center;}
.block.testimonials .item .stars span{ width:30px; font-size:45px; color:#25aae1; display: inline-block; text-align:center; font-variation-settings: 'FILL' 1, 'wght' 100, 'GRAD' 0, 'opsz' 48; -moz-font-feature-settings: "FILL" 1;  font-feature-settings: "FILL" 1;}
.block.testimonials .item p{ color:#000; line-height:1.4; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:6; -webkit-box-orient: vertical;}
.block.testimonials .item .name{ width:100%; position:absolute; left:0px; bottom:60px; padding:0 20px;}
.block.testimonials .item .name h3{ font-size:26px; line-height:1; color:#133687; font-weight:700; margin-bottom:5px;}
.block.testimonials .item .name h4{ font-size:20px; line-height:1; color:#666; font-weight:400; white-space:normal;}
.block.testimonials .swiper-arrow a { position: absolute; top: 50%; margin-top: -30px; z-index: 10; background: transparent; }
.block.testimonials .swiper-arrow.swiper-prev a { left:40px; }
.block.testimonials .swiper-arrow.swiper-next a { right:40px; }

.block.testimonials.detail-page{ padding-bottom:100px;}
.block.testimonials.detail-page .item-wrap{ width:100%; column-count:3; column-gap:20px; width: 100%; }
.block.testimonials.detail-page .item-wrap .item{ display:block; width:100%; height:auto; margin-bottom:40px; break-inside:avoid; opacity:0;}
.block.testimonials.detail-page .item p{ display:block;}

.block.testimonials.fullwidth .item p{ display:block;}
.block.testimonials.fullwidth .item + .item{ margin-top:60px;}

.block.testimonials.thanks{ padding-bottom:100px;}


/* archive */

.block.archive .item{ margin-bottom:60px;}
.block.archive .item .image{ border-radius:20px; overflow:hidden; margin-bottom:40px;}
.block.archive .item .text h3{ font-size:20px; line-height:1; color:#25aae1; margin:0px; margin-bottom:10px;}
.block.archive .item .text h2{ font-size:32px; padding-right:20px; line-height:1.2; margin:0px; font-weight:700; margin-bottom:10px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical;}
.block.archive .item .text h2 a{ color:inherit; font-weight:inherit;}
.block.archive .item .text h2 a:hover{ color:#133687;}
.block.archive .item .text p {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical;}

.block.archive-carousel .carousel{ margin-top:40px;}
.block.archive-carousel .swiper-container{ width:100%; padding-bottom:0px;}
.block.archive-carousel .swiper-slide{ height: auto;}
.block.archive-carousel .swiper-arrow a{ position: absolute; top: 50%; margin-top: -30px; z-index: 10; background: transparent; }
.block.archive-carousel .swiper-arrow.swiper-prev a{ left:40px;}
.block.archive-carousel .swiper-arrow.swiper-next a{ right:40px;}
.block.archive-carousel .item{ margin-bottom:0px;}
.block.archive-carousel .item .text p{ display:none;}

/* altri progetti */

.block.other-projects.landing{ padding-bottom:40px;}
.block.other-projects .item{ width:100%; margin-bottom:60px;}
.block.other-projects .item .image{ width:100%; border-radius:20px; overflow:hidden; margin-bottom:20px;}
.block.other-projects .item .image img{ width:100%; height:auto;}
.block.other-projects .item .text h4{ font-size:20px; line-height:1; color:#666; font-weight:400; margin:0px;}
.block.other-projects .item .text h2{ font-size:40px; padding-right:20px; line-height:1.2; margin:0px; font-weight:700; margin-bottom:0px;}
.block.other-projects .item .text h2 a{ color:inherit; font-weight:inherit;}
.block.other-projects .item .text h2 a:hover{ color:#133687;}
.block.other-projects .item .text p {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical;}
.block.other-projects .item .tags{ margin-top:20px;}
.block.other-projects .item .tags ul{ justify-content:left;}


/* post */

.block.post{ padding-top:160px;}
.block.post .container{ max-width:1200px;}
.block.post .article .top{ text-align:center; margin-bottom:40px;}
.block.post .article .top h3{ font-size:20px; line-height:1; color:#25aae1; margin:0px; margin-bottom:10px;}
.block.post .article .top h1{ font-weight:700; color:#133687;}
.block.post .article .text .image{ max-width:500px; float:right; border-radius:20px; overflow:hidden; margin:0 0 40px 40px;}
.block.post .article .text h2{ font-size:32px; line-height:1.2; font-weight:700; color:#133687;}
.block.post .article .text h3{ font-size:26px; line-height:1.2; font-weight:700; color:#000;}
.block.post .article .text h4{ font-size:22px; line-height:1.2; font-weight:700; color:#000;}
.block.post .article .text h3 + h2{ margin-top:10px;}
.block.post .article .text h2 + .btn{ margin-top:20px;}
.block.post .article .text hr{ border-color:transparent; margin:20px 0;}
.block.post .article .text .box{ padding:60px 40px; border-radius:20px; background: #FFFFFF; background: linear-gradient(45deg, rgba(247, 247, 247, 1) 0%, rgba(231, 231, 231, 1) 100%);}

/* portfolio */

.block.detail-portfolio{ padding-top:160px;}
.block.detail-portfolio .top{ width:100%; text-align:center;}
.block.detail-portfolio .top h1{ font-weight:700; color:#133687;}
.block.detail-portfolio .top h4{ font-size:20px; line-height:1; color:#666; font-weight:400; margin:0px;}
.block.detail-portfolio .top .tags{ margin:20px 0 0 0;}
.block.detail-portfolio .intro{ padding:0 20%; text-align:center; margin-bottom:0px;}
.block.detail-portfolio .top + .intro{ margin-top:40px;}
.block.detail-portfolio .item-data-wrap{ padding-top:40px; border-top:1px solid #e1e1e1;}
.block.detail-portfolio .item-data-wrap .item-data{}
.block.detail-portfolio .row-data [class*="col-"]{ border-right:1px solid #e1e1e1;}
.block.detail-portfolio .row-data [class*="col-"]:last-child{ border:0px;}
.block.detail-portfolio .gallery-wrapper{ display: grid; gap:40px; grid-template-columns: 1fr 1fr 1fr;}
.block.detail-portfolio .gallery-wrapper > *:nth-child(1){ grid-column: span 2;}
.block.detail-portfolio .gallery-wrapper > *:nth-child(3){ grid-column: span 3;}
.block.detail-portfolio .gallery-wrapper > *:nth-child(5){ grid-column: span 2;}
.block.detail-portfolio .gallery-wrapper .image { border-radius:20px; overflow:hidden;}
.block.detail-portfolio .gallery-wrapper .image img{ width:100%; height:100%; object-fit:cover; object-position:center center; display:block;}

/* portfolio scroller*/

.block.portfolio-scroller { }
.block.portfolio-scroller .notebook-frame-wrap{ width:100%; display:flex; justify-content:center; margin-bottom:60px;}
.block.portfolio-scroller .notebook-frame-wrap .center{ width:100%; max-width:1000px;}
.block.portfolio-scroller .notebook-frame{ width:100%; height:0px; padding-bottom:62.5%; border:15px solid #222; border-radius:20px; background: #000; position: relative; box-shadow: 0 20px 50px rgba(0,0,0,0.2);}
.block.portfolio-scroller .notebook-frame .screen-viewport{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; background: #fff; border-radius:10px; overflow:hidden;}
.block.portfolio-scroller .notebook-frame .screenshot { width: 100%; height: auto; position: absolute; top: 0; left: 0; opacity: 0; will-change: transform;
  transform: translateZ(0); backface-visibility: hidden; perspective: 1000px; -webkit-font-smoothing: subpixel-antialiased;}

.block.portfolio-scroller .mini-frame-columns{ display:flex; flex-wrap:wrap; margin:0 -20px;}
.block.portfolio-scroller .mini-frame-columns .mini-frame-column{ width:33.33%; padding:0 20px;}

.block.portfolio-scroller .mini-frame{ width: 100%; height: 0;  padding-bottom:62.5%; position: relative; border: 1px solid #e1e1e1;  border-radius: 10px;  background: #000; overflow: hidden; box-shadow: 0 20px 50px rgba(0,0,0,0.1);}
.block.portfolio-scroller .mini-frame .screenshot-static { width: 100%; height: auto; position: absolute; top: 0; left: 0; opacity: 1; /* Sempre visibili */ will-change: transform;}

/* faq */

.block.faq .accordion{ counter-reset: accordion;}
.block.faq .accordion .accordion-item{ background-color: transparent; border: none; border-bottom: 1px solid #e1e1e1; position: relative; transition: all 0.5s; padding:20px 0; padding-left:100px; }
.block.faq .accordion .accordion-item:first-child{ padding-top:0px;}
.block.faq .accordion .accordion-item:first-child:before{ top:0px;}
.block.faq .accordion .accordion-item:last-child{ padding-bottom:0px; border:0px;}
.block.faq .accordion .accordion-item .accordion-button{ width:100%; font-size:28px; font-weight:300; line-height:1; outline:0; background:none; box-shadow: none; border:0px; text-align:left;}
.block.faq .accordion .accordion-item .accordion-button:after{ content: "\e145"; font-family: 'Material Symbols Outlined'; position:absolute; right:0px;}
.block.faq .accordion .accordion-item .accordion-button:not(.collapsed) { pointer-events: none;}
.block.faq .accordion .accordion-item .accordion-button:not(.collapsed)::after { content: "\e15b";}
.block.faq .accordion .accordion-item:before{ counter-increment: accordion; content: counter(accordion, decimal-leading-zero); font-size:28px; line-height: 1; position: absolute; top: 20px; left: 0px; transition: all 0.5s; font-weight:700; color:#133687;}
.block.faq .accordion .accordion-item .accordion-body{ padding-top:10px;}


/* mappa */

.block.map{}
.block.map .iframe{ width:100%; height:600px; border-radius:20px; background:#e1e1e1;}
.block.map .iframe .map-content{ padding:20px;}
.block.map .iframe .map-content h2{ font-family:"Google Sans", serif; font-size:22px; line-height:1; color:#133687; font-weight:700; margin-bottom:10px;}
.block.map .iframe .map-content p{ font-family:"Google Sans", serif; font-size:16px; line-height:1.4; margin-bottom:0px;}

/* contatti */

.block.contacts{ position:relative;}
.block.contacts .item{ width:100%;}
.block.contacts .item h2{ color:#000;}
.block.contacts .form{ margin-top:40px;}
.block.contacts .form .form-group{ position:relative;}
.block.contacts .form .form-group h2{ font-size:36px; line-height:1; color:#ccd417;}
.block.contacts .form .form-group > label{ position:absolute; top:0px; margin:0px; margin-top:-12px; background:#fff; padding:0 10px 0 0; z-index:2;}
.block.contacts .box-wrap{ width:100%; height:100%; float:left; display:flex; flex-wrap:nowrap; align-items:start; position:relative; overflow:hidden;}
.block.contacts .box{ clear:both; width:100%; float:left; text-align:left; }
.block.contacts .main{ position:relative; z-index:3; margin-bottom:20px;}
.block.contacts .main h2{ font-size:36px; font-weight:700; text-transform:none;}
.block.contacts .main p{ font-size:20px;}
.block.contacts .main a{ font-weight:700;}
.block.contacts .main a:hover{ color:#25aae1;}
.block.contacts .social{ width:auto; float:left;}
.block.contacts .social ul{ float:left; margin:0; width:auto; line-height:normal;}
.block.contacts .social li{ width:auto; float:left; padding:0px; margin:0 5px 0 0;}
.block.contacts .social li:before{ display:none;}
.block.contacts .social li a{ width:48px; height:48px; float:left; position:relative; font-size:18px; line-height:48px; text-align:center; background:#000; color:#fff; border-radius:50%;}
.block.contacts .social li.facebook a{ background:#3b5999;}
.block.contacts .social li.linkedin a{ background:#0a66c2;}
.block.contacts .social li a:hover{ background:#133687 !important;}

.block.contacts-project{ padding-top:180px; text-align:center;}
.block.contacts-project h2, .block.contacts-project h3{ text-align:center;}
.block.contacts-project .check > span{ display:inline-block;}

/* privacy */

.block.page .text h2{ font-size:32px; line-height:1.2; font-weight:700; color:#133687;}
.block.page .text h3{ font-size:26px; line-height:1.2; font-weight:700; color:#000;}
.block.page .text h4{ font-size:22px; line-height:1.2; font-weight:700; color:#000;}
.block.page .text h3 + h4{ margin-top:10px;}

/* footer */

.footer{ width:100%; position:relative; background: #0B1F3A; background: linear-gradient(45deg, rgba(11, 31, 58, 1) 0%, rgba(35, 88, 158, 1) 100%); padding:80px 0 120px 0; overflow:hidden;}
.footer:before{ content:""; width:100%; height:100%; position:absolute; left:0px; top:0px; background:url(../images/symbol.png); background-size:1200px auto; background-position:right center; background-repeat:no-repeat; opacity:0.1;}
.footer .footer-row{ padding:0px; margin-bottom:20px;}

.footer .widget{ font-size:inherit; width:100%; float:left; margin-bottom:40px;}
.footer .widget h4{ font-size:26px; line-height:1.2; color:#fff; font-weight:500; margin-bottom:20px;}
.footer .widget p{ font-size:16px; line-height:24px; color:#fff; font-weight:400;}

.footer .widget.widget-company .logo{ margin-bottom:30px;}
.footer .widget.widget-company .logo img{ height:50px;}
.footer .widget.widget-company .social{ margin-top:20px;}
.footer .widget.widget-company a{ color:#25aae1;}
.footer .widget.widget-company a:hover{ color:#fff;}
.footer .widget.widget-company .social{ width:auto; float:left;}
.footer .widget.widget-company .social span.text{ font-size:13px; line-height:18px; font-weight:400; float:left; color:#fff; margin-right:10px;}
.footer .widget.widget-company .social ul{ float:left; margin:0; width:auto; line-height:normal;}
.footer .widget.widget-company .social li{ width:auto; float:left; margin:0 5px 0 0;}
.footer .widget.widget-company .social li a{ width:40px; height:40px; float:left; position:relative; font-size:18px; line-height:40px; text-align:center; background:#000; color:#fff; border-radius:50%;}
.footer .widget.widget-company .social li.facebook a{ background:#3b5999;}
.footer .widget.widget-company .social li.linkedin a{ background:#0a66c2;}
.footer .widget.widget-company .social li a:hover{ background:#133687 !important;}

.footer .widget.widget-list .text h4{ color:#fff;}
.footer .widget.widget-list .text ul{ margin:0px; padding:0px;}
.footer .widget.widget-list .text li{ position:relative; padding-left:30px; font-size:16px; line-height:1.5; margin:0px; margin-bottom:5px;}
.footer .widget.widget-list .text ul li:before{ content:"\e941"; font-family: 'Material Symbols Outlined'; font-weight:100; font-size:21px; line-height:1; text-align:left; position:absolute; top:0px; left:0px; color:#fff;}
.footer .widget.widget-list .text ul li a{ color:#fff; font-weight:400;}
.footer .widget.widget-list .text ul li.all{ margin-top:10px;}
.footer .widget.widget-list .text ul li.all a{ color:#25aae1;}
.footer .widget.widget-list .text ul li.all:before{ color:#25aae1;}
.footer .widget.widget-list .text ul li a:hover{ color:#25aae1;}

.footer .widget.widget-blog .text h4{ color:#fff;}
.footer .widget.widget-blog .text ul{ display:flex; flex-wrap:nowrap; margin:0 -20px; padding:0px;}
.footer .widget.widget-blog .text li{ width:33.33%; padding:0 20px; font-size:16px; line-height:1.5; margin:0px;}
.footer .widget.widget-blog .text ul li a{ color:#fff; font-weight:400;}
.footer .widget.widget-blog .text ul li a span.category{ width:100%; float:left; font-size:16px; color:#25aae1; line-height:1; margin-bottom:10px;}
.footer .widget.widget-blog .text ul li a span.article{ width:100%; max-width:90%; float:left; font-size:18px; line-height:1.4; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;}
.footer .widget.widget-blog .text ul li a:hover span.article{ color:#25aae1;}

.footer .footer-extra{ padding:0px; background:none; position:relative; z-index:2; text-align:left;}
.footer .footer-extra .row{ padding:0px;}
.footer .footer-extra p{ font-size:13px; line-height:1.6; color:#e1e1e1; font-weight:400;}
.footer .footer-extra span{ margin:0 5px; font-weight:400;}
.footer .footer-extra a{ color:#e1e1e1; font-weight:400;}
.footer .footer-extra a:hover{ color:#25aae1;}

/* 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; display:none !important;}
.modal.in { display:flex !important; align-items:center; flex-direction: column; justify-content:center;}
.modal-open .modal{ overflow:auto;}
.modal-backdrop{ z-index:99999; background:#f4f4f4;}
.modal-backdrop.in{ opacity:0.75;}
.modal .modal-dialog{ width:100%; max-width:1000px; margin:0px; overflow:auto !important; box-shadow:0px 0px 100px rgba(0,0,0,0.2);}
.modal.in .modal-dialog{ top:auto; transform:none;}
.modal-body{ padding:30px;}
.modal .modal-content{ border-radius:0px; border:0px;}
.modal .close{ width:40px; height:40px; position:absolute; background-color:#fff; background-image:url(../images/icon-close.png); background-size:30px 30px; background-repeat:no-repeat; background-position:center center; top:0px; right:0px; opacity:1; z-index:9999;}
.modal .modal-body{ border-radius:0px; padding:0px;}
.modal .modal-body .image{ width:100%; background-size:cover; background-position:center center;}
.modal .modal-body .image img{ display:none;}
.modal .modal-body .text{ padding:60px 40px;}
.modal .modal-body .text h3{ font-size:22px; line-height:28px; color:#000; font-weight:400; margin-bottom:10px;}
.modal .modal-body .text h2{ font-size:34px; line-height:34px; color:#133687; margin-bottom:10px;}
.modal .modal-body .text h3 + h2{ margin-top:0px;}
.modal .modal-body .text p + .btn{ margin-top:20px;}
.modal .modal-body .text .btn{ width:100%; padding:15px 20px; font-size:20px;}

/* banner fixed */

.banner-fixed{ width:100%; z-index:9999; background: #0B1F3A; background: linear-gradient(-45deg, rgba(11, 31, 58, 1) 0%, rgba(35, 88, 158, 1) 100%); position:fixed; left:0px; bottom:0px; transition: all .5s ease-in-out; visibility:hidden; opacity:0;} 
.banner-fixed.show{ visibility:visible; opacity:1;}
.banner-fixed .box{ display:flex; flex-wrap:nowrap; justify-content:center; align-items:center; padding:0px; border-top-left-radius:20px; border-top-right-radius:20px;}
.banner-fixed .box .text01{ width:50%; font-size:24px; line-height:1; color:#fff; text-align:right; text-transform:uppercase; font-weight:700; padding:25px 0; padding-right:40px;}
.banner-fixed .box .text01 .br-mobile{ display:none;}
.banner-fixed .box .text02{ width:50%; font-size:22px; line-height:1; color:#fff; text-align:left; text-transform:none; font-weight:400; padding:25px 0; padding-left:40px;}
.banner-fixed .box .action{ width:auto; text-align:center;}
.banner-fixed .box .action .btn{ font-weight:400; background:#25aae1; border-color:#25aae1;}
.banner-fixed .box .action .btn:hover{ background:#133687; border-color:#133687;}

/* numeri */

.block.presentation .item-number{ width:100%; min-width:225px; padding:30px 40px; border-radius:10px; background:#f4f4f4;}
.block.presentation .item-number p{ font-size:18px; font-weight:400; line-height:1; color:#666; margin:0px; margin-bottom:5px;}
.block.presentation .item-number h3{ font-size:50px; font-weight:500; letter-spacing:-2px; line-height:1; margin:0px;}

/* data */

.block.presentation .item-data{ width:100%; min-width:225px; text-align:center;}
.block.presentation .item-data p{ font-size:18px; font-weight:400; line-height:1; color:#666; margin:0px; margin-bottom:10px;}
.block.presentation .item-data h3{ font-size:20px; font-weight:400; line-height:1; margin:0px;}

/* tag */

.block.presentation .tags{ width:100%; text-align:center;}
.block.presentation .tags ul{ display:flex; flex-wrap:wrap; justify-content:center; margin:0 -2.5px;}
.block.presentation .tags ul li{ padding:0px 2.5px; margin:0px;}
.block.presentation .tags ul li:before{ display:none;}
.block.presentation .tags ul li a{ border-radius:20px; font-size:11px; line-height:1; padding:5px 15px; background:#25aae1; color:#fff; font-weight:400; text-transform:uppercase;}
.block.presentation .tags ul li a:hover{ background:#133687;}


/* animazioni */

.block.presentation  .text-reveal{ opacity:0; transform:translateY(50px);}

.block.presentation .text-invert h2{ display: inline; line-height: 1.4;}
.block.presentation .text-invert h2, 
.block.presentation .text-invert h2 strong{  background-size: 200% 100%; background-position-x: 100%; color: transparent; -webkit-background-clip: text; background-clip: text; transition: background-position 0s;}
.block.presentation .text-invert h2 { background-image: linear-gradient(to right, #000000 50%, #e1e1e1 50%);}
.block.presentation .text-invert h2 strong { background-image: linear-gradient(to right, #133687 50%, #e1e1e1 50%); font-weight: bold;}

/* old version */

.wrapper.oldversion .block.presentation h2 span{ font-weight:700; color:#133687;}
.wrapper.oldversion .block.presentation h2 + h3{ margin-top:10px;}
.wrapper.oldversion .block.presentation h2 + .btn{ margin-top:20px;}

.wrapper.oldversion .block.presentation h3.bluebig{ font-weight:700; line-height:1.2; color:#133687; text-transform:uppercase;}
.wrapper.oldversion .block.presentation .videohome{ border-radius:20px; overflow:hidden;}
.wrapper.oldversion .block.presentation .videohome img{ width:100%; height:auto;}
.wrapper.oldversion .block.brands-landing{ padding-bottom:80px;}
.wrapper.oldversion .block.brands-landing .item-wrap{ display:flex; flex-wrap:wrap; margin:0 -10px;}
.wrapper.oldversion .block.brands-landing .item-wrap .item{ width:12.5%; float:left; padding:0 10px; margin-bottom:20px;}
.wrapper.oldversion .block.portfolio-webapp .figure{ border-radius:20px; overflow:hidden;}
.wrapper.oldversion .block.hero .text .center{ max-width:100%;}

.wrapper.oldversion .block.presentation h2{ font-size:46px;}
.wrapper.oldversion .block.archive .item .text h2{ font-size:32px;}
.wrapper.oldversion .block.other-projects .item .text h2{ font-size:40px;}
.wrapper.oldversion .block.presentation .top-title h2{}

.wrapper.oldversion .block.insights{ padding-top:0px;}
.wrapper.oldversion .block.insights .box{ padding-top:0px; text-align:center;}
.wrapper.oldversion .block.insights .tags{ margin-top:10px;}
.wrapper.oldversion .block.insights .tags ul{ justify-content:center;}

.wrapper.oldversion .block.item-with-icon + .block.testimonials.fullwidth{ padding-top:60px;}
.wrapper.oldversion .block.presentation p + .box-evidence{ margin-top:40px;}
.wrapper.oldversion .block.presentation ul + .box-evidence{ margin-top:40px;}
.wrapper.oldversion .block.presentation h3 + .box-evidence{ margin-top:40px;}
.wrapper.oldversion .block.presentation .box-evidence{ width:100%; border:1px solid #e1e1e1; padding:40px; text-align:center; border-radius:20px;}
.wrapper.oldversion .block.presentation .box-evidence h3 + h2{ margin-top:20px;}
.wrapper.oldversion .block.presentation .box-evidence h2{ font-size:40px;}
.wrapper.oldversion .block.presentation .box-evidence h3 + .btn{ margin-top:10px;}
.wrapper.oldversion .block.presentation .box-evidence .btn + h3{ margin-top:20px;}



@media (max-width: 1700px){
	
	.header .sf-mega .box-megamenu .intro{ width:25%; padding:40px;}
	.header .sf-mega .box-megamenu .list{ width:75%;}
	.header .sf-mega .box-megamenu .list .menu-wrap{ padding:40px;}
	
}

@media (max-width: 1600px){

	.header .sf-mega .box-megamenu .intro .intro-title{ font-size:30px;}
	.header .sf-mega .box-megamenu .list .menu-wrap .menu .menu-title{ font-size:24px;}
	.header .sf-mega .box-megamenu .list .menu-wrap .menu + .menu{ margin-top:15px;}


}

@media (min-width: 1500px) {
	
	.container{ width:1400px;}
	
}

@media (max-width: 1499px) {
	
	.container-fluid{ padding:0 60px;}
	.container{ width:1300px;}
	
	.content .row + .row{ margin-top:40px;}
	
	.header .navbar a.navbar-brand{ line-height:90px;}
	.header .navbar a.navbar-brand img{ height:45px;}
	.header .navbar-nav > li > a{ padding:35px 0;}
	.header .navbar-nav > li.demo{ margin-left:25px; margin-top:20px;}
	.header .navbar-nav > li.demo > a{ padding-left:25px; padding-right:25px;}
	
	.visual-content .box .actions{ margin-top:30px;}
	.visual-image .hero-tablets .tablet.t1{ top:20%}
	.visual-image .hero-tablets .tablet.t2{ top:30%}
	.visual-image .hero-tablets .tablet.t3{ top:60%}
	
	.topbar:before{ width:calc(100% - 120px); left:60px;}
	.block.carousel-brands .text-fixed{ left:60px;}
	
	.block{ padding:80px 0;}
	
	.block.steps .top-title{ padding-right:5%;}
	.block.intro.center .text{ padding:0 15%;}
	
	.btn{ padding-left:25px; padding-right:25px;}
	
	.block.boxed .box .text-wrap{ padding:60px;}
	
	.block.projects .row.row60{ margin:0 -40px;}
	.block.projects .row.row60 > [class*="col-"]{ padding-left:40px; padding-right:40px;}
	
	.block.testimonials{ padding-bottom:55px;}
	.block.testimonials.thanks{ padding-bottom:80px;}
	.block.testimonials.detail-page{ padding-bottom:80px;}
	
	.block.hero .text{ padding:20px 0 80px 0;}
	
	.banner-fixed .box .text01{ padding-right:30px;}
	.banner-fixed .box .text02{ padding-left:30px;}
	
	.block.square-box .box .text-wrap{ padding:60px;}
	
	.block.boxed.boxed-portfolio .box .columns .col-image{ width:60%;}
	.block.boxed.boxed-portfolio .box .columns .col-text{ width:40%;}
	
	.block.detail-portfolio .gallery-wrapper{ gap:30px;}
	
	.block.portfolio-scroller .mini-frame-columns{ margin:0 -15px;}
	.block.portfolio-scroller .mini-frame-columns .mini-frame-column{ padding:0 15px;}
	
	.block.post .article .text .box{ padding:40px;}
	
	.block.services-carousel .services-carousel-wrapper .services-carousel-box{ width:550px; padding:0 60px;}
	
	.block.map .iframe{ height:500px;}
	
	.block.faq .accordion .accordion-item{ padding-top:15px; padding-bottom:15px;}
	
	.footer:before{ background-size:1000px auto;}
	.footer .widget.widget-company .logo img{ height:45px;}
	
	
	
	/* fonts */
	
	p, li{ font-size:17px;}
	
	.topbar .social span.text{ font-size:12px;}
	.topbar .info p{ font-size:12px;}
	
	.header .navbar-nav > li > a{ font-size:17px;}
	
	.visual-content .box h2{ font-size:60px;}
	.visual-content .box p{ font-size:20px;}
	.visual-content .box h1{ font-size:16px;}
	
	.block h1, .block h2{ font-size:50px;}
	.block.presentation .top-title h2{ font-size:60px;}
	.block h3{ font-size:20px;}
	
	.block.boxed .box .text-wrap .text h2{ font-size:46px;}
	
	.block.hero .text h1{ font-size:60px;}
	
	.block.steps .top-title h2{ font-size:36px;}
	.block.steps .item .bottom .text h3{ font-size:28px;}
	
	.block.services-carousel .services-carousel-wrapper .services-carousel-box .number{ font-size:170px;}
	.block.services-carousel .services-carousel-wrapper .services-carousel-box h2{ font-size:50px;}
	.block.services-carousel .service-hero-content .box h2{ font-size:46px;}
	.block.services-carousel .service-hero-content .box p{ font-size:20px;}
	.block.services-carousel .service-hero .numbers ul li .item-number h3{ font-size:36px;}
	
	.block.testimonials .item p{ font-size:16px;}
	.block.testimonials .item .name h3{ font-size:24px;}
	.block.testimonials .item .name h4{ font-size:18px;}
	
	.block.approach .approach-wrapper .approach-item .number{ font-size:28px;}
	.block.approach .approach-wrapper .approach-item h3{ font-size:28px;}
	
	.block.presentation .item-number h3{ font-size:46px;}
	
	.block.square-box .box .text-wrap .text h2{ font-size:46px;}
	
	.block.projects .item .text h2{ font-size:32px;}
	.block.projects .item .text h3{ font-size:18px;}
	
	.block.boxed.boxed-portfolio .text-wrap .text h4{ font-size:18px;}
	
	.block.detail-portfolio .top h4{ font-size:18px;}
	.block.presentation .item-data h3{ font-size:18px;}
	.block.presentation .item-data p{ font-size:17px;}
	
	.block.archive .item .text h3{ font-size:18px;}
	.block.archive .item .text h2{ font-size:28px;}
	
	.block.post .article .top h3{ font-size:18px;}
	.block.post .article .text h2{ font-size:28px;}
	.block.post .article .text h3{ font-size:22px;}
	
	.block.other-projects .item .text h2{ font-size:36px;}
	.block.other-projects .item .text h4{ font-size:18px;}
	
	.block.contacts .main h2{ font-size:32px;}

	.block.faq .accordion .accordion-item:before{ font-size:24px;}
	.block.faq .accordion .accordion-item .accordion-button{ font-size:24px;}
	
	.block.page .text h2{ font-size:28px;}
	.block.page .text h3{ font-size:24px;}
	
	.footer{ padding-top:60px;}
	.footer .widget h4{ font-size:24px;}
	.footer .widget.widget-blog .text ul li a span.category{ font-size:15px;}
	.footer .widget.widget-blog .text ul li a span.article{ font-size:17px;}
	.footer .footer-extra p{ font-size:12px;}
	
	.banner-fixed .box .text01{ font-size:22px;}
	.banner-fixed .box .text02{ font-size:20px;}
	
	.wrapper.oldversion .block.presentation h2{ font-size:40px;}
	.wrapper.oldversion .block.archive .item .text h2{ font-size:28px;}
	.wrapper.oldversion .block.other-projects .item .text h2{ font-size:36px;}
	.block.item-with-icon .item .bottom .text h2{ font-size:40px;}
	
	.header .sf-mega .box-megamenu .intro .intro-title{ font-size:28px; line-height:1.1;}
	.header .sf-mega .box-megamenu .list .menu-wrap .menu .menu-title{ font-size:22px;}
	

}

@media (max-width: 1300px) {
	
	.container-fluid{ padding:0 40px;}
	.container{ width:1170px;}
	
	.topbar:before{ width:calc(100% - 80px); left:40px;}
	.block.carousel-brands .text-fixed{ left:40px;}
	
	.block.hero .text{ padding-bottom:60px;}
	
	.header .navbar a.navbar-brand img{ height:40px;}
	.footer .widget.widget-company .logo img{ height:40px;}
	
	.chosen-container-single .chosen-single{ height:55px; line-height:55px;}
	.chosen-container-single .chosen-single div:after{ line-height:55px;}
	input[type=text], input[type=email], input[type=password], input[type=search], input[type=file], input[type=tel], textarea{ height:55px;}
	textarea{ height:125px;}
	
	.header .sf-mega .box-megamenu .intro{ width:30%;}
	.header .sf-mega .box-megamenu .intro .intro-description{ margin:0px;}
	.header .sf-mega .box-megamenu .intro .btn{ display:none;}
	.header .sf-mega .box-megamenu .list{ width:70%;}
	.header .sf-mega .box-megamenu .list .menu-wrap{ width:100%; align-items:start;}
	.header .sf-mega .box-megamenu .list .menu-wrap .menu-center{ display:flex; flex-wrap:nowrap; margin:0 -15px;}
	.header .sf-mega .box-megamenu .list .menu-wrap .menu-center .menu{ padding:0 15px;}
	.header .sf-mega .box-megamenu .list .menu-wrap .menu .menu-list ul{ flex-wrap:wrap; padding-right:0px;}
	.header .sf-mega .box-megamenu .list .menu-wrap .menu .menu-list ul li{ width:100%; margin-right:0px; margin-bottom:0px;}
	.header .sf-mega .box-megamenu .list .menu-wrap .menu + .menu{ margin:0px;}
	.header .sf-mega .box-megamenu .list .menu-wrap .menu .menu-title{ margin-bottom:10px;}
	.header .sf-mega .box-megamenu .list .image{ display:none;}
	
	.block.carousel-brands .item img{ height:80px;}
	
	.block.services-carousel .services-carousel-wrapper .services-carousel-box{ width:450px;}
	
	.block.services-carousel .services-carousel-wrapper .services-carousel-box .number{ margin-left:-10px;}
	
	.block.map .iframe{ height:400px;}
	
	.block li:before{ top:2px;}
	
	
	/* fonts */
	
	.btn{ font-size:15px;}
	a.readmore{ font-size:15px;}
	.header .navbar-nav > li.demo > a{ font-size:15px;}
	.footer .widget.widget-list .text li{ font-size:15px;}
	.footer .widget p{ font-size:15px; line-height:1.4;}
	
	p, li{ font-size:16px;}
	
	.header .navbar-nav > li > a{ font-size:16px;}
	
	.visual-content .box h2{ font-size:54px;}
	.visual-content .box p{ font-size:18px;}
	.visual-content .box h1{ font-size:15px;}
	
	.block h1, .block h2{ font-size:44px;}
	.block.presentation .top-title h2{ font-size:54px;}
	.block h3{ font-size:18px;}
	
	.block.boxed .box .text-wrap .text h2{ font-size:40px;}
	
	.block.hero .text h1{ font-size:54px;}
	
	.block.steps .top-title h2{ font-size:32px;}
	.block.steps .item .bottom .text h3{ font-size:25px;}
	
	.block.services-carousel .services-carousel-wrapper .services-carousel-box .number{ font-size:150px;}
	.block.services-carousel .services-carousel-wrapper .services-carousel-box h2{ font-size:44px;}
	.block.services-carousel .service-hero-content .box h2{ font-size:40px;}
	.block.services-carousel .service-hero-content .box p{ font-size:18px;}
	.block.services-carousel .service-hero .numbers ul li .item-number h3{ font-size:32px;}
	
	.block.testimonials .item p{ font-size:15px;}
	.block.testimonials .item .name h3{ font-size:22px;}
	.block.testimonials .item .name h4{ font-size:17px;}
	
	.block.approach .approach-wrapper .approach-item .number{ font-size:25px;}
	.block.approach .approach-wrapper .approach-item h3{ font-size:25px;}
	
	.block.presentation .item-number h3{ font-size:40px;}
	
	.block.square-box .box .text-wrap .text h2{ font-size:40px;}
	
	.block.projects .item .text h2{ font-size:28px;}
	.block.projects .item .text h3{ font-size:17px;}
	
	.block.boxed.boxed-portfolio .text-wrap .text h4{ font-size:17px;}
	
	.block.detail-portfolio .top h4{ font-size:17px;}
	.block.presentation .item-data h3{ font-size:17px;}
	.block.presentation .item-data p{ font-size:16px;}
	
	.block.archive .item .text h3{ font-size:17px;}
	.block.archive .item .text h2{ font-size:25px;}
	
	.block.post .article .top h3{ font-size:17px;}
	.block.post .article .text h2{ font-size:25px;}
	.block.post .article .text h3{ font-size:20px;}
	
	.block.other-projects .item .text h2{ font-size:32px;}
	.block.other-projects .item .text h4{ font-size:17px;}
	
	.block.contacts .main h2{ font-size:28px;}

	.block.faq .accordion .accordion-item:before{ font-size:22px;}
	.block.faq .accordion .accordion-item .accordion-button{ font-size:22px;}
	
	.block.page .text h2{ font-size:25px;}
	.block.page .text h3{ font-size:22px;}
	
	.footer .widget h4{ font-size:22px;}
	.footer .widget.widget-blog .text ul li a span.category{ font-size:14px;}
	.footer .widget.widget-blog .text ul li a span.article{ font-size:16px;}
	.footer .footer-extra p{ font-size:11px;}
	
	.banner-fixed .box .text01{ font-size:20px;}
	.banner-fixed .box .text02{ font-size:18px;}
	
	.wrapper.oldversion .block.presentation h2{ font-size:36px;}
	.wrapper.oldversion .block.archive .item .text h2{ font-size:25px;}
	.wrapper.oldversion .block.other-projects .item .text h2{ font-size:32px;}
	.block.item-with-icon .item .bottom .text h2{ font-size:36px;}
	
	
}


@media (max-width: 1199px) {
	
	
	
	ul.pagination li a{ width:40px; height:40px; line-height:38px; font-size:18px;}
	ul.pagination li.swiper-next a, ul.pagination li.swiper-prev a{ margin-top:0px !important;}
	
	.btn{ padding:12px 25px; border-radius:25px;}
	.header .navbar-nav > li.demo{ margin-top:22px;}
	.header .navbar-nav > li.demo > a{ padding:12px 25px; border-radius:25px;}
	
	.content [class*=container] + [class*=container]{ margin-top:40px;}
	
	p{ margin-bottom:5px;}
	.block.presentation p + h3{ margin-top:10px;}
	.block.presentation h3 + .btn{ margin-top:20px;}
	.block.presentation h2 + h3{ margin-top:15px;}
	.block.presentation h1 + h3{ margin-top:15px;}
	
	.block.boxed.boxed-portfolio .more{ margin-top:20px;}
	
	.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;}
	
	.content .row + .row{ margin-top:30px;}
	
	.container-fluid{ padding:0 30px;}
	.container{ width:970px;}
	
	.topbar:before{ width:calc(100% - 60px); left:30px;}
	.block.carousel-brands .text-fixed{ left:30px;}
	
	.chosen-container-single .chosen-single{ height:50px; line-height:50px;}
	.chosen-container-single .chosen-single div:after{ line-height:50px;}
	input[type=text], input[type=email], input[type=password], input[type=search], input[type=file], input[type=tel], textarea{ height:50px;}
	textarea{ height:100px;}
	
	.header .sf-mega .box-megamenu .intro{ width:35%; padding:30px;}
	.header .sf-mega .box-megamenu .intro .intro-title{ padding-right:30px;}
	.header .sf-mega .box-megamenu .intro .intro-description{ font-size:15px; line-height:1.4;}
	.header .sf-mega .box-megamenu .list{ width:65%;}
	.header .sf-mega .box-megamenu .list .menu-wrap{ padding:30px;}
	.header .sf-mega .box-megamenu .intro .intro-title{ font-size:26px;}
	.header .sf-mega .box-megamenu .list .menu-wrap .menu .menu-title{ font-size:20px;}
	.header .sf-mega .box-megamenu .list .menu-wrap .menu .menu-list ul li{ font-size:15px;}
	
	.header .navbar-nav > li > a{ margin:0 7px;}
	.header .navbar-nav > li.demo{ margin-left:20px;}
	
	.visual-image .hero-tablets .tablet.t1{ top:30%;}
	.visual-image .hero-tablets .tablet.t2{ top:40%;}
	.visual-content .box h1{ margin-bottom:10px;}
	.visual-content .box .actions{ margin-top:20px;}
	
	.block{ padding:60px 0;}
	.block.about{ padding-bottom:60px;}
	
	.block.hero .text{ padding-top:0px; padding-bottom:40px;}
	
	.block.intro.center .text{ padding:0 10%;}
	
	.block.carousel-brands .item img{ height:60px;}
	
	.block.presentation .item-number{ min-width:200px; padding:20px;}
	.block.services-carousel .service-hero .numbers ul li .item-number{ padding:20px;}
	
	.block.detail-portfolio .gallery-wrapper{ gap:20px;}
	
	.block.portfolio-scroller .notebook-frame-wrap .center{ max-width:100%;}
	
	.block.projects.project-carousel .swiper-arrow.swiper-prev a{ left:-10px;}
	.block.projects.project-carousel .swiper-arrow.swiper-next a{ right:20px;}
	
	.block.archive-carousel .swiper-arrow.swiper-prev a{ left:20px;}
	.block.archive-carousel .swiper-arrow.swiper-next a{ right:20px;}
	
	.block.testimonials .swiper-arrow.swiper-prev a{ left:20px;}
	.block.testimonials .swiper-arrow.swiper-next a{ right:20px;}
	
	.block.archive .item{ margin-bottom:40px;}
	.block.archive .item .image{ margin-bottom:20px;}
	
	.block.archive.archive-carousel{ padding-bottom:20px;}
	
	
	.block.boxed.boxed-portfolio .box .tags{ margin:15px 0; display:none;}
	.block.boxed.boxed-portfolio .text-wrap .text h3{ margin-top:15px;}
	
	.block.presentation .tags ul li a{ float:left; font-size:10px; padding:5px 10px; margin:1px 0;}
	
	.block.boxed .box .text-wrap{ padding:40px;}
	.block.boxed .box + .box{ margin-top:20px;}

	.block.square-box .box .text-wrap{ padding:40px;}
	.block.square-box .box + .box{ margin-top:20px;}
	
	.block.detail-portfolio .item-data-wrap{ padding-top:30px;}
	.block.detail-portfolio .top + .intro{ margin-top:30px;}
	.block.detail-portfolio .intro{ padding:0 10%;}
	
	.block.post .article .text .image{ max-width:400px;}
	
	.block.services-carousel .services-carousel-wrapper .services-carousel-box{ padding:0 40px;}
	.block.services-carousel .service-hero-content .box h2{ max-width:100%;}
	.block.services-carousel .service-hero-content .box .logo{ height:50px;}
	.block.services-carousel .service-hero .numbers ul{ margin:0 -5px;}
	.block.services-carousel .service-hero .numbers ul li{ padding:0 5px;}
	
	.block.testimonials .item p{-webkit-line-clamp:4;}
	.block.testimonials .item{ padding-bottom:100px;}
	.block.testimonials .item .name{ bottom:40px;}
	
	.block.boxed .box .columns .col-image{ width:60%;}
	.block.boxed .box .columns .col-text{ width:40%;}
	
	.block.square-box .box .columns .col-image{ width:50%;}
	.block.square-box .box .columns .col-text{ width:50%;}
	
	.block.square-box .box.where .columns{ flex-wrap:wrap;}
	.block.square-box .box.where .columns .col-image{ width:100%;}
	.block.square-box .box.where .columns .col-text{ width:100%;}
	
	.block.steps .item .bottom .icon svg{ max-width:80px;}
	
	.block.square-box .box.where .text .actions ul{ flex-wrap:wrap;}
	.block.square-box .box.where .text .actions ul li{ margin-bottom:5px;}
	
	.block.projects .swiper-container{ width:120%;}
	.block.projects .item .text{ padding:30px;}
	
	.block.steps{ padding-bottom:40px;}
	.block.steps .row.row20{ margin-left:-10px; margin-right:-10px;}
	.block.steps .row.row20 > [class*="col-"]{ padding:0 10px;}
	.block.steps .item.horizontal{ margin-bottom:20px;}
	.block.steps .item .bottom{ padding:30px;}
	
	.block.steps .item .wrap{ padding:30px;}
	.block.steps .item.horizontal .bottom .icon svg{ max-width:100px;}
	.block.steps .item.horizontal .bottom .text{ width:calc(100% - 100px);}
	
	.block.approach .approach-wrapper .approach-item{ grid-template-columns:20px 1fr 300px;}
	
	.block.testimonials.detail-page .item-wrap{ gap:10px;}
	
	.block.portfolio-scroller .container{ width:100%;}
	.block.portfolio-scroller .notebook-frame-wrap{ margin-bottom:40px;}
	.block.portfolio-scroller .mini-frame-columns{ margin:0 -10px;}
	.block.portfolio-scroller .mini-frame-columns .mini-frame-column{ padding:0 10px;}
	
	.footer .widget{ margin-bottom:20px;}
	
	.banner-fixed .box .text01{ padding-right:20px;}
	.banner-fixed .box .text02{ padding-left:20px;}
	
	.visual .down { width:40px; height:40px; margin-left:-20px; bottom:30px;}
	.visual .down:before { font-size:30px; line-height: 40px;}
	
	.block.presentation .arrow-draw { width:40px; height:40px;}
	.block.presentation .swiper-prev a, .block.presentation .swiper-next a{ margin-top:-20px;}
	.block.presentation .swiper-prev .arrow-draw:before{ font-size:30px; }
	.block.presentation .swiper-next .arrow-draw:before{font-size:30px;}
	.block.presentation .border-svg{ top: -5px; left: -5px; width:50px; height:50px;}
	
	.block.faq .accordion .accordion-item{ padding-top:10px; padding-bottom:10px;}

	.block.testimonials{ padding-bottom:45px}
	.block.testimonials.thanks{ padding-bottom:60px;}
	.block.testimonials.detail-page{ padding-bottom:60px;}
	
	.wrapper.oldversion .block.brands-landing .item-wrap .item{ width:20%;}
	.wrapper.oldversion .block.presentation .videohome{ margin:20px 0;}
	
	.wrapper.oldversion .block.portfolio-webapp .figure{ margin-bottom:20px;}
	
	.block.other-projects.landing{ padding-bottom:20px;}
	.block.other-projects .item{ margin-bottom:40px;}
	
	/* fonts */
	
	.form-group > label{ font-size:13px;}
	
	.visual-content .box h2{ font-size:48px;}
	.visual-content .box p{ font-size:17px;}
	
	.block h1, .block h2{ font-size:38px;}
	.block.presentation .top-title h2{ font-size:48px;}
	.block h3{ font-size:18px;}
	
	.block.boxed .box .text-wrap .text h2{ font-size:34px;}
	
	.block.hero{ padding-top:140px;}
	.block.contacts-project{ padding-top:140px;}
	.block.detail-portfolio{ padding-top:140px;}
	.block.hero .text h1{ font-size:48px;}
	
	.block.steps .top-title h2{ font-size:28px;}
	.block.steps .item .bottom .text h3{ font-size:22px;}
	
	.block.services-carousel .services-carousel-wrapper .services-carousel-box .number{ font-size:130px;}
	.block.services-carousel .services-carousel-wrapper .services-carousel-box h2{ font-size:38px;}
	.block.services-carousel .service-hero-content .box h2{ font-size:34px;}
	.block.services-carousel .service-hero-content .box p{ font-size:17px;}
	.block.services-carousel .service-hero .numbers ul li .item-number h3{ font-size:28px;}
	
	.block.testimonials .item .name h3{ font-size:20px;}
	.block.testimonials .item .name h4{ font-size:17px;}
	
	.block.approach .approach-wrapper .approach-item .number{ font-size:22px;}
	.block.approach .approach-wrapper .approach-item h3{ font-size:22px;}
	
	.block.presentation .item-number h3{ font-size:34px;}
	
	.block.square-box .box .text-wrap .text h2{ font-size:34px;}
	
	.block.projects .item .text h2{ font-size:24px;}
	.block.projects .item .text h3{ font-size:17px;}
	
	.block.boxed.boxed-portfolio .text-wrap .text h4{ font-size:16px;}
	
	.block.detail-portfolio .top h4{ font-size:17px;}
	.block.presentation .item-data h3{ font-size:17px;}
	
	.block.archive .item .text h3{ font-size:16px;}
	.block.archive .item .text h2{ font-size:22px;}
	
	.block.post .article .top h3{ font-size:17px;}
	.block.post .article .text h2{ font-size:22px;}
	.block.post .article .text h3{ font-size:18px;}
	
	.block.other-projects .item .text h2{ font-size:28px;}
	.block.other-projects .item .text h4{ font-size:17px;}
	
	.block.contacts .main h2{ font-size:24px;}
	.block.contacts .main p{ font-size:18px;}

	.block.faq .accordion .accordion-item:before{ font-size:20px;}
	.block.faq .accordion .accordion-item:first-child:before{ top:2px;}
	.block.faq .accordion .accordion-item:last-child:before{ top:12px;}
	.block.faq .accordion .accordion-item .accordion-button{ font-size:20px;}
	
	.block.page .text h2{ font-size:22px;}
	.block.page .text h3{ font-size:20px;}
	
	.footer{ padding-bottom:100px;}
	.footer .widget h4{ font-size:20px;}
	
	.banner-fixed .box .text01{ font-size:18px;}
	.banner-fixed .box .text02{ font-size:17px;}
	
	.wrapper.oldversion .block.presentation h2{ font-size:32px;}
	.wrapper.oldversion .block.archive .item .text h2{ font-size:22px;}
	.wrapper.oldversion .block.other-projects .item .text h2{ font-size:28px;}
	.block.item-with-icon .item .bottom .text h2{ font-size:32px;}
	
	.block.carousel-brands .text-fixed{ font-size:18px;}
	
	.block.presentation .item-number p{ font-size:16px;}
	
	
}

@media (max-width: 1008px) {
	
	.header .navbar a.navbar-brand{ line-height:80px;}
	.header .navbar a.navbar-brand img{ height:38px;}
	.header .navbar-nav > li > a{ padding:30px 0;}
	.header .navbar-nav > li.demo{ margin-top:18px; margin-left:15px;}
	
	.footer .widget.widget-company .logo img{ height:38px;}
	
	.header .navbar-nav > li > a{ margin:0 5px;}
	
	.footer:before{ background-size:800px auto;}
	
	.block.services-carousel .services-carousel-wrapper .services-carousel-box{border-radius:20px; margin-bottom:10px;}
	.block.services-carousel .service-hero{ border-radius:20px; margin-top:10px; overflow:hidden;}
	
	.block.services-carousel{ width:auto !important; max-width:none !important; height:auto !important; max-height:none !important;}
	.block.services-carousel .services-carousel-wrapper{ width:100%; flex-wrap:wrap; height:auto; margin:0px;}
	.block.services-carousel .services-carousel-wrapper .services-carousel-box{ width:100%; height:auto; gap:10px; padding:60px 30px;}
	.block.services-carousel .service-hero-content{ padding:100px 0;}
	.block.services-carousel .services-carousel-wrapper .services-carousel-box .inner{ text-align:center;}
		
}

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

}

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

@media (max-width: 991px) {
	
	.sf-mega.dropdown-menu{ display:none !important;}
	
	.navbar-toggle{ display:block !important;}

	.container{ width:750px;}
	
	ul.pagination li.swiper-next{ margin-left:20px;}
	ul.pagination li.swiper-prev{ margin-right:20px;}
	
	.header{}
	.header .navbar{ padding:0px;}
	.header .navbar a.navbar-brand{ line-height:80px; margin-left:30px;}
	.header .navbar a.navbar-brand img{ height:35px;}
	.header .navbar-collapse{ background:#fff; padding:0px; float:none !important; clear: both; width: 100%; margin: 0 !important;}
	.header .navbar-collapse.in{ }
	.header .navbar-nav{ width:100%; float:left; padding:30px; padding-top:0px; display:inherit; vertical-align:inherit; margin-bottom:0px;}
	.header .navbar-nav > li{ clear:both; width:100%; padding:0px; text-align:center; border-bottom:1px solid #e1e1e1;}
	.header .navbar-nav > li > a{ line-height:22px !important; font-size:17px; color:#000; padding:5px 0; border-left:0px !important; margin:0px;}
	.header .navbar-nav > li.active > a{ color:#133687;}
	.header .navbar-nav > li > a:hover{ color:#133687;}
	.header .navbar-nav > li:nth-last-child(2){ border:0px;}
	.header .navbar-nav > li.demo{ margin:0px; margin-top:10px; border:0px;}
	.header .navbar-nav > li.demo a{ text-align:center;}
	
	.visual-image{ width:60%;}
	
	.block.carousel-brands .box-wrap:before{ background:#fff; background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);}

	.block.intro.center .text{ padding:0px;}
	
	.block.carousel-brands .item img{ height:80px;}

	.block.boxed .box .columns{ flex-wrap:wrap;}
	.block.boxed .box .columns .col-image{ width:100%;}
	.block.boxed .box .columns .col-text{ width:100%;}
	.block.boxed .box .col-image.right{ order:0;}

	.block.square-box .box .columns{ flex-wrap:wrap;}
	.block.square-box .box .columns .col-image{ width:100%;}
	.block.square-box .box .columns .col-text{ width:100%;}
	
	.block.boxed.boxed-portfolio .box .columns{ flex-wrap:wrap;}
	.block.boxed.boxed-portfolio .box .columns .col-image{ width:100%;}
	.block.boxed.boxed-portfolio .box .columns .col-text{ width:100%;}
	.block.boxed.boxed-portfolio .box .col-image.right{ order:0;}
	.block.boxed.boxed-portfolio .box .tags{ display:block;}

	.block.post .article .text .image{ max-width:300px; margin:0 0 30px 30px;}
	
	.block.steps{ padding-bottom:50px;}
	.block.steps .item.horizontal{ margin-bottom:10px;}
	
	.block.steps .item{ margin-bottom:10px;}
	.block.steps .item .wrap{ height:300px;}
	
	.block.contacts .box-wrap{ margin-bottom:40px;}
	
	.block.detail-portfolio .intro{ padding:0px;}
	.block.detail-portfolio .gallery-wrapper{ gap:10px;}
	.block.detail-portfolio .item-data-wrap{ padding-top:0px;}
	.block.detail-portfolio .row-data [class*="col-"]:nth-last-child(3){ border:0px;}
	.block.detail-portfolio .row-data [class*="col-"]{ margin-top:20px;}
	
	.block.numbers{ padding-bottom:50px;}
	.block.numbers .row.row10{ margin:0 -5px;}
	.block.numbers .row.row10 [class*="col-"]{ padding:0 5px;}
	.block.numbers .item-number{ margin-bottom:10px;}
	
	.block.approach .text{ margin-bottom:40px;}
	.block.approach .approach-wrapper .approach-item{ grid-template-columns: 20px 1fr 400px;}
	
	.block.projects .text-intro{ width:100%; margin-bottom:40px; text-align:center; padding-right:30px;}
	.block.projects .text-intro h2 br{ display:none;}
	.block.projects.homepage .swiper-arrow.swiper-prev a{ display:block;}

	.footer .widget.widget-company .logo img{ height:35px;}
	.footer .widget.widget-list .text li{ margin-bottom:0px;}
	.block.contacts .item h2 br{ display:none;}
	
	.block.faq .accordion .accordion-item{ padding-left:60px;}
	
	.block.services-carousel .service-hero-content:before{ width:70%;}
	
	.modal{ padding:20px;}
	.modal.in .modal-dialog{ max-width:400px;}
	.modal .modal-body{ width:100%; float:left; background:#fff;}
	.modal .modal-body .row.flex{ display:block; flex-wrap:unset;}
	.modal .modal-body .row.flex > [class*="col-"]{ display:block;}
	.modal .modal-body .image{ background:none;}
	.modal .modal-body .image img{ display:block;}
	.modal .modal-body .text{ width:100%; float:left; padding:40px;}
	.modal .modal-body .text h2{ font-size:30px; line-height:30px;}
	
	.banner-fixed .container{ width:100%;}
	
	.block.item-with-icon .item .bottom{ align-items:start;}
	.block.item-with-icon .item .bottom .icon svg{ max-width:100px; height:100px;}
	.block.item-with-icon .item .bottom .text{ width:calc(100% - 100px);}
	
	.banner-fixed .box .text01{ width:auto;}
	.banner-fixed .box .text02{ display:none;}
	
	.block.services-carousel .service-hero .bg-desktop{ background-position:70% center;}
	
	
	/* fonts */
	
	.check label span{ font-size:13px;}
	
	p, li{ font-size:15px;}
	
	.visual-content .box h2{ font-size:42px;}
	
	.block h1, .block h2{ font-size:32px;}
	.block.presentation .top-title h2{ font-size:42px;}
	.block h3{ font-size:18px;}
	
	.block.boxed .box .text-wrap .text h2{ font-size:30px;}
	
	.block.hero .text h1{ font-size:42px;}
	
	.block.steps .top-title h2{ font-size:24px;}
	.block.steps .item .bottom .text h3{ font-size:20px;}
	
	.block.services-carousel .services-carousel-wrapper .services-carousel-box .number{ font-size:110px;}
	.block.services-carousel .services-carousel-wrapper .services-carousel-box h2{ font-size:32px;}
	.block.services-carousel .service-hero-content .box h2{ font-size:30px;}
	.block.services-carousel .service-hero .numbers ul li .item-number h3{ font-size:24px;}
	
	.block.testimonials .item .name h3{ font-size:18px;}
	
	.block.approach .approach-wrapper .approach-item .number{ font-size:20px;}
	.block.approach .approach-wrapper .approach-item h3{ font-size:20px;}
	
	.block.presentation .item-number h3{ font-size:30px;}
	
	.block.square-box .box .text-wrap .text h2{ font-size:30px;}
	
	.block.projects .item .text h2{ font-size:22px;}
	
	.block.archive .item .text h2{ font-size:20px;}
	
	.block.post .article .text h2{ font-size:20px;}
	.block.post .article .text h3{ font-size:18px;}
	
	.block.other-projects .item .text h2{ font-size:24px;}
	
	.block.contacts .main h2{ font-size:22px;}
	.block.contacts .main p{ font-size:18px;}

	.block.faq .accordion .accordion-item:before{ font-size:18px;}
	.block.faq .accordion .accordion-item .accordion-button{ font-size:18px;}
	
	.block.page .text h2{ font-size:20px;}
	.block.page .text h3{ font-size:18px;}
	
	.footer .widget h4{ font-size:18px;}
	
	.banner-fixed .box .text01{ font-size:18px;}
	
	.wrapper.oldversion .block.presentation h2{ font-size:28px;}
	.wrapper.oldversion .block.archive .item .text h2{ font-size:20px;}
	.wrapper.oldversion .block.other-projects .item .text h2{ font-size:24px;}
	.block.item-with-icon .item .bottom .text h2{ font-size:28px;}
	
	.block.carousel-brands .text-fixed{ font-size:18px;}
	
	.block.presentation .item-data p{ font-size:15px;}
	.block.presentation .item-data h3{ font-size:16px;}
	

	
}


@media (max-width: 767px){
	
	.content .row + .row{ margin-top:20px;}
	
	.block li:before{ font-size:10px;}
	
	.container-fluid{ padding:0 25px;}
	.container{ width:100%; padding:0 25px;}
	
	.topbar .social span.text{ display:none;}
	.topbar .info span{ margin:0 3px;}
	.topbar:before{ width:calc(100% - 50px);left: 25px;}
	
	.header .navbar-nav{ padding:25px; padding-top:0px;}
	.header .navbar a.navbar-brand{ margin-left:25px;}
	.navbar-toggle{ margin-right:25px;}
	
	.visual .background-video video{ height:100%;}
	
	.visual-image{ width:100%; height:78vh; min-height:720px; position:relative;}
	.visual-image .hero-tablets .tablet{ width:45%;}
	.visual-content{ width:100%; height:auto; min-height:500px; position:relative;}
	.visual-content .box h2 br{ display:none;}
	.visual-content .box p br{ display:none;}
	
	.visual-image .hero-tablets .tablet.t1{ top:30%;}
	.visual-image .hero-tablets .tablet.t2{ top:40%; left:55%;}
	.visual-image .hero-tablets .tablet.t3{ top:72%;}
	.visual-image .hero-tablets .tablet.t4{ top:82%; left:58%;}
	
	.block{ padding:40px 0;}
	.block.about{ padding-bottom:20px;}
	
	.block.carousel-brands .text-fixed{ left:25px;}
	
	.block.archive .item{ margin-bottom:20px}
	.block.archive.archive-carousel{ padding-bottom:20px;}
	
	.block.hero .text{ padding-bottom:30px;}
	.block.hero .item .container{ padding:0px;}
	
	.block.carousel-brands .item img{ height:60px;}
	
	.block.contacts-project{ padding-top:140px;}
	
	.block.post .article .text .box{ padding:30px;}
	.block.boxed .box .text-wrap{ padding:30px;}
	.block.testimonials .item{ padding-left:30px; padding-right:30px;}
	.block.square-box .box .text-wrap{ padding:30px;}
	.block.item-with-icon .item .bottom{ padding:30px;}
	
	.block.projects .item .text{ padding:20px;}
	
	.block.steps{ padding-bottom:30px;}
	
	.block.steps .top-title{ margin-bottom:40px;}
	
	.block.testimonials{ padding-bottom:15px;}
	.block.testimonials .item .name{ bottom:30px;}
	.block.testimonials.thanks{ padding-bottom:40px;}
	.block.testimonials.detail-page{ padding-bottom:40px;}
	
	.block.portfolio-scroller .mini-frame-columns{ margin:0 -5px;}
	.block.portfolio-scroller .mini-frame-columns .mini-frame-column{ padding:0 5px;}
	
	.block.map .iframe{ height:350px;}
	.block.archive .item .image img{ width:100%; height:auto;}
	
	.block.projects.project-carousel .swiper-arrow.swiper-prev a{ left:-20px;}
	.block.projects.project-carousel .swiper-arrow.swiper-next a{ right:10px;}
	
	.block.archive-carousel .swiper-arrow.swiper-prev a{ left:10px;}
	.block.archive-carousel .swiper-arrow.swiper-next a{ right:10px;}
	
	.block.testimonials .swiper-arrow.swiper-prev a{ left:10px;}
	.block.testimonials .swiper-arrow.swiper-next a{ right:10px;}
	
	.block.presentation .item-number{ min-width:auto; width:100%; padding:15px;}
	
	.block.presentation .item-data p{ margin-bottom:5px;}
	
	.block.testimonials.fullwidth .item-wrap{ margin-top:20px;}
	
	.block.approach .text{ margin-bottom:20px;}
	.block.approach .approach-wrapper .approach-item{ grid-template-columns:auto;}
	.block.approach .approach-wrapper .approach-item h3{ margin-bottom:0px;}
	
	.block.faq .accordion .accordion-item .accordion-button{ padding-right:60px;}
	
	.block.projects .text-intro{ padding-right:25px;}
	
	.block.presentation .item-number h3{ letter-spacing:-1px;}
	
	.footer{ padding-top:40px;}
	.footer:before{ background-size:600px auto;}
	.footer .widget.widget-company{ text-align:left; margin-bottom:40px;}
	.footer .widget.widget-company .logo img{ display:inline-block;}
	.footer .widget.widget-company .social{ width:100%;}
	.footer .widget.widget-company .social ul{ width:100%; display:flex; flex-wrap:nowrap; justify-content:left; margin:0 -2.5px;}
	.footer .widget.widget-company .social ul li{ padding:0 2.5px; margin:0px;}
	.footer .widget.widget-list .text h4{ margin-bottom:10px;}
	.footer .footer-extra span{ margin:0 3px;}
	
	.footer .widget.widget-blog .text ul{ flex-wrap:wrap;}
	.footer .widget.widget-blog .text li{ width:100%; margin-bottom:20px;}
	.footer .widget.widget-blog .text li:last-child{ margin-bottom:0px;}
	
	.banner-fixed .box .text01{ padding-top:20px; padding-bottom:20px;}
	
	.block.boxed.boxed-portfolio .text-wrap .text h3{ -webkit-line-clamp:10;}
	

	.block.team .item { border-radius: 10px; }
	.block.boxed .box { border-radius: 10px; }
	.block.boxed .box .columns .col-image { border-radius: 10px; }
	.block.boxed .box .image { border-radius: 10px; }
	.block.square-box .box { border-radius: 10px; }
	.block.square-box .box .columns .col-image { border-radius: 10px; }
	.block.square-box .box .image { border-radius: 10px; }
	.block.steps .item { border-radius: 10px; }
	.block.item-with-icon .item { border-radius: 10px; }
	.block.projects .item { border-radius: 10px; }
	.block.services-carousel .services-carousel-wrapper { border-radius: 10px; }
	.block.testimonials .item { border-radius: 10px; }
	.block.archive .item .image { border-radius: 10px; }
	.block.other-projects .item .image { border-radius: 10px; }
	.block.post .article .text .image { border-radius: 10px; }
	.block.post .article .text .box { border-radius: 10px; }
	.block.detail-portfolio .gallery-wrapper .image { border-radius: 10px; }
	.block.portfolio-scroller .notebook-frame { border-radius: 10px; }
	.block.map .iframe{ border-radius:10px;}
	.block.services-carousel .services-carousel-wrapper .services-carousel-box{ border-radius:10px;}
	.block.services-carousel .service-hero{ border-radius:10px;}
	
	.block.presentation .item-number{ border-radius:5px;}
	
	.block.portfolio-scroller .notebook-frame .screen-viewport{ border-radius:5px;}
	
	.block.services-carousel .service-hero-content{ display:block; flex-wrap:unset; padding:60px 0 0 0;}
	.block.services-carousel .service-hero-content:before{ width:100%; background: linear-gradient(90deg, rgba(225, 225, 225, 0.8) 0%, rgba(225, 225, 225, 0.3) 100%);}
	.block.services-carousel .service-hero .bg-desktop{ display:none;}
	.block.services-carousel .service-hero .bg-mobile{ display:block;}
	.block.services-carousel .service-hero-content .box{ width:100%; max-width:600px; margin:0 auto; text-align:center;}
	.block.services-carousel .service-hero-content .box .logo{ display:inline-block;}
	.block.services-carousel .service-hero-content .box .logo{ height:40px;}
	.block.services-carousel .service-hero .numbers{ margin-top:20px;}
	.block.services-carousel .service-hero .numbers ul{ flex-wrap:nowrap;}
	.block.services-carousel .service-hero .numbers ul li{ width:33.33%; margin-bottom:10px;}
	.block.services-carousel .service-hero .numbers ul li:last-child{ margin-bottom:0px;}
	.block.services-carousel .service-hero .numbers ul li .item-number{ width:100%; padding:15px;}
	.block.services-carousel .service-hero .numbers ul li .item-number p{ line-height:1;}
	.block.services-carousel .service-hero .numbers ul li .item-number h3{ margin-top:5px;}
	.block.services-carousel .service-hero .tablet{ display:block; position:relative; margin-top:20px; z-index:10;}
	
	.block.approach .approach-wrapper .approach-item{ padding-bottom:15px; padding-top:15px;}
	
	/* fonts */
	
	.block.projects .item .text h3{ font-size:14px;}
	
	.check label span{ font-size:12px;}
	
	.visual-content .box h2{ font-size:36px;}
	
	.block h1, .block h2{ font-size:28px;}
	.block.presentation .top-title h2{ font-size:36px;}
	.block h3{ font-size:17px;}
	
	.block.boxed .box .text-wrap .text h2{ font-size:26px;}
	
	.block.hero .text h1{ font-size:36px;}
	
	.block.steps .top-title h2{ font-size:22px;}
	.block.steps .item .bottom .text h3{ font-size:18px;}
	
	.block.services-carousel .services-carousel-wrapper .services-carousel-box .number{ font-size:90px;}
	.block.services-carousel .services-carousel-wrapper .services-carousel-box h2{ font-size:28px;}
	.block.services-carousel .service-hero-content .box h2{ font-size:26px;}
	.block.services-carousel .service-hero .numbers ul li .item-number h3{ font-size:22px;}
	.block.services-carousel .services-carousel-wrapper .services-carousel-box h2{ margin-top:20px;}
	
	.block.testimonials .item .name h3{ font-size:17px;}
	
	.block.approach .approach-wrapper .approach-item .number{ font-size:18px;}
	.block.approach .approach-wrapper .approach-item h3{ font-size:18px;}
	
	.block.presentation .item-number h3{ font-size:26px;}
	
	.block.square-box .box .text-wrap .text h2{ font-size:26px;}
	
	.block.projects .item .text h2{ font-size:20px;}
	
	.block.archive .item .text h2{ font-size:18px;}
	
	.block.post .article .text h2{ font-size:18px;}
	.block.post .article .text h3{ font-size:17px;}
	
	.block.other-projects .item .text h2{ font-size:22px;}
	
	.block.contacts .main h2{ font-size:20px;}
	.block.contacts .main p{ font-size:17px;}

	.block.faq .accordion .accordion-item:before{ font-size:17px;}
	.block.faq .accordion .accordion-item .accordion-button{ font-size:17px;}
	
	.block.page .text h2{ font-size:18px;}
	.block.page .text h3{ font-size:17px;}
	
	.footer .widget h4{ font-size:17px;}
	
	.banner-fixed .box .text01{ font-size:17px; text-align:center;}

	
	.wrapper.oldversion .block.presentation h2{ font-size:24px;}
	.wrapper.oldversion .block.archive .item .text h2{ font-size:18px;}
	.wrapper.oldversion .block.other-projects .item .text h2{ font-size:22px;}
	.block.item-with-icon .item .bottom .text h2{ font-size:24px;}
	
	.block.carousel-brands .text-fixed{ font-size:17px;}
	
	.footer .widget.widget-blog .text ul li a span.article{ font-size:15px;}
	
	.block.testimonials .item p{ font-size:14px;}

	.block.presentation .item-data p{ font-size:14px;}
	.block.presentation .item-data h3{ font-size:15px;}
	
}

@media screen and (max-width: 767px){
	
	[class*=steps]:not(.steps-vertical) [class*=col-]{ margin-bottom:inherit;}
	
}

@media (max-width: 640px){
	
	
	.visual-image{ height:68vh; min-height:550px;}
	
	
	
}

@media (max-width: 479px) {
	
	.block.presentation p + .readmore{ margin-top:10px;}
	
	.btn{ padding:10px 20px; font-size:14px;}
	.header .navbar-nav > li.demo > a{ padding:10px 20px; font-size:14px;}
	
	[class*=col-xs-]{ text-align:inherit;}
	.col-xs-6{ width:50%; float:left;}
	
	.visual-image{ height:55vh; min-height:440px;}
	.visual-image .hero-tablets .tablet.t1{ top:33%;}
	.visual-image .hero-tablets .tablet.t2{ top:43%;}
	.visual-content{ min-height:unset; padding-bottom:40px; padding-top:100px;}
	.visual-content .box .actions li{ margin-right:10px;}
	.visual .down{ display:none;}
	
	.block.carousel-brands .text-fixed{ left:20px;}
	
	.block.detail-portfolio .item-data-wrap .item-data{ min-width:100%;}
	
	.block.hero .text{ padding-bottom:30px;}
	
	.block.portfolio-scroller .notebook-frame{ border-width:10px;}
	
	.banner-fixed .box .text01{ padding-top:15px; padding-bottom:15px;}
	
	.block.post .article .text .image{ width:100%; max-width:100%; margin:0px; margin-bottom:20px;}
	
	.block.post .article .text .box{ padding:25px;}
	.block.boxed .box .text-wrap{ padding:25px;}
	.block.testimonials .item{ padding-left:25px; padding-right:25px;}
	.block.square-box .box .text-wrap{ padding:25px;}
	.block.item-with-icon .item .bottom{ padding:25px;}
	
	.block.item-with-icon .item .bottom .icon svg{ max-width:80px; height:80px;}
	.block.item-with-icon .item .bottom .text{ width:calc(100% - 80px); padding-left:30px;}
	
	.block.boxed.boxed-portfolio .more .text01{ text-align:center;}
	.block.boxed.boxed-portfolio .more .text01 h3{ font-size:15px;}
	
	.block.detail-portfolio .top + .intro{ margin-top:20px;}
	.content [class*=container] + [class*=container]{ margin-top:20px;}
	
	.banner-fixed .container{ padding:0 15px;}
	.banner-fixed .box .text01{ padding-right:10px;}
	.banner-fixed .box .action .btn{ padding-left:15px; padding-right:15px;}
	
	.block.carousel-brands .box-wrap:before{ width:60%;}
	.block.carousel-brands .item{ padding:0 5px;}
	.block.carousel-brands .item img{ height:50px;}
	
	.block.services-carousel .service-hero .numbers ul li .item-number{ padding:15px 10px;}
	.block.services-carousel .service-hero .numbers ul{ margin:0 -2.5px;}
	.block.services-carousel .service-hero .numbers ul li{ padding:0 2.5px;}
	
	.banner-fixed .box .text01 .br-mobile{ display:block;}
	
	.block.carousel-brands{ padding-top:10px;}
	
	/* fonts */
	
	.block.services-carousel .service-hero .numbers ul li .item-number p{ font-size:14px; margin:0px;}
	
	.banner-fixed .box .text01{ font-size:15px;}
	
	.block.presentation .tags ul li a{ font-size:9px;}
	
	p, li{ font-size:14px; line-height:1.5;}
	
	.visual-content .box h2{ font-size:28px;}
	
	.block h1, .block h2{ font-size:24px;}
	.block.presentation .top-title h2{ font-size:28px;}
	.block h3{ font-size:16px;}
	
	.block.boxed .box .text-wrap .text h2{ font-size:22px;}
	
	.block.hero .text h1{ font-size:28px;}
	
	.block.steps .top-title h2{ font-size:20px;}
	.block.steps .item .bottom .text h3{ font-size:17px;}
	
	.block.services-carousel .services-carousel-wrapper .services-carousel-box .number{ font-size:60px;}
	.block.services-carousel .services-carousel-wrapper .services-carousel-box h2{ font-size:24px;}
	.block.services-carousel .service-hero-content .box h2{ font-size:22px; margin-bottom:10px;}
	.block.services-carousel .service-hero-content .box p{ margin-top:10px;}
	.block.services-carousel .service-hero .numbers ul li .item-number h3{ font-size:20px;}
	
	.block.testimonials .item .name h3{ font-size:16px;}
	
	.block.approach .approach-wrapper .approach-item .number{ font-size:17px;}
	.block.approach .approach-wrapper .approach-item h3{ font-size:17px;}
	
	.block.presentation .item-number h3{ font-size:22px;}
	
	.block.square-box .box .text-wrap .text h2{ font-size:22px;}
	
	.block.projects .item .text h2{ font-size:18px;}
	
	.block.archive .item .text h2{ font-size:17px;}
	
	.block.post .article .text h2{ font-size:17px;}
	.block.post .article .text h3{ font-size:16px;}
	
	.block.other-projects .item .text h2{ font-size:20px;}
	
	.block.contacts .main h2{ font-size:18px;}
	.block.contacts .main p{ font-size:16px;}

	.block.faq .accordion .accordion-item:before{ font-size:16px;}
	.block.faq .accordion .accordion-item .accordion-button{ font-size:16px;}
	
	.block.page .text h2{ font-size:17px;}
	.block.page .text h3{ font-size:16px;}
	
	.footer .widget h4{ font-size:16px;}
	
	.banner-fixed .box .text01{ font-size:16px;}
	
	.wrapper.oldversion .block.presentation h2{ font-size:20px;}
	.wrapper.oldversion .block.archive .item .text h2{ font-size:17px;}
	.wrapper.oldversion .block.other-projects .item .text h2{ font-size:20px;}
	.block.item-with-icon .item .bottom .text h2{ font-size:20px;}
	
	.block.carousel-brands .text-fixed{ font-size:14px;}
	
}

@media (max-width: 440px) {
	
	.visual-content{ padding-top:80px;}
	.visual-image{ height:43vh; min-height:400px;}
	
}



@media (max-width: 375px) {
	
	.container-fluid{ padding:0 20px;}
	.container{ width:100%; padding:0 20px;}
	.topbar:before{ width:calc(100% - 40px);left: 20px;}
	
	.topbar .info strong{ display:none;}
	
	.header .navbar a.navbar-brand{ margin-left:20px;}
	.navbar-toggle{ margin-right:20px;}
	
	.visual-content{ padding-top:60px;}
	
	.block.services-carousel .services-carousel-wrapper .services-carousel-box{ padding:40px 30px;}
	
	.block.projects .text-intro{ padding-right:20px;}
}