@charset "utf-8";

/*
  ************************************************************************
  *  STYLE
  ************************************************************************  
*/
body { font-family:'Titillium Web', sans-serif; font-size:14px; color:#5e5e5e; }

.header { height:139px; z-index:2; }
.header .gatek { float:left; margin-top:26px; }
.header .language { float:right; margin-top:47px; margin-left:35px; position:relative; z-index:1; }
.header .language > li { display:inline-block; margin-left:5px; color:#ffffff; font-size:14px; background-color:#959ea2; border-radius:4px; }
.header .language > li.active, .header .language > li:hover { background-color:#15a89e; }
.header .language > li > a { width:28px; height:65px; display:block; color:#ffffff; font-weight:600; }

.navigation { /*background-color:#CCCCCC;*/ float:right; margin-top:47px; }
.navigation .navbar-header { padding:10px 0px; color:#ffffff; font-weight:600; }
.navigation .navbar-header button { background-color:transparent; outline: none; }
.navigation .navbar-header i { font-size:30px; color:#143c88; }
.navigation .nav > li { height:65px; display:inline-block; }
.navigation .nav > li > a { display:block; height:65px; padding:0px; padding-left:10px; padding-right:10px; background-color:transparent; color:#5a5e61; font-size:17px; font-weight:600; line-height:65px; }
.navigation .nav > li:hover > a, .navigation .nav > li.active > a, .navigation .nav > li > a:hover { color:#15a89e; }
.navigation .nav > li:first-child > a { padding-left:0px; }
.navigation .nav > li:last-child > a { padding-right:0px; }

.slider-area { min-height:479px; z-index:0; background-image:url(/images/slider-bg.jpg); background-repeat:no-repeat; background-position:center top; }
.content-top-area { min-height:237px; z-index:0; background-image:url(/images/content-top-bg.jpg); background-repeat:no-repeat; background-position:center top; }
.content-top-area h1 { margin-top:90px; margin-bottom:5px; color:#15a89e; font-size:26px; }
.product-banner { max-width:1250px; /*min-height:320px;*/ min-height:auto; }

.slider-area .social-medias, .content-top-area .social-medias { position:absolute; right:40px; top:136px; z-index:2; }
.social-medias > li { width:34px; height:34px; display:inline-block; margin:0px 3px; border-radius:17px; background-color:#15a89e; }
.social-medias > li > a { display:block; overflow:hidden; padding-top:5px; color:#ffffff; font-size:16px; }

.slider-area .arama-form, .content-top-area .arama-form, .product-banner .arama-form { max-width:250px; float:right; color:#e3e7e9; font-size:15px; background-color:#959ea2; border-radius:20px; position:absolute; top:65px; right:0px; z-index:2; }
.product-banner .arama-form { right:56px; }
.arama-form .form-control { height:40px; padding:0px 22px; color:#e3e7e9; background-color:#959ea2; }
.arama-form .form-control::-webkit-input-placeholder { color:#e3e7e9; }
.arama-form .form-control:-ms-input-placeholder { color:#e3e7e9; }
.arama-form .form-control::-moz-placeholder { color:#e3e7e9; opacity: 1; }
.arama-form .form-control:-moz-placeholder { color:#e3e7e9; opacity: 1; }
.arama-form .form-control:placeholder-shown { color:#e3e7e9; opacity:1; }
.arama-form .btn { margin-right:8px; color:#ffffff; background-color:transparent; outline:none; }

.index-content { padding-top:42px; padding-bottom:42px; }
.index-content .gatek-video { display:inline-block; float:left; margin-left:52px; margin-right:52px; }

.index-news-list { width:320px; display:inline-block; float:left; margin-top:30px; }
.index-news-list h2 { margin-top:0px; margin-bottom:17px; color:#959ea2; font-size:26px; font-weight:300; }
.index-news-list h2 strong { color:#15a89e; }
.index-news-list li { overflow:hidden; padding-top:17px; font-size:15px; border-top:1px solid #d5dbdf; }
.index-news-list li strong { color:#000000; }
.index-news-list li > p { color:#7c7d7e; }
.index-news-list li > a { color:#15a89e; }
.index-news-list .bx-controls-direction > a { color:#15a89e; font-size:18px; position:absolute; top:3px; z-index:3; }
.index-news-list .bx-controls-direction > a.bx-prev { right:26px; }
.index-news-list .bx-controls-direction > a.bx-next { right:0px; }

.footer { min-height:230px; padding-top:42px; padding-bottom:42px; background-color:#5a5e61; }
.footer .gatek { display:block; float:left; margin-top:42px; }
.footer ul { min-height:150px; float:right; margin-bottom:0px; padding-left:50px; padding-right:50px; border-right:1px solid #4e5255; }
.footer ul li { margin-bottom:4px; color:#ffffff; font-size:15px; font-weight:300; }
.footer ul li > a {color:#ffffff; }
.footer ul li > a:hover { color:#15a89e; }
.copyright { padding-top:30px; padding-bottom:50px; color:#7c7d7e; font-size:13px; font-weight:300; }
.copyright a { color:#000000; }

/* Content Style */
.breadcrumb { padding:0px; margin-bottom:0px; background-color:transparent; }
.breadcrumb > li {  }
.breadcrumb > li > a { color:#7c7d7e; font-size:15px; font-weight:300; }
.breadcrumb > li + li::before { padding:0px 8px; color:#7c7d7e; content:"-"; }

.content-menu { width:283px; float:left; margin-top:34px; margin-bottom:34px }
.content-menu > h2 { margin-top:12px; background-color:#5a5e61; }
.content-menu > h2:first-child { margin-top:0px; }
.content-menu > h2 > a { display:block; overflow:hidden; padding:14px 24px; color:#ffffff; font-size:16px; }
.content-menu > h2 > a > i { float:right; }
.content-menu > h2.active, .content-menu > h2:hover { background-color:#15a89e; }
.content-menu ul, .content-menu ol { margin-top:0px; margin-left:24px; padding-top:5px; padding-bottom:5px; }
.content-menu ul > li, .content-menu ol > li { margin-bottom:3px; }
.content-menu ul > li > a, .content-menu ol > li > a { display:block; /*padding:0px 24px;*/ color:#5a5e61; font-size:15px; font-weight:600; }
.content-menu ol > li > a > i { margin-right:8px; }
.content-menu ul > li.active > a, .content-menu ul > li > a:hover { color:#15a89e; }
.content-menu ol > li.active > a, .content-menu ol > li > a:hover { color:#15a89e; }

.content-product { width:72%; float:right; margin-top:34px; margin-bottom:56px; }
.content-product > h1 { margin-top:12px; margin-bottom:22px; color:#15a89e; font-size:22px; font-weight:600; }
.product-list {  }
.product-list > h3 { margin-top:12px; margin-bottom:22px; color:#15a89e; font-size:22px; font-weight:600; }
.product-list > h3 > span { color:#7c7d7e; }
.product-list > ul > li { max-width:252px; display:inline-block; overflow:hidden; margin-bottom:46px; vertical-align:top; }
.product-list > ul > li img { border:1px solid #d7d9db; }
.product-list > ul > li > a { display:block; overflow:hidden; color:#15a89e; font-size:15px; font-weight:300; }
.product-list > ul > li > a:hover { }
.product-list > ul > li > a > span { display:block; padding-top:18px; }

.page-breadcrumb { margin-bottom:0px; padding:14px 30px; border:1px solid #d9dfe2; border-top:none; }
.page-breadcrumb ol { float:right; margin-bottom:0px; }
.page-breadcrumb ul { float:left; }
.page-breadcrumb ul > li { display:inline-block; margin-top:5px; }
.page-breadcrumb ul > li > a { color:#7c7d7e; font-size:15px; font-weight:300; }
.page-breadcrumb ul > li.active, .page-breadcrumb > li.active > a, .page-breadcrumb > li:hover > a, .page-breadcrumb > li > a:hover { color:#15a89e; }
.page-breadcrumb ul > li + li::before { padding:0px 8px; color:#7c7d7e; content:"-"; }

.content-text { overflow:hidden; margin-bottom:20px; }
.content-text > h2 { color:#15a89e; font-size:30px; font-weight:600; }
.page-content { /*background-image:url(/images/content-bg.png); background-repeat:no-repeat; background-position:center 110px;*/ }

.page-text { overflow:hidden; }
.page-text p { margin-bottom:30px; }
.page-text p:first-child { color:#434b55; font-size:15px; font-weight:600; }
.page-text h2 { color:#30a0be; font-size:24px; }
.page-text h3 { margin-top:10px; margin-bottom:20px; }
.page-text h4 { margin-top:10px; margin-bottom:16px; }

.product-gellery { margin-bottom:36px; }
.product-gellery li { height: 190px; display:inline-block; margin-bottom:24px; }
.product-gellery li img { border:1px solid #d7d9db; }
.product-gellery .bx-controls-direction > a { color:#15a89e; font-size:20px; position:absolute; top:10px; z-index:3; }
.product-gellery .bx-controls-direction > a.bx-prev { right:26px; }
.product-gellery .bx-controls-direction > a.bx-next { right:0px; }

.product-text { }
.product-text .product-code { width:250px; height:188px; overflow:hidden; float:left; margin-right:32px; padding-top:70px; color:#ffffff; font-size:35px; font-weight:600; border:1px solid #d7d9db; background-color:#15a89e; }

.product-catalogs { margin-top:32px; margin-bottom:0px; padding-top:28px; border-top:1px solid #d9dfe2; }
.product-catalogs > li { display:inline-block; margin-right:46px; color:#5a5e61; font-size:22px; font-weight:600; }
.product-catalogs > li > a { display:block; overflow:hidden; vertical-align: bottom; color:#5a5e61;  }
.product-catalogs > li > a > i { display:inline-block; float:left; color:#ff7200; font-size:42px; font-weight:600; }
.product-catalogs > li > a > span { display:inline-block; float:left; padding-top:4px; }

.images-gellery { overflow:hidden; padding-top:30px; text-align:center; }
.images-gellery li { display:inline-block; margin-bottom:30px; }
.images-gellery a { color:#5e5e5e; }
.images-gellery strong { display:block; padding-top:16px; }

.news-list { margin-top:20px; margin-bottom:25px; font-size:15px; }
.news-list li { padding-top:10px; padding-bottom:14px; border-bottom:1px solid #eceef1; }
.news-list span { color:#000000; }
.news-list em { color:#434b55; font-style:normal; }
.news-list i { color:#656c74; font-style:normal; }
.news-all { display:inline-block; padding:8px 25px; color:#434b55; font-size:17px; border:1px solid #434b55; border-radius:20px; }

.form-contact { padding-top:20px; padding-bottom:32px; }
.form-contact .message-field { padding-right:20px; }
.form-contact .form-group { margin-bottom:18px; padding-left:0px; padding-right:0px; }
.form-contact .contact-field .form-group { padding-right:20px; }
.form-contact .form-control { font-size:14px; border:1px solid #d7d9db; border-radius:4px; }
.form-contact button { padding:10px 20px; background-color:#15a89e; color:#ffffff; font-size:17px; }
.form-contact button:hover { color:#ffffff; }

.form-maillist { width:320px; overflow:hidden; float:left; margin-top:30px; }
.form-maillist h2 { margin-top:0px; margin-bottom:0px; color:#959ea2; font-size:26px; font-weight:300; }
.form-maillist h2 strong { color:#15a89e; }
.form-maillist p { margin-bottom:0px; }
.form-maillist .form-group { margin-top:25px; margin-bottom:25px; }
.form-maillist .form-control { height:40px; padding:12px 30px; color:#e3e7e9; font-size:14px; font-weight:600; background-color:#959ea2; border-radius:20px; }
.form-maillist .btn { height:40px; padding:6px 16px; color:#ffffff; border-radius:20px; background-color:#15a89e; position:absolute; right:0px; top:0px; z-index:1; }
.form-maillist .btn:hover { color:#ffffff; }

.padding-top-0 { padding-top:0px; }
.padding-right-0 { padding-right:0px; }
.padding-bottom-0 { padding-bottom:0px; }
.padding-left-0 { padding-left:0px; }

.padding-top-10 { padding-top:10px; }
.padding-right-10 { padding-right:10px; }
.padding-bottom-10 { padding-bottom:10px; }
.padding-left-10 { padding-left:10px; }

.padding-top-50 { padding-top:50px; }
.padding-right-50 { padding-right:50px; }
.padding-bottom-50 { padding-bottom:50px; }
.padding-left-50 { padding-left:50px; }

.margin-top-0 { margin-top:0px; }
.margin-right-0 { margin-right:0px; }
.margin-bottom-0 { margin-bottom:0px; }
.margin-left-0 {margin-left:0px;  }

.margin-top-5 { margin-top:5px; }
.margin-right-5 { margin-right:5px; }
.margin-bottom-5 { margin-bottom:5px; }
.margin-left-5 {margin-left:5px;  }

.margin-top-10 { margin-top:10px; }
.margin-right-10 { margin-right:10px; }
.margin-bottom-10 { margin-bottom:10px; }
.margin-left-10 {margin-left:10px;  }

.margin-top-15 { margin-top:15px; }
.margin-right-15 { margin-right:15px; }
.margin-bottom-15 { margin-bottom:15px; }
.margin-left-15 {margin-left:15px;  }

.margin-top-20 { margin-top:20px; }
.margin-right-20 { margin-right:20px; }
.margin-bottom-20 { margin-bottom:20px; }
.margin-left-20 {margin-left:20px;  }

.margin-top-25 { margin-top:25px; }
.margin-right-25 { margin-right:25px; }
.margin-bottom-25 { margin-bottom:25px; }
.margin-left-25 {margin-left:25px;  }

.margin-top-30 { margin-top:30px; }
.margin-right-30 { margin-right:30px; }
.margin-bottom-30 { margin-bottom:30px; }
.margin-left-30 {margin-left:30px;  }

.margin-top-35 { margin-top:35px; }
.margin-right-35 { margin-right:35px; }
.margin-bottom-35 { margin-bottom:35px; }
.margin-left-35 {margin-left:35px;  }

.margin-top-40 { margin-top:40px; }
.margin-right-40 { margin-right:40px; }
.margin-bottom-40 { margin-bottom:40px; }
.margin-left-40 {margin-left:40px;  }


.renk-1 { color:#30a0be; }
.renk-2 { color:#a6bf01; }
.full-width { width:100% !important; }
.clear-left { clear:left; }
.clear-right { clear:right; }
.clear-both { clear:both; }
.float-left { float:left; }
.float-right { float:right; }
.float-none { float:none !important; }
.border-none { border:0px !important; }
.radius-none { border-radius:0px !important; }
.shadow-none { box-shadow:none !important; text-shadow:none !important; }
.outline-none { outline:none!important; }
.position-relative { position:relative; }
.position-absolute { position:absolute; }
.overflow-hidden { overflow:hidden; }
.display-none { display:none; }
.display-block { display:block; }
.display-inline-block { display:inline-block; }
.middle { margin-left:auto; margin-right:auto; }
.text-indent-9999 { text-indent:-9999px; }
.img-border { border:1px solid #eceef1; }
.font-light { font-weight:300; }
.font-medium { font-weight:500; }
.font-bold { font-weight:600; }
.height-0 {  height:0px;}

a { text-decoration:none !important; outline:none !important; }
@media (min-width:1200px ) {
     .index-news-list > li:nth-child(3n+2) { margin-left:30px; margin-right:30px; }
     .product-list > ul > li:nth-child(3n+2) { margin-left:33px; margin-right:33px; }
     .images-gellery > ul > li:nth-child(3n+2) { margin-left:34px; margin-right:34px; }
     .images-gellery > ul > li:nth-child(3n+3) { margin-right:34px; }
}
@media (min-width:992px ) and (max-width:1200px ) {
    /*body { background-color:red; }*/
    .navigation .nav > li > a { padding-left:6px; padding-right:6px; font-size:14px; }
    .header .language { margin-left:20px; }
    .index-content .gatek-video { max-width:350px; margin-left:15px; margin-right:15px; }
    .form-maillist, .index-news-list { width:280px; }
    .content-product { width:66%; }
    .product-list > ul > li:nth-child(2n+2) { margin-left:33px; }
    .slider-area { min-height:auto; }
}
@media (max-width: 992px) {
    .header { z-index:4; }
    .slider-area, .content-top-area { min-height:auto; }
    .content-top-area { padding-bottom:30px; } 
    .content-top-area h1 { margin-top:74px; }
    .header .gatek, .form-maillist, .footer .gatek, .footer ul { display:inline-block; }
    .header, .index-content, .footer { text-align:center; }
    .form-maillist, .index-news-list, .footer .gatek, .footer ul { text-align:left; }       
    .header .gatek, .form-maillist, .footer .gatek, .footer ul { margin-top:0px; vertical-align:text-top; }
    .footer .gatek { max-width:326px; margin-bottom:42px; }
    .footer .gatek { margin-left:auto; margin-right:auto; }    
    .index-content .gatek-video { margin-top:30px; margin-bottom:30px; }
    .header .gatek, .navigation, .header .language, .form-maillist, .index-content .gatek-video, .index-news-list, .content-product, .content-menu, .footer .gatek, .footer ul { float:none; }
    .header { height:auto; padding-top:30px; padding-bottom:60px; }
    .header .language { margin-left:0px; margin-top:30px; }
    .navigation { width:250px; text-align:center; margin-top:0px; z-index:1; }
    .navigation .nav { padding:20px; background-color:#143c88; border-radius:6px; }
    .navigation .nav > li { height:auto; display:block; margin-bottom:4px; }
    .navigation .nav > li > a { height:auto; padding:0px; line-height:25px; color:#ffffff; } 
    .slider-area .arama-form, .content-top-area .arama-form, .product-banner .arama-form { top:30px; }
    .slider-area .social-medias, .content-top-area .social-medias { top:96px; }
    .content-menu, .content-product {width:100%; }
}
@media (min-width:768px ) and (max-width:992px ) {
    /*body { background-color:green; }*/
    .navigation { position:absolute; left:32%; }
    .navigation .navbar-header { float:none; }
    .navbar-collapse.collapse { display: none !important; }
    .navbar-collapse { overflow-x: visible !important; }
    .navbar-collapse.in { overflow-y: auto !important; }
    .collapse.in { display: block !important; } 
    .footer .gatek { margin-left:120px; margin-right:120px; }
    .product-list > ul > li:nth-child(2n+2) { margin-left:34px; }
}
@media (max-width: 768px) {    
	/*body { background-color:yellow; }*/
    .header { padding-bottom:20px; }
    .navigation { width:auto; }
    .index-content .gatek-video { margin-left:0px; margin-right:0px; }
    .product-list > ul > li:nth-child(2n+2) { margin-left:23px; }
    .footer .gatek { margin-left:120px; margin-right:120px; }
    .footer ul { padding-left:38px; padding-right:38px; }
    .slider-area .social-medias, .content-top-area .social-medias { display:none; }
}
@media (max-width:570px) {
    /*body { background-color:blue; }*/
    .product-list > ul > li:nth-child(2n+2) { margin-left:0px; }
    .product-list > ul > li { margin-left:15px !important; margin-right:15px; }
    .footer { padding-bottom:12px; }
    .footer .gatek { margin-left:0px; margin-right:0px; } 
    .footer ul { min-height:auto; display:block; float:none; margin-bottom:30px; padding-left:0px; padding-right:0px; text-align:center; border:none; }
    .slider-area .arama-form, .content-top-area .arama-form, .product-banner .arama-form { top:10px; }  
}
@media (max-width:500px) {
    .product-list > ul > li { margin-left:0px !important; margin-right:0px; }
}