:root {
  --primary-color: #405463;
  --secondary-color: #ba6938;
  --main-font-size: 14px;
}


/******
General
*******/
html {
  scroll-behavior: smooth;
}
body{ margin: 0; padding: 0; font-family: 'Poppins', sans-serif; font-size: var(--main-font-size); background-color: #f6f9fc; color: var(--primary-color); line-height: 19px; }
#main-container {z-index: 0; margin-top: -95px; }

.container{ max-width: 970px; }

img { pointer-events: none; }
*,*:focus,*:hover{ outline:none; }
a { color: var(--primary-color); }

::-webkit-input-placeholder { /* Edge */ color: #bcc1c5 !important; font-size: 14px; }
:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #bcc1c5 !important; font-size: 14px; }
::placeholder { color: #bcc1c5 !important; font-size: 14px; }

@media screen and (max-width: 1399.98px){}
@media screen and (max-width: 1199.98px){}
@media screen and (max-width: 991.98px){}
@media screen and (max-width: 767.98px){}
@media screen and (max-width: 575.98px){
	#main-container { margin-top: 0px; }
}

/* buttons */
.primary-btn { display: inline-block; border-radius: 0px; font-weight: 400; font-size: 15px; letter-spacing: 2px; color: #8baabf; text-transform: uppercase; transition: all .3s; position: relative; overflow: hidden; z-index: 1; width: 260px; height: 45px; line-height: 32px; }
.primary-btn:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background-color: #e12f3e; border-radius: 0px; z-index: -2; }
.primary-btn:before { content: ''; position: absolute; bottom: 0; left: 0; width: 0%; height: 100%; background-color: #8baabf; transition: all .3s; border-radius: 0px; z-index: -1; }
.primary-btn:hover { color: #e12f3e; }
.primary-btn:hover:before { width: 100%; }

/* recaptcha */
form .g-recaptcha {}
form .g-recaptcha div { margin: 0 auto; }



/******
MENU
*******/

#header { height: 95px; background: #fff; position: relative; z-index: 9; }
#header .row { height: 100%; }
#header .row .navbar { height: 100%; padding: .5rem 2rem 0.5rem 1rem; }
#header .navbar-brand { width: 180px; text-align: center; }
#header #main-navbar ul li .nav-link { text-transform: uppercase; font-weight: 500; padding-right: 1rem; padding-left: 1rem; letter-spacing: 1px; position: relative; }
#header #main-navbar ul li .nav-link:hover { color: var(--primary-color); }
#header #main-navbar ul li .nav-link::after { content: ""; position: absolute; bottom: 0; left: 1rem; width: 0px; height: 1px; background: #c6672e;  -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; transition: all .3s; }
#header #main-navbar ul li.active .nav-link::after, #header #main-navbar ul li .nav-link:hover::after { width: calc(100% - 2rem); }
#header #main-navbar .social-media-wrapper { margin-left: 44px; }
#header #main-navbar .social-media-wrapper ul { padding: .5rem 0rem; margin: 0; list-style: none; }
#header #main-navbar .social-media-wrapper ul li { display: inline-block; margin: 0 5px; }
#header #main-navbar .social-media-wrapper ul li .fab {}
#header #main-navbar .social-media-wrapper ul li .fab.fa-instagram { font-size: 15px; }
#header #main-navbar .social-media-wrapper ul li .fab:hover { color: #c6672e; }


@media screen and (max-width: 991.98px){
	#header #main-navbar ul li .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; letter-spacing: 0.2px; }
	#header #main-navbar ul li.active .nav-link::after, #header #main-navbar ul li .nav-link:hover::after { left: 0.5rem; width: calc(100% - 1rem); }
}
@media screen and (max-width: 767.98px){
	#header .navbar-toggler {  }
	#header .navbar-toggler .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(64, 84, 99, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); }

	#header .navbar-toggler:hover { background: rgba(64, 84, 99, 1); }
	#header .navbar-toggler:hover .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); }

	#header #main-navbar .menu-collapse-button { position: absolute; top: 50px; left: 54px; color: #b76a3e; font-size: 30px; cursor: pointer; }
	#header #main-navbar { background: var(--primary-color); position: fixed; top: 80px; left: 0; width: 100%; height: calc(100% - 80px); }
	#header #main-navbar .navbar-nav { height: 100%; text-align: center; padding-top: 100px; } 
	#header #main-navbar ul li.nav-item::after { content: ""; display: block; background: #be6934; width: 280px; height: 1px; left: calc(50% - 140px); position: absolute; }
	#header #main-navbar ul li .nav-link { color: #fff; font-size: 30px; font-weight: 300; line-height: 100px; }
}



/******
HOMEPAGE
*******/
.home-page {}

/* header slider*/
.home-page #header-slider { background: #354857; }
.home-page #header-slider .slick-slide img { margin: 0 auto; }
.home-page #header-slider .action-wrapper { position: absolute; bottom: 20px; width: 100%; left: 0px; }
.home-page #header-slider .action-wrapper .row { background: #364856; max-width: 970px; margin: 0px auto; height: 60px; }
.home-page #header-slider .action-wrapper .row .action-single { position: relative; text-align: center; padding: 5px 15px; }
.home-page #header-slider .action-wrapper .row .action-single:not(:last-child):after { content:""; position: absolute; display: block; right: 0; top: 0; height: 100%; width: 1px; background: #6b8495; }
.home-page #header-slider .action-wrapper .action-text a { font-size: 12px; text-transform: uppercase; padding: 0 11px; color: #859fb1; }
.home-page #header-slider .action-wrapper .action-text a.active { color: #ba6938; }
.home-page #header-slider .action-wrapper .action-dots a i { font-size: 12px; padding: 0 1px; color: #6b8495;  }
.home-page #header-slider .action-wrapper .action-dots a.active i { color: #ba6938; }
.home-page #header-slider .action-wrapper .action-number { color: #6b8495; font-size: 21px; font-weight: 300; }


@media screen and (max-width: 1399.98px){}
@media screen and (max-width: 1199.98px){}
@media screen and (max-width: 991.98px){}
@media screen and (max-width: 767.98px){
	.home-page #header-slider .action-wrapper .row .action-single:not(:last-child):after { display: none; }
}
@media screen and (max-width: 575.98px){}
@media screen and (max-width: 480.98px){
	.home-page #header-slider .action-wrapper { position: relative; bottom: 1px; }
	.home-page #header-slider .action-wrapper .row .action-single { max-width: 320px; }
}

/* architettura di qualita */
.home-page #architettura-di-qualita { background: no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding: 105px 0 130px; }
.home-page #architettura-di-qualita .title { font-size: 33px; line-height: 44px; color: #eff2f4; font-weight: 100; margin-bottom: 25px; letter-spacing: 5px; }
.home-page #architettura-di-qualita .description { font-size: 15px; line-height: 21px; color: #eff2f4; font-weight: 100; margin-bottom: 100px; position: relative; max-width: 500px; width: 100%; letter-spacing: 1px; }
.home-page #architettura-di-qualita .description::after { content: ""; position: absolute; display: block; left: calc(50% - 33px); bottom: -50px; width: 66px; height: 1px; background: var(--secondary-color); }
.home-page #architettura-di-qualita .video { margin-bottom: 60px; }
.home-page #architettura-di-qualita .video iframe { width: 100%; height: calc(940px / 1.78); }
.home-page #architettura-di-qualita .button {}
.home-page #architettura-di-qualita .button .more-video-btn {  border: 1px solid #8baabf; color: #8baabf; }
.home-page #architettura-di-qualita .button .more-video-btn:hover { background-color: #8baabf; color: var(--primary-color); }
.home-page #architettura-di-qualita .button .more-video-btn:after { background: transparent; }

@media screen and (max-width: 575.98px){
	.home-page #architettura-di-qualita { padding: 45px 0 80px; background-image: none !important; background-color: #364856; }
	.home-page #architettura-di-qualita .title { font-size: 27px; line-height: 40px; }
}

/* stats */
.home-page #stats { background: no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding: 170px 0; position: relative; }
.home-page #stats .col-sm-auto { padding: 0 54px;  }
.home-page #stats .stat-wrapper { background: #313d47; border-radius: 50%; width: 135px; height: 135px; margin: 0 auto; }
.home-page #stats .stat-wrapper > .row { height: 100%; }
.home-page #stats .stat-wrapper .stat-number { font-size: 36px; font-weight: 300; color: #c16e3d; display: block; padding-top: 4px; }
.home-page #stats .stat-wrapper .stat-name { font-size: 14px; font-weight: 300; color: #f2f5f7; text-transform: uppercase; letter-spacing: 2px; }

@media screen and (max-width: 767.98px){
	.home-page #stats { padding: 70px 0; }
	.home-page #stats .col-sm-auto { padding: 0 25px;  }
	.home-page #stats .stat-wrapper { margin-bottom: 25px; }
}


/* guiding principals */
.home-page #guiding-principals { background-color: #f2f5f7; padding: 150px 0 0; }
.home-page #guiding-principals .content { max-width: 250px; margin: 0 auto 50px; }
.home-page #guiding-principals .content .section-title { font-size: 24px; color: #c6672e; position: relative; text-transform: uppercase; line-height: 30px; }
.home-page #guiding-principals .content .section-title::after { content: ""; position: absolute; display: block; left: 0px; bottom: -30px; width: 35px; height: 1px; background: #c6672e; }
.home-page #guiding-principals .content .title { color: var(--primary-color); font-size: 24px; text-transform: uppercase; margin-bottom: 25px; font-weight: 300; }
.home-page #guiding-principals .content .description { color: var(--primary-color); font-size: 13px; line-height: 16px; }

@media screen and (max-width: 575.98px){
	.home-page #guiding-principals { padding: 70px 0 0; }
	.home-page #guiding-principals .content .section-title::after { bottom: -25px; }
}

/* BLENDED */
#blended { background-color: #f2f5f7; background-blend-mode: multiply; height: 286px; background-repeat: no-repeat; background-position: center; }

@media screen and (max-width: 575.98px){
	#blended { background-size: 100% auto; height: 186px; }
}
@media screen and (max-width: 480.98px){
	#blended { height: 150px; }
}
@media screen and (max-width: 400.98px){
	#blended { height: 120px; }
}


/* homepage portfolio */
.home-page #homepage-portfolio { background: no-repeat right center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding: 0px 0px 120px; }
.home-page #homepage-portfolio .container { max-width: 1345px; }
.home-page #homepage-portfolio .section-title { color: #394b59; font-size: 33px; font-weight: 300; line-height: 35px; text-transform: uppercase; letter-spacing: 3px; margin-bottom: 135px; position: absolute; top: 120px; left: 0px; }
.home-page #homepage-portfolio .slick-track .slick-slide { margin-top: 280px; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; transition: all .3s; }
.home-page #homepage-portfolio .slick-track .slick-slide:hover { margin-top: 270px; }
.home-page #homepage-portfolio .slick-track .slick-slide:first-child::before { content: ""; display: block; position: absolute; width: 1px; height: 280px; background: #f1e1d7; top: -280px; left: 6px; }
.home-page #homepage-portfolio .slick-track .slick-slide::after { content: ""; display: block; position: absolute; width: 1px; height: 280px; background: #f1e1d7; top: -280px; right: 6px; }
.home-page #homepage-portfolio .card { padding: 0 5px; border: 0; text-decoration: none; background: transparent; }
.home-page #homepage-portfolio .card .card-img-top { border-radius: 0px;}
.home-page #homepage-portfolio .card .card-img-top.img-flip { position: absolute; top: 0; width: calc(100% - 10px); left: 5px; opacity: 0; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; transition: all .3s; }
.home-page #homepage-portfolio .card:hover .card-img-top.img-flip { opacity: 1; }
.home-page #homepage-portfolio .card .card-body { padding: 32px 0px 0px; }
.home-page #homepage-portfolio .card .card-body .name { font-size: 15px; font-weight: 500; color: var(--primary-color); text-align: center; text-transform: uppercase; margin-bottom: 2px; letter-spacing: 2px; }
.home-page #homepage-portfolio .card .card-body .country { font-size: 15px; font-weight: 500; color: var(--secondary-color); text-align: center; text-transform: uppercase;  letter-spacing: 2px; }
.home-page #homepage-portfolio .slick-arrow { position: absolute; top: calc(60%); z-index: 9; font-size: 20px; color: var(--secondary-color); background: #e5e5e3; padding: 7px; cursor: pointer; display: block; }
.home-page #homepage-portfolio .slick-arrow:hover { background: var(--secondary-color); color: var(--primary-color); }
.home-page #homepage-portfolio .prev-arrow { left: 0px; }
.home-page #homepage-portfolio .next-arrow { right: 0px; }

.home-page #homepage-portfolio .more-projects-btn {  margin-top: 100px; border: 1px solid var(--primary-color); color: var(--primary-color); }
.home-page #homepage-portfolio .more-projects-btn:hover { background-color: var(--primary-color); color: #ffffff; }
.home-page #homepage-portfolio .more-projects-btn:after { background: #ffffff; }




@media screen and (max-width: 1399.98px){}
@media screen and (max-width: 1199.98px){}
@media screen and (max-width: 991.98px){}
@media screen and (max-width: 767.98px){
	.home-page #homepage-portfolio .section-title { top: 50px; left: 0px; }
	.home-page #homepage-portfolio .slick-track .slick-slide { margin-top: 200px; }
	.home-page #homepage-portfolio .slick-track .slick-slide:hover { margin-top: 190px; }
	.home-page #homepage-portfolio .slick-track .slick-slide:first-child::before { height: 200px; }
	.home-page #homepage-portfolio .slick-track .slick-slide::after { height: 200px; }
	.home-page #homepage-portfolio .slick-arrow { top: calc(55%); }
}
@media screen and (max-width: 575.98px){
	.home-page #homepage-portfolio { padding: 0px 0px 90px; }
	.home-page #homepage-portfolio .slick-track .slick-slide { margin-top: 140px; }
	.home-page #homepage-portfolio .slick-track .slick-slide:hover { margin-top: 130px; }
	.home-page #homepage-portfolio .slick-track .slick-slide:first-child::before { display: none; }
	.home-page #homepage-portfolio .slick-track .slick-slide::after { display: none; }
	.home-page #homepage-portfolio .more-projects-btn {	margin-top: 40px; }	
	.home-page #homepage-portfolio .slick-arrow { top: calc(50%); }
}
@media screen and (max-width: 480.98px){}


/* services */
.home-page #services { background: no-repeat right center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding: 107px 0; position: relative; height: 940px; }
.home-page #services .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } 
.home-page #services .bg .item { height: 100%; width: 100%; position: absolute; top: 0; left: 0; background: no-repeat right center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; z-index: 0; }
.home-page #services > .container { position: relative; z-index: 99 }
.home-page #services .section-title { position: relative; font-size: 34px; line-height: 34px; color: #fff; font-weight: 300; letter-spacing: 5px; text-transform: uppercase; margin-bottom: 170px; }
.home-page #services .section-title::after { content: ""; position: absolute; display: block; left: calc(50% - 32px); bottom: -40px; width: 64px; height: 1px; background: var(--secondary-color); }
.home-page #services .nav-pills {}
.home-page #services .nav-pills .nav-link { font-size: 17px; background: transparent; color: #a3b5c2; text-transform: uppercase; font-weight: 300; padding: 10px 1rem; }
.home-page #services .nav-pills .nav-link > .row > div { padding: 0 10px; letter-spacing: 1px; }
.home-page #services .nav-pills .nav-link .number { opacity: 0.3; width: 44px; text-align: right; }
.home-page #services .nav-pills .nav-link.active { color: var(--secondary-color); }
.home-page #services .nav-pills .nav-link.active .number { opacity: 1; font-weight: 500; }
.home-page #services .tab-content { max-width: 330px; width: 100%; }
.home-page #services .tab-content .tab-pane { color: #fff; font-weight: 300; letter-spacing: 0.8px; line-height: 22px; }
.home-page #services .tab-details {}
.home-page #services .tab-details .number { font-size: 127px; font-weight: 100; color: var(--secondary-color); line-height: 97px; margin-bottom: 10px; }
.home-page #services .tab-details .name { font-size: 28px; font-weight: 100; color: var(--secondary-color); line-height: 29px; text-transform: uppercase; }



.home-page #services .accordion {}
.home-page #services .accordion .card { margin-bottom: 5px; border-radius: 0px; border: 0px none !important; }
.home-page #services .accordion .card .card-header { padding: 0px; border-radius: 0px; border: 1px solid #717f89 !important; margin-bottom: 0px; }
.home-page #services .accordion .card .card-header h2 button { padding: 5px 23px; height: 60px; background: #263744; width: 100%; color: #fff; text-align: left; font-weight: 300; text-transform: uppercase; letter-spacing: 0.75px; font-size: 16px; border-radius: 0px; text-decoration: none; }
.home-page #services .accordion .card .card-header h2 button.collapsed { background: #435463; }
.home-page #services .accordion .card > div.collapse,
.home-page #services .accordion .card > div.collapsing { border: 1px solid #717f89 !important; background: #f7f5f5; }
.home-page #services .accordion .card .card-body { color: #2f3e4a; line-height: 18px; font-size: 12px; font-weight: 300; }


@media screen and (max-width: 1399.98px){}
@media screen and (max-width: 1199.98px){}
@media screen and (max-width: 991.98px){
	.home-page #services { padding: 57px 0; }
	.home-page #services .tab-details .number { font-size: 87px; }
	.home-page #services .tab-details .name { font-size: 18px; font-weight: 300; }
}
@media screen and (max-width: 767.98px){
	.home-page #services { height: auto; }
	.home-page #services .section-title { margin-bottom: 80px; }
}
@media screen and (max-width: 575.98px){}
@media screen and (max-width: 480.98px){}
@media screen and (max-width: 380.98px){
	.home-page #services .accordion .card .card-header h2 button {font-size: 14px; }
}


/* homepage contact form */
.home-page #homepage-contact-form { background: no-repeat right center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding: 100px 0 170px; }
.home-page #homepage-contact-form .section-title { font-size: 20px; line-height: 22px; font-weight: 600; color: #c16e3d; margin-bottom: 23px; text-transform: uppercase; letter-spacing: 0.6px; }
.home-page #homepage-contact-form form { max-width: 330px; }
.home-page #homepage-contact-form form .form-group {}
.home-page #homepage-contact-form form .form-group .label { font-weight: 500; font-size: 15px; margin-bottom: 5px; }
.home-page #homepage-contact-form form .form-group .input {}
.home-page #homepage-contact-form form .form-group .input input, #homepage-contact-form form .form-group .input textarea { border-radius: 0; border-color: #adb5bc; }
.home-page #homepage-contact-form form .form-group button { padding: 0rem .75rem; width: 100%; height: 36px; border: 1px solid #364856; color: #364856; color: #fff; }
.home-page #homepage-contact-form form .form-group button:hover { background: transparent; color: #364856; }
.home-page #homepage-contact-form form .form-group button:after { background-color: #364856; }





.home-page #homepage-contact-form form .form-message {}
.home-page #homepage-contact-form form .form-message ul { padding: 0; margin: 0; list-style: none; font-size: 12px; }
.home-page #homepage-contact-form form .form-message ul li {}




/******
ABOUT US
*******/
.about-us-page {}
.about-us-page #top-section { background: no-repeat right center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding: 100px 0 100px; height: 820px; }
.about-us-page #top-section > .container { height: 100%; max-width: 855px; }
.about-us-page #top-section > .container > .row{ height: 100%; }
.about-us-page #top-section .title { font-size: 38px; font-weight: 100; color: #f6f9fc; text-transform: uppercase; margin-bottom: 70px; position: relative; }
.about-us-page #top-section .title::after { content: ""; position: absolute; display: block; left: 15px; bottom: -40px; width: 64px; height: 1px; background: var(--secondary-color); }
.about-us-page #top-section .description { font-weight: 300; color: #f6f9fc; max-width: 370px; line-height: 22px; }

.about-us-page #content { padding: 90px 0 120px; color: #33434f; font-weight: 300; line-height: 22px; }
.about-us-page #content .container { max-width: 855px; }


@media screen and (max-width: 1399.98px){}
@media screen and (max-width: 1199.98px){}
@media screen and (max-width: 991.98px){
	.about-us-page #top-section { height: 600px; }
}
@media screen and (max-width: 767.98px){}
@media screen and (max-width: 575.98px){
	.about-us-page #top-section { height: auto; }
}


/******
CONTACT US
*******/
.contact-us-page {}
.contact-us-page #top-section { background: no-repeat right center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding: 100px 0 100px; height: 820px; }
.contact-us-page #top-section > .container { height: 100%; max-width: 635px; }
.contact-us-page #top-section > .container > .row{ height: 100%; }
.contact-us-page #top-section .title { font-size: 38px; font-weight: 100; color: #f6f9fc; text-transform: uppercase; margin-bottom: 70px; position: relative; }
.contact-us-page #top-section .title::after { content: ""; position: absolute; display: block; left: 15px; bottom: -40px; width: 64px; height: 1px; background: var(--secondary-color); }
.contact-us-page #top-section .description { font-weight: 300; color: #f6f9fc; line-height: 19px; }
.contact-us-page #top-section .description strong { font-weight: 600; }
.contact-us-page #top-section .description .country { text-transform: uppercase; letter-spacing: 2px;  }
.contact-us-page #top-section .description a { color: #f6f9fc; }


/* contact form */
.contact-us-page #contact-form { padding: 95px 0;  background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.contact-us-page #contact-form .section-title { font-size: 20px; line-height: 22px; font-weight: 600; color: #c16e3d; margin-bottom: 23px; text-transform: uppercase; letter-spacing: 0.6px; }
.contact-us-page #contact-form form { max-width: 330px; }
.contact-us-page #contact-form form .form-group {}
.contact-us-page #contact-form form .form-group .label { font-weight: 500; font-size: 15px; margin-bottom: 5px; }
.contact-us-page #contact-form form .form-group .input {}
.contact-us-page #contact-form form .form-group .input input, #homepage-contact-form form .form-group .input textarea { border-radius: 0; border-color: #adb5bc; }
.contact-us-page #contact-form form .form-group button { padding: 0rem .75rem; width: 100%; height: 36px; border: 1px solid #364856; color: #364856; color: #fff; }
.contact-us-page #contact-form form .form-group button:hover { background: transparent; color: #364856; }
.contact-us-page #contact-form form .form-group button:after { background-color: #364856;}
.contact-us-page #contact-form form .form-message {}
.contact-us-page #contact-form form .form-message ul { padding: 0; margin: 0; list-style: none; font-size: 12px; }
.contact-us-page #contact-form form .form-message ul li {}


@media screen and (max-width: 1399.98px){}
@media screen and (max-width: 1199.98px){}
@media screen and (max-width: 991.98px){
	.contact-us-page #contact-form { background-image: none !important; }
}
@media screen and (max-width: 767.98px){}
@media screen and (max-width: 575.98px){
	.contact-us-page #top-section { height: auto; }
}


/******
PORTFOLIO
*******/
.portfolio-page {}
.portfolio-page #main-container { margin-top: 0px;}

/* portfolio listing */
.portfolio-page #portfolio { padding: 35px 0 150px; }
.portfolio-page #portfolio .container { max-width: 1248px; }
.portfolio-page #portfolio .container .row { margin: 0 -14px; }
.portfolio-page #portfolio .container .row .col-12,
.portfolio-page #portfolio .container .row .col-6 { padding: 0 14px; }
.portfolio-page #portfolio .single-project-wrapper { margin-bottom: 28px; display: block; position: relative; } 
.portfolio-page #portfolio .single-project-wrapper .flip-wrapper { position: absolute; top: 0; left: 0; opacity: 0; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; transition: all .3s; }
.portfolio-page #portfolio .single-project-wrapper:hover .flip-wrapper { opacity: 1; } 
.portfolio-page #portfolio .single-project-wrapper .flip-wrapper .details { position: absolute; top: 0; left: 15px; z-index: 99; width: 100%; height: 100%; }
.portfolio-page #portfolio .single-project-wrapper .flip-wrapper .details .name { font-size: 30px; font-weight: 100; color: #f6f9fc; text-align: center; line-height: 30px; margin-bottom: 15px; }
.portfolio-page #portfolio .single-project-wrapper .flip-wrapper .details .country { font-size: 20px; text-align: center; color: #c16e3d; line-height: 20px; text-transform: uppercase; }

.portfolio-page #portfolio #load-more-projects-wrapper .more-projects-btn { width: 260px; height: 45px; border: 1px solid var(--primary-color); color: var(--primary-color); border-radius: 0; font-size: 15px; text-transform: uppercase; font-weight: 400; line-height: 32px; letter-spacing: 2px; margin: 55px 0px 0px; }
.portfolio-page #portfolio #load-more-projects-wrapper .more-projects-btn:hover { background-color: var(--primary-color); color: #ffffff; }

/* project inner project */
.portfolio-page #project-inner { padding-top: 15px; }
.portfolio-page #project-inner > .container { max-width: 1400px;}
.portfolio-page #project-inner .cover-image-wrapper {margin-bottom: 95px;}
.portfolio-page #project-inner .project-details{ max-width: 826px; margin: 0 auto;}
.portfolio-page #project-inner .label {font-weight: 500;color: var(--primary-color);text-transform: uppercase; margin-bottom: 5px; }
.portfolio-page #project-inner .value {font-weight: 300;font-size: 22px;color: #c6672e; margin-bottom: 30px;}
.portfolio-page #project-inner .name {font-size: 22px;color: #c6672e; margin-bottom: 20px;text-transform: uppercase; font-weight: 300; }
.portfolio-page #project-inner .description {color: var(--primary-color);}
.portfolio-page #project-inner .gallery-wrapper {margin-top: 82px;}
.portfolio-page #project-inner .gallery-wrapper .single-image-wrapper {margin-bottom: 15px;}

.portfolio-page #project-inner .button .more-projects-btn { width: 260px; height: 45px; border: 1px solid var(--primary-color); color: var(--primary-color); border-radius: 0; font-size: 15px; text-transform: uppercase; font-weight: 400; line-height: 32px; letter-spacing: 2px; margin: 125px 0; }
.portfolio-page #project-inner .button .more-projects-btn:hover { background-color: var(--primary-color); color: #ffffff; }

@media screen and (max-width: 1399.98px){}
@media screen and (max-width: 1199.98px){}
@media screen and (max-width: 991.98px){
	/* portfolio listing */
	.portfolio-page #portfolio .single-project-wrapper .flip-wrapper .details .name { font-size: 24px; }
	.portfolio-page #portfolio .single-project-wrapper .flip-wrapper .details .country { font-size: 17px; }
}
@media screen and (max-width: 767.98px){}
@media screen and (max-width: 575.98px){
	/* portfolio listing */
	.portfolio-page #portfolio .single-project-wrapper .flip-wrapper .details .name { font-size: 18px; }
	.portfolio-page #portfolio .single-project-wrapper .flip-wrapper .details .country { font-size: 14px; }
	
	/* project inner project */
	.portfolio-page #project-inner .cover-image-wrapper { margin-bottom: 45px; }
	.portfolio-page #project-inner .name { margin-top: 30px; }
	.portfolio-page #project-inner .gallery-wrapper { margin-top: 40px; }
}

/******
FOOTER
*******/
#footer {}
#footer .footer-top { background-color: #364856; padding: 80px 0 65px; }
#footer .footer-top .container { max-width: 830px; }
#footer .footer-top .single-wrapper {}
#footer .footer-top .single-wrapper .title { color: #a9bbc9; font-weight: 500; margin-bottom: 10px; }
#footer .footer-top .single-wrapper a { color: #ffffff; line-height: 19px; }

#footer .footer-top .single-wrapper.logo-wrapper {}
#footer .footer-top .single-wrapper.logo-wrapper img { width: 77px; }

#footer .footer-top .single-wrapper.social-media-wrapper {}
#footer .footer-top .single-wrapper.social-media-wrapper ul { padding: 30px 0 0; margin: 0; list-style: none; }
#footer .footer-top .single-wrapper.social-media-wrapper ul li { display: inline-block; }
#footer .footer-top .single-wrapper.social-media-wrapper ul li .fab { font-size: 16px; margin: 0 5px; }
#footer .footer-top .single-wrapper.social-media-wrapper ul li .fab.fa-instagram { font-size: 17px; }

#footer .footer-bottom { background-color: #27333f; color: #afc2d0; font-size: 12px; font-weight: 300; padding: 14px 0; }
#footer .footer-bottom a { color: #afc2d0; }

@media screen and (max-width: 575.98px){
	#footer .footer-top { padding: 50px 0 50px; }
}