/* Add here all your CSS customizations */
/* General */
h1, h2, h3, h4, h5, h6{letter-spacing: 0.2em;}
a:hover{text-decoration:none!important;}
.txt-justify{text-align: justify;}
.txt-white{color: #ffffff!important;}
.txt-space-lg{letter-spacing: 0.2em;}
.txt-weight-normal{font-weight: normal;}
.txt-weight-bold{font-weight: bold;}
.link-marmo a{color: #000!important; text-decoration: none;}
.text-16{font-size: 5.5em !important;}
.text-17{font-size: 6em !important;}
.text-18{font-size: 6.5em !important;}
.text-19{font-size: 7em !important;}
.text-20{font-size: 7.5em !important;}
.main-txt-r{font-family: fdcvfont!important;}
.sub-txt-r{font-family: fdcv-sub-r; font-size: 16px; line-height: 1.23; letter-spacing: .05em;}
.sub-txt-i{font-family: fdcv-sub-i; font-size: 16px; letter-spacing: .05em;}
.mt-50{margin-top:50px;}
.mt-100{margin-top:100px;}
.mt-150{margin-top:150px;}
.mt-200{margin-top:200px;}
.mb-50{margin-bottom:50px;}
.mb-100{margin-bottom:100px;}
.mb-150{margin-bottom:150px;}
.mb-200{margin-bottom:200px;}
select:invalid { color: #bdbdbd;}


/* Font */
@font-face {
  font-family: fdcvfont;
  /*src: url(../fonts/DINPro-Bold.woff);*/
  src: url("../fonts/simplonnorm-medium-webfont.woff2") format("woff2"),url("../fonts/simplonnorm-medium-webfont.woff") format("woff");
}
@font-face {
  font-family: fdcv-sub-r;
  /*src: url(../fonts/Merriweather-Regular.woff);*/
  src: url("../fonts/simplonnorm-light-webfont.woff2") format("woff2"),url("../fonts/simplonnorm-light-webfont.woff") format("woff");
  
}@font-face {
  font-family: fdcv-sub-i;
  /*src: url(../fonts/Merriweather-Italic.woff);*/
  src: url("../fonts/simplonnorm-light-webfont.woff2") format("woff2"),url("../fonts/simplonnorm-light-webfont.woff") format("woff");
}

@font-face {
    font-family: 'icomoon';
    src: url("../fonts/icomoon.eot?jgrkda");
    src: url("../fonts/icomoon.eot?jgrkda#iefix") format("embedded-opentype"),url("../fonts/icomoon.ttf?jgrkda") format("truetype"),url("../fonts/icomoon.woff?jgrkda") format("woff"),url("../fonts/icomoon.svg?jgrkda#icomoon") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'icomoon2';
    src: url("../src/icomoon/fonts/icomoon.eot?270q4z");
    src: url("../src/icomoon/fonts/icomoon.eot?270q4z#iefix") format("embedded-opentype"),url("../src/icomoon/fonts/icomoon.ttf?270q4z") format("truetype"),url("../src/icomoon/fonts/icomoon.woff?270q4z") format("woff"),url("../src/icomoon/fonts/icomoon.svg?270q4z#icomoon") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: block
}

[class*=' icon2-'],[class^=icon2-] {
    font-family: 'icomoon'!important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon2-form-sent-validator:before {
    content: '\e908'
}

.icon2-close:before {
    content: '\e901'
}

.icon2-back:before {
    content: '\e907'
}

.icon2-letter-a:before {
    content: '\e904'
}

.icon2-letter-i:before {
    content: '\e905'
}

.icon2-letter-v:before {
    content: '\e906'
}

.icon2-slash:before {
    content: '\e902'
}

.icon2-more:before {
    content: '\e903'
}

.icon2-menu:before {
    content: '\e900'
}

.icon2-facebook:before {
    content: '\ea90'
}

.icon2-instagram:before {
    content: '\ea92'
}

.icon2-twitter:before {
    content: '\ea96'
}

.icon2-linkedin:before {
    content: '\eaca'
}

.icon2-search:before {
    content: '\e800'
}

.icon2-chevron-up:before {
    content: '\e909'
}

.icon2-chevron-down:before {
    content: '\e90a'
}

.icon2-search:before {
    content: '\e800'
}

.section-heading h3 {
	float: left;
	width: 50%;
	margin-top: 3px;

	.page-single-project .main & {
		float: none;
		width: 100%;
	}

	@include breakpoint(tablet) {
		float: none;
		width: 100%;
	}

	.icon2-slash {
		font-size: 50px;
		display: inline-block;
		vertical-align: middle;

		@include breakpoint(desktop) {
			font-size: 36px;
		}

		@include breakpoint(tablet) {
			font-size: 26px;
		}
	}

	span {
		display: inline-block;
		vertical-align: middle;
		padding-left: 22px;
		width: calc(100% - 50px);

		@include breakpoint(desktop) {
			padding-left: 17px;
		}

		@include breakpoint(tablet) {
			padding-left: 8px;
		}
	}
}

.section-heading h3{font-size: 18px; text-transform: uppercase; letter-spacing: 0.3em; margin: 0 0 28px;}


/* Company Theme Color */
/*Shape Green - #94C2C5*/
a{color: #94C2C5!important;}
.menu-full{background:#94C2C5;}
html .scroll-to-top{background:#94C2C5!important; color: #fff!important;}
html .btn-outline.btn-dark:hover{color: #fff!important;}
.owl-carousel .owl-nav button[class*="owl-"]{background-color: #94C2C5;}
.owl-carousel .owl-nav button[class*="owl-"]:hover,
.owl-carousel .owl-nav button[class*="owl-"].hover {
	background-color: #94C2C5;
}
.owl-carousel .owl-nav button[class*="owl-"]:active,
.owl-carousel .owl-nav button[class*="owl-"].active {
	background-color: #94C2C5;
}
.txt-theme{color: #94C2C5!important;}
.bg-theme{background: #94C2C5!important;}
.container,  #footer .container{max-width: 1460px!important;}
#mainNav2 .active a{color: #94C2C5!important; border-bottom: 2px solid #94C2C5!important;}
#footer .footer-copyright {background: #94C2C5;}
html .btn-outline.btn-dark {color: #94C2C5; border-color: #94C2C5;}
html .btn-outline.btn-dark:hover {background: #94C2C5; border-color: #94C2C5;}
html .toggle-primary.toggle-minimal .toggle.active > label {color: #000;}
.owl-carousel .owl-dots .owl-dot.active span, .owl-carousel .owl-dots .owl-dot:hover span {
    background-color: #94C2C5;
}
.footer-nav .divider.divider-small hr {background: #94C2C5!important;}
/* Forms */
.area-forms .form-control, .area-forms select {border-bottom: 1px solid #94C2C5!important;}
html .btn-outline.btn-dark:active, html .btn-outline.btn-dark.active{background-color: #94C2C5!important; border-color: #94C2C5!important;}
html .btn-outline.btn-dark:hover, html .btn-outline.btn-dark.hover{background-color: #cecece!important; color:#94C2C5!important;}
@media (min-width: 1500px){

}

/* Custom Responsive */
@media (max-width: 991px){
.display-pc{display:none!important;}
.ml-xs-0{margin-left:0!important;}
.btn{width: auto; font-size: 1em;}
.mt-project-5{margin-top:20px!important; margin-left:0; margin-right:0; padding:0;}
.key-msg-area{font-size:1.6em !important; line-height: 1.33; text-align:left;}
.text-m-pc-adj{text-align:left;}
}

/* header - Logo */
.section-page-header{position:absolute; left: 10px; top:0px; z-index: 99999; background-color: transparent!important;}

@media (max-width: 991px){
	.section-page-header .wrapper{margin-top: 30px;display:none;}
	.section-page-header .wrapper img{width:170px; height:auto; display:none;}
}
@media (min-width: 992px){
	.section-page-header .wrapper{margin-top: 40px;display:none;}
	.section-page-header .wrapper img{width:100px; height:auto; display:none;}
}


/* header */
.sticky-wrapper.sticky-wrapper-effect-1.sticky-effect-active .sticky-body{background:#fff; height:70px;}
.pin-wrapper .sticky-effect-active .hamburguer-btn.hamburguer-btn-sticky-dark .hamburguer span{background:#000;}
#header .header-nav-main nav > ul > li > a{letter-spacing: 0.5px; text-align: left;}
@media (min-width: 992px){
	/*#header .header-nav-main nav > ul li{height: 42px; line-height: 42px;}*/
	#header .header-nav.header-nav-links nav > ul li a{color:#000!important; letter-spacing: 0.3em; font-weight: normal;}
	#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a{color:#000!important; letter-spacing: 0.3em!important; font-weight: normal;}
	#header .header-nav.header-nav-links nav > ul li:hover > a{color:#000!important; letter-spacing: 0.3em;}
}

.toggle .menu-link {
    width: 100%;	
	display: block;
	background: transparent;
    color: #777;
    border-left: 0;
    border-bottom: 1px solid #CCCC;
    border-radius: 0;
    margin: 0;
    padding: 12px 20px 12px 0;
    font-weight: 600;
}

@media (width:768px) and (height:1024px){
	.toggle .menu-link {
		padding: 22px 20px 22px 0!important;
	}
}

@media (max-width:767px){
	.sticky-wrapper.sticky-wrapper-effect-1.sticky-effect-active .sticky-body{height:80px;}
}



.toggle-content ul {padding-left:20px;}
.toggle-content ul li {list-style-type:none!important; padding: 12px 20px 12px 0;}
.toggle-content ul li a{color: #000;}
.toggle a:hover {text-decoration: none;}
.header-row a:hover {text-decoration: none;}
.menu-phone-call{position: absolute; top: 20px; left: 8px; pointer: cursor; width: 30px; height: 30px; padding: 0; margin: 15px; font-size: 22px; line-height: 22px; color: #000;}
.menu-phone-call a{color: #000;}

/* Head Image Slider */
.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next{width: 40px!important; height: 40px!important;}
.owl-carousel .owl-nav button.owl-prev:before, .owl-carousel .owl-nav button.owl-next:before{font-size: 0.8rem;}
.owl-theme .owl-nav [class*=owl-] {border-radius: 0px!important;}
@media only screen and (max-width: 2000px) {
	.banner-title{margin-left: -150px!important; font-size: 65px!important; line-height: 75px!important;}
}
@media only screen and (max-width: 1600px) {
	.banner-title{margin-left: -100px!important;}
}
@media only screen and (max-width: 1280px) {
	.banner-title{margin-left: 30px!important;}
}
@media only screen and (max-width: 1024px) {
	.banner-title{margin-left: 150!important;}
}
@media only screen and (max-width: 768px) {
	.banner-title{margin-left: 40px!important; font-size: 45px!important; line-height: 55px!important;}
	.tp-mask-wrap{overflow: visible!important; margin-top: 90px;}
}
@media only screen and (max-width: 767px) {
	.banner-title{margin-left: 20px!important; font-size: 25px!important; line-height: 35px!important;}
	.forcefullwidth_wrapper_tp_banner{height:100vh!important;}
	.rev_slider_wrapper{height:100vh!important;}
	.rev_slider{height:100vh!important;}
	.tp-mask-wrap{margin-top: 0px;}
	
	.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next{width: 30px!important; height: 30px!important;}
	.owl-carousel .owl-nav button.owl-prev:before, .owl-carousel .owl-nav button.owl-next:before{font-size: 0.6rem;}
	.owl-nav button.owl-prev{left: 0px!important;}
	.owl-nav button.owl-next{right: 0px!important;}
}

@media only screen and (max-width: 500px) {
	.banner-title{margin-left: 20px!important; font-size: 21px!important; line-height: 25px!important;}
	.forcefullwidth_wrapper_tp_banner{height:100vh!important;}
	.rev_slider_wrapper{height:100vh!important;}
	.rev_slider{height:100vh!important; max-height:100vh!important;}
	.tp-mask-wrap{margin-top: 0px;}
	.rev_slider .caption, .rev_slider .tp-caption{font-size: 13px;}
}

.tp-mask-wrap{overflow: visible!important;}

/* Landing Page */
@media (max-width: 991px){
	.display-frame-portfolio{margin-bottom: 20px;}
	.display-frame-journal{}
}


/* About Us */
.box-wrapper{border: 1px solid #000; padding: 40px; margin: 10px;}

/* Play Video */
.btn-video-play{width: 120px!important; height:auto!important;}
@media (max-width: 991px){
.btn-video-play{width: 60px!important; height:auto!important;}
}

/* Type of FDCV */
.thumb-info .thumb-info-wrapper:after {background: rgba(33, 37, 41, 0.1);}
.type-nav a{color: #cecece; text-decoration: none;}
.type-nav a:hover{color: #333; text-decoration: none;}


/* Product section : Hover background color */
#section-products{padding:0!important;}
#section-products .item-products{padding:0!important; float: left!important;}
.product-frame{height: 450px;}
.product-typeA{background: #ccc;}
.product-typeB{background: #aaa;}
.product-typeC{background: #999;}
.product-typeD{background: #666;}
.product-typeE{background: #333;}
.thumb-info.thumb-info-centered-info .thumb-info-title{font-size: 14px; font-weight: normal; text-shadow: none; text-transform:none!important;}

@media (max-width: 991px){
	.product-frame{height: 400px;}
	.product-frame-img{display: none;}
}

/* Projects */
.project-nav .toggle.toggle-minimal .toggle > label{border: 0px!important; padding:0!important; color: #000; font-weight: 700 !important;}
html .project-nav .toggle-primary.toggle-minimal .toggle.active > label{color: #DAA520;}
.project-nav .toggle a{color: #999;}
.project-nav .toggle a:hover{color: #000;}

/* Master Slider */
	.ms-fullscreen-template{min-height: 180px;}
	.master-slider{height: 100%; z-index: 10!important;}
	.ms-skin-default .ms-nav-next, .ms-skin-default .ms-nav-prev {
		transform: scale(0.5, 0.5);
		z-index: 10!important;
	}
	.ms-skin-default .ms-nav-next, .ms-skin-default .ms-nav-prev
	{background-color: #94C2C5!important; width:80px!important; height:80px!important;}
	.ms-skin-default .ms-nav-prev{left: 0px!important; background-position: -68px -9px!important;}
	.ms-skin-default .ms-nav-next{right: 0px!important; background-position: -65px -86px!important;}
	@media only screen and (max-width: 767px){
		.ms-skin-default .ms-nav-next, .ms-skin-default .ms-nav-prev {
			transform: scale(0.375, 0.375)!important;
			top: 43%!important;
		}
		.ms-skin-default .ms-nav-prev{left: -25px!important;}
		.ms-skin-default .ms-nav-next{right: -25px!important;}
		.ms-bullets.ms-dir-h {bottom: 10px!important;}
	}
	@media (max-width: 991px){
		.ms-bullets-count .ms-bullet{margin:1px!important; transform: scale(0.5, 0.5)!important;}
	}

/* Journal */
@media (max-width: 20000px){
	.banner-journal{height: 450px; margin-top: 0!important; background-size: contain!important;}
}

@media (max-width: 991px){
	.banner-journal{height: 80vh; margin-top: 0!important; background-size: contain!important;}
	.parallax-background{background-size: cover!important;}
}

/* Footer */
#footer {
    position: fixed;
    bottom: 0px;
    left: 0;
    width: 100%;
    font-size: 1em!important;
    z-index: 99999;
}
.footer-nav{}
.footer-nav ul{padding-left:0;}
.footer-nav ul li{list-style: none; margin-bottom:3px; font-family:'fdcv-sub-r'; font-size:16px!important; letter-spacing: .1em;}
#footer{font-size: 1em!important;}
#footer a{color: #ffffff!important;}
#footer .social-icons a{color: #000!important;}
footer .footer-nav{color: #ffffff!important;}
footer .footer-nav p{color: #ffffff!important;}
.footer-nav a{color: #000000!important;}
@media (max-width: 991px){
	.co-slogan{font-size: 1.2em;}
	.footer-nav-wrapper{padding-left:30px;}
}
@media (max-width: 500px){
	.co-slogan{font-size: 0.8em;}
}