/* Reset.Css */
body {font-family: 'Poppins', sans-serif; font-weight:400; font-size:14px; color:#000; height:100%; background:#fafafa; line-height:1; margin:0px; padding:0px; position:relative; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; padding-top:100px}
ul, li, ol, table, tr, td, h1, h2, h3, h4, h5, h6, p, form, input, select, textarea, button, img {font-size:100%; font:inherit; vertical-align: baseline; padding: 0; margin: 0; border: 0; list-style: none}
p {margin-bottom:20px;}
img {max-width:100%}
/* reset */
.hw { -webkit-transition: all 0.3 ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.fw {width:100%; display:inline-block; float:left;}
a {-webkit-transition: all 0.3 ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
a:hover {text-decoration:none;}
.cover {background-size:cover; background-repeat:no-repeat; background-position:center center;}
/* reset */
/* headerAll */
.headerAll {position:fixed; left:0; top:0; z-index:123; background:#fff}
.headerAll:before {width:100%; position:absolute; left:-50%; height:100%; background:#ffffff; display:inline-block; content:""; top:0;}
.logo {float:left; background:#ffffff}
.logo a {float:left; padding:5px 0px; padding-right:20px;}
.logo a img {float:left;}
.logo { margin-top:20px; }
.fixed .logo a img{max-height: 40px;}
.header {background:#fff; position:relative; z-index:12;}
/* headerMenu */
.headerMenu {float:left; margin-right:5px;}
.headerMenu>nav {float:left;}
.headerMenu>nav>ul {float:left;}
.headerMenu>nav>ul>li {float:left;}
.headerMenu>nav>ul>li>a {float:left; color:#1E2A87; font-size:15px; line-height:20px; padding:40px 40px; display:inline-block; position:relative; font-weight: 500;}
.headerMenu>nav>ul>li>a:before {content:""; width:39px; height:9px; background:#1E2A87; position:absolute; left:0; right:0; margin-left:auto; margin-right:auto; bottom:0; display:inline-block; opacity:0; visibility: hidden; -webkit-transition: all 0.3 ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.headerMenu>nav>ul>li:hover>a:before {opacity:1; visibility: visible;}
/* headerRight */
.headerRight {float:right; padding:30px 0px; -webkit-transition: all 0.3 ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.onlineSales {float:left;}
.onlineSalesButton {float:left; font-size:15px; line-height:20px; color:#fff; display:inline-block; padding:10px 20px; background:#64ae2e;}
.onlineSalesButton:hover {background:#12503f; color:#fff;}
/* headerSocial */
.headerSocial {float:left; margin-right:5px;}
.headerSocial ul {float:left;}
.headerSocial ul li {float:left;}
.headerSocial ul li a {float:left; color:#1E2A87; font-size:17px; line-height:40px; width:40px; text-align:center; display:inline-block;}
.headerSocial ul li a:hover {color:#fff;}
.headerSocial ul li.facebook a:hover {background:#3b5998}
.headerSocial ul li.twitter a:hover {background:#1da1f2}
.headerSocial ul li.instagram a:hover {background:#e1306c}
/* headerLang */
.headerLang {padding:2.5px 0px; float:left; display:inline-block; position:relative;}
.headerLangTitle {float:left; border:2px solid #12503f; position:relative; width:60px; cursor:pointer;}
.headerLangTitle .title {color:#12503f; font-size:15px; font-weight:500; float:left; line-height:31px; display:inline-block; padding-left:5px;}
.headerLangTitle i {position:absolute; right:0; top:0; width:25px; text-align:center; color:#12503f; font-size:13px; line-height:31px; display:inline-block;}
.headerLangTitle:before {content:""; width:1px; height:18px; background:#ebebeb; position:absolute; right:25px; top:50%; margin-top:-9px; display:inline-block;}
/* headerLangBox */
.headerLangBox {position:absolute; left:0; top:100%; width:100%; border:2px solid #12503f; background:#fff; z-index:123; display:none}
.headerLangBox ul {width:100%; display:inline-block; float:left;}
.headerLangBox ul li {width:100%; display:inline-block; float:left; border-bottom:1px solid rgba(0,0,0,0.1)}
.headerLangBox ul li:last-child {border-bottom:0px}
.headerLangBox ul li a {width:100%; float:left; display:inline-block; text-align:center; color:#12503f; font-size:13px; line-height:20px; padding:5px;}
.headerLangBox ul li a:hover {background:#12503f; color:#fff;}
/* subMenu */
.headerMenu>nav>ul>li:hover .subMenu {opacity:1; visibility: visible;}
.subMenu {position:absolute; left:0; top:100%; width:100%; z-index:12; opacity:0; visibility: hidden; -webkit-transition: all 0.3 ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.subMenuBox>ul {width:100%; display:inline-block; float:left;}
.subMenuBox>ul>li {float:left; width:25%; display:inline-block;}
.subMenuBox>ul>li:nth-of-type(2)>a {background:#0477af}
.subMenuBox>ul>li:nth-of-type(3)>a {background:#12503f}
.subMenuBox>ul>li:nth-of-type(4)>a {background:#0477af}
.subMenuBox>ul>li>a {width:100%; float:left; display:inline-block; background:#12503f; padding-top:35px; padding-bottom:0px; position:relative;}
.subMenuBox>ul>li>a .icon {width:100%; border:4px solid #fff; position:relative; margin:0 auto; display:table; height:120px;}
.subMenuBox>ul>li>a .icon img {position:absolute; left:0; top:0; right:0; bottom:0; margin:auto;}
.subMenuBox>ul>li>a .title {color:#FFF; font-size:18px; line-height:23px; height:115px; display:inline-block; width:100%; padding-top:15px;}
.subMenuBox>ul>li>a:before {background:url(../images/header-arrow.png) no-repeat center center; height:14px; content:""; position:absolute; left:0; width:100%; bottom:15px; opacity:0; visibility: hidden; -webkit-transition: all 0.3 ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.subMenuBox>ul>li>a:hover:before {opacity:1; visibility: visible;}
/* homeSlider */
.homeSlider .owl-controls .fa {width:50px; height:50px; border:2px solid #fff; text-align:center; line-height:46px; font-size:25px; position:absolute; left:30px; top:50%; margin-top:-25px; color:#fff; border-radius:50%; -webkit-transition: all 0.3 ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; cursor:pointer;}
.homeSlider .owl-controls .fa-angle-right {right:30px; left:auto;}
.homeSlider .owl-controls .fa:hover {background:#fff; color:#333;}
/* subMenuBoxDiv */
.subMenuBoxDiv {width:90px; margin:0 auto; display:table;}
/* homeImages */
.homeImages {min-height:600px;}
.homeImages .container{position: relative;}
.homeImages .container .desmud{display: block; outline: none; position: absolute; right: 0px; top: 15px;}
.homeImagesBox {padding-top:150px;}
.homeImagesBox .title {color:#fff; font-size:53px; font-weight:300; position:relative; line-height: 58px}
.homeImagesBox .title:before {width:165px; height:387px; content:""; position:absolute; left:-75px; top:-40px; display:inline-block; background:url(../images/home-img-before.png) no-repeat;}
/* homeInfoAll */
.homeInfoAll {padding-top:65px; padding-bottom:60px}
.homeInfoTop ul {width:100%; display:inline-block; float:left; max-width:710px; margin:0 auto; display:table; float:none;}
.homeInfoTop ul li {width:100%; display:inline-block; float:left; color:#fff; text-align:center;}
.homeInfoTop ul li.title .titleX {font-weight:700; font-size:31px; line-height:40px; padding:15px 10px; border-top:3px solid #fff; border-bottom:3px solid #fff; display:inline-block}
.homeInfoTop ul li.title {margin-bottom:60px;}
.homeInfoTop ul li.text {font-size:19px; line-height:25px;}
.homeInfoTop ul li.subTitle {font-size:25px; font-weight:700; line-height:30px; margin-bottom:20px;}
.homeInfoTop ul li.desc {font-family: 'slashhmkregular'; font-size:47px; line-height:50px; margin-bottom:20px}
/* homeInfoBot */
.homeInfoBot ul {width:100%; display:inline-block; float:left;text-align: center;}
.homeInfoBot ul li {width:25%;display:inline-block;vertical-align: top;}
.homeInfoBotBox {width:90px; margin:0 auto; display:table; float:none; text-align:center; color:#fff;}
.homeInfoBotBox .icon {width:100%; border:4px solid #ffffff; height:115px; position:relative; margin-bottom:30px; display:inline-block}
.homeInfoBotBox .icon img {position:absolute; left:0; top:0; right:0; bottom:0; margin:auto;}
.homeInfoBotBox .title {width:100%; text-align:center; font-size:15px; line-height:20px; display:inline-block;}
.homeInfoTop {margin-bottom:80px;}
.homeInfoBotBox a .title{color:#fff;}
/* newstellerLeft */
.newstellerAll {background: linear-gradient(90deg, #1D278E 50%, #0099e5 50%);}
.newstellerLeft {width:50%; float:left; display:inline-block;}
.newstellerRight {width:50%; float:left; display:inline-block;}
.katalog {padding:80px; padding-right:0px;}
.katalog ul {width:100%; display:inline-block; float:left; position:relative; padding-left:320px;}
.katalog ul li {width:100%; float:left; display:inline-block; color:#fff;}
.katalog ul li.img {position:absolute; left:0; top:0; width:auto}
.katalog ul li.img .imgX {width:200px; height:200px; border:4px solid #fff; position:relative; display:inline-block; float:left;}
.katalog ul li.img .imgX img {position:absolute; left:0; top:0; right:0; bottom:0; margin:auto;}
.katalog ul li.title {font-size:35px; line-height:40px; font-weight:700; margin-bottom:80px; position:relative;}
.katalog ul li.title:before {content:""; width:90px; height:2px; position:absolute; left:0; bottom:-40px; display:inline-block; background:#fff;}
.katalog ul li.desc {font-size:15px; line-height:20px; position:relative;}
.katalog ul li.desc:before {content:""; background:url(../images/newsteller-arrow.png) no-repeat; width:62px; height:21px; position:absolute; left:-75px; top:0; display:inline-block}
.katalog ul li.desc a {color:#fff}
/* newsellerBoxLeft */
.newsellerBoxLeft {width:50%; float:left; display:inline-block; padding-top:80px;}
.newsellerBoxLeft .title {font-size:35px; color:#fff; font-weight:700; margin-bottom:40px; width:100%; display:inline-block;}
.newsellerBoxLeft .desc {display:block; font-size:18px; line-height:25px; color:#fff;}
/* newstellerBoxRight */
.newstellerBoxRight {width:50%; float:left; display:inline-block; background:#007cc0; padding-right:50px; padding-top:50px; padding-bottom:50px}
.newstellerBoxRight ul {width:100%; display:inline-block; float:left;}
.newstellerBoxRight ul li {width:100%; display:inline-block; float:left; margin-bottom:15px;}
.newstellerText {width:100%; font-size:15px; height:60px; text-align:right; border-bottom:2px solid #fff; background:transparent; color:#fff; padding-left:15px;}
.newstellerBoxRight ul li.submit {margin-top:35px;}
.newstellerSubmit {float:right; width:150px; text-align:center; border:2px solid #fff; color:#fff; font-weight:700; font-size:18px; height:50px; background:transparent; -webkit-transition: all 0.3 ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.newstellerSubmit:hover {background:#fff; color:#12503f}
/* footerAll */
.footerAll {padding-top:80px; background:#f8f8f8;}
.footerSocial {padding:20px; border:4px solid #1E2A88; margin-bottom:80px;}
.footerSocialText {float:left; width:50%; text-align:center; border-right:3px solid #cdcccd; padding:7px 0px;}
.footerSocialText .title {color:#1E2A88; font-size:25px; line-height:34px; display:inline-block; padding:10px 0px;}
.footerSocialBox {width:50%; float:left; display:inline-block; padding:7px 0px;}
.footerSocialBox ul {margin:0 auto; display:table;}
.footerSocialBox ul li {float:left; margin-right:60px;}
.footerSocialBox ul li:last-child {margin-right:0px;}
.footerSocialBox ul li a {width:54px; height:54px; line-height:54px; border-radius:50%; background:#1D278E; display:inline-block; float:left; color:#fff; font-size:22px; text-align:center}
.footerSocialBox ul li a:hover {background:#0099e5; color:#fff}
/* footerMenus */
.footerMenus {width:60%; float:left; display:inline-block;}
.footerMenusRow {margin-left:-5px; margin-right:-5px;}
.footerMenusCol {width:33.33%; float:left; padding-left:5px; padding-right:5px;}
.footerMenuTitle .title {color:#1E2A88; font-size:15px; font-weight:700; line-height:20px; display:inline-block}
/* .footerMenuTitle */
.footerMenuTitle {margin-bottom:15px;}
.footerMenuBox ul {width:100%; display:inline-block; float:left;}
.footerMenuBox ul li {width:100%; display:inline-block; float:left;}
.footerMenuBox ul li a {width:100%; float:left; display:inline-block; color:#1E2A88; font-size:15px; font-weight:300; line-height:22.5px;}
.footerMenuBox ul li a:hover {color:#1E2A88; padding-left:15px;}
.footer {padding-bottom:70px; border-bottom:4px solid #1E2A88}
/* yolTarifi */
.yolTarifi {width:40%; float:left; display:inline-block; padding-top:30px}
.yolTarifiButton {float:right; color:##1E2A88; font-size:27px; line-height:30px; font-weight:300; border:4px solid #1E2A88; padding:25px 20px}
.yolTarifiButton i {float:right; color:##1E2A88; line-height:30px; display:inline-block; margin-left:10px; -webkit-transition: all 0.3 ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.yolTarifiButton:hover {background:#1E2A88; color:#fff;}
.yolTarifiButton:hover i {color:#fff}
/* copyrightAll */
.copyrightAll {padding:40px 0px;}
.copyright .title {float:left; color:#1E2A88; font-size:14px; line-height:24px; padding:5px 0px; display:inline-block;}
.webmaster {float:right;}
/* responsiveMenu */
.responsiveMenu {position:absolute; right:0; top:20px; color:#12503f; font-size:30px; cursor:pointer; display:none}
/* pageHeaderAll */
.pageHeaderAll {background:#f4f4f4; padding-top:25px; padding-bottom:15px; margin-bottom:30px}
.pageHeaderTitle {text-align:center; margin-bottom:10px}
.pageHeaderTitle .title {color:#12503f; font-size:40px; line-height:40px; font-weight:700;}
.pageHeaderNav ul {margin:0 auto; display:table;}
.pageHeaderNav ul li {float:left; border-right:1px solid #12503f}
.pageHeaderNav ul li:last-child {border-right:0px}
.pageHeaderNav ul li a {float:left; color:#12503f; font-size:15px; line-height:15px; display:inline-block; padding:0px 15px;}
.pageHeaderNav ul li a:hover {color:#64ae2e}
/* firstNews */
.firstNews {position:relative; padding-left:50%; margin-bottom:30px}
.firstNewsLeft {width:50%; position:absolute; left:0; top:0; height:100%; display:inline-block;}
.firstNewsLeft a {width:100%; float:left; height:100%; display:inline-block;}
/* firsNewsRight */
.firsNewsRight {width:100%; float:left; display:inline-block; background:#12503f; padding:40px 30px; padding-bottom:20px}
.firsNewsRight ul {width:100%; display:inline-block; float:left; position:relative; padding-bottom:80px;}
.firsNewsRight ul li {width:100%; display:inline-block; float:left;}
.firsNewsRight ul li.date {padding-top:15px}
.firsNewsRight ul li.date .cat {color:#64ae2e; font-size:16px; line-height:20px; font-weight:500; position:relative; display:inline-block;}
.firsNewsRight ul li.date .cat:hover {color:#fff}
.firsNewsRight ul li.date .cat:before {content:""; background:#fff; width:18px; height:2px; position:absolute; left:0; top:-15px; display:inline-block}
.firsNewsRight ul li.date .dateX {color:#64ae2e; font-size:16px; line-height:20px; font-weight:500; position:relative; display:inline-block; float:right;}
.firsNewsRight ul li.date .dateX:before {content:""; background:#fff; width:18px; height:2px; position:absolute; right:0; top:-15px; display:inline-block}
.firsNewsRight ul li.date {margin-bottom:70px}
.firsNewsRight ul li.title a {color:#fff; font-size:25px; line-height:30px; font-weight:700;}
.firsNewsRight ul li.title a:hover {color:#64ae2e}
.firsNewsRight ul li.title {padding-right:170px; margin-bottom:20px;}
.firsNewsRight ul li.desc {padding-right:170px; font-size:16px; line-height:24px; color:#fff;}
.firsNewsRight ul li.more {width:auto; position:absolute; right:0; bottom:0;}
.firsNewsRight ul li.more .moreX {width:70px; height:70px; border:2px solid #fff; background:url(../images/news-arrow-white.png) no-repeat top 8px center; padding-top:25px; font-size:14px; color:#fff; line-height:20px; display:inline-block; padding-left:10px}
.firsNewsRight ul li.more .moreX:hover {border-color:#64ae2e; background-color:#64ae2e}
/* newsListRow */
.newsListRow {margin-left:-15px; margin-right:-15px;}
.newsListCol {width:50%; float:left; padding-left:15px; padding-right:15px; margin-bottom:30px;}
.newsListBox {background:#f2f2f2; padding:30px;}
.newsListBox ul {width:100%; display:inline-block; float:left; height:180px; position:relative;}
.newsListBox ul li {width:100%; display:inline-block; float:left;}
.newsListBox ul li.date {color:#64ae2e; font-size:15px; font-weight:500; line-height:20px; position:relative; margin-bottom:50px;}
.newsListBox ul li.date:before {width:18px; height:2px; content:""; left:0; bottom:-12px; position:absolute; background:#12503f; display:inline-block}
.newsListBox ul li.title {padding-right:100px}
.newsListBox ul li.title a {color:#7e7b7e; font-size:22px; line-height:30px;}
.newsListBox ul li.title a:hover {color:#64ae2e}
.newsListBox ul li.more {width:auto; position:absolute; right:-10px; bottom:-10px;}
.newsListBox ul li.more .moreX {width:70px; height:70px; border:2px solid #12503f; background:url(../images/news-arrow-gray.png) no-repeat top 8px center; padding-top:25px; font-size:14px; color:#12503f; line-height:20px; display:inline-block; padding-left:10px}
.newsListBox ul li.more .moreX:hover {border-color:#64ae2e; background-color:#64ae2e; background-image:url(../images/news-arrow-white.png)!important; color:#fff;}
/* newPagination */
.newPagination {margin:30px 0px;}
.newPagination ul {float:right;}
.newPagination ul li {float:left;}
.newPagination ul li.prev a, .newPagination ul li.next a {width:40px; border:2px solid #12503f; line-height:30px; text-align:center; font-size:12px; color:#12503f; display:inline-block; padding:0px;}
.newPagination ul li a, .newPagination ul li span {color:#12503f; font-size:16px; line-height:30px; border:2px solid transparent; padding:0px 10px; display:inline-block}
.newPagination ul li a:hover {color:#64ae2e}
.newPagination ul li.active a {font-weight:700; color:#64ae2e}
.newPagination ul li.prev a:hover, .newPagination ul li.next a:hover {border-color:#64ae2e; background:#64ae2e; color:#fff;}
/* aboutPageTitle */
.aboutPageImg {text-align:center; margin-bottom:30px;}
.aboutPageTitle .title {color:#64ae2e; font-size:40px; font-weight:700; line-height:40px; display:inline-block; position:relative; padding-left:85px;}
.aboutPageTitle .title:before {content:""; width:74px; height:2px; background:#12503f; position:absolute; left:0; top:50%; margin-top:-1px; display:inline-block}
.aboutPageTitle {margin-bottom:50px;}
.aboutPageContent {color:#7e7b7e; font-size:17px; line-height:24px; margin-bottom:30px}
/* aboutOtherPage */
.aboutOtherPage {margin-bottom:30px}
/* refPage */
.refPage>ul {margin-left:-15px; margin-right:-15px;}
.refPage>ul>li {width:50%; float:left; padding-left:15px; padding-right:15px; margin-bottom:30px;}
.refPageBox {background:#ffffff; padding:30px;}
.refPageBoxDiv {position:relative; padding-right:250px;}
.refPageBoxDiv .img2 {position:absolute; right:0; top:0; width:220px; height:100%; display:inline-block}
.refPageBoxDiv .img {position:relative; height:230px; display:inline-block; width:100%; float:left;}
.refPageBoxDiv .img:before {width:28px; height:4px; background:#64ae2e; position:absolute; top:60px; left:0px; content:"";}
.refPageBoxDiv .img:after {width:28px; height:4px; background:#64ae2e; position:absolute; bottom:60px; left:0px; content:"";}
.refPageBoxDiv .img img {position:absolute; left:0; top:0; bottom:0; margin-top:auto; margin-bottom:auto;}
.refPageBoxDiv .img img {margin:auto; max-height:80%!important; width:auto!important; filter: url("data:image/svg+xml;utf8,#grayscale");
filter: gray;
-webkit-filter: grayscale(100%); -webkit-transition: all 0.3 ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.refPageBoxDiv:hover .img img {filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: grayscale(0%);}
/* refContentAll */
.refContentAll {background:#fff; padding:50px 0px;}
.refContent {color:#7e7b7e; font-size:17px; line-height:24px; text-align:center}
/* contactPageRight */
.contactPageRight {float:right; width:40%; display:inline-block; margin-bottom:30px}
.contactPageLeft {width:60%; float:left; display:inline-block; margin-bottom:30px;}
/* contactPageRightBox */
.contactPageRightBox {background:#f8f8f8; padding:0px 30px;}
.yolTarifiButtonX {font-size:19px; line-height:30px; padding:20px 20px 10px 20px; background:#64ae2e; color:#fff; display:inline-block; float:right; margin-right:-30px;}
.yolTarifiButtonX i {float:right; font-size:25px; position:relative; top:-10px;}
.yolTarifiButtonX:hover {background:#12503f; color:#fff}
.contactPageYolTarifi {margin-bottom:10px;}
.contactPageAddressTop {color:#7e7b7e; font-size:17px; line-height:24px; margin-bottom:15px;}
/* contactPageAddressBot */
.contactPageAddressBot ul {width:100%; display:inline-block; float:left;}
.contactPageAddressBot ul li {width:100%; display:inline-block; float:left; margin-bottom:10px; position:relative; padding-left:85px; color:#7e7b7e; font-size:17px; line-height:24px;}
.contactPageAddressBot ul li .title {font-weight:700; position:absolute; left:0; top:0; width:85px; display:inline-block;}
.contactPageAddressBot ul li .title:after {content:":"; position:absolute; right:5px; top:0; color:#7e7b7e; font-size:17px; line-height:24px;}
.contactPageAddressBot {padding-bottom:40px; border-bottom:5px solid #fff; margin-bottom:40px;}
/* contactFormTitle */
.contactFormTitle {margin-bottom:40px;}
.contactFormTitle .title {float:left; color:#12503f; color:#12503f; font-size:28px; line-height:35px; position:relative; display:inline-block;}
.contactFormTitle .title:before {content:""; width:74px; height:3px; background:#f7d198; position:absolute; left:0; bottom:-25px;}
.contactFormText {color:#7e7b7e; font-size:16px; line-height:24px;}
/* contactFormBox */
.contactFormBox ul {width:100%; display:inline-block; float:left;}
.contactFormBox ul li {width:100%; display:inline-block; float:left; margin-bottom:10px;}
.contactFormBox ul li.submit {text-align:center}
.contactFormBox ul li:last-child {margin-bottom:0px}
.contactText {width:100%; height:50px; background:#fff; color:#12503f; font-size:15px; font-weight:500; padding-left:20px; padding-right:20px;}
.contactTextarea {width:100%; height:210px; background:#fff; color:#12503f; font-size:15px; font-weight:500; padding:15px 20px;}
.contactSubmit {height:60px; background:#64ae2e; font-size:20px; color:#fff; padding-left:45px; padding-right:45px; font-weight:700; -webkit-transition: all 0.3 ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.contactSubmit:hover {background:#12503f; color:#fff;}
.contactPageLeftBox iframe {width:100%!important; float:left!important; height:1049px!important}
.contactPageLeft {padding-right:30px}
/* productListLeft */
.productListLeft {width:25%; float:left; display:inline-block;}
.productListCat {padding:0px; background:#12503f}
.productListCat ul {width:100%; display:inline-block; float:left;}
.productListCat ul li {width:100%; display:inline-block; float:left; border-bottom:1px solid rgba(255,255,255,0.1)}
.productListCat ul li:last-child {border-bottom:0px}
.productListCat ul li a {width:100%; float:left; display:inline-block; font-size:16px; line-height:20px; color:#fff; padding:35px 30px; position:relative;}
/*.productListCat ul li ul li.active a:before {content:""; width: 0; height: 0; border-style: solid; border-width: 11px 0 11px 11px; border-color: transparent transparent transparent #fafafa; position:absolute; top:50%; margin-top:-11px; left:-30px;}*/
.productListCat ul li a:hover {color:#FFF;font-weight:700;}
.productListCat ul li.active a {color:#FFF; font-weight:700;}
.productListCat ul li ul{background-color: #0073ac; display: none; position: relative;}
.productListCat ul li ul li a{padding: 15px 30px;}
.productListCat ul li.active ul{display: block;}
.productListCat ul li ul:before {content:""; width: 0; height: 0; border-style: solid; border-width: 11px; border-color: #12503f transparent transparent transparent; position:absolute; top:0; left:25px;}
.productListCat ul li ul li a{font-weight: 400 !important;}
/* productListRight */
.productListRight {width:75%; float:left; display:inline-block; padding-left:30px;}
/* productListBoxRow */
.productListBoxRow {margin-left:-15px; margin-right:-15px;}
.productListBoxCol {width:33.33%; float:left; padding-left:15px; padding-right:15px; margin-bottom:30px;}
.productListDiv {background:#fff; padding:20px;}
.productListDiv ul {width:100%; display:inline-block; float:left;}
.productListDiv ul li {width:100%; display:inline-block; float:left;}
.productListDiv ul li.title a {color:#64ae2e; font-size:25px; font-weight:700; line-height:30px; display:inline-block }
.productListDiv ul li.title a:hover {color:#12503f}
.productListDiv ul li.title {margin-bottom:15px; height:60px;}
.productListDiv ul li.cat {color:#12503f; font-size:16px; line-height:20px; height:20px; margin-bottom:20px; position:relative;}
.productListDiv ul li.cat:before {width:28px; height:3px; background:#64ae2e; position:absolute; left:0; top:-10px; display:inline-block; content:"";}
.productListDiv ul li.cat:after {width:28px; height:3px; background:#64ae2e; position:absolute; left:0; bottom:-10px; display:inline-block; content:"";}
.productListDiv ul li.img {height:240px; position:relative;}
.productListDiv ul li.img img {position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; max-width:90%}
.productListDiv ul li.more .moreX {width:70px; float:right; height:70px; border:2px solid #12503f; background:url(../images/news-arrow-gray.png) no-repeat top 8px center; padding-top:25px; font-size:14px; color:#12503f; line-height:20px; display:inline-block; padding-left:10px}
.productListDiv ul li.more .moreX:hover {border-color:#64ae2e; background-color:#64ae2e; background-image:url(../images/news-arrow-white.png)!important; color:#fff;}
/* productListCatShow */
.productListCatShow {width:100%; background:#12503f; color:#fff; font-size:14px; line-height:20px; padding:15px; width:100%; float:left; display:none; cursor:pointer;}
.productListCatShow i {float:right; line-height:20px}
/* urunlerDetay */
/* urunlerDetayTop */
.urunlerDetayTop {background:#fff; padding:30px; margin-bottom:30px;}
.urunlerDetayTopLeft {width:25%; float:left; display:inline-block}
.urunlerDetayTopRight {width:75%; float:left; display:inline-block}
.urunInfo ul {width:100%; display:inline-block; float:left;}
.urunInfo ul li {width:100%; display:inline-block; float:left}
.urunInfo ul li.icon {width:auto; width:90px; height:115px; border:4px solid #64ae2e; position:relative; margin-bottom:40px;}
.urunInfo ul li.icon img {position:absolute; left:0; top:0; right:0; bottom:0; margin:auto;}
.urunInfo ul li.title {color:#64ae2e; font-size:35px; font-weight:700; line-height:40px; margin-bottom:75px; position:relative;}
.urunInfo ul li.title:before {width:38px; height:5px; background:#64ae2e; position:absolute; left:0; bottom:-35px; display:inline-block; content:"";}
.urunInfo ul li.desc {color:#12503f; font-size:22px; line-height:30px; margin-bottom:80px;}
/* urunKatalog */
.urunKatalog a {float:left; position:relative; min-height:59px; padding-left:70px; color:#12503f; }
.urunKatalog a img {position:absolute; left:0; top:0;}
.urunKatalog a .title {float:left;font-size:15px; line-height:20px; display:inline-block;}
.urunKatalog a:hover {color:#64ae2e;}
/* urunlerDetayTopRightBox */
.urunlerDetayTopRightBox {max-width:500px; margin:0 auto; display:table; float:none;}
.urunlersliderTopBox {height:300px; position:relative; }
.urunlersliderTopBox img {position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; max-height:90%}
/* urunlerSliderBot */
.urunlerSliderTop {margin-bottom:70px;}
.urunlerSliderBot ul {text-align:center;}
.urunlerSliderBot ul li {display:inline-block; margin-right:15px;}
.urunlerSliderBot ul li:last-child {margin-right:0px;}
.urunlerSliderBot ul li a {border:1px solid #efefef; width:100px; height:100px; display:inline-block; position:relative;}
.urunlerSliderBot ul li a img {position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; max-width:80%;}
.urunlerSliderBot ul li.active a {border-color:#64ae2e}
/* productDesc */
.productDesc {background:#fff; position:relative; padding-left:270px; margin-bottom:30px}
.productDescLeft {position:absolute; left:0; top:0; width:270px; height:100%; padding-top:50px; padding-left:60px; background:#64ae2e}
.productDescLeft .title {color:#fff; font-size:30px; line-height:35px;}
.productDescRight {padding:70px 25px;}
.productDescRight .title {color:#12503f; font-size:16px; line-height:24px; display:inline-block;}
.productDescLeft:before {content:""; width: 0; height: 0; border-style: solid; border-width: 11px 0 11px 11px; border-color: transparent transparent transparent #fafafa; position:absolute; top:50%; margin-top:-11px; left:0px;}
/* productFeaturesRow */
.productFeaturesRow {width:100%; float:left; display:inline-block; float:left;}
.productFeaturesCol {float:left; width:25%; display:inline-block; border-right:5px solid #efefef}
.productFeaturesTopTitle {padding:25px 0px; background:#fff}
.productFeaturesTopTitle .title {color:#64ae2e; font-size:20px; font-weight:600; line-height:30px; width:100%; text-align:center; display:inline-block}
.productFeaturesCol.model {width:12%}
.productFeaturesCol.olculer {width:27%}
.productFeaturesCol.motor {width:12%}
.productFeaturesCol.kapasite {width:16%}
.productFeaturesCol.agirlik {width:15%}
.productFeaturesCol.sevk {width:18%}
.productFeaturesRow .productFeaturesCol:last-child {border-right:0px}
.productFeaturesBot .productFeaturesCol {border-color:#fff;}
.productFeaturesBot {border-bottom:5px solid #fff;}
/* productFeaturesBotBox */
.productFeaturesBotBox {height:90px; display:table; float:none;}
.productFeaturesBotBox .title {display:table-cell; vertical-align: middle; color:#12503f; font-size:17px; line-height:20px; text-align:center}
/* simpleOlcu */
.simpleOlcu ul {width:100%; display:inline-block; float.left;}
.simpleOlcu ul li {width:33.33%; float:left; display:inline-block; border-right:5px solid #fff}
.simpleOlcu ul li:last-child {border-right:0px}
.simpleOlcu ul li .first {color:#12503f; font-size:17px; width:100%; text-align:center; display:inline-block; border-bottom:5px solid #fff; line-height:20px; padding:10px 0px;}
.simpleOlcu ul li .val {color:#12503f; font-size:17px; width:100%; text-align:center; display:inline-block; line-height:20px; padding:12.5px 0px}
.simpleOlcu ul.noFirst li .val {padding:35px 0px}
.productFeatures {margin-bottom:30px}
/* hws */
.hws { -webkit-transition: all 0.3 ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
/* table gunmak */
table.gunmakTable {
border: 5px solid #FFFFFF;
background-color: #FAFAFA;
width: 100%;
text-align: center;
border-collapse: collapse;
}
table.gunmakTable td, table.gunmakTable th {
border: 4px solid #FFFFFF;
padding: 20px 10px;
}
table.gunmakTable tbody td {
font-size: 17px;
color: #12503f;
vertical-align: middle;
}
table.gunmakTable thead {
background: #FFFFFF;
border-bottom: 3px solid #FFFFFF;
}
table.gunmakTable thead th {
font-size: 20px;
font-weight: 600;
color: #64ae2e;
text-align: center;
border-left: 5px solid #EFEFEF;
line-height: 30px;
}
table.gunmakTable thead th:first-child {
border-left: none;
}
table.gunmakTable tfoot td {
font-size: 14px;
}
table.gunmakTable tfoot .links {
text-align: right;
}
table.gunmakTable tfoot .links a{
display: inline-block;
background: #1C6EA4;
color: #FFFFFF;
padding: 2px 8px;
border-radius: 5px;
}
.cont-navRight,.mobile-btn{display:none}
.mobile-btn{float:right;text-align:right;width:70px;height:42px;xtext-indent:-999em;top:20px;position:absolute;right:0;font-size:2.2em}
.mobile-btn:hover{opacity:.8}
.cont-nav,.cont-navRight{display:block;background-color:#373f42;height:100%;position:fixed;top:0;width:200px;z-index:1000;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease}
.cont-navRight{right:-200px}
.nav-menu{list-style:none;margin:0;padding:0;width:100%}
.nav-menu .title{color:#fff;font-size:18px;padding:12px 0;text-align:center}
.nav-menu li{border-bottom:1px solid #4f5b5f}
.nav-menu li a{display:block;padding:8px 0 8px 15px;width:185px;color:#fff;font-size:14px}
.nav-menu li a:hover{background-color:#4f5b5f}
.push-right{left:200px}
.push-left{left:-200px}
.push-left .headerAll{-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;left:-200px}
.push-right .headerAll{-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;left:200px}
.openLeft{left:0}
.openRight{right:0;overflow:auto}
#navmenu,#navmenu ul,#navmenu ul li,#navmenu ul li a{margin:0;padding:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#navmenu{width:200px;font-family:Helvetica,Arial,sans-serif;color:#fff}
#navmenu ul ul{display:none}
.align-right{float:right}
#navmenu>ul>li>a{padding:15px 20px;border-top:1px solid #32373e;cursor:pointer;z-index:2;font-size:14px;font-weight:700;text-decoration:none;color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.35);background:#373f42}
#navmenu>ul>li.active>a,#navmenu>ul>li.open>a,#navmenu>ul>li>a:hover{color:#eee;background:#373f42}
#navmenu>ul>li.open>a{box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.15);border-bottom:1px solid #32373e}
#navmenu>ul>li.last>a,#navmenu>ul>li:last-child>a{border-bottom:1px solid #32373e}
.holder{width:0;height:0;position:absolute;top:0;right:0}
.holder::after,.holder::before{display:block;position:absolute;content:"";width:6px;height:6px;right:20px;z-index:10;-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-ms-transform:rotate(-135deg);-o-transform:rotate(-135deg);transform:rotate(-135deg)}
.holder::after{top:17px;border-top:2px solid #fff;border-left:2px solid #fff}
#navmenu>ul>li.active>a>span::after,#navmenu>ul>li.open>a>span::after,#navmenu>ul>li>a:hover>span::after{border-color:#eee}
.holder::before{top:18px;border-top:2px solid;border-left:2px solid;border-top-color:inherit;border-left-color:inherit}
#navmenu ul ul li a{cursor:pointer;border-bottom:1px solid #32373e;border-right:1px solid #32373e;padding:10px 20px;z-index:1;text-decoration:none;font-size:13px;color:#eee;background:#41494c;box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}
#navmenu ul ul li.active>a,#navmenu ul ul li.open>a,#navmenu ul ul li:hover>a{background:#41494c;color:#fff}
#navmenu ul ul li:first-child>a{box-shadow:none}
#navmenu ul ul ul li:first-child>a{box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}
#navmenu ul ul ul li a{padding-left:30px}
#navmenu>ul>li>ul>li.last>a,#navmenu>ul>li>ul>li:last-child>a{border-bottom:0}
#navmenu>ul>li>ul>li.last.open>a,#navmenu>ul>li>ul>li.open:last-child>a{border-bottom:1px solid #32373e}
#navmenu>ul>li>ul>li.open:last-child>ul>li:last-child>a{border-bottom:0}
#navmenu ul ul li.has-sub>a::after{display:block;position:absolute;content:"";width:5px;height:5px;right:20px;z-index:10;top:11.5px;border-top:2px solid #eee;border-left:2px solid #eee;-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-ms-transform:rotate(-135deg);-o-transform:rotate(-135deg);transform:rotate(-135deg)}
#navmenu ul ul li.active>a::after,#navmenu ul ul li.open>a::after,#navmenu ul ul li>a:hover::after{border-color:#fff}
@media (min-width:1200px) {
.container {width:1170px;}
}
@media (min-width:993px) and (max-width:1199px) {
.headerMenu>nav>ul>li>a {font-size:13px; padding:40px 5px;}
.onlineSalesButton {padding:10px 5px;}
}
@media (min-width:1199px) {
.fixed .headerAll .logo a {padding-top:20px; padding-bottom:20px}
.fixed .headerMenu>nav>ul>li>a {padding:30px 15px;}
.fixed .headerRight {padding:20px 0px}
.fixed .headerAll {border-bottom:1px solid rgba(0,0,0,0.1)}
}
@media (min-width:993px) {
.headerMenu {display:inline-block!important}
.productListCat {display:inline-block!important}
}
@media (max-width:992px) {
body { left: 0; overflow-x: hidden; position: relative; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
.headerMenu {position:absolute; left:-15px; top:100%; background:#fff; width:calc(100% + 30px); display:none}
.logo a {padding:20px 10px; padding-left:0px}
.headerRight {padding:15px 0px}
body {padding-top:70px}
.logo a img {height:30px}
.onlineSales {display:none;}
.headerRight {margin-right:40px}
.headerSocial ul li a {width:25px;}
.headerMenu>nav, .headerMenu>nav>ul, .headerMenu>nav>ul>li, .headerMenu>nav>ul>li>a {width:100%}
.headerMenu>nav>ul>li>a {padding:15px 15px;}
.headerMenu>nav>ul>li {border-top:1px solid rgba(0,0,0,0.1)}
.subMenu {display:none;}
.headerMenu>nav>ul>li>a:before {display:none}
.headerMenu>nav>ul>li>a:hover {background:#12503f; color:#fff; padding-left:30px;}
.homeImagesBox {padding-left:100px}
.homeImagesBox .title {font-size:35px;}
.newstellerLeft {width:100%}
.newstellerRight {width:100%; background:#64ae2e; margin-bottom:15px; }
.newstellerAll {background:#7e7b7e}
.katalog {padding:30px;}
.katalog ul li.desc:before {display:none}
.katalog ul {padding-left:250px}
.footerSocialText {width:100%; border-right:0px}
.footerSocialBox {width:100%}
.footerSocialBox ul li {margin-right:10px}
.footerAll {padding-top:30px;}
.footerSocial {margin-bottom:30px}
.footerMenus {width:100%;}
.yolTarifi {width:100%}
.yolTarifiButton {float:none; margin:0 auto; display:table}
.copyright .title {width:100%; text-align:center; margin-bottom:15px}
.copyrightAll {padding:15px 0px;}
.webmaster {width:100%; text-align:center;}
.responsiveMenu {display:inline-block}
.headerAll {border-bottom:1px solid rgba(0,0,0,0.05)}
.firstNewsLeft {width:100%; position:relative; height:200px; float:left}
.firsNewsRight {width:100%; padding:15px;}
.firstNews {padding-left:0px;}
.firsNewsRight ul li.date {margin-bottom:15px;}
.firsNewsRight ul li.title, .firsNewsRight ul li.desc {padding-right:0px;}
.firsNewsRight ul li.desc {margin-bottom:15px}
.newsListCol {width:100%}
.newsListBox {padding:15px}
.newsListBox ul {height:auto}
.newsListBox ul li.title {padding-right:0px; margin-bottom:10px}
.newsListBox ul li.more {right:0; bottom:0; position:relative; width:100%}
.newsListBox ul li.more .moreX {float:right;}
.newsListBox ul li.date {margin-bottom:30px}
.refPage>ul>li {width:100%}
.contactPageRight {width:100%;}
.contactPageLeft {width:100%; padding-right:0px;}
.contactPageLeftBox iframe {height:500px!important}
.productListLeft {width:100%; margin-bottom:30px}
.productListRight {width:100%; padding-left:0px; margin-bottom:30px}
.productListBoxCol {width:50%}
.productListCat ul li a {padding:25px;}
.productListCat {display:none;}
.productListCatShow {display:inline-block; margin-bottom:10px}
.urunlerDetayTopLeft {width:100%; margin-bottom:30px}
.urunlerDetayTopRight {width:100%}
.urunInfo ul li {text-align:center}
.urunInfo ul li.title:before {left:0; right:0; margin-left:auto; margin-right:auto}
.urunInfo ul li.icon {margin:0 auto; float:none; display:table; margin-bottom:15px}
.urunKatalog a {float:none; margin:0 auto; display:table}
.productDescLeft {width:100%; position:relative; padding:15px 30px; margin-bottom:15px;}
.productDesc {padding:0px;}
.productDescRight {padding:15px 30px}
.productFeaturesOverflow {width:1140px}
.productFeatures {overflow-x: scroll;}
.homeImages .container .desmud{width: 70px;}
.homeImages .container .desmud img{max-width: 100%; height: auto;}
.homeSlider .owl-controls .fa{width: 25px; height: 25px;line-height: 23px; font-size: 14px;left: 10px; margin-top: -12.5px;}
.homeSlider .owl-controls .fa-angle-right{right: 10px; left: unset;}
}
@media (max-width:500px) {
.homeInfoBot ul li {width:50%; margin-bottom:20px}
.homeInfoBotBox .title {height:50px}
.newsellerBoxLeft {width:100%; padding-top:30px; text-align:center; margin-bottom:30px}
.newstellerBoxRight {width:100%}
.newstellerBoxRight {padding:15px}
.katalog ul li.img {position:relative; margin-bottom:15px}
.katalog ul {padding-left:0px}
.katalog ul li.img .imgX {width:100%}
.katalog ul li.img {width:100%}
.katalog ul li {text-align:center}
.katalog ul li.title:before {display:none;}
.katalog ul li.title {margin-bottom:30px}
.footerSocialText .title {font-size:15px; line-height:20px;}
.footerSocial {padding:15px}
.footerMenusCol {width:100%; margin-bottom:15px}
.footerMenuTitle {text-align:center}
.footerMenuBox ul li a {width:100%; text-align:center}
.refPage>ul>li .refPageBoxDiv .img2 {position:relative; width:100%; height:150px;}
.refPageBoxDiv {padding-right:0px}
.refPageBox {padding:15px;}
.refPageBoxDiv .img {height:150px}
.refPageBoxDiv .img:before {top:15px; left:0; right:0; margin:auto;}
.refPageBoxDiv .img:after {bottom:15px; left:0; right:0; margin:auto;}
.refPageBoxDiv .img img {margin:auto; left:0; right:0; }
.contactPageRightBox {padding:0px 15px;}
.yolTarifiButtonX {margin-right:-15px}
.contactPageAddressBot ul li {font-size:14px; padding-left:65px}
.contactPageAddressBot ul li .title {width:65px;}
.contactPageLeftBox iframe {height:250px!important}
.productListBoxCol {width:100%}
.urunlersliderTopBox {height:250px}
.urunlerSliderBot ul li {margin-bottom:5px; margin-right:5px}
.urunlerSliderBot ul li a {width:60px; height:60px}
}
@media (max-width:380px) {
.headerSocial {display:none}
.pageHeaderTitle .title {font-size:30px}
}
/* other reset */
::-webkit-input-placeholder { color:inherit}
::-moz-placeholder { color:inherit } /* firefox 19+ */
:-ms-input-placeholder { color:inherit } /* ie */
input:-moz-placeholder { color:inherit }
a:focus,
select:focus,
textarea:focus,
input[type="text"]:focus,
input[type="submit"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
border-color:inherit;
box-shadow:inset;
outline: 0 none;
text-decoration:none;
}
a[href^="tel"]{
color:inherit;
text-decoration:none;
}
/* other reset */