@font-face { font-family: 'icomoon'; src: url("../fonts/icomoon/icomoon.eot?srf3rx"); src: url("../fonts/icomoon/icomoon.eot?srf3rx#iefix") format("embedded-opentype"), url("../fonts/icomoon/icomoon.ttf?srf3rx") format("truetype"), url("../fonts/icomoon/icomoon.woff?srf3rx") format("woff"), url("../fonts/icomoon/icomoon.svg?srf3rx#icomoon") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Monstserrat'; src: url('../fonts/montserrat/Montserrat-Bold.ttf'); font-weight: 800 }
@font-face { font-family: 'Monstserrat'; src: url('../fonts/montserrat/Montserrat-SemiBold.ttf'); font-weight: 600 }
@font-face { font-family: 'Monstserrat'; src: url('../fonts/montserrat/Montserrat-Regular.ttf'); font-weight: 400 }
@font-face { font-family: 'Monstserrat'; src: url('../fonts/montserrat/Montserrat-Light.ttf'); font-weight: 100 }
body { font-family: "Montserrat", sans-serif; font-weight: 300; font-size: 13px; line-height: 1.7; color: #232323; background: #ffff; }
#page { position: relative; overflow-x: hidden; width: 100%; height: 100%; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
.offcanvas #page { overflow: hidden; position: absolute; }
.offcanvas #page:after { -webkit-transition: 2s; -o-transition: 2s; transition: 2s; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 101; background: rgba(0, 0, 0, 0.7); content: ""; }
a { color: #232323; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
a:hover, a:active, a:focus { color: #e31e24; outline: none; text-decoration: none; }
p { margin-bottom: 20px; }
h1, h2, h3, h4, h5, h6, figure { color: #000; font-family: "Montserrat", sans-serif; font-weight: 400; margin: 0 0 20px 0; }
::-webkit-selection { color: #fff; background: #e31e24; }
::-moz-selection { color: #fff; background: #e31e24; }
::selection { color: #fff; background: #e31e24; }
.container-wrap { max-width: 1200px; margin: 0 auto; /*margin-bottom: 1em;*/  /* background: #fff;*/ }
@media screen and (max-width:768px) {
  .container-wrap { width: 100%; }
}
.website-top { width: 100%; background-color: #bcc0c1; }
.website-top .lang { line-height: 22px; color: #bfbfbf; line-height: 38px }
.website-top .lang a { font-weight: 400; color: #121010; font-size: 12px; font-family: "Monstserrat", sans-serif; display: inline-block; margin: 0px 5px; }
.website-top .lang a.active { color: #fff; }
.website-top .phoneemail { line-height: 22px; color: #bfbfbf; line-height: 38px }
.website-top .phoneemail a { font-weight: 400; color: #121010; font-size: 12px; font-family: "Monstserrat", sans-serif; display: inline-block; margin-right: 20px; }
.website-top .phoneemail a.active { color: #fff; }
.website-top .phoneemail a i { color: #121010; font-size: 16px; }
.website-nav { width: 100%; padding: 0; z-index: 1001; background-color: #fff; -moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px #888; box-shadow: 0 0 5px #888; }
.website-nav { margin: 0 0 0 0; }
@media screen and (max-width:768px) {
  .website-nav { margin: 0; }
}
.website-nav .top-menu { padding: 8px 0px 0px 0px; }
@media screen and (max-width:768px) {
  .website-nav .top-menu { padding: 8px 5px; }
}
.website-nav #website-logo { margin: 0; padding: 0; }
.website-nav #website-logo a span { display: block; margin-top: 10px; height: 65px; background-image: url(../images/logo.svg); background-size: 261px 65px; background-repeat: no-repeat; }
@media screen and (max-width:768px) {
  .website-nav #website-logo a span { background-size: 220px 55px;  }
}
@media screen and (max-width:768px) {
  .website-nav .menu-1 { display: none; }
}
.website-nav ul { padding: 0; margin: 39px 0 0 0; }
.website-nav ul li { padding: 0; margin: 0; padding: 0px; list-style: none; padding: 0px 10px; display: inline; text-transform: uppercase; font-weight: 600;/*border-right: 1px solid #d1d1d1; */ }
.website-nav ul li:last-child { border-right: 0px; }
.website-nav ul li a { position: relative; font-size: 13px; font-family: "Monstserrat", sans-serif; font-weight: 300; padding: 20px 12px; color: #203232; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; text-shadow: 0 1px 0 #fff; }
.website-nav ul li:last-child a { padding-right: 0px }
.website-nav ul li a:after { position: absolute; bottom: 3px; left: 0; right: 0; content: ''; width: 100%; height: 2px; background: #e31e24; margin: 0 auto; opacity: 0; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); }
.website-nav ul li a:hover { color: #000; }
.website-nav ul li a:hover:after { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.website-nav ul li.has-dropdown { position: relative; }
.website-nav ul li.has-dropdown:after {  /* position: absolute; *//* font-family: 'icomoon'; *//* right: 0px; *//* top: -6px; *//* content: "\ea80"; */font-size: 15px; font-weight: 400; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); margin-right: 5px; margin-right: 3px; }
.website-nav ul li.has-dropdown .dropdown { width: 170px; -webkit-box-shadow: 0px 14px 33px -9px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 14px 33px -9px rgba(0, 0, 0, 0.75); box-shadow: 0px 14px 33px -9px rgba(0, 0, 0, 0.75); z-index: 1002; visibility: hidden; opacity: 0; position: absolute; top: -7px; left: 0; text-align: left; background: #fff; -webkit-transition: 0s; -o-transition: 0s; transition: 0s; }
.website-nav ul li.has-dropdown .dropdown li { display: block; border: 0px; font-weight: 400; padding: 6px 0px 6px 12px; border-bottom: 1px solid #ececec }
.website-nav ul li.has-dropdown .dropdown li:last-child { margin-bottom: 0; }
.website-nav ul li.has-dropdown .dropdown li a { padding: 0px; display: block; color: #203232; font-weight: 300; text-transform: none; font-size: 13px; letter-spacing: 0; }
.website-nav ul li.has-dropdown .dropdown li a:hover { border: 0px; }
.website-nav ul li.has-dropdown .dropdown li a:hover:after { opacity: 0; }
.website-nav ul li.has-dropdown .dropdown li:hover { background-color: #ececec; }
.website-nav ul li.has-megadropdown { position: static; }
.website-nav ul li.has-megadropdown:after { font-size: 15px; font-weight: 400; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); margin-right: 5px; margin-right: 3px; }
.website-nav ul li.has-megadropdown .megadropdown { width: 136%; z-index: 1002; visibility: hidden; opacity: 0; position: absolute; top: 30px; padding-top: 30px; left: -40%; text-align: left; background: #ffffff; -webkit-transition: 0s; -o-transition: 0s; transition: 0s; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: 0 -3px 6px rgba(0, 0, 0, .065); -moz-box-shadow: 0 -3px 6px rgba(0, 0, 0, .065); box-shadow: 0 -3px 6px rgba(0, 0, 0, .065); border: none; }
.website-nav ul li.has-megadropdown .megadropdown>li { width: 33.3%; float: left; display: block; border: 0px; font-weight: 400; padding: 0px 20px 20px 20px; /*border-right: 1px solid #ededed;*/ background-image:url('../images/border.png'); background-repeat: no-repeat; background-position: right center; }
.website-nav ul li.has-megadropdown .megadropdown>li:last-child { margin-bottom: 0; border: 0;background-image:none; }
.website-nav ul li.has-megadropdown .megadropdown>li a { padding: 0px; display: block; color: #e31e24; font-weight: 400; text-transform: uppercase; font-size: 18px; letter-spacing: 0; }
.website-nav ul li.has-megadropdown .megadropdown>li a img { width: 75%; }
.website-nav ul li.has-megadropdown .megadropdown>li a:after { opacity: 0; }
.website-nav ul li.has-megadropdown .megadropdown>li>ul>li { width: 50%; float: left; display: block; border: 0px; font-weight: 400; }
.website-nav ul li.has-megadropdown .megadropdown>li>ul>li>a { font-size: 13px; color: #111; text-transform: none; }
.website-nav ul li.has-megadropdown .megadropdown>li>ul>li>a span { line-height: 18px; height: 36px; overflow: hidden; display: block; text-align: center; margin-top: 5px; }
.website-nav ul li.has-megadropdown .megadropdown>li>ul>li>a:hover { color: #e31e24; text-decoration: underline; }
.website-nav ul li.btn-cta a { padding: 30px 0px !important; color: #fff; }
.website-nav ul li.btn-cta a span { background: #66d37e; padding: 4px 10px; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; border-radius: 100px; }
.website-nav ul li.btn-cta a:hover span { -webkit-box-shadow: 0px 14px 20px -9px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 14px 20px -9px rgba(0, 0, 0, 0.75); box-shadow: 0px 14px 20px -9px rgba(0, 0, 0, 0.75); }
.website-nav ul li.active > a { color: #000 !important; position: relative; }
.website-nav ul li.active > a:after { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.website-nav-toggle { width: 25px; height: 25px; cursor: pointer; text-decoration: none; }
.website-nav-toggle.sticky { margin-bottom: 0; position: fixed; top: 15px !important; right: 0; }
.website-nav-toggle.active i::before, .website-nav-toggle.active i::after { background: #444; }
.website-nav-toggle:hover, .website-nav-toggle:focus, .website-nav-toggle:active { outline: none; border-bottom: none !important; }
.website-nav-toggle i { position: relative; display: inline-block; width: 25px; height: 2px; color: #252525; font: bold 14px/.4 Helvetica; text-transform: uppercase; text-indent: -55px; background: #252525; transition: all .2s ease-out; }
.website-nav-toggle i::before, .website-nav-toggle i::after { content: ''; width: 25px; height: 2px; background: #252525; position: absolute; left: 0; transition: all .2s ease-out; }
.website-nav-toggle.website-nav-white > i { color: #fff; background: #000; }
.website-nav-toggle.website-nav-white > i::before, .website-nav-toggle.website-nav-white > i::after { background: #000; }
.website-nav-toggle i::before { top: -7px; }
.website-nav-toggle i::after { bottom: -7px; }
.website-nav-toggle:hover i::before { top: -10px; }
.website-nav-toggle:hover i::after { bottom: -10px; }
.website-nav-toggle.active i { background: transparent; }
.website-nav-toggle.active i::before { top: 0; -webkit-transform: rotateZ(45deg); -moz-transform: rotateZ(45deg); -ms-transform: rotateZ(45deg); -o-transform: rotateZ(45deg); transform: rotateZ(45deg); background: #fff; }
.website-nav-toggle.active i::after { bottom: 0; -webkit-transform: rotateZ(-45deg); -moz-transform: rotateZ(-45deg); -ms-transform: rotateZ(-45deg); -o-transform: rotateZ(-45deg); transform: rotateZ(-45deg); background: #fff; }
.website-nav-toggle { position: absolute; right: 0px; top: 65px; z-index: 21; padding: 6px 0 0 0; display: block; margin: 0 auto; display: none; height: 44px; width: 44px; z-index: 2001; border-bottom: none !important; }
@media screen and (max-width:768px) {
  .website-nav-toggle { display: block; }
}
.website-nav.sticky { margin-bottom: 0; z-index: 99; position: fixed; top: 0; left: 0; width: 100%; margin-top: -28px; height: 90px; -webkit-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.2); -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; padding-top: 7px; }
.website-nav.sticky #website-logo a span { margin-top: 15px; }
@media screen and (max-width:768px) {
  .website-nav .searchbtn { display: none }
}


#website-hero .btn { font-size: 24px; }
#website-hero .btn.btn-primary { padding: 14px 30px !important; }
#website-hero .flexslider { border: none; z-index: 0; margin-bottom: 0; }
#website-hero .flexslider .slides { position: relative; overflow: hidden; }
#website-hero .flexslider .slides li { background-repeat: no-repeat; background-size: cover; background-position: bottom center; min-height: 560px; position: relative; }
@media screen and (max-width:768px) {
  #website-hero .flexslider .slides li { min-height: 220px; }
  #website-hero .flexslider .slides li:nth-child(2), #website-hero .flexslider .slides li:nth-child(4), #website-hero .flexslider .slides li:nth-child(6) { background-position: center left; }
  #website-hero .flexslider .slides li:nth-child(1), #website-hero .flexslider .slides li:nth-child(3), #website-hero .flexslider .slides li:nth-child(5) { background-position: center center; }
}
#website-hero .flexslider .flex-control-nav { bottom: 6px; z-index: 1000; width: auto; margin: auto; left: 50%; -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);    transform: translate(-50%,-50%);    max-height: 100%; }
#website-hero .flexslider .flex-control-nav li { display: block; margin-bottom: 10px; float: left; margin: auto; margin-left: 5px; }
#website-hero .flexslider .flex-control-nav li a { background: rgba(255, 255, 255, 0.8); border:1px solid rgba(0,0,0,0.7); box-shadow: none; width: 10px; height: 10px; cursor: pointer; }
#website-hero .flexslider .flex-control-nav li a.flex-active { cursor: pointer; background: transparent; border: 2px solid #e31e24; }
#website-hero .flexslider .flex-direction-nav { display: none; }
#website-hero .flexslider .slider-text { display: block; opacity: 0; z-index: 9; min-height: 360px; }




#website-hero .flexslider .slider-text > .slider-text-inner { float: left; margin: 15em 0em 0em 0em; text-align: left; line-height: 70px;  text-shadow: 0px 2px 4px rgba(0,0,0,0.4); text-transform: uppercase;}

#website-hero .flexslider .slider-text > .slider-text-inner:before { content: ''; border-top: 4px solid #e31e24; position: absolute; width: 8%; margin-left: 3px; margin-top: -6px}

#website-hero .flexslider .slider-text > .slider-text-inner h1 { margin: 0;  font-size: 44px; font-weight: 700; font-family: "Monstserrat", sans-serif; color: #fff; }
#website-hero .flexslider .slider-text > .slider-text-inner h2 { margin: 0;  font-size: 44px; font-weight: 700; font-family: "Monstserrat", sans-serif; color: #fff;  }
@media screen and (max-width:768px) {
  #website-hero .flexslider .slider-text { min-height: 200px; }
  #website-hero .flexslider .slider-text > .slider-text-inner { margin: 50px; padding: 0.5em; text-align: center; }
  #website-hero .flexslider .slider-text > .slider-text-inner:before { display: none;}

  #website-hero .flexslider .slider-text > .slider-text-inner h1 { font-size: 26px; }
  #website-hero .flexslider .slider-text > .slider-text-inner h2 { font-size: 24px; }
}
#website-heroinner {/* min-height: 200px; */background: #fff url(../images/loader.gif) no-repeat center center;width: 100%;float: left;}
@media screen and (max-width:768px) {
  #website-heroinner { min-height: auto; }
}
#website-heroinner .btn { font-size: 24px; }
#website-heroinner .btn.btn-primary { padding: 14px 30px !important; }
#website-heroinner .innerflexslider { border: none; z-index: 1; margin-bottom: 0; }
#website-heroinner .innerflexslider .slides { position: relative; overflow: hidden; }
#website-heroinner .innerflexslider .slides li {background-repeat: no-repeat;background-size: cover;background-position: bottom right;/* min-height: 100px; */position: relative;}
@media screen and (max-width:768px) {
  #website-heroinner .innerflexslider .slides li {/* min-height: 100px; */}
  #website-heroinner .innerflexslider .slides li:nth-child(1), #website-heroinner .innerflexslider .slides li:nth-child(2), #website-heroinner .innerflexslider .slides li:nth-child(3) { background-position: center center; }
}
#website-heroinner .innerflexslider .flex-control-nav { bottom: 6px; z-index: 1000; right: 20px; width: auto; margin: auto; }
#website-heroinner .innerflexslider .flex-control-nav li { display: block; margin-bottom: 10px; float: left; margin: auto; margin-left: 5px; }
#website-heroinner .innerflexslider .flex-control-nav li a { background: rgba(255, 255, 255, 0.8); box-shadow: none; width: 12px; height: 12px; cursor: pointer; }
#website-heroinner .innerflexslider .flex-control-nav li a.flex-active { cursor: pointer; background: transparent; border: 2px solid #e31e24; }
#website-heroinner .innerflexslider .flex-direction-nav { display: none; }
#website-heroinner .innerflexslider .slider-text {display: block;opacity: 0;z-index: 9;/* min-height: 200px; */}
#website-heroinner .innerflexslider .slider-text > .slider-text-inner {/* margin: 1em; */padding: 1em;text-align: left;}
#website-heroinner .innerflexslider .slider-text > .slider-text-inner h1 {/* margin-bottom: 0; */margin-top: 20px;font-size: 25px;padding: 0px 0px 0px 8px;font-weight: 300;font-family: "Monstserrat", sans-serif;color: #ffffff;border-left: 3px solid #ed8222;}
#website-heroinner .innerflexslider .slider-text > .slider-text-inner h1 span{display: inline-block;position: relative;margin-right: -5px;padding-right: 27px;  }
#website-heroinner .innerflexslider .slider-text > .slider-text-inner h1 span:after{position: absolute;font-family: 'icomoon';right: 0px;top: 1px;content: "\ea80";font-size: 26px;font-weight: 400;/* -webkit-transform: rotate(180deg); */-moz-transform: rotate(180deg);-o-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(90deg);margin-right: 5px;margin-right: 3px;}
#website-heroinner .innerflexslider .slider-text > .slider-text-inner h1 span:last-child:after{content:'';}
#website-heroinner .innerflexslider .slider-text > .slider-text-inner h1 a {color: #fff}
#website-heroinner .innerflexslider .slider-text > .slider-text-inner h2 { background-color: rgba(1, 27, 27, 0.5); font-size: 25px; padding: 15px; font-family: "Monstserrat", sans-serif; color: #fff; }
@media screen and (max-width:768px) {
  #website-heroinner .innerflexslider .slider-text {/* min-height: 60px; */}
  #website-heroinner .innerflexslider .slider-text > .slider-text-inner {/* padding: 0.5em; */}
  #website-heroinner .innerflexslider .slider-text > .slider-text-inner h1 { margin-top: 10px; font-size: 20px; }
/*  #website-heroinner .innerflexslider .slider-text > .slider-text-inner h2 { font-size: 14px; line-height: 1.5; font-family: "Monstserrat", sans-serif; color: #fff; }*/
}



.breadcrump span{display: inline-block;position: relative;margin-right: 0;padding-right: 19px;  }
.breadcrump span:after{position: absolute;font-family: 'icomoon';right: 0px;top: -4px;content: "\ea80";font-size: 20px;font-weight: 400;/* -webkit-transform: rotate(180deg); */-moz-transform: rotate(180deg);-o-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(90deg);margin-right: 5px;margin-right: 3px;}
.breadcrump span:last-child:after{content:'';}





#website-heroinner .productflexslider { border: none; z-index: 1; margin-bottom: 0;  }
#website-heroinner .productflexslider .slides { position: relative; overflow: hidden; }
#website-heroinner .productflexslider .slides li {background-repeat: no-repeat;background-size: contain;background-position: center center;position: relative; min-height: 380px; background-color: #f2f2f2}
#website-heroinner .productflexslider .flex-control-nav { bottom: 6px; z-index: 1000; right: 20px; width: auto; margin: auto; }
#website-heroinner .productflexslider .flex-control-nav li { display: block; margin-bottom: 10px; float: left; margin: auto; margin-left: 5px; }
#website-heroinner .productflexslider .flex-control-nav li a { background: rgba(255, 255, 255, 0.8); box-shadow: none; width: 12px; height: 12px; cursor: pointer; }
#website-heroinner .productflexslider .flex-control-nav li a.flex-active { cursor: pointer; background: transparent; border: 2px solid #e31e24; }
#website-heroinner .productflexslider .flex-direction-nav { display: none; }
#website-heroinner .productflexslider .slider-text {display: block;opacity: 0;z-index: 9;}
#website-heroinner .productflexslider .slider-text > .slider-text-inner {padding: 1em;text-align: left;}
#website-heroinner .productflexslider .slider-text > .slider-text-inner h1 {margin-top: 20px;font-size: 20px;padding: 0px 0px 0px 8px;font-weight: 300;font-family: "Monstserrat", sans-serif;color: #111;border-left: 3px solid #e31e24;}
#website-heroinner .productflexslider .slider-text > .slider-text-inner h1 a {color: #111}
#website-heroinner .productflexslider .slider-text > .slider-text-inner h2 { background-color: rgba(1, 27, 27, 0.5); font-size: 25px; padding: 15px; font-family: "Monstserrat", sans-serif; color: #fff; }
@media screen and (max-width:768px) {
  #website-heroinner .productflexslider .slides li { background-position: left;background-size: contain; min-height: 80px}
    #website-heroinner .productflexslider .slider-text > .slider-text-inner {display: none;}
}



.z-tabs.horizontal {clear: both;float: left;width: 100%;margin: 20px 0;}
.z-tabs.horizontal>ul.z-tabs-nav, .z-tabs.horizontal>ul.z-tabs-nav>li, .z-tabs.horizontal>.z-container { border-color: #ccc; border-style: solid }
.z-tabs.horizontal>ul.z-tabs-nav {margin: 0;padding: 0;border: 0;outline: 0;text-decoration: none;font-size: 100%;list-style: none;}
.z-tabs.horizontal>ul.z-tabs-nav>li { position: relative; border-width: 1px 1px 0; float: left; margin: 0 -1px 0 0; padding: 0; display: block; vertical-align: top;/* border-radius: 6px 6px 0 0;*/ border: 1px solid #d3ced2;background-color: #ebe9eb;}
.z-tabs.horizontal>ul.z-tabs-nav>li>a.z-link { border-bottom-width: 0; padding: 13px 25px; outline: 0; text-decoration: none !important; border-bottom-width: 0; outline: 0; color: #515151; text-decoration: none; line-height: 18px; cursor: hand; cursor: pointer; display: block; text-align: center; width: auto; font-weight: 700; font-family: "Open Sans", san-serif; text-transform: uppercase;}
.z-tabs.horizontal>ul.z-tabs-nav>li:hover a { outline: 0 none; text-decoration: none; color: #111 }
.z-tabs.horizontal>ul.z-tabs-nav>li.z-active { margin-bottom: -1px; padding-bottom: 1px; z-index: 0; font-weight: 700;}
.z-tabs.horizontal>ul.z-tabs-nav>li.z-active, .z-tabs.horizontal>ul.z-tabs-nav>li.z-active:hover {/* background: url(../images/tab_bg.jpg) top repeat-x #fff; */border-color: #008c4c #008c4c #fff #008c4c!important;border-style: solid !important;border-width: 1px !important; background: #fff; z-index: 1 }


.z-tabs.horizontal>ul.z-tabs-nav>li.z-active a {color: #008c4c ; font-weight: 700;}


.z-tabs.horizontal>.z-container {position: static;border: 0px;clear: both;width: 100%;float: left;background: #fff;zoom: 1;padding: 10px 0;/* border-radius: 0 8px 8px 8px;*/border-top: 1px solid #008c4c ;}
.z-tabs.horizontal>.z-container>.z-content { padding: 8px; background: 0; display: none }
.z-tabs.horizontal>.z-container>.z-content h2 { width: 100%; float: left; font-size: 15px; margin: 0 0 10px 0; }
.z-tabs.horizontal>.z-container>.z-content a { /*width: 100%;*/ float: left; margin: 4px 0 10px 0; }
.z-tabs.horizontal>.z-container>.z-content table td { line-height: 26px; }
.z-tabs.horizontal.top-center { width: 100% }
.z-tabs.horizontal.top-center>ul.z-tabs-nav { clear: left; float: left; position: relative; left: 50%; text-align: center }
.z-tabs.horizontal.top-center>ul.z-tabs-nav>li { right: 50%; display: block; position: relative; float: left }
.z-tabs.horizontal.top-right>.z-container { margin-right: 0; padding-right: 0; margin-left: 0; padding-left: 0 }
.z-tabs.horizontal.top-right>ul.z-tabs-nav { float: right; position: relative; padding: 0; margin: 0 -1px 0 0 }
.z-tabs.horizontal.top-right>.z-container { margin-right: 0; padding-right: 0; margin-left: 0; padding-left: 0 }
@media screen and (max-width:768px) {
  .z-tabs.horizontal>.z-container table { overflow-x: scroll; display: block; }
  .z-tabs.horizontal>ul.z-tabs-nav>li { width: 100%; }
}
.aksesuarcontainer { position: relative}
.aksesuarmarker  {position:absolute; width:30px;height:30px; background:url(../images/infobox.svg) center center no-repeat; background-size: cover}
.aksesuarmarker span {position:relative; top:7.5px; left:7.5px; display: none; text-align: center; width: 15px; height: 15px;border-radius: 15px; background-color: #fff; cursor: pointer}
.aksesuarcontent {display: none}
@media screen and (max-width:768px) {
  .aksesuarmarker  {position:absolute; width:15px;height:15px;}
  .aksesuarmarker span {position:relative; top:5px; left:5px; display: none; text-align: center; width: 5px; height: 5px;border-radius: 5px; background-color: #fff}
}


.services {margin: 1%;position: relative;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;min-height: 100px;padding-top: 10px;}

.services h3 { font-size: 16px; font-family: "Monstserrat", sans-serif; text-transform: initial; font-weight: 400; line-height: 40px; color: #111; position: relative }
.services h3:before { content:''; position: absolute; top:35px; left: 50%; border-bottom: 1px solid #cdcdcd;-webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);    transform: translate(-50%,-50%); width: 80%;}

  .services h3:after { content:''; position: absolute; top:34px; left: 50%; border-bottom: 1px solid #e31e24;-webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);    transform: translate(-50%,-50%); width: 40px;}
.services .icon {display: inline-block;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;padding:0px 50px; z-index: 0}


.mainservices {margin: 1%;position: relative;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;min-height: 100px;padding-top: 40px;}
.mainservices .desc {position: absolute; top: 30%; left: 20px;  width: 75%; text-align: left; }
.mainservices .desc h3 {font-family: 'Open Sans'; font-size: 40px; letter-spacing: -1px;  font-weight: 300; line-height: 105%; color: #fff; text-shadow: 1px 3px 4px #000; }
.mainservices .icon {display: inline-block;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;}

@media screen and (max-width:768px) {
  .mainservices {width: 85%; margin:0 auto;padding-top: 4px;}
}

.productSlick {  margin-top: 30px}
.productSlick .slickprev { position: absolute; left: -40px; top:40%; cursor: pointer; opacity: 0.8; display: none}
.productSlick .slicknext { position: absolute; right: -40px; top:40%;cursor: pointer; opacity: 0.8; display: none}
.productSlick .slickprev:hover,.productSlick .slicknext:hover {opacity: 1}

#website-mainnewscatalogcerts { margin: 3em 0em; padding-top: 3em; clear: both; }
#website-mainnewscatalogcerts .mainnews { position: relative }
#website-mainnewscatalogcerts .mainnews h3 { margin-top: 20px; font-size: 20px; font-family: "Monstserrat", sans-serif; text-transform: uppercase; font-weight: 700; position: relative; color: #e31e24; text-align: left; margin-bottom: 0px; }
#website-mainnewscatalogcerts .mainnews h4 { font-size: 12px; font-family: "Monstserrat", sans-serif; font-weight: 300; position: relative; color: #666; text-align: left; }
#website-mainnewscatalogcerts .mainnews h6 { font-size: 16px; margin-right: 20px; font-family: "Monstserrat", sans-serif; font-weight: 400; position: relative; color: #111; text-align: left; margin-bottom: 4px; }
#website-mainnewscatalogcerts .mainnews p.newscontent { font-size: 12px; margin-right: 20px; font-family: "Monstserrat", sans-serif; font-weight: 300; position: relative; color: #111; text-align: left; line-height: 16px; }
#website-mainnewscatalogcerts .mainnews  ul { margin: 0; padding: 0; }
#website-mainnewscatalogcerts .mainnews  ul li { list-style: none; border-top: 1px solid #ddd; padding: 20px 0px; }
#website-mainnewscatalogcerts .mainnews img { border-radius: 3px; }
#website-mainnewscatalogcerts .mainnews a:hover { opacity: 0.9; }


#website-mainnewscatalogcerts .katalog { background-image: url('../images/katalog.jpg'); height: 171px; max-width: 100%; background-repeat: no-repeat; background-size: contain }
#website-mainnewscatalogcerts .katalog:hover { opacity: 0.9 }

#website-mainnewscatalogcerts .katalog a { display: block; width: 100%; height: 100%; }
#website-mainnewscatalogcerts .katalog a span.description { display: block; font-size: 13px; font-family: "Monstserrat", sans-serif; font-weight: 400; padding:15px 0px 0px 15px; color: #666; width: 40% }
#website-mainnewscatalogcerts .katalog a span.title { display: block; font-size: 18px; font-family: "Monstserrat", sans-serif; font-weight: 700; padding: 60px 0px 0px 15px; color: #333; text-transform: uppercase }

#website-mainnewscatalogcerts .ikinciel { background-image: url('../images/ikinciel.jpg'); height: 171px; max-width: 100%; background-repeat: no-repeat; background-size: contain }
#website-mainnewscatalogcerts .ikinciel:hover { opacity: 0.9 }
#website-mainnewscatalogcerts .ikinciel a { display: block; width: 100%; height: 100%; }
#website-mainnewscatalogcerts .ikinciel a span.description { display: block; font-size: 13px; font-family: "Monstserrat", sans-serif; font-weight: 400; padding:15px 0px 0px 15px; color: #666; width: 40% }
#website-mainnewscatalogcerts .ikinciel a span.title { display: block; font-size: 18px; font-family: "Monstserrat", sans-serif; font-weight: 700; padding: 40px 0px 0px 15px; color: #333; text-transform: uppercase }



#website-mainnewscatalogcerts .dokuman { background-image: url('../images/dokuman.jpg'); height: 171px; max-width: 100%; background-repeat: no-repeat; background-size: contain }
#website-mainnewscatalogcerts .dokuman:hover { opacity: 0.9 }
#website-mainnewscatalogcerts .dokuman a { display: block; width: 100%; height: 100%; }
#website-mainnewscatalogcerts .dokuman a span.description { display: block; font-size: 13px; font-family: "Monstserrat", sans-serif; font-weight: 400; padding:15px 0px 0px 15px; color: #666; width: 40% }
#website-mainnewscatalogcerts .dokuman a span.title { display: block; font-size: 18px; font-family: "Monstserrat", sans-serif; font-weight: 700; padding: 40px 0px 0px 15px; color: #333; text-transform: uppercase }

#website-mainnewscatalogcerts .video { background-image: url('../images/video.jpg'); height: 171px; max-width: 100%; background-repeat: no-repeat; background-size: contain }
#website-mainnewscatalogcerts .video:hover { opacity: 0.9 }
#website-mainnewscatalogcerts .video a { display: block; width: 100%; height: 100%; }
#website-mainnewscatalogcerts .video a span.description { display: block; font-size: 13px; font-family: "Monstserrat", sans-serif; font-weight: 400; padding:15px 0px 0px 15px; color: #fff; width: 40% }
#website-mainnewscatalogcerts .video a span.title { display: block; font-size: 18px; font-family: "Monstserrat", sans-serif; font-weight: 700; padding: 43px 0px 0px 15px; color: #fff; text-transform: uppercase }


@media screen and (max-width:768px) {
  #website-mainnewscatalogcerts { width: 90%; margin:auto; }
  #website-mainnewscatalogcerts .mainnews h6 { padding-top: 10px; }
  #website-mainnewscatalogcerts .katalog,#website-mainnewscatalogcerts .ikinciel,#website-mainnewscatalogcerts .dokuman,#website-mainnewscatalogcerts .video { margin-bottom: 4px;}
  #website-mainnewscatalogcerts .dokuman a span.description { width: 50%;}
  #website-mainnewscatalogcerts .video a span.description { width: 50%;}
}


#website-footer { margin-top: 0px !important; }
#website-footer h4 { margin-bottom: 10px; font-weight: 700; font-size: 16px; color: #fff; text-transform: uppercase }
#website-footer .website-footer-links { padding: 0; margin: 0; }
#website-footer .website-footer-links li { padding: 0; margin: 0; margin-left: 15px; line-height: 26px; list-style: none; display: block; font-weight: 400; font-size: 12px; color: #ffffff; position: relative; }
#website-footer .website-footer-links li:before { content: '\ea81'; font-family: 'icomoon'; position: absolute; top: 0px; left: -15px }
#website-footer .website-footer-links li a { text-decoration: none; color: #e0e0e0; }
#website-footer .website-footer-links li a:hover { text-decoration: underline; }
#website-footer .copyright { display: block; margin-top: 1em; color: #e0e0e0; font-size: 12px; }
#website-footer .vizyoner { display: block; margin-top: 1em; }
#website-footer .vizyoner a { background: url(../images/vizyoner.png) right no-repeat; width: 46px; height: 18px; display: block }
.website-social-icons { margin: 0; padding: 0px; display: inline-block; }
.website-social-icons li { margin: 0; padding: 0; list-style: none; display: -moz-inline-stack; float: left; zoom: 1; *display: inline; background-color: #e0e0e0; padding: 10px 5px; }
.website-social-icons a { display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; color: #e0e0e0; }
.website-social-icons  a:hover { color: #e31e24; }
.website-social-icons  a i { font-size: 15px; }
.website-social-icons-footer { margin: 0; padding: 0px; display: inline-block; }
.website-social-icons-footer li { margin: 0; padding: 0; list-style: none; display: -moz-inline-stack; float: left; zoom: 1; *display: inline; background-color: #e0e0e0; padding: 10px 5px; }
.website-social-icons-footer a { display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; color: #e0e0e0; padding: 0px 5px; }
.website-social-icons-footer  a:hover { color: #e31e24; }
.website-social-icons-footer  a i { font-size: 18px; }
@media screen and (max-width:768px) {
  #website-footer h4 { margin-top: 20px; text-align: center }
  #website-footer p { margin-top: 5px; text-align: center }
  #website-footer .website-footer-links li { text-align: center }
  #website-footer .copyright { padding-left: 0px; margin-top: 1em; text-align: center; }
  .website-social-icons { margin: auto; display: table; }
  .website-social-icons-footer { margin: auto; display: table; padding-top: 10px;}
  #website-footer .vizyoner { margin: 1em auto; display: table; }
  #website-footer .website-footer-links li:before { display: none; }
}
#website-news, .website-bg { background-size: cover; background-position: top center; background-repeat: no-repeat; position: relative; }
.website-video { overflow: hidden; }
@media screen and (max-width:992px) {
  .website-video { height: 450px; }
}
.website-video a { z-index: 1001; position: absolute; top: 50%; left: 50%; margin-top: -45px; margin-left: -45px; width: 90px; height: 90px; display: table; text-align: center; background: #fff; -webkit-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75); -ms-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75); -o-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75); box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; }
.website-video a i { text-align: center; display: table-cell; vertical-align: middle; font-size: 40px; }
.website-video .overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.3); -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
.website-video:hover .overlay { background: rgba(0, 0, 0, 0.7); }
.website-video:hover a { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
#website-hero { min-height: 360px; background: #fff url(../images/loader.gif) no-repeat center center; width: 100%; float: left; }
@media screen and (max-width:768px) {
  #website-hero { min-height: auto; }
}
.website-light-grey {  /*background: #ececec;*/ border-top: 1px solid #ededed }
.website-dark-bg { background: #011b1b; }
.website-productfeature-bg { background: #f2f2f2; margin-left: 0px; margin-right: 0px; padding-top: 10px; font-family: "Lato","Monstserrat"; font-weight: 400}

.website-productfeature-bg div { line-height: 40px;}
.website-productfeature-bg i { color: #e31e24; font-weight: 700}



#website-about, #website-services, #website-contact, #website-work, #website-blog, #website-news, #website-products, #website-footer, #website-maincorporate, #website-innercontent { padding: 3em 3em; clear: both; }
@media screen and (max-width:768px) {
  #website-about, #website-services, #website-contact, #website-work, #website-blog, #website-news, #website-products, #website-footer, #website-maincorporate, #website-innercontent { padding: 3em 1em; }
}
@media screen and (max-width:768px) {
  #website-maincorporate { padding: 3em; }
  #website-innercontent { padding: 2em; }
}
#website-innercontent {}
#website-innercontent h3 { font-size: 20px; font-family: "Monstserrat", sans-serif; text-transform: uppercase; font-weight: 700; position: relative }
#website-innercontent h3:before { content: ""; position: absolute; left: 0; top: 30px; height: 1px; width: 5%; border-bottom: 1px solid #008c4c; }
#website-innercontent h3:after { content: ""; position: absolute; left: 0; top: 30px; height: 1px; width: 5%; left: 5%; border-bottom: 1px solid #ed8222; }
#website-innercontent p { font-size: 14px; font-weight: 400; line-height: 22px; font-family: "Lato"; /* padding: 10px 0px 10px 0px*/ }
#website-news .newsrow { margin-bottom: 40px; }
#website-searchbarcontent { padding: 1em 2em 0.5em 2em; }
#website-news h3 { font-size: 18px; font-family: "Monstserrat", sans-serif; text-transform: uppercase; font-weight: 700; position: relative }
#website-news h3:before { content: ""; position: absolute; left: 0; top: 30px; height: 1px; width: 80px; border-bottom: 1px solid #7f7f7f; }
#website-news p { font-size: 15px; font-weight: 400; line-height: 20px; height: 130px; overflow: hidden; padding: 10px 0px 10px 0px }
#website-news .newsrow:nth-child(2n+2) div:first-child { float: right; }
@media screen and (max-width:768px) {
  #website-news h3 { margin-top: 20px; }
  #website-news .newsrow:nth-child(2n+2) div:first-child { float: none; }
}
.leftcategories { text-align: left; background: #e31e24; -webkit-transition: 0s; -o-transition: 0s; transition: 0s; padding-start: 0; -webkit-padding-start: 0px; }
.leftcategories li { display: block; border: 0px; font-weight: 400; padding: 10px; }
.leftcategories li:last-child { margin-bottom: 0; }
.leftcategories li a { padding: 0px; display: block; color: #fff; line-height: 1.4; text-transform: uppercase; font-size: 12px; font-weight: 600; letter-spacing: 0; font-family: "Monstserrat", sans-serif; }
.leftcategories li a:hover { border: 0px; }
.leftcategories li:hover, .leftcategories li.active { background-color: #e1b604; }
#website-products .categoryrow a { border: 1px solid #dfdfdf; display: block; padding: 7px; margin-left: -14px; margin-right: -14px; margin-bottom: 2px; font-family: "Monstserrat", sans-serif; text-transform: uppercase; font-weight: 600; font-size: 13px; }
#website-products .categorysmallrow a { border: 1px solid #dfdfdf; display: block; padding: 4px; margin-left: -14px; margin-right: -14px; margin-bottom: 2px; font-family: "Monstserrat", sans-serif; text-transform: uppercase; font-weight: 400; font-size: 12px; }
#website-products .categorysmallrow a:hover, #website-products .categorysmallrow a.active { color: #e31e24 }
#website-products .productssearchrow { padding-bottom: 20px; }
#website-products .productssearchrow a { font-weight: 600; font-size: 14px; }
#website-products .productsrow { margin-bottom: 40px; }
#website-products .productsrow a { font-weight: 600; font-size: 14px; }
#website-products .productsrow img { margin-bottom: 20px; }
#website-products .productsrow table { width: 100%; }
#website-products .productsrow table th { font-size: 13px; }
#website-products .productsrow.transfercase table th { background-color: #f9f8f8 }
#website-products .productsrow.transfercase table tr:first-child td:first-child { width: 40%; }
#website-products .productsrow.pto table tr:first-child td:first-child { width: 40%; }
#website-products .productsrow table th, #website-products .productsrow table th span, .productsrow table th strong { font-weight: 700 !important }
#website-products .productsrow table th { font-weight: 700 !important }
#website-products .productsrow table th, #website-products .productsrow table td { padding: 5px; }
#website-products .productsrow table td { font-size: 13px; font-weight: 400 }

.technicaldetails table {width: 100%; border: 0px}
.technicaldetails table th { background-color:#c4151c; border-right:1px solid #ffffff; text-align:center; color:#ffffff;font-family: 'Lato', sans-serif; padding:6px 6px 7px 7px;  font-size:14px; font-weight:400;}
.technicaldetails table tr td:first-child{width: 6.5%}
.technicaldetails table tr td img{width: 100% !important;height: auto !important}
.technicaldetails table td { border-right:1px solid #FFFFFF; vertical-align:middle; color:#444444; font-family: 'Lato', sans-serif; font-size:13px; font-weight: 400; padding:6px 6px 7px 7px;  text-align:center;border-left: 0px;border-top: 0px;border-bottom: 0;}
.technicaldetails table td p {margin:0; padding:0;}
.technicaldetails table tr:first-child td{ background: #f62525; color: #fff}
.technicaldetails table tr:nth-child(even) { background-color:#fff;}
.technicaldetails table tr:nth-child(odd) { background-color:#e6e4e6;border-bottom: 1px solid #f0f0f0;/*! border-top: 0px; */border-top: 1px solid #f0f0f0;}



#website-products h3 { font-size: 18px; font-family: "Monstserrat", sans-serif; text-transform: uppercase; font-weight: 700; position: relative; text-align: center; margin-bottom: 20px }

/*#website-products h3:before { content: ""; position: absolute; left: 50%; margin-left: -90px; top: 120%; height: 1px; width: 180px; border-bottom: 1px solid #7f7f7f; }*/
#website-products p { font-size: 13px; font-weight: 400; line-height: 20px; overflow: hidden; padding: 10px 0px 10px 0px }
@media screen and (max-width:768px) {
  #website-products h3 { margin-top: 20px; font-size: 17px; }
}
.mr5 { margin-right: -10px; margin-left: -10px }
.work {border-top:1px solid #efefef;border-left: 1px solid #efefef;border-right: 1px solid #efefef; background-size: 80%;background-position: center center;background-repeat: no-repeat;position: relative;width: 100%;display: block;margin-bottom: 0px;margin-bottom: 10px;padding: 100px;margin-bottom: 60px;}
.work:hover{-webkit-transform: scale(1.02);transform: scale(1.02);}
@media screen and (max-width:320px) {
  .work { height: 180px; }
}
.work .desc {position: absolute;height: 50px;line-height: 25px;/* background: #008c4c; */-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;overflow: hidden;width: 100%;bottom: -50px;left: 50%;-webkit-transform: translate(-50%,0%);-ms-transform: translate(-50%,0%);transform: translate(-50%,-0%);display: table;/* vertical-align: middle; *//* border-top: 3px solid #ed8222; */}
.work .desc:before{content: '';height: 0;width: 0;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);border-top: 10px solid #f5a918;border-bottom: 0px solid transparent;border-left: 10px solid #f5a918;border-right: 0px solid transparent;position: absolute;left: 0;right: 0;margin: 0 auto;top: -5px;}
.work .desc h4 {font-size: 13px;font-weight: 600;font-family: "Monstserrat", sans-serif;color: #111;display: table-cell;border: 3px solid #f5a918;text-transform: uppercase;text-align: left;text-align: center;vertical-align: middle;margin: auto;line-height: 20px;padding:0px 3px;}
.work span { display: block; position: absolute; bottom: 5px; left: 5px; font-size: 11px; }
.productdetailimg { border: 1px solid #dcdcdc; margin-bottom: 5px; cursor: pointer }
.productdetail { padding-top: 20px; font-weight: 300; font-family: "Lato","Monstserrat"; font-weight: 400 }


.aksesuar_details .work {border-top:1px solid #efefef;border-left: 1px solid #efefef;border-right: 1px solid #efefef; background-size: contain;background-position: center center;background-repeat: no-repeat;position: relative;width: 100%;display: table;margin-bottom: 0px;margin-bottom: 10px;padding: 100px;margin-bottom: 60px;}
.aksesuar_details .work:hover{-webkit-transform: scale(1.02);transform: scale(1.02);}
@media screen and (max-width:320px) {
 .aksesuar_details  .work { height: 180px; }
}
.aksesuar_details .work .desc {position: absolute;height: 50px;line-height: 25px;/* background: #008c4c; */-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;overflow: hidden;width: 100%;bottom: -50px;left: 50%;-webkit-transform: translate(-50%,0%);-ms-transform: translate(-50%,0%);transform: translate(-50%,-0%);display: table;/* vertical-align: middle; *//* border-top: 3px solid #ed8222; */}
.aksesuar_details .work .desc:before{content: '';height: 0;width: 0;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);border-top: 10px solid #f5a918;border-bottom: 0px solid transparent;border-left: 10px solid #f5a918;border-right: 0px solid transparent;position: absolute;left: 0;right: 0;margin: 0 auto;top:-4px;}
.aksesuar_details .work .desc h4 {font-size: 13px;font-weight: 600;font-family: "Monstserrat", sans-serif;color: #111;display: table-cell;text-transform: uppercase;text-align: left;text-align: center;vertical-align: middle;margin: auto;line-height: 20px;padding:0px 3px;}
.aksesuar_details .work span { display: block; position: absolute; bottom: 5px; left: 5px; font-size: 11px; }



.document {background-size: contain;background-position: center center;background-repeat: no-repeat;position: relative;width: 100%;display: table;margin-bottom: 0px;margin-bottom: 10px;border: 1px solid #dfdfdf;padding: 10px 5px; font-weight: 400}
.document:hover {color: #e31e24}
.document h5 {margin:0;}

.katalogindir { background-image: url('../images/katalogindir.png'); background-repeat: no-repeat; display: block; width: 245px; height: 64px;}
.katalogindir span {display: inline-block; color: #fff; font-family: "Monstserrat", sans-serif;font-size: 14px; font-weight: 400; padding-left: 75px; padding-top: 20px }

.productrow { border-bottom: 1px solid #dcdcdc; line-height: 30px; font-size: 14px }
.productrow div:first-child { text-align: right; font-weight: 400; }


.ikincielresim {background-size: contain;background-position: center center;background-repeat: no-repeat;position: relative;width: 100%;display: table;margin-bottom: 0px;margin-bottom: 10px;border: 1px solid #dfdfdf;padding: 63px;margin-top: 5px;/* margin-bottom: 60px; */}
/*@media screen and (max-width:768px) {
.productrow div:first-child { text-align: left; }
}
*/
.productrow div:first-child:after { content: ' : '; }
.productrow table { margin-top: 30px; }
.productrow table th { background-color: #e1b604; border-right: 1px solid #cc9e13; line-height: 33px; text-align: center; color: #ffffff; font-size: 14px; font-weight: 400; }
.productrow table td { border-right: 1px solid #dcdada; vertical-align: middle; color: #444444; font-size: 13px; padding: 6px 6px 7px 7px; text-align: center; }
.productrow table tr:nth-child(even) { background-color: #f5f5f5; }
.technicalimage { margin-top: 30px }
.technicaldescription { margin-top: 30px }
.pageimages .desc { height: 30px; line-height: 30px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; margin-bottom: 10px; }
.pageimages .desc .title { font-size: 14px; font-weight: 400; color: #000000; line-height: 30px; text-align: center; }
.pageimages .pageimage { background-size: cover; background-position: top center; background-repeat: no-repeat; position: relative; border-radius: 2px; overflow: hidden; display: table; }
.pageimages .pageimage:hover { opacity: 0.9 }
.pageimages.horizontal .pageimage { height: 180px; width: 100%; }
.pageimages.vertical .pageimage { height: 240px; width: 100%; }
@media screen and (max-width:768px) {
  .pageimages .pageimage { height: auto; }
}

.mr2 { margin-right: -13px; margin-left: -13px }
.work:hover .desc { opacity: 1; }
.work:hover .desc h3 { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.work:hover .desc span { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.contact-info {  /*margin-bottom: 4em;*/
padding: 0; }
.contact-info li { list-style: none; margin: 0 0 20px 0; position: relative; padding-left: 40px; color: #000; }
.contact-info li i { position: absolute; top: .3em; left: 0; font-size: 18px; color: rgba(0, 0, 0, 0.3); }
.contact-info li a { color: #000; }
.form-control { -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; border: none; font-size: 13px !important; font-weight: 400; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; border: 1px solid #dedede; }
.form-control:focus, .form-control:active { box-shadow: none; }
.form-group { margin-bottom: 10px; }
.form-group .btn-modify { font-family: "Montserrat", sans-serif; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; font-size: 13px; padding: 10px 15px; }
.website-heading { margin-bottom: 2em; }
.website-heading.website-heading-sm { margin-bottom: 2em; }
.website-heading h1 { font-size: 20px; margin-bottom: 20px; line-height: 1.5; font-weight: 700; font-family: "Monstserrat", sans-serif; letter-spacing: 1px; text-transform: uppercase; color: #000; }
.website-heading h2 { font-size: 17px; margin-bottom: 20px; line-height: 1.5; font-weight: 700; font-family: "Monstserrat", sans-serif; letter-spacing: 1px; text-transform: uppercase; color: #000; }
.website-heading span { display: block; margin-bottom: 10px; text-transform: uppercase; font-size: 12px; letter-spacing: 2px; }


.website-productheading { margin-top:1em;}
.website-productheading h1 {font-size: 18px;padding:1em 0;font-weight: 700;font-family: "Monstserrat", sans-serif;text-transform: uppercase;color: #111;background-color: #ccc;}
.website-productheading h1 span{display: inline-block;position: relative;margin-right: 7px;padding-right: 27px; }
.website-productheading h1 span:after{position: absolute;font-family: 'icomoon';right: 0px;top: 1px;content: "\ea80";font-size: 19px;font-weight: 400;/* -webkit-transform: rotate(180deg); */-moz-transform: rotate(180deg);-o-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(90deg);margin-right: 5px;margin-right: 3px;}
.website-productheading h1 span:last-child:after{content:'';}
.website-productheading span {color: #111;font-weight: 300;}
@media screen and (max-width:768px) {
  .website-productheading h1 { font-size: 20px; }
}

.website-categoryheading { margin-top:1em;}
.website-categoryheading h2 {font-size: 16px;padding:1em 0;font-weight: 700;font-family: "Monstserrat", sans-serif;text-transform: uppercase;color:#111;background-color: #f2f2f2; text-align: center}

@media screen and (max-width:768px) {
  .website-categoryheading h2 { font-size: 15px; }
}

.website-documentcategoryheading { margin-top:1em;}
.website-documentcategoryheading h2 {font-size: 16px;padding:1em 0;font-weight: 700;font-family: "Monstserrat", sans-serif;text-transform: uppercase;color:#111;background-color: #ccc; text-align: center}

@media screen and (max-width:768px) {
  .website-documentcategoryheading h2 { font-size: 15px; }
}

.website-documentsubcategoryheading { margin-top:1em;}
.website-documentsubcategoryheading h2 {font-size: 13px;padding:1em 0;font-weight: 700;font-family: "Monstserrat", sans-serif;text-transform: uppercase;color:#111;background-color: #f2f2f2; text-align: center}

@media screen and (max-width:768px) {
  .website-documentsubcategoryheading h2 { font-size: 13px; }
}





#website-offcanvas { position: absolute; z-index: 1901; width: 270px; background: black; top: 0; right: 0; top: 0; bottom: 0; padding: 75px 40px 40px 40px; overflow-y: auto; display: none; -moz-transform: translateX(270px); -webkit-transform: translateX(270px); -ms-transform: translateX(270px); -o-transform: translateX(270px); transform: translateX(270px); -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
@media screen and (max-width:768px) {
  #website-offcanvas { display: block; }
}
.offcanvas #website-offcanvas { -moz-transform: translateX(0px); -webkit-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); }
#website-offcanvas a {color: rgba(255, 255, 255, 0.98);font-size: 15px;font-weight: 400;}
#website-offcanvas a:hover { color: rgba(255, 255, 255, 1); }
#website-offcanvas ul { padding: 0; margin: 0; }
#website-offcanvas ul li {padding: 0;margin: 0;line-height: 2.6em;list-style: none;font-family: "Monstserrat", sans-serif;font-weight: 400;}
#website-offcanvas ul li > ul { padding-left: 20px; display: none; }
#website-offcanvas ul li.offcanvas-has-dropdown > a {display: block;position: relative;}
#website-offcanvas ul li.offcanvas-has-dropdown > a:after {position: absolute;right: 0px;font-family: 'icomoon';speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;  /* Better Font Rendering =========== */-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;content: "\ea80";font-size: 20px;color: rgba(255, 255, 255, 0.5);-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);}
#website-offcanvas ul li.offcanvas-has-dropdown.active a:after { -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); }

#website-offcanvas ul li.offcanvas-has-megadropdown > a {display: block;position: relative;}
#website-offcanvas ul li.offcanvas-has-megadropdown > a:after { position: absolute; right: 0px; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1;  /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\ea80"; font-size: 20px; color: rgba(255, 255, 255, 0.2); -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg); }
#website-offcanvas ul li.offcanvas-has-megadropdown.active a:after { -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); }
#website-offcanvas ul li.offcanvas-has-dropdown img { display: none;}
#website-offcanvas ul li.offcanvas-has-dropdown li a{font-size: 14px;}
#website-offcanvas ul li.offcanvas-has-dropdown li ul li a{font-size: 12px;}




.gototop { position: fixed; bottom: 20px; right: 20px; z-index: 999; opacity: 0; visibility: hidden; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
.gototop.active { opacity: 1; visibility: visible; }
.gototop a { width: 50px; height: 50px; display: table; background: rgba(0, 0, 0, 0.5); color: #fff; text-align: center; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; }
.gototop a i { height: 50px; display: table-cell; vertical-align: middle; }
.gototop a:hover, .gototop a:active, .gototop a:focus { text-decoration: none; outline: none; }
.btn { margin-right: 4px; margin-bottom: 4px; font-family: "Monstserrat", sans-serif; font-size: 13px; font-weight: 400; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
.goback {border-radius: 5px;background: #efefef;color: #464646;padding:4px;font-size: 13px;border: 1px solid #ccc;font-weight: 400;}
.goback:hover {text-decoration: none;/* color: #fff */}
.btn.btn-md { padding: 8px 20px !important; }
.btn.btn-lg { padding: 18px 36px !important; }
.btn:hover, .btn:active, .btn:focus { box-shadow: none !important; outline: none !important; }
.btn-primary { background: #e31e24; color: #111; border-radius: 0; border: 0; }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active { background: #111 !important; border-color: #111 !important; color: #fff; }
.btn-primary.btn-outline { background: transparent; color: #66D37E; border: 2px solid #66D37E; }
.btn-primary.btn-outline:hover, .btn-primary.btn-outline:focus, .btn-primary.btn-outline:active { background: #66D37E; color: #fff; }
.btn-success { background: #5cb85c; color: #fff; border: 2px solid #5cb85c; }
.btn-success:hover, .btn-success:focus, .btn-success:active { background: #4cae4c !important; border-color: #4cae4c !important; }
.btn-success.btn-outline { background: transparent; color: #5cb85c; border: 2px solid #5cb85c; }
.btn-success.btn-outline:hover, .btn-success.btn-outline:focus, .btn-success.btn-outline:active { background: #5cb85c; color: #fff; }
.btn-info { background: #5bc0de; color: #fff; border: 2px solid #5bc0de; }
.btn-info:hover, .btn-info:focus, .btn-info:active { background: #46b8da !important; border-color: #46b8da !important; }
.btn-info.btn-outline { background: transparent; color: #5bc0de; border: 2px solid #5bc0de; }
.btn-info.btn-outline:hover, .btn-info.btn-outline:focus, .btn-info.btn-outline:active { background: #5bc0de; color: #fff; }
.btn-warning { background: #f0ad4e; color: #fff; border: 2px solid #f0ad4e; }
.btn-warning:hover, .btn-warning:focus, .btn-warning:active { background: #eea236 !important; border-color: #eea236 !important; }
.btn-warning.btn-outline { background: transparent; color: #f0ad4e; border: 2px solid #f0ad4e; }
.btn-warning.btn-outline:hover, .btn-warning.btn-outline:focus, .btn-warning.btn-outline:active { background: #f0ad4e; color: #fff; }
.btn-danger { background: #d9534f; color: #fff; border: 2px solid #d9534f; }
.btn-danger:hover, .btn-danger:focus, .btn-danger:active { background: #d43f3a !important; border-color: #d43f3a !important; }
.btn-danger.btn-outline { background: transparent; color: #d9534f; border: 2px solid #d9534f; }
.btn-danger.btn-outline:hover, .btn-danger.btn-outline:focus, .btn-danger.btn-outline:active { background: #d9534f; color: #fff; }
.btn-outline { background: none; border: 2px solid gray; font-size: 16px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
.btn-outline:hover, .btn-outline:focus, .btn-outline:active { box-shadow: none; }
.btn.with-arrow { position: relative; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
.btn.with-arrow i { visibility: hidden; opacity: 0; position: absolute; right: 0px; top: 50%; margin-top: -8px; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; }
.btn.with-arrow:hover { padding-right: 50px; }
.btn.with-arrow:hover i { color: #fff; right: 18px; visibility: visible; opacity: 1; }
.row-pb-md { padding-bottom: 4em !important; }
.row-pb-sm { padding-bottom: 2em !important; }
.nopadding { padding: 0 !important; margin: 0 !important; }
.website-loader { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; background: url(../images/loader.gif) center no-repeat #fff; }
.js .animate-box { opacity: 0; }
.img-portfolio-detail { margin-bottom: 20px; float: left; }
.website-project-detail .website-project-title { font-size: 20px; margin-bottom: 5px; }
.website-project-detail .website-project-sub { color: rgba(0, 0, 0, 0.3); margin-bottom: 20px; display: block; font-weight: 400; }
.website-project-detail .website-project-service h3 { font-size: 18px; margin-bottom: 5px; }
.website-project-detail .website-project-service ul li, .website-project-detail .website-project-service ul { padding: 0; margin: 0; }
.website-project-detail .website-project-service ul li { color: ligthen(#000, 70%); list-style: none; color: rgba(0, 0, 0, 0.3); font-weight: 400; }