@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap');
@font-face {
font-family: 'Times New Roman';
src: url(../fonts/Times_New_Roman.ttf) format('truetype');
}
@font-face {
font-family: 'Times New Roman';
src: url(../fonts/Times_New_Roman_Italic.ttf) format('truetype');
font-style: italic;
}
@font-face {
font-family: 'Times New Roman';
src: url(../fonts/Times_New_Roman_Bold.ttf) format('truetype');
font-weight: bold;
}
@font-face {
font-family: 'Times New Roman';
src: url(../fonts/Times_New_Roman_Bold_Italic.ttf) format('truetype');
font-style: italic;
font-weight: bold;
}
* { margin: 0; padding: 0 }
body { font-family: montserrat, sans-serif; position: relative; z-index: auto }
h1, h2, h3, h5, h6 { font-family: montserrat, sans-serif; font-weight: 600; color: #000; line-height: 1.3 }
a { color: #FF6020; }
a:hover { color: #000; }
h4 { font-family: "Times New Roman", serif; }
p { color: #606060; font-size: 14px; line-height: 2; font-weight: 400; }
.section-padding-120 { padding-top: 120px; padding-bottom: 120px }
.section-padding-120-0 { padding-top: 120px; padding-bottom: 0 }
.section-padding-0-120 { padding-top: 0; padding-bottom: 120px }
.section-padding-100 { padding-top: 100px; padding-bottom: 100px }
.section-padding-100-0 { padding-top: 100px; padding-bottom: 0 }
.section-padding-0-100 { padding-top: 0; padding-bottom: 100px }
img { max-width: 100%; height: auto }
.mt-15 { margin-top: 15px }
.mt-30 { margin-top: 30px }
.mt-40 { margin-top: 40px }
.mt-50 { margin-top: 50px }
.mt-100 { margin-top: 100px }
.mt-150 { margin-top: 150px }
.mr-15 { margin-right: 15px }
.mr-30 { margin-right: 30px }
.mr-50 { margin-right: 50px }
.mr-100 { margin-right: 100px }
.mb-15 { margin-bottom: 15px }
.mb-30 { margin-bottom: 30px }
.mb-50 { margin-bottom: 50px }
.mb-100 { margin-bottom: 100px }
.ml-15 { margin-left: 15px }
.ml-30 { margin-left: 30px }
.ml-50 { margin-left: 50px }
.ml-100 { margin-left: 100px }
ul, ol { margin: 0; padding: 0 }
#scrollUp { bottom: 0; font-size: 15px; right: 0; width: 40px; background-color: #FF6020; color: #fff; text-align: center; height: 40px; line-height: 40px; border-radius: 0; }
a, a:hover, a:focus, a:active { text-decoration: none; -webkit-transition-duration: 500ms; transition-duration: 500ms; font-weight: 600; outline: none }
li { list-style: none }
.stmil-table { display: table; height: 100%; left: 0; position: relative; top: 0; width: 100%; z-index: 2 }
.stmil-table-cell { display: table-cell; vertical-align: middle }
.section-heading { position: relative; z-index: 1; margin-bottom: 55px }
.section-heading h4 { text-transform: lowercase; letter-spacing: 0px; font-weight: bold; font-size: 34px; margin-bottom: 15px; line-height: 1; }
.section-heading-line { width: 50px; height: 2px; background-color: #FF6020; margin: 0 auto; }
#preloader { overflow: hidden; background-color: rgba(249, 249, 249, .97); height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 999999 }
#preloader img { position: absolute; top: 50%; width: 80px; background: #fff; left: 50%; margin-top: -40px; margin-left: -40px; z-index: 8; border-radius: 50%; padding: 15px; }
#preloader .logoPrel { position: absolute; font-family: "Times New Roman",serif; top: 50%; width: 80px; height: 80px; background: #fff; left: 50%; margin-top: -40px; letter-spacing: 0px; margin-left: -40px; z-index: 8; border-radius: 50%; padding: 0px 13px; font-size: 50px; line-height: 67px; }
.bg-gray { background-color: #f9f9f9 }
.stmil-load { -webkit-animation: 2000ms linear 0s normal none infinite running stmil-load; animation: 2000ms linear 0s normal none infinite running stmil-load; background: transparent none repeat scroll 0 0; border-color: #ddd #ddd #FF6020; border-radius: 50%; border-style: solid; border-width: 4px; height: 80px; position: relative; width: 80px; z-index: 9; top: 50%; left: 50%; margin-top: -40px; margin-left: -40px }
@-webkit-keyframes stmil-load {
0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) }
100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) }
}
@keyframes stmil-load {
0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) }
100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) }
}
.header_area { position: fixed; width: 100%; z-index: 9999999; height: 100px; top: 0; left: 0; overflow-x: hidden }
.logo_area>a { /*! width: 200px; */ /*! height: 80px; */ /*! background-color: #fff; */ position: relative; z-index: 2; padding: 10px 20px; }
/*
.logo_area>a:before {
width: 9000px;
height: 80px;
background-color: #fff;
position: absolute;
z-index: 1;
content: '';
top: 0;
right: 200px;
}
*/
.menu-open-close { width: 80px; background-color: #fff; height: 80px; right: 0; position: fixed; }
.stmil-main-menu { width: 30%; background-color: rgba(255, 255, 255, 1); position: fixed; right: -55%; top: 0; padding-left: 5%; z-index: 998; -webkit-transition-duration: 1000ms; transition-duration: 1000ms; }
.header-social-info { width: 50%; background-color: rgba(255, 255, 255, 1); right: -55%; position: fixed; height: 100%; top: 0; z-index: 999; padding-right: 15%; -webkit-transition-duration: 1000ms; transition-duration: 1000ms; }
.stmil-menu-area.menu-open .stmil-main-menu { right: 0; }
.stmil-menu-area.menu-open .header-social-info { /* right: 0; */ }
.stmil-menu-area .navbar { padding: 0 }
.stmil-menu-area ul.navbar-nav { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important }
.stmil-menu-area .nav-item .nav-link { color: #959595; font-size: 20px; text-transform: capitalize; letter-spacing: 2px; font-weight: 500; padding: 5px 0; font-family: "Times New Roman",serif; }
.stmil-menu-area .nav-item .nav-link:hover, .stmil-menu-area .nav-item.active .nav-link { color: #000; font-weight: 500 }
.stmil-menu-area .nav-item .dropdown-toggle { color: #FF6020 }
.stmil-menu-area .dropdown-item { padding: 3px 15px; font-weight: 500; color: #959595; font-size: 18px; text-transform: capitalize; font-family: "Times New Roman",serif; letter-spacing: 2px; }
.header-social-info .h-social-icon>a { color: #959595; margin: 5px; display: inline-block; }
.header-social-info .h-social-icon>a:hover { color: #FF6020 }
#nav-icon { width: 20px; height: 20px; position: relative; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; /* padding: 10px; */ }
#nav-icon span { display: block; position: absolute; height: 3px; width: 100%; background-color: #000; border-radius: 9px; opacity: 1; -ms-filter: "alpha(opacity=100)"; left: 0; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; transition: .25s ease-in-out; }
#nav-icon span:nth-child(1) { top: 0 }
#nav-icon span:nth-child(2) { top: 7.5px; }
#nav-icon span:nth-child(3) { top: 16px; }
#nav-icon.open span:nth-child(1) { top: 12px; -webkit-transform: rotate(135deg); transform: rotate(135deg) }
#nav-icon.open span:nth-child(2) { opacity: 0; -ms-filter: "alpha(opacity=0)"; left: -100px }
#nav-icon.open span:nth-child(3) { top: 12px; -webkit-transform: rotate(-135deg); transform: rotate(-135deg) }
.stmil-hero-area { width: 100%; height: 100vh; position: relative; z-index: 1; }
.hero-content-area { width: calc(50% - 15px); background-color: #fff; padding: 50px 40px 50px 0; position: absolute; bottom: 0; left: 0; z-index: 9; }
.hero-content-area .hero-text h2 { font-size: 18px; margin-bottom: 0px; font-weight: 500; }
.hero-content-area .hero-text>a, .load-more-btn { font-size: 12px; text-transform: uppercase; color: #FF6020; font-family: "Times New Roman",serif; letter-spacing: 4px; }
.hero-content-area .hero-text>a:hover, .load-more-btn:hover { color: #000 }
.hero-content-area .hero-text { width: 540px }
.stmil-about-us-area .about-us-content { background-color: #fff; /* box-shadow: 2px 2px 5px rgba(0, 0, 0, .15); */ border-radius: 2px; }
.stmil-about-us-area .about-us-thumb>img { border-radius: 2px 0 0 2px }
.stmil-about-us-area .about-us-text { padding: 15px 60px }
.stmil-about-us-area .about-us-text p { /* margin-bottom: 0; */
font-size: 14px; line-height: 25px; margin-bottom: 1rem; }
.stmil-about-us-area .about-us-text h4 { /* margin-bottom: 0; */
font-size: 30px; /* line-height: 19px; */ margin-bottom: 10px; }
.stmil-single-feature { padding: 30px 30px 25px; background-color: #fff; margin-top: 70px; /* box-shadow: 2px 2px 5px rgba(0, 0, 0, .15) */ }
.feature-title>img { max-width: 35px; margin-right: 20px }
.feature-title { margin-bottom: 25px }
.feature-title>h5 { margin-bottom: 0; color: #FF6020 }
.stmil-single-feature>p { margin-bottom: 0; font-size: 14px }
.stmil-projects-menu { padding: 35px 15px; background-color: #fff; box-shadow: 0 -1px 1px rgba(0, 0, 0, .1) }
.stmil-projects-menu button.btn { font-size: 12px; font-weight: 600; background-color: transparent; color: #959595; text-transform: uppercase; border: none; padding: 0 20px; letter-spacing: 2px; cursor: pointer; -webkit-transition-duration: 500ms; transition-duration: 500ms }
.stmil-projects-menu button.btn:hover, .stmil-projects-menu button.btn:focus, .stmil-projects-menu button.btn.active { color: #000; box-shadow: none }
.stmil-portfolio { margin-left: -15px; margin-right: -15px }
.stmil-portfolio .single_gallery_item { box-shadow: 0 2px 1px rgba(0, 0, 0, .1); position: relative; z-index: 1; overflow: hidden }
.stmil-portfolio .single_gallery_item img { -webkit-transition-duration: 500ms; transition-duration: 500ms }
.gallery-hover-overlay { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(255, 255, 255, .95); padding: 50px; opacity: 0; -ms-filter: "alpha(opacity=0)"; -webkit-transition-duration: 500ms; transition-duration: 500ms }
.gallery-hover-overlay .port-more-view>a { font-size: 26px; color: #FF6020; width: 40px; height: 40px; display: block }
.gallery-hover-overlay .port-hover-text>a { font-size: 12px; color: #959595; text-transform: uppercase; margin-bottom: 15px; display: block; letter-spacing: 2px }
.gallery-hover-overlay .port-hover-text>h3 { color: #FF6020; margin-bottom: 0 }
.stmil-portfolio .single_gallery_item:hover .gallery-hover-overlay { opacity: 1; -ms-filter: "alpha(opacity=100)" }
.stmil-portfolio .single_gallery_item:hover img { -webkit-transform: scale(1.1); transform: scale(1.1) }
.stmil-method-text { margin: 60px 60px; /* margin-bottom: 60px; */ }
.stmil-method-text h4 { margin-bottom: 40px }
.stmil-method-text p { margin-bottom: 0; font-size: 14px; line-height: 22px; }
.stmil-method-video { width: 100%; height: 500px; background-color: #5b5454; position: relative; z-index: 1; border-radius: 3px; margin-top: 80px; background-size: cover; background-position: center center }
.stmil-method-video:after { background-color: rgba(255, 108, 0, .9); left: 0; top: 0; width: 100%; height: 100%; position: absolute; content: ''; border-radius: 3px; z-index: -1 }
.video-play-btn { display: -webkit-box; display: -ms-flexbox; display: flex; height: 500px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center }
.video-play-btn>a { color: #fff; font-size: 70px }
.stmil-clients-logo { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center }
.single-clients-logo { -ms-flex-preferred-size: 16.66666666666667%; flex-basis: 16.66666666666667%; height: 180px; width: 16.66666666666667%; border: 1px solid #ebebeb; background-color: #fff; margin-right: -1px; margin-top: -1px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 5px }
.stmil-single-blog-area { background-color: #fff; border-radius: 2px; /* box-shadow: 1px 2px 3px rgba(0, 0, 0, .15); */ position: relative; z-index: 1; }
.stmil-single-blog-area>img { width: 100% }
.stmil-blog-content { padding: 30px }
.stmil-blog-content h5 { font-size: 18px; line-height: 1.6; margin-bottom: 25px }
.post-author-img { width: 40px; height: 40px; margin-right: 15px }
.post-author-name-date h6 { font-size: 14px; font-weight: 400; margin-bottom: 10px }
.post-author-name-date p { font-size: 12px; line-height: 1; margin-bottom: 0; font-weight: 300 }
.post-author-name-date p>a { color: #000 }
.stmil-contact-area { position: relative; z-index: 1; min-height: 237.5px }
.contact_from { background-color: #fff; padding: 80px; /* box-shadow: 1px 2px 8px rgba(0, 0, 0, .15); */ /* position: absolute; */
z-index: 99; top: 0; }
#googleMap { width: 100%; height: 600px }
.contact_input_area .form-group .form-control { padding: 10px 9px; line-height: 1; border: none; border-radius: 0; background: #e2e2e2; font-size: 12px; color: #000000; font-weight: 300; }
.contact_input_area .form-group textarea.form-control { height: 100px }
.contact_input_area .form-group .form-control:active, .contact_input_area .form-group .form-control:focus { box-shadow: none; border-bottom: 1px solid #000; color: #000 }
.contact_input_area button { width: 200px; height: 50px; background-color: #FF6020; color: #fff; font-size: 12px !important; text-transform: uppercase; line-height: 50px; padding: 0 !important; letter-spacing: 2px; cursor: pointer; border-radius: 0 !important; margin-top: 20px }
.stmil-footer-area { padding: 60px 0 40px 0; background-color: #fff; border-top: 1px solid #0000001a; /* margin-top: 50px; */ position: relative; z-index: 1; }
.footer-nav-widget ul>li>a { color: rgba(255, 255, 255, .8); font-size: 12px; text-transform: uppercase; letter-spacing: 2px; padding: 10px 0; display: block }
.footer-nav-widget ul>li>a:hover { color: #fff }
.subscribe-widget p { color: #fff; font-size: 12px; text-transform: uppercase; letter-spacing: 2px; padding: 10px 0; margin-bottom: 0 }
.subscribe-widget form { position: relative; z-index: 1 }
.subscribe-widget input { border: none; background-color: transparent; padding: 10px 0; font-size: 12px; width: 100%; color: #fff; font-size: 12px; letter-spacing: 1px; border-bottom: 1px solid #fff }
.subscribe-widget form button { background-color: transparent; border: none; color: #fff; cursor: pointer; position: absolute; padding: 10px 0; right: 0; font-size: 12px; top: 0; z-index: 9 }
.footer-social-widget { margin-top: 0; }
.footer-social-widget>a { font-size: 14px; color: rgba(255, 255, 255, .8); margin-right: 30px }
.footer-social-widget>a:hover, .footer-social-widget>a:focus { color: #000 }
.footer-social-widget>a:last-child { margin-right: 0 }
.stmil-single-portfolio-area { position: relative; z-index: 1 }
.stmil-portfolio-share>a { display: inline-block; font-size: 12px; text-transform: uppercase; color: #000; padding: 30px; border: 1px solid #ebebeb; float: left; margin-right: -1px; letter-spacing: 1px }
.stmil-portfolio-share>a:hover { color: #fff; border: 1px solid #FF6020; background-color: #FF6020 }
.stmil-portfolio-share>a:first-child { color: #000; background-color: #ebebeb; cursor: default }
.stmil-portfolio-share>a:hover:first-child { color: #000; border: 1px solid #ebebeb; background-color: #ebebeb }
.stmil-portfolio-content-area { width: calc(50% - 15px); position: absolute; background-color: #fff; right: 0; bottom: 100px; z-index: 99; box-shadow: -2px 2px 5px rgba(0, 0, 0, .15) }
.single-portfolio-text { padding: 80px 0 80px 80px; width: 540px }
.single-portfolio-text p { font-size: 12px; text-transform: uppercase; color: #000; margin-bottom: 30px; line-height: 1; letter-spacing: 1px }
.single-portfolio-text h2 { font-size: 48px; font-weight: 700; margin-bottom: 130px; line-height: 1 }
.project-meta-data>div { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 33.3333333333333%; text-align: center }
.project-meta-data>div>p { border: 1px solid #ebebeb; padding: 20px 10px; margin-bottom: 0; margin-left: -1px; margin-top: -1px; color: #959595 }
.project-meta-data>div>p:first-child { background-color: #ebebeb; color: #000 }
.stmil-project-single-thumb { position: relative; z-index: 1 }
.stmil-project-single-thumb img { box-shadow: 2px 2px 5px rgba(0, 0, 0, .15) }
.stmil-static-welcome-area { background-position: center center; background-size: cover; width: 100%; height: 550px; position: relative; z-index: 1 }
.static-page-area { position: relative; z-index: 99; padding-bottom: 0; }
.static-content { padding: 80px 100px; background-color: #fff; /* box-shadow: 2px 3px 4px rgba(0, 0, 0, .15); */ margin-top: -175px; z-index: 9; }
.static-content h3 { font-size: 30px; line-height: 1.5; margin-bottom: 50px }
.static-content p:last-of-type { margin-bottom: 0 }
.static-content blockquote { margin: 0; text-align: center; padding: 40px 0; margin: 80px 0; border-top: 2px solid #ebebeb; border-bottom: 2px solid #ebebeb }
.static-content blockquote h5 { margin: 30px 0; font-size: 18px; font-weight: 400; line-height: 1.5 }
.static-content blockquote p { line-height: 1; font-size: 18px; color: #959595 !important }
.stmil-method-content { padding-bottom: 60px; }
.citazione { font-style: italic; color: #5a5a5a; font-size: 15px; }
.logoTesto { text-decoration: none; color: #fff !important; font-family: "Times New Roman", serif; font-size: 50px; font-weight: bold; letter-spacing: 0px; text-shadow: -1px -1px 0 #333, 0 -1px 0 #333, 1px -1px 0 #333, 1px 0 0 #333, 1px 1px 0 #333, 0 1px 0 #333, -1px 1px 0 #333, -1px 0 0 #333;}
.logoTesto:hover { text-decoration: none; }
.logo_area { position: fixed; left: 0; }
.stmil-footer-area a { color: #FF6020; font-weight: normal; }
.stmil-footer-area p { font-size: 13px; color: #000; }
#copy { padding: 20px 0; background: #000; }
#copy a { color: #FF6020; font-weight: normal; }
#copy p { font-size: 13px; }
.boxMacroCat { height: 400px; overflow: hidden; }
.boxMacroCat img { width: 100%; height: 100%; position: absolute; max-height: none; max-width: none; object-fit: cover; transition-duration: 500ms; left: 0; top: 0; }
.boxMacroCat:hover img { width: 120%; height: 120%; object-fit: cover; left: -10%; top: -10%; }
.tratto { color: #FF6020; }
label { font-size: 12px; margin: 0; color: #00000052; }
.rosso { color: #FF6020; font-style: italic; }
.logoFooter { font-family: "Times New Roman",serif; font-weight: 700; font-size: 34px; color: #000; }
.fplus-static-welcome-area { background-position: center center; background-size: cover; width: 100%; height: 400px; position: relative; z-index: 1; }
.lg-sub-html { background-color: #00000052; }
.lg-sub-html p { color: #fff; line-height: 16px; }