/*html {
   transform: scale(0.9);
   transform-origin: 0 0;
}*/

.fade {
  transition: opacity .6s linear;
    -webkit-transition-delay: 700ms;
-moz-transition-delay: 700ms;
transition-delay: 700ms;
}
#ntheader {position: fixed !important;width: 100%;top: 0;z-index: 1222222;}
.bold{font-weight: bold;}
.h_body{margin-top:72px;}
footer .txt_title{font-size:31px; font-weight: bold; text-transform: uppercase;color:#8B0000}
footer li{margin-bottom: 15px !important;}
.footer-full-line{background-color: #8B0000; padding: 25px 0;}
footer .facebook{color:#8B0000; background-color: white;}
footer .instagram{color:#8B0000; background-color: white;}
footer .linkedin{color:#8B0000; background-color: white;}
footer .nt-social{text-align: right}
.text39{font-size:39px}
.text34{font-size:34px !important}
.color-r{color:#8B0000 !important;}
.slick-list{overflow: visible !important;}
.nt-social a{width: 50px;height: 50px;text-align: center;border-radius: 25px;line-height: 60px;}
.pointer{cursor:pointer}
.has-children:hover > .sub-menu{-webkit-transform: none;transform: none; opacity: 1;visibility: visible;pointer-events: auto;}
.sub-menu{-webkit-transform: translateY(15px) translateZ(0);transform: translateY(15px) translateZ(0);transition: opacity .2s ease, visibility .2s ease, transform .2s ease, -webkit-transform .2s ease; padding: 0px;max-height: 75vh;overflow-y: auto;text-align: left;position: absolute;min-width: 350px;background: #fff;background-color: rgb(255, 255, 255);top: 100%;z-index: 10;-webkit-box-shadow: inset 0 0 0 1px #eaeaea, 0 5px 20px rgba(0, 0, 0, 0.15);box-shadow: inset 0 0 0 1px #eaeaea, 0 5px 20px rgba(0, 0, 0, 0.15);pointer-events: none;}
.nt_menu div.menu-item > a, .nt_menu ul li a {display: block;color: #000;line-height: 1.5;padding: 12px 15px;text-transform: uppercase;font-size:16px;font-weight: bold;}
.nt_menu div.menu-item > a:hover, .nt_menu ul li a:hover {color: #19857e !important;}
.slide-element__pdb-600{padding-top:250px;}
.caption--midle-left {top: 50%;left: 39%;transform: translate(-39%, -50%);}
.caption--midle-center {top: 20%;text-align: center;}
.slider-layout1 h3{font-size: 30px; color: #FFF; font-weight:bold}
.type_slideshow .caption2 {position: absolute;padding: 15px; width: 100% !important; max-width: 100%;}
.btn-red{background-color: rgba(255,255,255,0.30)!important; color: #FFFFFF !important; text-transform: uppercase;font-size: 16px !important; padding: 10px 25px !important; border: 0px !important}
.btn-red:hover{background-color: #8B0000 !important;}
.al-center{text-align: center;}
.al-right{text-align: right;}
.tt-title-submenu:hover{color:red !important;}
.ntheader_wrapper{border-bottom: 2px solid #dfdfdf;}
.dark-img{filter: brightness(70%);}

.btn-submit{background-color: #8B0000 !important; color: #FFFFFF !important; text-transform: uppercase;font-size: 16px !important; padding: 10px 25px !important; border: 0px !important; border-radius: 0px}
.btn-submit:hover{background-color: #610000 !important; }

.btn-red-white{background-color: transparent!important;font-weight:bold; color: #FFFFFF !important; text-transform: uppercase;font-size: 16px !important; padding: 20px 40px !important; border: 1px solid #FFF; display:inline-block}
.btn-red-white:hover{background-color: #8B0000 !important;}

.slide_btn{margin-top:10px;}

.counter-div{background-color: #8B0000;color:#FFF; font-size: 20px; font-weight: bold; min-height: 80px; padding:50px;}
.counter-div .counter-l{font-size: 47px; line-height: 63px;display: inline-block;position:relative;margin-right:10px;}
.counter-div .counter-title{text-transform: uppercase;line-height: 23px;display: flex;position: relative;justify-content: center;align-items: center;text-align: left;}
.counter-div p{margin:0px !important;align-content: center; display: grid;height:100%}
.counter-div img{position:relative;width:63px;top:3px;}

.t-center-logo{text-align: center;}
.nt_fk_canvas.act_opened {-webkit-transform: none !important;transform: none !important;display: block;}
.nt_fk_canvas {position: fixed;top: 0;bottom: 0;width: 300px;background-color: #fff;left: 0;overflow-y: auto;overflow-x: hidden;-webkit-overflow-scrolling: touch;transition: transform 0.2s;-webkit-transform: translate3d(104%, 0, 0);transform: translate3d(104%, 0, 0);box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);z-index: 500;}
#nt_menu_canvas > i {position: fixed;left: 300px;top: 0;color: #fff;z-index: 10;font-size: 50px;background-color: #222;cursor:pointer;}

/*modul default-hist*/
.default-hist{margin-top: 100px;}
.default-hist .sub{font-size:20px; color: #000;font-weight:bold;}
.default-hist .sub:before{content: "";display: inline-block;width: 28px;height: 3px; background: #222; top: -5px; position:relative; margin-right:20px;}
.default-hist .title{font-size:43px; color:#8B0000; font-weight:bold;text-transform: uppercase;line-height: 43px;margin-top: 20px;}
.default-hist .desc{margin-top: 40px;}
.default-hist .text{padding-left: 20px; padding-right:70px;}

/*modul slide-def-slider*/
.slide-def{background-color:#F6F6F6; padding-bottom:100px}
.slide-def .flickity-page-dots {width: 200px;padding: 0;margin: 0;list-style: none;text-align: center;line-height: 1;position: absolute;top: 0px;right: 0px;}
.slide-def-slider{position: relative;width: 700px;top: 60px;left: -23%;background-color: white;padding: 30px 90px;}
.slide-def-slider .sub{font-size:20px; color: #000;font-weight:bold;text-transform: uppercase;}
.slide-def-slider .sub:before{content: "";display: inline-block;width: 28px;height: 3px; background: #222; top: -5px; position:relative; margin-right:20px;}
.slide-def-slider .title{font-size:43px; color:#8B0000; font-weight:bold;text-transform: uppercase;line-height: 43px;margin-top: 20px;}
.slide-def-slider .desc{margin-top: 40px;}
.slide-def-slider .text{padding-left: 20px; padding-right:70px;}
.slide-def-slider .slide{width: 100%}
.slide-def-slider .href{width: 94px; height:94px;box-shadow: 0px 3px 6px #00000014;border-radius:47px;display: block;text-align: center;line-height: 94px;font-size: 29px;margin: 20px auto; cursor:pointer}
.slide-def-slider .href:hover{box-shadow: 0px 6px 6px #00000030 ;}

/*modul big banner*/
.big-banner{position:relative;margin-top:50px;}
.big-banner .header{background-size: cover;background-repeat: no-repeat;background-position: center center;min-height:500px}
.big-banner .desc{background-color: #FFF; text-align: center; padding: 30px 50px; top:50%;transform: translateY(-50%); left:17%; position:absolute; display:inline-block;}
.big-banner h3{font-size: 48px; font-weight: bold; max-width: 500px; text-align: center; margin: 50px 23px}
.big-banner .desc:before, .big-banner .desc:after{content: '“';display: inline-block;position:absolute;color: #8B0000; font-size: 100px;font-weight:bold}
.big-banner .desc:before{top:-10px; transform: matrix(-1, 0, 0, -1, 0, 0);left:70px}
.big-banner .desc:after{bottom: -30px; right: 70px}

/*modul big bannerx*/
.big-bannerx{position:relative;margin-top:50px;}
.big-bannerx .header{background-size: cover;background-repeat: no-repeat;background-position: center center;min-height:460px;}
.big-bannerx .desc{background-color: #FFF; text-align: center; padding: 50px 70px; top: 50%;transform: translateY(-50%) translateX(-50%);left: 30%; position:absolute; display:inline-block;width:500px;}
.big-bannerx h3{font-size: 16px; font-weight: normal; text-align: left}


/*modul bannerxl*/
.bannerxl{position:relative;margin-top:50px;}
.bannerxl .header{min-height:450px; opacity:0.4; background-size: cover;background-repeat: no-repeat;background-position: center center;}
.bannerxl .desc{padding: 50px 70px; top:50%; left:0; right:0; position:absolute; transform: translateY(-50%); max-width: 70%; margin: 0 auto;}
.bannerxl h3{font-size: 48px; font-weight: bold; max-width: 100%; text-align: center; margin: 50px 23px}
.bannerxl h3:before, .bannerxl h3:after{content: '“';display: inline-block;position:absolute;color: #8B0000; font-size: 119px;font-weight:bold}
.bannerxl h3:before{top:-50px; transform: matrix(-1, 0, 0, -1, 0, 0);left:50px}
.bannerxl h3:after{bottom: -50px; right: 50px}


/*modul default project*/
.default-project{position:relative; background-color: #8B0000;min-height: 750px;}
.default-project *{color: #FFF}
.default-project .header{background-size: cover;background-repeat: no-repeat;background-position: center center; opacity: 0.2;position: absolute;width: 100%;height: 100%;}
.default-project .container{padding-top:120px;}
.default-project .sub{font-size:20px;font-weight:bold;}
.default-project .sub:before{content: "";display: inline-block;width: 28px;height: 3px; background: #FFF; top: -5px; position:relative; margin-right:20px;}
.default-project .title{font-size:43px; font-weight:bold;text-transform: uppercase;line-height: 43px;margin-top: 20px;}
.default-project .dp-item{padding:50px 20px; border: 3px solid rgba(255,255,255,0.3); text-align: center;margin: 10px;min-height: 340px; position:relative;transition: all .2s ease-in-out;}
.default-project .dp-item:hover{background-color: rgba(255,255,255,0.3); border-color: transparent; transform: scale(1.1); }
.default-project .dp-desc{margin: 20px 0;}
.default-project .dp-title{font-size: 31px; font-weight: bold;line-height: 31px}
.default-project .href{position:absolute; bottom:0px;left:calc( 50% - 15px ); margin: 20px 0;width:30px; height:30px;}
.default-project .href:hover{left:calc( 50% - 10px )}
.default-project .dp-btn{margin-top:20px; text-align: right;}
.default-project .bg-par{background-color: #8B0000D4;}
.default-project .header-banner{min-height:500px; position:relative;}
.default-project .desc{background-color: #FFF; text-align: center; padding: 30px 50px; top:50%;transform: translateY(-50%); left:17%; position:absolute; display:inline-block;}
.default-project h3{font-size: 48px; font-weight: bold; max-width: 500px; text-align: center; margin: 50px 23px;color:#000 !important}
.default-project .desc:before, .default-project .desc:after{content: '“';display: inline-block;position:absolute;color: #8B0000; font-size: 100px;font-weight:bold}
.default-project .desc:before{top:-10px; transform: matrix(-1, 0, 0, -1, 0, 0);left:70px}
.default-project .desc:after{bottom: -30px; right: 70px}

/*modul default service*/
.default-service{margin-top:100px; margin-bottom: 100px;}
.default-service .ds-title{text-align: center;font-size:48px; font-weight:bold;color:#8B0000; margin: 5px 0px 80px 0;}
.default-service .sub{text-align: center;font-size:20px; font-weight:bold;text-transform: uppercase;}
.default-service .sub span{margin: 0 7px;}
.default-service .sub:before, .default-service .sub:after{content: "";display: inline-block;width: 28px;height: 3px; background: #222; top: -6px; position:relative}
.default-service .ds-item{position:relative;height: 350px; background-size: cover;background-repeat: no-repeat;background-position: center center;transition: all .2s ease-in-out;display:block; margin-bottom: 70px;}
.default-service .ds-item:hover{transform: scale(1.1);}
.default-service .ds-item:hover .ds-btn{background-color: rgba(255,255,255,0.3);box-shadow: 0px 3px 6px #0000004D;color: #8B0000}
.default-service .ds-btn{position:absolute; width:80%; height:75px;text-align:center; background-color:#8B0000;color:#FFF; font-size:31px; font-weight:bold; bottom:-40px;line-height:72px; left: 10%; text-transform: uppercase;transition: all .2s ease-in-out;}
.default-service .ds-btn i{font-size:20px;position:relative;top:-3px; left:10px;}

/*modul default portfolio*/
.default-portfolio{margin-top:20px; margin-bottom: 200px;}
.default-portfolio .dp-title{text-align: center;font-size:48px; font-weight:bold;color:#8B0000; margin: 5px 0px 80px 0;}
.default-portfolio .sub{text-align: center;font-size:20px; font-weight:bold;text-transform: uppercase;}
.default-portfolio .sub span{margin: 0 7px;}
.default-portfolio .sub:before, .default-portfolio .sub:after{content: "";display: inline-block;width: 28px;height: 3px; background: #222; top: -6px; position:relative}
.default-portfolio .dp-item{position:relative;height: 350px; width:50%; background-size: cover;background-repeat: no-repeat;background-position: center center;transition: all .2s ease-in-out;display:block; margin-right: 20px;}
.default-portfolio .dp-item:hover{transform: scale(1.1);}
.default-portfolio .dp-item:hover .dp-btn {opacity: 1;}
.default-portfolio .dp-btn{position:absolute; width:95%; height:140px;padding: 20px; background-color:#8B0000;color:#FFF; font-size:24px; font-weight:bold; bottom:-70px;line-height:28px; left: 2.5%; text-transform: uppercase;transition: all .2s ease-in-out;}
.default-portfolio .dp-btn i{display:none;font-size: 25px;position: absolute;top: 26%;right: -28px;width: 45px;height: 45px;color: black;background-color: white;text-align: center;line-height: 47px;border-radius: 26px;}
.default-portfolio .flickity-viewport{overflow: visible;}
.default-portfolio .slide-portfolio-slider{}
.default-portfolio .sub-item{font-size:16px; font-weight:normal;text-transform: uppercase;line-height:20px;margin-bottom: 10px;}
.default-portfolio .sub-item span{margin: 0 3px;}
.default-portfolio .sub-itemXXX:before{content: "";display: inline-block;width: 10px;height: 2px; background: #FFF; top: -6px; position:relative}
.default-portfolio .dp-desc{position:absolute;top:50%; transform:translateY(-50%);width: calc(95% - 20px); text-align:center;}
.default-portfolio .slick-arrow{position: absolute;z-index: 1;top: 50%;width: 50px;height: 50px;border-radius: 43px;border: 0px;background-color: #19857e;}
.default-portfolio .slick-arrow i{font-size: 30px;color: white;line-height: 33px;}
.default-portfolio .slick-next{right: 30px;}
.default-portfolio .slick-prev{left: 30px;}

/*modul default ref*/
.default-ref{ margin: 100px 100px;}
.default-ref img{filter: grayscale(100%);opacity: 0.4;padding: 0 20px; margin-bottom:60px; max-height:80px;}

/*blog news*/
.news-blog{margin: 50px auto 100px auto;}


/* TIMELINE
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.timeline {white-space: nowrap;overflow: hidden;margin: 0 30px;margin-top:40px;position:relative}
.timeline ol {font-size: 0;width: calc(100% - 100px);padding: 180px 0;transition: all 1s;margin-left:80px;}
.timeline .grabbing {cursor:grab;}
.timeline .grabbing:active {cursor:grabbing;}
.timeline ol li {position: relative;display: inline-block;list-style-type: none;width: 160px;height: 2px;background: #000;}
.timeline .big time{color: #8B0000;}
.timeline .big p{color: #8B0000; font-weight:bold}
.timeline ol   li.big:not(:last-child)::after{width:22px; height:22px;left: calc(100% - 2px);z-index: 2}
.timeline ol li:last-child {width: 0px;}
.timeline ol li:not(:first-child) {margin-left: 14px;}
.timeline ol li:first-child {width:0px;}
.timeline p{position:absolute;max-width:175px;text-align:left; top: 125px; line-height: 20px; left:-20px;}
.timeline ol li:not(:last-child)::after {content: "";position: absolute;top: 50%;left: calc(100% + 1px);bottom: 0;width: 12px;height: 12px;transform: translateY(-50%);border-radius: 50%;background: #8B0000;}
.timeline ol li div {position: absolute;left: calc(100% + -40px);width: 280px;padding: 15px;font-size: 1rem;white-space: normal;color: black;}
.timeline ol li div::before {content: "";position: absolute;top: 100%;left: 0;width: 0;height: 0;border-style: solid;}
.timeline ol li:nth-child(odd) div {top: 22px;transform: translateY(-100%);}
.timeline ol li:nth-child(odd) div::before {top: 100%;border-width: 8px 8px 0 0;border-color: white transparent transparent transparent;}
.timeline ol li:nth-child(even) div {top: calc(100% + 16px);}
.timeline ol li:nth-child(even) p {top: calc(100% - 210px);}
.timeline ol li:nth-child(even) div::before {top: -8px;border-width: 8px 0 0 8px;border-color: transparent transparent transparent white;}
.timeline time {display: block;font-size: 32px;font-weight: bold;margin-bottom: 20px;}

/* TIMELINE ARROWS
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.timeline .arrows {position:absolute;justify-content: center;margin-bottom: 20px;top:50%; transform:translateY(-50%); width:100%;z-index: 3}
.timeline .arrows .arrow__prev {margin-right: 20px;left:0px; position:absolute;transform: translateY(-50%);cursor:pointer;}
.timeline .arrows .arrow__next {margin-right: 20px; right:-18px; position:absolute;transform: translateY(-50%);cursor:pointer;}
.timeline .disabled {opacity: 0.5; display:none;}
.timeline .arrow{width: 45px;height: 45px; border-radius:23px; background-color:#19857e;text-align: center;line-height:48px}
.timeline .arrow i{color: #fff; font-size:25px; margin: auto auto; font-weight: bold;}

/* GENERAL MEDIA QUERIES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media screen and (max-width: 599px) {
    .timeline ol,.timeline ol li {  width: auto;}
    .timeline ol {padding: 0;transform: none !important;margin-left: 10px}
    .timeline ol li {display: block;height: auto;background: transparent;}
    .timeline ol li:first-child {margin-top: 25px;}
    .timeline ol li:not(:first-child) {margin-left: auto;}
    .timeline ol li div {position: static;width: 94%;height: auto !important;margin: 0 auto 25px;}
    .timeline ol li:nth-child(odd) div {transform: none;}
    .timeline ol li:nth-child(odd) div::before,
    .timeline ol li:nth-child(even) div::before {left: 50%;top: 100%;transform: translateX(-50%);border: none;border-left: 1px solid black;height: 40px;}
    .timeline ol li:last-child,
    .timeline ol li:nth-last-child(2) div::before,
    .timeline ol li:not(:last-child)::after,
    .timeline .arrows {display: none;}
    .timeline p{left:25px; top:58px;max-width:250px; width:250px}
    .timeline ol li:nth-child(2n) p { top: calc(100% - 44px);}
    .timeline ol li:first-child {width: auto;}
}

/*NEWS MODUL*/
.news{ max-width: 1400px; margin: 100px auto 0 auto; color: #000;}
.news .news-title {font-size:20px !important;font-weight:bold !important; margin-bottom:70px;}
.news .news-title span{margin: 0 7px;}
.news .news-title:before, .news .news-title:after{content: "";display: inline-block;width: 28px;height: 3px; background: #222; top: -6px; position:relative}
.news .news-item{max-width: 100%; position:relative; margin-bottom:20px;transition: all .2s ease-in-out;}
.news .news-item:hover{transform:scale(1.1);}
.news .news-item:hover .news-item-href{animation: all 0.3s;background-color: #8B0000;color: #FFF}
.news .news-item-img{position:relative; height:200px;background-size: cover;background-repeat: no-repeat;background-position: center center;}
.news .news-item-href{position:absolute; width: 58px; height: 58px; color:#000; background-color: #FFF; border-radius: 29px;text-align: center;line-height: 57px;font-size: 25px;bottom: -27px;right: 30px;box-shadow: 0px 0px 3px #cacaca}
.news .news-item-title{margin-top: 30px;color: #8B0000;font-size: 20px;font-weight: bold;text-transform: uppercase;}
.news .news-item-data div{padding:0; float:left; width: auto;padding-right:10px;}
.news .news-item-data div:not(:first-child){border-left: 1px solid black; padding-left: 10px}
.news .news-item-data {line-height: 17px; margin: 10px 0}
.news .news-item-desc {margin-top: 20px;}
.news h1{font-size:39px; font-weight: bold;color:#8B0000}
.news h2{font-size:20px; font-weight: bold;color:#000}


/*JOBS MODUL*/
.jobs{margin: 100px auto 0 auto; color: #000;}
.jobs .slide-jobs{margin: 0px 20px}
.jobs .jobs-title {font-size:20px !important;font-weight:bold !important; margin-bottom:70px;}
.jobs .jobs-title span{margin: 0 7px;}
.jobs .jobs-title:before{content: "";display: inline-block;width: 28px;height: 3px; background: #222; top: -6px; position:relative}
.jobs .jobs-item{ position:relative; margin-bottom:20px;transition: all 0.3s; cursor:pointer}
.jobs .jobs-item:hover{ transform:scale(1.1)}
.jobs .jobs-item:hover .jobs-item-href{ animation: all 0.3s;background-color: #8B0000;color: #FFF}
.jobs .jobs-item-img{position:relative; height:310px;background-size: cover;background-repeat: no-repeat;background-position: center center;}
.jobs .jobs-item-href{position:absolute; width: 58px; height: 58px; color:#000; background-color: #FFF; border-radius: 29px;text-align: center;line-height: 57px;font-size: 25px;bottom: -27px;right: 30px;box-shadow: 0px 0px 3px #cacaca}
.jobs .jobs-item-title{margin-top: 30px;color: #8B0000;font-size: 20px;font-weight: bold;text-transform: uppercase;}
.jobs .jobs-item-data div{padding:0; float:left; width: auto;padding-right:10px;}
.jobs .jobs-item-data div:not(:first-child){border-left: 1px solid black; padding-left: 10px}
.jobs .jobs-item-data {line-height: 17px; margin: 10px 0}
.jobs .jobs-item-desc {margin-top: 20px;}
.jobs h1{font-size:39px; font-weight: bold;color:#8B0000}
.jobs h2{font-size:20px; font-weight: bold;color:#000}
.jobs h3{font-size:20px; font-weight: bold;color:#000; margin-left:20px;}
.jobs h3:before{content: "";display: inline-block;width: 28px;height: 3px; background: #222;left:-20px; top: -6px; position:relative}
.jobs .job ul{list-style: none;}
.jobs .job ul li{margin-left:10px;}
.jobs .job ul li:before{content: "";display: inline-block;width: 5px;height: 1px; background: #222;left:-4px; top: -4px; position:relative;}
.jobs .job{margin-top:150px;}
.jobs .job .job-form{margin-top:50px;}

.jobs .jobs-form{ background-color: rgba(255,255,255,0.9); padding:80px;margin-top:50px;}
.jobs .jobs-form input,.jobs .jobs-form textarea{margin: 20px 10px; background-color: #F0EFF7; border:0px;font-size:16px;}
.jobs .jobs-form input{height:59px;outline:none !important;}
.jobs .jobs-form input:focus{outline: none !important;}
.jobs .jobs-form textarea{border-radius:0px}
.jobs .my-dropzone{height:180px;background-color:#D3D3D3;margin: 20px 10px; position:relative}
.jobs .my-dropzone i{left: 50%; top:50%; position:absolute; font-size:30px; color:gray;}
.jobs .my-dropzone span{left: 10px; top:10px; position:absolute; font-size:16px; color:gray;}

/*Modul projecttype*/
.projecttype{ margin: 100px auto 0 auto; color: #000;}
.projecttype .pt-item{max-width: 100%; position:relative; margin-bottom:20px;transition: all 0.4s}
.projecttype .pt-item:hover{transform: scale(1.1)}
.projecttype .pt-item:hover .pt-item-href{animation: all 0.3s;background-color: #8B0000;color: #FFF}
.projecttype .pt-item-img{position:relative; height:430px;background-size: cover;background-repeat: no-repeat;background-position: center center;}
.projecttype .pt-item-href{position:absolute; width: 90px; height: 90px; color:#000; background-color: #FFF; border-radius: 45px;text-align: center;line-height: 90px;font-size: 25px;bottom: -45px;right: 30px;box-shadow: 0px 0px 3px #cacaca}
.projecttype .pt-item-title{margin-top: 45px;color: #8B0000;font-size: 20px;font-weight: bold;text-transform: uppercase;}
.projecttype .pt-item-data div{padding:0; float:left; width: auto;padding-right:10px;}
.projecttype .pt-item-data div:not(:first-child){border-left: 1px solid black; padding-left: 10px}
.projecttype .pt-item-data {line-height: 17px; margin: 10px 0}
.projecttype .pt-item-desc {margin-top: 20px;}
.projecttype h1{font-size:39px; font-weight: bold;color:#8B0000}
.projecttype h2{font-size:20px; font-weight: bold;color:#000}

/*Blog*/
.blog{padding-top:72px;}
.blog .container{padding-top:50px;}
.blog .blog-header{min-height: 300px;background-size: cover;background-repeat: no-repeat;background-position: center center;position:relative;}
.blog h1{font-size:39px; font-weight: bold;color:#8B0000; margin-top:0px;line-height: 1.6}

.blog .blog-item-data div{padding:0; float:left; width: auto;padding-right:10px; margin-top:30px}
.blog .blog-item-data div:not(:first-child){border-left: 1px solid black; padding-left: 10px}
.blog .blog-item-data {line-height: 17px; margin: 10px 0}
.blog .blog-social-network{margin-top: 30px;}
.blog .blog-social-network a{margin-right: 30px;}
.blog .blog-text {margin-top: 60px;}
.blog .title-blog {color: #FFF; font-size:76px; text-align: center; font-weight: bold;top: 0%;position: absolute;width:100%}

.blog .last-blog-item {margin-bottom: 30px;transition: all 0.3s}
.blog .last-blog-item:hover {transform: scale(1.1)}
.blog .last-blog-item a{margin-top: 20px}
.blog .last-blog-item span{font-size:20px; margin: 20px 0 10px 0; display:block}
.blog .last-blog-item hr{opacity: 1; margin: 5px 0px; border-bottom: 2px solid #d9d9d9;}
.blog h2{font-size:39px;color: #8B0000; font-weight: bold; margin:0px 0px 40px 0px;line-height: 1.6}
.blog .bg-img-blog{width: 700px;height: 100%;transform: translateX(-41%);}
/*.blog .col-md-7{height: 320px}*/
.blog .b-desc{border-top: 1px solid rgba(184,184,184,1.00);border-bottom: 1px solid rgba(184,184,184,1.00);margin-top:30px;padding-bottom:20px}

/*modul contact form*/
.contact-form{min-height: 540px;background-size: cover;background-repeat: no-repeat;background-position: top center; padding-bottom:100px;}
.contact-form h2{font-size: 39px; font-weight: bold; color:#8B0000;}
.contact-form .ct-form{box-shadow:  10px 10px 22px #b0b0b045; background-color: rgba(255,255,255,0.9); padding:80px;}
.contact-form .ct-form input,.contact-form .ct-form textarea{margin: 20px 10px; background-color: #F0EFF7; border:0px;font-size:16px;}
.contact-form .ct-form input{height:59px;outline:none !important;}
.contact-form .ct-form input:focus{outline: none !important;}
.contact-form .ct-form textarea{border-radius:0px}
.contact-form .other-info {margin-top:80px;}
.contact-form .ct-t1 {background-color: rgba(139,0,0,0.9);padding: 45px; color: #FFF;height:348px; box-sizing: border-box;}
.contact-form .ct-t2 {background-color: rgba(255,255,255,0.9);padding:45px;height:348px}
.contact-form .oi-title{font-size:31px;font-weight:bold;line-height:35px; text-transform: uppercase}
.contact-form .oi-text{font-size:16px;margin-top:20px}

.ct-citem{font-size: 16px;margin-bottom:80px;}
.ct-name{font-weight: bold; text-transform: uppercase;line-height: 18px;}
.ct-position{font-weight: bold;line-height: 18px;}
.ct-tel{margin-top:20px}
.ct-mail{}
.ct-ctitle{font-size:31px; font-weight:bold; color:#830000;margin-top:100px;margin-bottom: 50px;}

.post{font-size:16px; line-height:18px;padding-top:50px}
.post a{color:#8B0000; font-size: 16px;text-decoration: underline}
.post h1{text-size: 39px; color: #8B0000; font-weight:bold;margin-top:0px;}

/*modul certifikate */
.certifikate{margin-top:50px;margin-bottom:50px;}
.certifikate .header-title{font-weight:bold; color:#8B0000; font-size:39px;margin-bottom:80px;}
.certifikate .certifikate-body {margin: 0px 20px;}
.certifikate .certifikate-body a img{transition: opacity .2s ease, visibility .2s ease, transform .2s ease, -webkit-transform .2s ease;box-shadow: 5px 5px 10px #d2caca}
.certifikate .certifikate-body a:hover img{transform: scale(1.1);}
.certifikate .certifikate-body a .i-title{text-align: center; margin-top:20px;font-size:20px; font-weight: bold;}

/* modul timelinev*/
.timeline2 {position: relative;width: 100%;margin: 0 auto;padding: 15px 0 50px 0;}
.timeline2::after {content: '';position: absolute;width: 1px;background: #000;top: 0;bottom: 0;left: 50%;margin-left: -1px;}
.timeline2 .year-section{position:relative; min-height: 460px;}
.timeline2 .year-section:not(:first-child){margin-top:80px;}
.timeline2 .year-section .image-pos {margin: 0;position:absolute;top:100px;width:calc(50% - 60px); min-height:400px;background-size: cover;background-repeat: no-repeat;background-position: center center; transition: opacity .2s ease, visibility .2s ease, transform .2s ease, -webkit-transform .2s ease;}
.other-timelinev{text-align:center;}
.timeline2 .year-section .left.image-pos {right:10px;}
.timeline2 .year-section .right.image-pos {left:10px;}
.timeline2 .hide-img{opacity:0}
.containerx {padding: 15px 50px;position: relative;background: inherit;width: 50%;}
.containerx.left {left: 0;}
.containerx.right {left: 50%;}
.red.containerx::after {width: 23px;height: 23px;top: calc(50% - 11px);right: -11px;}
.containerx::after {content: '';position: absolute;width: 13px;height: 13px;top: calc(50% - 6px);right: -6px;background: #8B0000;border: 2px solid #8B0000;border-radius: 16px;z-index: 1;}
.containerx.right::after {left: -7px;}
.red.containerx.right::after {left: -12px;}
.containerx .date {position: absolute;display: inline-block;top: calc(50% - 8px);text-align: center;font-size: 14px;font-weight: bold;color: #006E51;text-transform: uppercase;letter-spacing: 1px;z-index: 1;}
.containerx.left .date {right: -75px;}
.containerx.right .date {left: -75px;}
.containerx .content {padding: 10px 0px 10px 30px;position: relative;}
.containerx.right .content {padding: 10px 30px 10px 0px;}
.containerx .content p {margin: 0;font-size: 16px;line-height: 22px;color: #000000;}
.containerx .content a {color:#8B0000;}
.containerx .content span {margin: 0;font-size: 48px;font-weight:bold;line-height: 22px;color: #8B0000; position:absolute;top:8px;width:113px}

.containerx.left .content span {right:-210px;}
.containerx.left .content .image-pos {right:-100%;}
.containerx.right .content span {left:-200px;}
.containerx.right .content .image-pos {left:-156px;}
.containerx.left .content p {text-align:right}
.red.containerx.right p,.red.containerx.left p{font-weight:bold; color:#8B0000}
/*
@media (max-width: 767.98px) {
  .timeline2::after {left: 90px;}
  .containerx {width: 100%;padding-left: 120px;padding-right: 30px;}
  .containerx.right {left: 0%;}
  .containerx.left::after, 
  .containerx.right::after {left: 82px;}
  .containerx.left .date,
  .containerx.right .date {right: auto;left: 15px;}
  .containerx.left .content,
  .containerx.right .content {padding: 30px 30px 30px 90px;border-radius: 500px 0 0 500px;}
}*/

/*detail projects*/
.d-project{margin-bottom:50px;margin-top:100px;}
.d-project-subtitle{font-size:20px;font-weight:bold;text-transform: uppercase;}
.d-project-subtitle:before{content: "";display: inline-block;width: 28px;height: 3px; background: #000; top: -5px; position:relative; margin-right:20px;}
.d-project-title{font-size:31px;font-weight:bold;text-transform: uppercase;color:#8B0000; margin-top:40px}
.d-project-desc{margin-top:80px}
.d-project-subinfo{background-color:#8B0000;color:#fff;padding: 30px 0px 30px 30px;}
.d-project-sub-item:not(:last-child){margin-bottom:30px;}
.d-project-sub-item-title{font-weight:bold;font-size:19px;text-transform: uppercase;}
.d-project-sub-item-desc{}
.d-project .big-img{height:512px;background-size: cover;background-repeat: no-repeat;background-position: center center;}
.d-project .litle-img{height: 240px;background-size: cover;background-repeat: no-repeat;background-position: center center;}
.d-project .mt30{margin-top:30px;}

/*modul project item*/
.project-items{margin-bottom:50px;margin-top:90px;}
.project-items .projects-item{transition:all 0.4s;}
.project-items .projects-item:hover{transform:scale(1.1)}
.project-items .projects-item:hover .projects-item-href{animation: all 0.3s; background-color: #8B0000;color: #FFF}
.project-items .projects-item-img{height:450px;background-size: cover;background-repeat: no-repeat;background-position: center center;position:relative}
.project-items .projects-item-href{position:absolute; width: 58px; height: 58px; color:#000; background-color: #FFF; border-radius: 29px;text-align: center;line-height: 57px;font-size: 25px;bottom: -27px;right: 30px;box-shadow: 0px 0px 3px #cacaca}
.project-items .projects-item-subtitle{font-size:16px;font-weight:600;margin-top:30px;}
.project-items .projects-item-title{font-size: 20px; color:#8B0000; font-weight:bold;margin-top:10px;}
.project-items .projects-item-desc{font-size:16px;margin-top:30px;}

/*modul maps*/
.maps{}
.maps .in-maps{}
.maps .maps-eu{width:100%; height: 100%}
.maps .maps-country{position:absolute;transition: opacity .2s ease, visibility .2s ease, transform .2s ease, -webkit-transform .2s ease;cursor:pointer;fill:gray !important;}
.maps .maps-country path{fill:gray !important;}
.maps .maps-country:hover path{fill:#8B0000 !important;}
.maps .maps-country:hover .maps-info{opacity:1;}
.maps svg{width:100%; height:auto;}
.maps-info{position:absolute;width:250px; min-height:250px; background-color:#8B0000; padding:20px; color:#fff;z-index:35;opacity:0;transition: opacity .2s ease, visibility .2s ease, transform .2s ease, -webkit-transform .2s ease;}
.maps-info .m-title{font-weight:bold; margin-top:20px; font-size: 18px;}
.maps-info .m-description{margin-top:15px;}
.maps-info .m-description ul li{ list-style: none; padding-left:10px;line-height: 18px;}
#de{top: 48%; left:19%;display:none;}
#pl{top: 49%; left:58%; display:none;}
#at{top: 49%; left:46%; display:none;}
#hu{top: 49%; left:53%; display:none;}
#fi{top: 9%; left:56%; display:none;}
#cs-sk{top: 56%; left:52%; display:none;}
#sw{top: 16%; left:26%; display:none;}
#bg{top: 51%; left:34%; display:none;}
#dn{top: 35%; left:41%; display:none;}
#nl{top: 43%; left:36%; display:none;}

.paralax{background-image: url("https://www.promont.destinyweb.sk/images/source/modules/hpb.png"); height: 100%; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover;transform: none;}