/* Add here all your CSS customizations */
/* General */
h1, h2, h3, h4, h5, h6{letter-spacing: 0.02em;}
a:hover{text-decoration:none!important;}
.txt-justify{text-align: justify;}
.txt-white{color: #ffffff!important;}
.txt-dark{color: #000000!important;}
.txt-space-lg{letter-spacing: 0.02em;}
.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: novum-r!important;}
.main-txt-m{font-family: novum-medium!important;}
.main-txt-l{font-family: novum-light!important;}
.sub-txt-r{font-family: novum-r; font-size: 18px; line-height: 1.33; letter-spacing: 0;}
.sub-txt-i{font-family: fdcv-sub-i; font-style: italic; font-size: 18px; line-height: 1.2; letter-spacing: .05em;}
.txt-1{font-size: 1rem; line-height: 1.5;}
.txt-2{font-size: 1.25rem; line-height: 1.4;}
.txt-3{font-size: 1.75rem; line-height: 2.1rem; letter-spacing: 0;}
.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;}
.btn-volvo{font-family: novum-medium; background: #fff!important; border-color: #284e80!important; color:#284e80!important; font-size: 0.875rem; padding: 12px 24px; line-height: 22px;}
.btn-volvo:hover{background: #284e80!important; border-color: #284e80!important; color:#fff!important;}


/* Font */
@font-face {
  font-family: novum-r;
  src: url(../fonts/volvo-novum-regular.woff2);
}

@font-face {
  font-family: novum-light;
  src: url(../fonts/volvo-novum-semi-light.woff2);
}

@font-face {
  font-family: novum-medium;
  src: url(../fonts/volvo-novum-medium.woff2);
}

@font-face {
  font-family: fdcvfont;
  src: url(../fonts/DINPro-Bold.woff);
}
@font-face {
  font-family: fdcv-sub-r;
  src: url(../fonts/Merriweather-Regular.woff);
  
}@font-face {
  font-family: fdcv-sub-i;
  src: url(../fonts/Merriweather-Italic.woff);
}

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

}

/* Custom Responsive */
@media (max-width: 991px){
.ml-xs-0{margin-left:0!important;}
.btn{width: auto; font-size: 1em;}
}

/* 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;}
	.section-page-header .wrapper img{width:170px; height:auto;}
}
@media (min-width: 992px){
	.section-page-header .wrapper{margin-top: 40px;}
	.section-page-header .wrapper img{width:200px; height:auto;}
}


/* header */
.sticky-wrapper.sticky-wrapper-effect-1.sticky-effect-active .sticky-body{background:#fff; height:100px;}
.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;}
}

.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: 250px;}
	.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: #1c6bba!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-nav{}
.footer-nav ul{padding-left:0;}
.footer-nav ul li{list-style: none; margin-bottom:10px; font-family:'fdcv-sub-r'; font-size:18px!important; letter-spacing: .015em;}
#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;}
@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;}
}