@charset "UTF-8";
@import url("normalize.css");
@import url("bootstrap.css");
@import url("font-awesome.css");
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,700,300,600,800,400&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700&subset=latin,latin-ext);
::-webkit-input-placeholder { /* WebKit browsers */ color: #5C5C5C; }

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #5C5C5C; opacity: 1; }

::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #5C5C5C; opacity: 1; }

:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #5C5C5C; }

/* ==== Font Family ==== */
/* ==== Colors ==== */
.shadow { box-shadow: 3px 3px 15px #f2f2f2; }

.trans, header.header .header-top ul.top-nav li ul li a, .video-wrapper a.all-btn, .product-list a.more, .karsilastirma-list .item a.add, footer.footer .footer-top ul.socials li a, footer.footer .footer-bottom .footer-menu ul li a { transition: all ease 0.3s; }

body { background: #ffffff; font-family: "Open Sans", sans-serif; font-weight: 400; font-size: 14px; color: #777777; }

h1, h2, h3, h4, h5, h6 { color: #333333; font-weight: 400; }

h2 { font-size: 24px; line-height: 25px; }
h2 span { font-size: 18px; color: #999999; font-weight: 300; vertical-align: top; }

ul, ol { list-style: none; margin: 0; padding: 0; }

img { max-width: 100%; }

span.green { color: #8dc63f; }

span.red { color: #b21f35; }

.lightbox { position: fixed; height: 100%; width: 100%; top: 0; left: 0; right: 0; bottom: 0; opacity: 0.7; filter: alpha(opacity=70); z-index: 8; display: none; }

/* ============================================================================================================   Header 
============================================================================================================ */
header.header .header-top { background: #222222; padding: 10px 0; }
header.header .header-top ul.top-nav { float: right; }
header.header .header-top ul.top-nav li { float: left; margin-left: 15px; position: relative; }
header.header .header-top ul.top-nav li a { color: #999999; font-size: 12px; text-decoration: none; display: block; }
header.header .header-top ul.top-nav li ul { position: absolute; right: 0; padding-top: 10px; z-index: 100; min-width: 106px; display: none; }
header.header .header-top ul.top-nav li ul li { float: none; margin: 0; background: #222222; border-top: 1px solid #2D2D2D; }
header.header .header-top ul.top-nav li ul li a { padding: 5px 10px; text-align: center; }
header.header .header-top ul.top-nav li ul li a:hover { background: #2D2D2D; }
header.header .header-top ul.top-nav li:hover > ul { display: block; }
header.header .header-bottom a.logo { display: block; width: 173px; height: 45px; margin-top: 18px; }
header.header .header-bottom a.mobilNavBtn { position: absolute; right: 70px; padding: 7px 10px; line-height: 30px; text-align: center; top: 0; font-size: 30px; color: #ffffff; background-color: #5C5C5C; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; display: none; }
header.header .header-bottom a.mobilSearchBtn { position: absolute; right: 15px; top: 0; font-size: 30px; color: #5C5C5C; display: none; }
header.header .header-bottom .col-md-7 { position: initial; }
header.header .header-bottom .search-wrapper { position: relative; overflow: hidden; margin-top: 22px; }
header.header .header-bottom .search-wrapper form { position: relative; float: right; width: 0px; margin-right: 30px; overflow: hidden; }
header.header .header-bottom .search-wrapper form input[type="text"] { padding: 7px 7px 7px 30px; width: 100%; color: #5C5C5C; border: 1px solid #5C5C5C; }
header.header .header-bottom .search-wrapper form input[type="submit"] { width: 20px; height: 20px; background: url("../images/search.png") -20px 0 no-repeat; position: absolute; left: 7px; top: 7px; outline: none; }
header.header .header-bottom .search-wrapper .search-btn { background: url("../images/search.png") no-repeat; width: 20px; height: 20px; float: right; border: 0; outline: none; right: 0; top: 7px; position: absolute; }
header.header .header-bottom .search-wrapper .open { background-position: -20px 0px; }
header.header .header-bottom .search-wrapper .s-close { background-position: -40px 0px; }

.nav-menu > ul { float: right; }
.nav-menu > ul > li { float: left; }
.nav-menu > ul > li > a { display: block; padding: 25px 20px; text-decoration: none; color: #333333; font-weight: 300; font-size: 20px; position: relative; }
.nav-menu > ul > li > a > i { font-size: 18px; margin-left: 5px; }
.nav-menu > ul > li > a .fa-caret-up { position: absolute; bottom: 0; height: 14px; font-size: 20px; color: #e4e4e4; line-height: 20px; margin: 0 0 0 -10px; width: 20px; left: 50%; text-align: center; display: none; }
.nav-menu > ul > li > ul { position: absolute; background: #f9f9f9; float: none; z-index: 101; display: none; width: 200px; box-shadow: 1px 2px 5px #B3B3B3; }
.nav-menu > ul > li > ul li { border-top: 1px solid #e4e4e4; position: relative; }
.nav-menu > ul > li > ul li > a { display: block; color: #333333; font-weight: 500; font-size: 14px; text-decoration: none; padding: 5px 10px; }
.nav-menu > ul > li > ul li > a:hover { background: #e4e4e4; }
.nav-menu > ul > li > ul li > ul { width: 200px; position: absolute; margin-right: -200px; top: 0; right: 0; box-shadow: 1px 2px 5px #B3B3B3; background: #f9f9f9; display: none; }
.nav-menu > ul > li > ul li > li:hover > ul { display: block; }
.nav-menu > ul > li > ul li > li:hover > ul li:hover > > ul { display: block; }
.nav-menu > ul > li li.on > a { background: #e4e4e4; }
.nav-menu > ul > li li:hover > ul { display: block; }
.nav-menu > ul > li > ul.dropdown { position: absolute; left: 0; width: 100%; border-top: 1px solid #e4e4e4; padding: 40px 0; }
.nav-menu > ul > li > ul.dropdown li { border: none; }
.nav-menu > ul > li > ul.dropdown li ul li { width: 286px; min-height: 250px; float: left; border-right: 1px solid #e4e4e4; }
.nav-menu > ul > li > ul.dropdown li ul li a:hover { background: #f9f9f9; }
.nav-menu > ul > li > ul.dropdown ul { position: initial; display: block; }

.mobilDiv { display: none; position: relative; z-index: 99; background: #f9f9f9; border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; }
.mobilDiv .mobil-menu { display: none; }
.mobilDiv .mobil-menu ul li a { color: #333333; padding: 9px 0; display: block; font-size: 18px; text-decoration: none; }
.mobilDiv .mobil-menu ul li ul { display: none; }
.mobilDiv .mobil-menu ul li ul li { position: relative; }
.mobilDiv .mobil-menu ul li ul li a { display: block; padding: 5px 15px; font-size: 15px; }
.mobilDiv .mobil-menu ul li ul li ul { margin-left: 10px; }
.mobilDiv .mobil-menu ul li ul li ul li a { padding-left: 20px; }

/* DropdownNav */
.dropNav h3 { font-weight: 400; font-size: 16px; color: #222222; margin: 0 0 10px 0; }
.dropNav p { font-weight: 300; font-size: 12px; color: #666666; }

/* DropdownNav */
/* Mobil Search */
.mobileSearch { position: relative; display: none; }
.mobileSearch form ::-webkit-input-placeholder { /* WebKit browsers */ color: #BDBDBD; }
.mobileSearch form :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #BDBDBD; opacity: 1; }
.mobileSearch form ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #BDBDBD; opacity: 1; }
.mobileSearch form :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #BDBDBD; }
.mobileSearch form input[type="text"] { width: 100%; padding: 10px 40px; background: #2F2F2F; color: #BDBDBD; font-size: 18px; }
.mobileSearch form input[type="submit"] { width: 20px; height: 20px; background: url("../images/search.png") 0 0 no-repeat; position: absolute; left: 12px; top: 12px; outline: none; }
.mobileSearch a.search-close { color: #FFF; font-size: 20px; position: absolute; right: 2px; top: 2px; padding: 10px; line-height: 20px; }

/* Mobil Search */
/* ============================================================================================================   Header 
============================================================================================================ */
/* ============================================================================================================   Slider 
============================================================================================================ */
.slider { width: 100%; }
.slider ul.slick-dots { width: 100%; display: block; text-align: center; position: absolute; bottom: 10px; }
.slider ul.slick-dots li { width: 15px; height: 15px; border: 2px solid #ffffff; display: inline-block; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; margin: 0 2px; cursor: pointer; }
.slider ul.slick-dots li button { display: none; }
.slider ul.slick-dots li.slick-active { background: #ffffff; }

.tp-bullets { bottom: 15px !important; }

.tp-leftarrow, .tp-rightarrow { display: none; }

.tp-bullets.simplebullets.round .bullet { width: 15px !important; height: 15px !important; background: transparent !important; border: 2px solid #FFF; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; }

.tp-bullets.simplebullets .bullet.selected { background: #FFF !important; }

/* ============================================================================================================   Slider 
============================================================================================================ */
/* ============================================================================================================   Banner
============================================================================================================ */
.banner { width: 100%; position: relative; overflow: hidden; }
.banner ul.slick-dots { width: 100%; display: block; text-align: center; position: absolute; bottom: 80px; }
.banner ul.slick-dots li { width: 15px; height: 15px; border: 2px solid #ffffff; display: inline-block; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; margin: 0 2px; cursor: pointer; }
.banner ul.slick-dots li button { display: none; }
.banner ul.slick-dots li.slick-active { background: #ffffff; }
.banner .container { position: relative; z-index: 2; }
.banner .container .row { position: absolute; text-align: center; width: 100%; }
.banner .container .row .col-md-12 { display: table; }
.banner img { display: block; z-index: 1; }
.banner h2 { font-size: 50px; line-height: 60px; color: #FFF; font-weight: 500; text-shadow: 1px 1px 1px #666; display: table-cell; vertical-align: middle; }
.banner h2 span { font-size: 40px; font-weight: 300; display: block; color: #FFF; }

.right-text h2 { text-align: right; vertical-align: top; padding-top: 20px; font-weight: 300; font-size: 52px; }
.right-text span { font-size: 22px; font-weight: 400; }

.left-text h2 { text-align: left; vertical-align: top; padding-top: 20px; font-weight: 300; font-size: 52px; }
.left-text h2 span { font-size: 22px; font-weight: 400; }

.single-tab { margin-top: 0 !important; background: #04112B !important; }

.tab-menu { background: url("../images/tab-bg.png") repeat; margin-top: -68px; position: relative; z-index: 100; }
.tab-menu ul li { float: left; margin-right: 50px; position: relative; }
.tab-menu ul li a { color: #FFF; text-decoration: none; font-size: 20px; font-weight: 300; padding: 20px 0; display: block; }
.tab-menu ul li i { font-size: 26px; width: 26px; height: 17px; text-align: center; line-height: 26px; color: #FFF; position: absolute; left: 50%; margin-left: -13px; bottom: 0; }

/* ============================================================================================================   Banner
============================================================================================================ */
/* ============================================================================================================   Breadcrumb
============================================================================================================ */
.breadcrumb { background: #f5f5f5; border-bottom: 1px solid #e2e2e2; border-top: 1px solid #e2e2e2; padding: 15px 0; margin-bottom: 0; }
.breadcrumb ul li { float: left; color: #aeaeae; margin-right: 10px; }
.breadcrumb ul li a { text-decoration: none; color: #aeaeae; }
.breadcrumb ul li > i { margin: 0 5px; }
.breadcrumb ul li i.fa-home { padding-right: 10px; }
.breadcrumb ul li.last { margin-right: 0; }
.breadcrumb ul li.last a { color: #464646; }
.breadcrumb ul li.last i { display: none; }

/* ============================================================================================================   Breadcrumb End
============================================================================================================ */
/* ============================================================================================================   Section
============================================================================================================ */
.title h2 { margin: 0 0 15px 0; }

.slick-vertical, .slick-slide, .slick-slide a { border: 0 !important; outline: none; }

.slick-slide img { width: 100%; }

.boxGroup { padding: 40px 0; }

.grayLine { background: #f9f9f9; }

.grayLine2 { background: #f2f2f2; }

.grayLine3 { background: #f7f7f7; }

.topLine { border-top: 1px solid #e4e4e4; }

.bottomLine { border-bottom: 1px solid #e4e4e4; }

.paddingBottom0 { padding-bottom: 0; }

.paddingTop0 { padding-top: 0; }

.owl-wrapper { padding: 0; }
.owl-wrapper .item { position: relative; margin: 0 15px; }
.owl-wrapper .item a.hover { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 4; }
.owl-wrapper .item a.hover img { display: none; }
.owl-wrapper .item img { z-index: 1; width: 100%; }
.owl-wrapper .item h2 { position: absolute; font-size: 22px; top: 30px; left: 30px; z-index: 3; color: #FFF; margin: 0; text-shadow: 1px 1px 1px #666; }
.owl-wrapper .item h2 span { display: block; font-size: 30px; color: #FFF; font-weight: 300; }
.owl-wrapper .item h3 { position: absolute; font-weight: 300; font-size: 24px; bottom: 30px; left: 30px; z-index: 3; color: #FFF; margin: 0; text-shadow: 1px 1px 1px #666; transition: left ease 0.5s; }
.owl-wrapper .item h3 span { display: block; font-size: 36px; }
.owl-wrapper ul.slick-dots { width: 100%; display: block; text-align: center; margin-top: 20px; }
.owl-wrapper ul.slick-dots li { width: 10px; height: 10px; border: 2px solid #212121; display: inline-block; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; margin: 0 2px; cursor: pointer; }
.owl-wrapper ul.slick-dots li button { display: none; }
.owl-wrapper ul.slick-dots li.slick-active { background: #212121; }

/* Hover Boxes */
.owl-one ul.slick-dots { width: 100%; display: block; text-align: center; position: absolute; bottom: 15px; }
.owl-one ul.slick-dots li { width: 10px; height: 10px; border: 2px solid #ffffff; display: inline-block; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; margin: 0 2px; cursor: pointer; }
.owl-one ul.slick-dots li button { display: none; }
.owl-one ul.slick-dots li.slick-active { background: #ffffff; }

.dots-right ul.slick-dots { right: 15px; width: auto; }

/* Video wrapper */
.video-wrapper { background: url("../images/video-bg.jpg") center center no-repeat; min-height: 400px; padding: 100px 0 0 0; }
.video-wrapper h2 { color: #FFF; font-size: 42px; font-weight: 500; padding: 0 115px; line-height: 52px; text-align: center; margin-bottom: 10px; text-shadow: 1px 1px 1px #666; }
.video-wrapper a.all-btn { color: #FFF; text-decoration: none; display: block; width: 240px; margin: 0 auto; text-align: center; padding: 15px; border: 1px solid #FFF; font-size: 18px; font-weight: 500; text-shadow: 1px 1px 1px #666; }
.video-wrapper a.all-btn:hover { background: #FFF; color: #222222; }

/* Video wrapper */
/* BoxGroup4 */
.boxGroup4 { text-align: center; }
.boxGroup4 a { display: block; text-decoration: none; margin: 10px 0; }
.boxGroup4 img { display: block; margin: 0 auto; max-height: 45px; min-height: 45px; }
.boxGroup4 p { color: #777777; }

/* BoxGroup4 */
/* Box Text */
.boxText .item { position: relative; padding-bottom: 75px; }
.boxText .item .image { overflow: hidden; }
.boxText .item .image img { width: 100%; max-width: 100%; }
.boxText .item .text { background: #222222; padding: 15px 20px; color: #fff; font-size: 18px; line-height: 24px; font-weight: 300; position: absolute; bottom: 0; width: 100%; }

/* Box Text */
/* Box Kat-List */
.kat-list a { display: block; text-decoration: none; margin-bottom: 20px; }
.kat-list img { width: 100%; max-width: 100%; }
.kat-list h3 { background-color: #E4E4E4; margin: 0; padding: 10px; display: none; }
.kat-list h3 span { color: #4A4949; font-size: 16px; font-weight: 300; }

/* Box Kat-List */
/* Box Kat-Details */
.kat-details { text-align: center; }
.kat-details a { display: block; text-decoration: none; }
.kat-details h2 { font-size: 48px; line-height: 60px; font-weight: 600; }
.kat-details h3 { font-size: 20px; clear: both; margin: 0 0 10px 0; }

.singleBoxes h2 { margin: 0 0 20px 0; }
.singleBoxes p { font-size: 17px; margin-bottom: 20px; }
.singleBoxes p span.red { font-size: 17px; font-weight: 400; color: #ed1c24; }
.singleBoxes span.red { font-size: 48px; font-weight: 600; }
.singleBoxes img { margin-bottom: 15px; }

.multiBoxes { text-align: center; margin-bottom: 20px; }
.multiBoxes > div { margin-top: 25px; }
.multiBoxes .resim-att { width: 100%; height: 170px; position: relative; float: left; padding: 0; text-align: center; }
.multiBoxes .resim-att .resim-att-pre { width: 100%; height: 170px; position: relative; cursor: pointer; }
.multiBoxes .resim-att .resim-att-pre .resim-thumb { width: 100%; height: 170px; display: block; position: absolute; top: 0; left: 0; margin: 0 auto; overflow: hidden; max-width: 100%; max-height: 100%; }
.multiBoxes .resim-att .resim-att-pre .resim-thumb .resim-centered { width: 100%; height: 170px; position: absolute; top: 0; left: 0; -webkit-transform: translate(50%, 50%); -moz-transform: translate(50%, 50%); -ms-transform: translate(50%, 50%); -o-transform: translate(50%, 50%); transform: translate(50%, 50%); }
.multiBoxes .resim-thumb .resim-centered img { position: absolute; top: 0; left: 0; width: auto; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.multiBoxes .resim-att { margin-bottom: 15px; }

/* Box Kat-Details */
/* Box Urun-List */
.product-list .multiBoxes .resim-att { width: 100%; height: 330px; position: relative; float: left; padding: 0; text-align: center; }
.product-list .multiBoxes .resim-att .resim-att-pre { width: 100%; height: 330px; position: relative; cursor: pointer; }
.product-list .multiBoxes .resim-att .resim-att-pre .resim-thumb { width: 100%; height: 330px; display: block; position: absolute; top: 0; left: 0; margin: 0 auto; overflow: hidden; max-width: 100%; max-height: 100%; }
.product-list .multiBoxes .resim-att .resim-att-pre .resim-thumb .resim-centered { width: 100%; height: 330px; position: absolute; top: 0; left: 0; -webkit-transform: translate(50%, 50%); -moz-transform: translate(50%, 50%); -ms-transform: translate(50%, 50%); -o-transform: translate(50%, 50%); transform: translate(50%, 50%); }
.product-list .multiBoxes .resim-thumb .resim-centered img { position: absolute; top: 0; left: 0; width: auto; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.product-list .multiBoxes img { max-height: 100%; }
.product-list h3 { font-size: 24px; clear: both; margin: 0 0 10px 0; }
.product-list h3 span { display: block; color: #ed1c24; font-size: 16px; font-weight: 300; margin-top: 5px; }
.product-list a.more { color: #666; font-size: 12px; font-weight: 600; text-decoration: none; border: 1px solid #666; padding: 10px; width: 170px; display: block; margin: 0 auto; }
.product-list a.more:hover { background: #666; color: #FFF; }

/* Box Urun-List */
.box-list { border-top: 0; text-align: center; padding-top: 40px; }
.box-list .resim-att { margin-bottom: 10px; }
.box-list .resim-att { width: 100%; height: 200px; position: relative; float: left; padding: 0; text-align: center; }
.box-list .resim-att .resim-att-pre { width: 100%; height: 200px; position: relative; cursor: pointer; }
.box-list .resim-att .resim-att-pre .resim-thumb { width: 100%; height: 200px; display: block; position: absolute; top: 0; left: 0; margin: 0 auto; overflow: hidden; max-width: 100%; max-height: 100%; }
.box-list .resim-att .resim-att-pre .resim-thumb .resim-centered { width: 100%; height: 200px; position: absolute; top: 0; left: 0; -webkit-transform: translate(50%, 50%); -moz-transform: translate(50%, 50%); -ms-transform: translate(50%, 50%); -o-transform: translate(50%, 50%); transform: translate(50%, 50%); }
.box-list .resim-thumb .resim-centered img { position: absolute; top: 0; left: 0; width: auto; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.box-list h2 { font-size: 20px; margin: 0 0 5px 0; clear: both; }
.box-list .container .row > div { margin-bottom: 20px; }

/* Box Karsilastirma-List */
.karsilastirma-list { background: #FFF; border: 1px solid #e4e4e4; padding: 0 15px; }
.karsilastirma-list .row { border-bottom: 1px solid #e4e4e4; }
.karsilastirma-list .item { margin: 30px 0; text-align: center; }
.karsilastirma-list .item .resim-att { width: 100%; height: 150px; position: relative; float: left; padding: 0; text-align: center; }
.karsilastirma-list .item .resim-att .resim-att-pre { width: 100%; height: 150px; position: relative; cursor: pointer; }
.karsilastirma-list .item .resim-att .resim-att-pre .resim-thumb { width: 100%; height: 150px; display: block; position: absolute; top: 0; left: 0; margin: 0 auto; overflow: hidden; max-width: 100%; max-height: 100%; }
.karsilastirma-list .item .resim-att .resim-att-pre .resim-thumb .resim-centered { width: 100%; height: 150px; position: absolute; top: 0; left: 0; -webkit-transform: translate(50%, 50%); -moz-transform: translate(50%, 50%); -ms-transform: translate(50%, 50%); -o-transform: translate(50%, 50%); transform: translate(50%, 50%); }
.karsilastirma-list .item .resim-thumb .resim-centered img { position: absolute; top: 0; left: 0; width: auto; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.karsilastirma-list .item .resim-att { margin-bottom: 5px; }
.karsilastirma-list .item h3 { font-size: 22px; clear: both; }
.karsilastirma-list .item p { color: #646464; font-weight: 300; }
.karsilastirma-list .item a.add { text-decoration: none; color: #ed1c24; font-size: 12px; font-weight: 600; border: 1px solid #e4e4e4; padding: 5px; margin: 0 auto; width: 180px; display: block; }
.karsilastirma-list .item a.add:hover { color: #FFF; background: #ed1c24; border: 1px solid #ed1c24; }

.radioCheck h3 { color: #464646; font-size: 24px; font-weight: 600; margin: 0 0 10px 0; }
.radioCheck label { color: #646464; font-size: 14px; font-weight: 400; }
.radioCheck .icr-item { margin-right: 5px; }
.radioCheck .row > div { margin-bottom: 30px; }

/* Box Karsilastirma-List End */
/* prouduct-details */
.prouduct-details .row { margin-bottom: 20px; }
.prouduct-details .right { float: right !important; }

.content h2 { font-size: 40px; line-height: 50px; margin: 0 0 5px 0; font-weight: 300; }
.content h3 { font-size: 18px; line-height: 24px; margin: 0 0 10px 0; color: #ed1c24; }
.content p { color: #646464; margin: 10px 0; }

.video .resim-att { width: 100%; height: 80px; position: relative; float: left; padding: 0; text-align: center; }
.video .resim-att .resim-att-pre { width: 100%; height: 80px; position: relative; cursor: pointer; }
.video .resim-att .resim-att-pre .resim-thumb { width: 100%; height: 80px; display: block; position: absolute; top: 0; left: 0; margin: 0 auto; overflow: hidden; max-width: 100%; max-height: 100%; }
.video .resim-att .resim-att-pre .resim-thumb .resim-centered { width: 100%; height: 80px; position: absolute; top: 0; left: 0; -webkit-transform: translate(50%, 50%); -moz-transform: translate(50%, 50%); -ms-transform: translate(50%, 50%); -o-transform: translate(50%, 50%); transform: translate(50%, 50%); }
.video .resim-thumb .resim-centered img { position: absolute; top: 0; left: 0; width: auto; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.video img { min-width: 100%; }
.video span.play { width: 42px; height: 41px; background: url("../images/play.png") center center no-repeat; position: absolute; left: 50%; top: 50%; margin: -21px 0 0 -21px; }

.karsilastirma .inpGr { float: right; }
.karsilastirma label { color: #464646; font-size: 14px; font-weight: 400; margin: 5px 0; }

.share ul li { float: left; margin-right: 5px; }
.share ul li a { width: 45px; height: 30px; background: url("../images/share.png") no-repeat; display: block; }
.share ul li.fb a { background-position: 0 0; }
.share ul li.tw a { background-position: -50px 0; }
.share ul li.gp a { background-position: -100px 0; }

.tab-wrapper { border-bottom: 1px solid #e4e4e4; }
.tab-wrapper ul li { float: left; margin-right: 10px; }
.tab-wrapper ul li a { text-decoration: none; color: #646464; padding: 10px 50px; text-align: center; display: block; margin-bottom: -1px; border: 1px solid #FFF; border-bottom: 1px solid #E4E4E4; }
.tab-wrapper ul li.active a { border: 1px solid #e4e4e4; border-bottom: 1px solid #FFF; color: #ed1c24; }

ul.product-gallery .resim-att { width: 100%; height: 380px; position: relative; float: left; padding: 0; text-align: center; }
ul.product-gallery .resim-att .resim-att-pre { width: 100%; height: 380px; position: relative; cursor: pointer; }
ul.product-gallery .resim-att .resim-att-pre .resim-thumb { width: 100%; height: 380px; display: block; position: absolute; top: 0; left: 0; margin: 0 auto; overflow: hidden; max-width: 100%; max-height: 100%; }
ul.product-gallery .resim-att .resim-att-pre .resim-thumb .resim-centered { width: 100%; height: 380px; position: absolute; top: 0; left: 0; -webkit-transform: translate(50%, 50%); -moz-transform: translate(50%, 50%); -ms-transform: translate(50%, 50%); -o-transform: translate(50%, 50%); transform: translate(50%, 50%); }
ul.product-gallery .resim-thumb .resim-centered img { position: absolute; top: 0; left: 0; width: auto; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
ul.product-gallery img { max-height: 100%; }
ul.product-gallery span.zoom { width: 42px; height: 36px; display: block; position: absolute; bottom: 10px; left: 20px; background: url("../images/zoom.png") no-repeat; pointer-events: none; }

.product-thumb .resim-att { width: 100%; height: 94px; position: relative; float: left; padding: 0; text-align: center; }
.product-thumb .resim-att .resim-att-pre { width: 100%; height: 94px; position: relative; cursor: pointer; }
.product-thumb .resim-att .resim-att-pre .resim-thumb { width: 100%; height: 94px; display: block; position: absolute; top: 0; left: 0; margin: 0 auto; overflow: hidden; max-width: 100%; max-height: 100%; }
.product-thumb .resim-att .resim-att-pre .resim-thumb .resim-centered { width: 100%; height: 94px; position: absolute; top: 0; left: 0; -webkit-transform: translate(50%, 50%); -moz-transform: translate(50%, 50%); -ms-transform: translate(50%, 50%); -o-transform: translate(50%, 50%); transform: translate(50%, 50%); }
.product-thumb .resim-thumb .resim-centered img { position: absolute; top: 0; left: 0; width: auto; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.product-thumb img { max-height: 94px; }
.product-thumb .slick-track { min-height: 100%; }
.product-thumb .slick-arrow { position: absolute; top: 0; background: #FFF url("../images/slide-arrow.png") no-repeat; width: 40px; height: 100%; border: 0; outline: none; text-indent: -9999px; z-index: 9; }
.product-thumb .slick-prev { left: 0; background-position: 20px 50%; }
.product-thumb .slick-next { right: 0; background-position: -70px 50%; }
.product-thumb .item { padding: 15px 20px; border: 1px solid #e4e4e4 !important; margin: 0 15px; }
.product-thumb .item .source_image { display: none; }

.table table { width: 100%; text-align: left; margin-bottom: 20px; color: #484848; }
.table table tr th { padding: 7px 10px; }
.table table tr td { padding: 7px 10px; }

/* prouduct-details End */
/* kampanyaList */
.kampanya-list .owl-box { text-align: center; }
.kampanya-list .owl-box ul.slick-dots { width: 100%; display: block; text-align: center; margin-top: 20px; }
.kampanya-list .owl-box ul.slick-dots li { width: 10px; height: 10px; border: 2px solid #212121; display: inline-block; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; margin: 0 2px; cursor: pointer; }
.kampanya-list .owl-box ul.slick-dots li button { display: none; }
.kampanya-list .owl-box ul.slick-dots li.slick-active { background: #212121; }
.kampanya-list .owl-box a { text-decoration: none; display: block; color: #777777; }
.kampanya-list .owl-box .row { margin-bottom: 40px; }
.kampanya-list .owl-box .item .image { position: relative; overflow: hidden; margin-bottom: 20px; }
.kampanya-list .owl-box .item .image .resim-att { width: 100%; height: 180px; position: relative; float: left; padding: 0; text-align: center; }
.kampanya-list .owl-box .item .image .resim-att .resim-att-pre { width: 100%; height: 180px; position: relative; cursor: pointer; }
.kampanya-list .owl-box .item .image .resim-att .resim-att-pre .resim-thumb { width: 100%; height: 180px; display: block; position: absolute; top: 0; left: 0; margin: 0 auto; overflow: hidden; max-width: 100%; max-height: 100%; }
.kampanya-list .owl-box .item .image .resim-att .resim-att-pre .resim-thumb .resim-centered { width: 100%; height: 180px; position: absolute; top: 0; left: 0; -webkit-transform: translate(50%, 50%); -moz-transform: translate(50%, 50%); -ms-transform: translate(50%, 50%); -o-transform: translate(50%, 50%); transform: translate(50%, 50%); }
.kampanya-list .owl-box .item .image .resim-thumb .resim-centered img { position: absolute; top: 0; left: 0; width: auto; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.kampanya-list .owl-box .item .image a.more { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding-top: 60px; background: #222222; display: none; }
.kampanya-list .owl-box .item .image a.more span { z-index: 3; position: relative; color: #FFF; font-size: 18px; line-height: 26px; font-weight: 300; }
.kampanya-list .owl-box .item .image a.more span.big { font-size: 36px; display: block; }
.kampanya-list .owl-box .item .image a.more img { position: absolute; top: 0; left: 0; width: 100%; z-index: 2; }
.kampanya-list .owl-box .item .text { clear: both; }

/* kampanyaList End */
/* page-text */
.page-text center h1 { margin: 0 0 15px 0; }

article { font-size: 16px; line-height: 28px; }
article strong { font-weight: 700; }
article h1 { font-weight: 600; font-size: 36px; }
article h2 { font-size: 30px; }
article h3 { font-weight: 600; font-size: 30px; }
article h4 { font-size: 24px; }
article h5 { font-weight: 600; font-size: 24px; }
article h6 { font-size: 20px; }
article p { margin: 0 0 15px 0; }
article a { color: #777777; text-decoration: none; }
article a:hover { color: #777777; border-bottom: 1px solid #777; text-decoration: none; }
article ul { list-style-type: square; padding-left: 20px; margin: 0 0 10px 0; }
article ol { list-style: decimal; padding-left: 20px; margin: 0 0 10px 0; }
article span.kat, article span.date { font-size: 15px; font-weight: 300; color: #c5c5c5; }
article span.date { color: #848484; }

/* page-text End */
/* page-title */
.page-title { padding: 15px 0; }
.page-title h2 { font-size: 36px; line-height: 40px; margin: 0; padding-top: 5px; }
.page-title h2 span { line-height: 44px; }
.page-title h2 i { line-height: 48px; vertical-align: top; }

/* page-title End */
/* content-list */
.content-list .item { background: #f7f7f7; margin-bottom: 30px; }
.content-list .item a { display: block; position: relative; color: #848484; }
.content-list .item .image .resim-att { width: 100%; height: 167px; position: relative; float: left; padding: 0; text-align: center; }
.content-list .item .image .resim-att .resim-att-pre { width: 100%; height: 167px; position: relative; cursor: pointer; }
.content-list .item .image .resim-att .resim-att-pre .resim-thumb { width: 100%; height: 167px; display: block; position: absolute; top: 0; left: 0; margin: 0 auto; overflow: hidden; max-width: 100%; max-height: 100%; }
.content-list .item .image .resim-att .resim-att-pre .resim-thumb .resim-centered { width: 100%; height: 167px; position: absolute; top: 0; left: 0; -webkit-transform: translate(50%, 50%); -moz-transform: translate(50%, 50%); -ms-transform: translate(50%, 50%); -o-transform: translate(50%, 50%); transform: translate(50%, 50%); }
.content-list .item .image .resim-thumb .resim-centered img { position: absolute; top: 0; left: 0; width: auto; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.content-list .item .image img { min-width: 100%; }
.content-list .item .text { padding-left: 0; }
.content-list .item .text p { padding: 10px 10px 0 0; margin: 0; color: #333333; font-size: 20px; font-weight: 300; }
.content-list .item .notes { position: absolute; right: 15px; bottom: 10px; font-size: 12px; font-weight: 300; }
.content-list .item .notes span.kat { color: #c5c5c5; }

.pagination-wrapper { text-align: center; }

.pagination > li:first-child > a, .pagination > li:first-child > span { border-radius: 0; }

.pagination > li:last-child > a, .pagination > li:last-child > span { border-radius: 0; }

.pagination > li > a, .pagination > li > span { color: #848484; border: 1px solid #e4e4e4; background-color: #f7f7f7; }

.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { color: #333333; background-color: #f0f0f0; }

/* content-list End */
/* content-Details */
/* content-Details End */
/* Karsılastirma Tablosu */
.karsilastirma-table .table-wrapper { width: 100%; overflow-y: hidden; }
.karsilastirma-table table { width: 100%; }
.karsilastirma-table table .resim-att { width: 100%; height: 145px; position: relative; float: left; padding: 0; text-align: center; }
.karsilastirma-table table .resim-att .resim-att-pre { width: 100%; height: 145px; position: relative; cursor: pointer; }
.karsilastirma-table table .resim-att .resim-att-pre .resim-thumb { width: 100%; height: 145px; display: block; position: absolute; top: 0; left: 0; margin: 0 auto; overflow: hidden; max-width: 100%; max-height: 100%; }
.karsilastirma-table table .resim-att .resim-att-pre .resim-thumb .resim-centered { width: 100%; height: 145px; position: absolute; top: 0; left: 0; -webkit-transform: translate(50%, 50%); -moz-transform: translate(50%, 50%); -ms-transform: translate(50%, 50%); -o-transform: translate(50%, 50%); transform: translate(50%, 50%); }
.karsilastirma-table table .resim-thumb .resim-centered img { position: absolute; top: 0; left: 0; width: auto; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.karsilastirma-table table .resim-att { margin-bottom: 10px; }
.karsilastirma-table table img { max-height: 145px; }
.karsilastirma-table table tr td, .karsilastirma-table table tr th { padding: 20px; border: 1px solid #e4e4e4; vertical-align: top; }
.karsilastirma-table table tr td h3, .karsilastirma-table table tr th h3 { font-size: 22px; clear: both; margin: 0 0 10px 0; }
.karsilastirma-table table tr td h4, .karsilastirma-table table tr th h4 { margin: 0 0 5px 0; }
.karsilastirma-table table tr td p, .karsilastirma-table table tr th p { margin: 0; }
.karsilastirma-table table tr td a.remove, .karsilastirma-table table tr th a.remove { font-size: 16px; text-decoration: none; color: #ed1c24; font-weight: 400; }
.karsilastirma-table table tr th { text-align: center; }
.karsilastirma-table table tr td { background: #f7f7f7; }

/* Karsılastirma Tablosu End */
/* ============================================================================================================   Section
============================================================================================================ */
/* ============================================================================================================   Footer
============================================================================================================ */
footer.footer .footer-top { border-bottom: 1px solid #1f1f1f; background: #222222; padding: 30px 0; }
footer.footer .footer-top a.logo { width: 158px; height: 42px; display: block; }
footer.footer .footer-top ul.socials { float: right; }
footer.footer .footer-top ul.socials li { float: left; }
footer.footer .footer-top ul.socials li a { display: block; text-align: center; font-size: 21px; line-height: 40px; color: #fff; width: 40px; }
footer.footer .footer-top ul.socials li.facebook a:hover { background: #3a589b; }
footer.footer .footer-top ul.socials li.twitter a:hover { background: #55acee; }
footer.footer .footer-top ul.socials li.google-plus a:hover { background: #dc493c; }
footer.footer .footer-top ul.socials li.pinterest a:hover { background: #bd2126; }
footer.footer .footer-top ul.socials li.instagram a:hover { background: #895a4d; }
footer.footer .footer-top ul.socials li.youtube a:hover { background: #cc2429; }
footer.footer .footer-top ul.socials li.linkedin a:hover { background: #0177b5; }
footer.footer .footer-bottom { background: #242424; }
footer.footer .footer-bottom .footer-menu { padding: 20px 0; border-bottom: 1px solid #2e2e2e; }
footer.footer .footer-bottom .footer-menu h2 { color: #FFF; font-size: 14px; margin: 0; }
footer.footer .footer-bottom .footer-menu ul li { margin: 7px 0; }
footer.footer .footer-bottom .footer-menu ul li a { display: block; text-decoration: none; color: #848484; font-size: 14px; }
footer.footer .footer-bottom .footer-menu ul li a:hover { color: #484848; }
footer.footer .footer-bottom .copyright { font-size: 12px; font-style: italic; padding: 15px 0; }
footer.footer .footer-bottom .copyright p { margin: 0; }
footer.footer .footer-bottom .copyright .right p { text-align: right; }

/* ============================================================================================================   Footer
============================================================================================================ */
/* ============================================================================================================   Responsive Css
============================================================================================================ */
@media (max-width: 1199px) { section.video-wrapper h2 { padding: 0 30px; }
  header.header .header-bottom .nav-menu > ul > li > a { font-size: 18px; padding: 25px 10px; }
  .nav-menu > ul > li > ul.dropdown li ul li { width: 236px; }
  .banner h2 { font-size: 40px; line-height: 50px; }
  .banner h2 span { font-size: 32px; }
  .box-list .resim-att { width: 100%; height: 162px; position: relative; float: left; padding: 0; text-align: center; }
  .box-list .resim-att .resim-att-pre { width: 100%; height: 162px; position: relative; cursor: pointer; }
  .box-list .resim-att .resim-att-pre .resim-thumb { width: 100%; height: 162px; display: block; position: absolute; top: 0; left: 0; margin: 0 auto; overflow: hidden; max-width: 100%; max-height: 100%; }
  .box-list .resim-att .resim-att-pre .resim-thumb .resim-centered { width: 100%; height: 162px; position: absolute; top: 0; left: 0; -webkit-transform: translate(50%, 50%); -moz-transform: translate(50%, 50%); -ms-transform: translate(50%, 50%); -o-transform: translate(50%, 50%); transform: translate(50%, 50%); }
  .box-list .resim-thumb .resim-centered img { position: absolute; top: 0; left: 0; width: auto; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
  .kampanya-list .owl-box .item .image .resim-att { width: 100%; height: 147px; position: relative; float: left; padding: 0; text-align: center; }
  .kampanya-list .owl-box .item .image .resim-att .resim-att-pre { width: 100%; height: 147px; position: relative; cursor: pointer; }
  .kampanya-list .owl-box .item .image .resim-att .resim-att-pre .resim-thumb { width: 100%; height: 147px; display: block; position: absolute; top: 0; left: 0; margin: 0 auto; overflow: hidden; max-width: 100%; max-height: 100%; }
  .kampanya-list .owl-box .item .image .resim-att .resim-att-pre .resim-thumb .resim-centered { width: 100%; height: 147px; position: absolute; top: 0; left: 0; -webkit-transform: translate(50%, 50%); -moz-transform: translate(50%, 50%); -ms-transform: translate(50%, 50%); -o-transform: translate(50%, 50%); transform: translate(50%, 50%); }
  .kampanya-list .owl-box .item .image .resim-thumb .resim-centered img { position: absolute; top: 0; left: 0; width: auto; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
  .content-list .item .text p { font-size: 18px; }
  .content-list .item .image .resim-att { width: 100%; height: 135px; position: relative; float: left; padding: 0; text-align: center; }
  .content-list .item .image .resim-att .resim-att-pre { width: 100%; height: 135px; position: relative; cursor: pointer; }
  .content-list .item .image .resim-att .resim-att-pre .resim-thumb { width: 100%; height: 135px; display: block; position: absolute; top: 0; left: 0; margin: 0 auto; overflow: hidden; max-width: 100%; max-height: 100%; }
  .content-list .item .image .resim-att .resim-att-pre .resim-thumb .resim-centered { width: 100%; height: 135px; position: absolute; top: 0; left: 0; -webkit-transform: translate(50%, 50%); -moz-transform: translate(50%, 50%); -ms-transform: translate(50%, 50%); -o-transform: translate(50%, 50%); transform: translate(50%, 50%); }
  .content-list .item .image .resim-thumb .resim-centered img { position: absolute; top: 0; left: 0; width: auto; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } }
@media (min-width: 992px) { #navbar, .header-top { display: block !important; } }
@media (max-width: 991px) { .mobilDiv { display: block; }
  .dropNav img, .dropNav p { display: none; }
  .dropNav ul li { float: none !important; width: 100% !important; min-height: 100% !important; border-right: none; }
  footer.footer .footer-bottom .footer-menu ul { margin-bottom: 20px; }
  footer.footer .footer-bottom .copyright .right p { margin-top: 5px; text-align: left; }
  .video-wrapper h2 { font-size: 30px; line-height: 40px; }
  header.header .header-bottom .nav-menu ul, header.header .header-bottom .nav-menu ul li { float: none; }
  header.header .header-bottom .nav-menu ul { padding: 10px 0; }
  .search-wrapper, #navbar { display: none; }
  header.header .header-bottom a.mobilNavBtn, header.header .header-bottom a.mobilSearchBtn, .mobileSearch { display: block; }
  header.header .header-bottom .nav-menu ul li a { padding: 5px 0; }
  header.header .header-bottom a.logo { margin-bottom: 15px; }
  header.header .header-top, header.header .header-top ul.top-nav { display: none; }
  .boxGroup h2 { font-size: 18px; }
  .boxGroup h2 span { font-size: 13px; }
  .kat-details h2 { font-size: 36px; line-height: 40px; }
  .box-list .resim-att { width: 100%; height: 122px; position: relative; float: left; padding: 0; text-align: center; }
  .box-list .resim-att .resim-att-pre { width: 100%; height: 122px; position: relative; cursor: pointer; }
  .box-list .resim-att .resim-att-pre .resim-thumb { width: 100%; height: 122px; display: block; position: absolute; top: 0; left: 0; margin: 0 auto; overflow: hidden; max-width: 100%; max-height: 100%; }
  .box-list .resim-att .resim-att-pre .resim-thumb .resim-centered { width: 100%; height: 122px; position: absolute; top: 0; left: 0; -webkit-transform: translate(50%, 50%); -moz-transform: translate(50%, 50%); -ms-transform: translate(50%, 50%); -o-transform: translate(50%, 50%); transform: translate(50%, 50%); }
  .box-list .resim-thumb .resim-centered img { position: absolute; top: 0; left: 0; width: auto; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
  .tab-menu { margin-top: 0; background: #04112B; }
  .radioCheck h3 { font-size: 18px; }
  .radioCheck label { font-size: 12px; }
  .breadcrumb { border-top: none; }
  .banner .slick-dots { display: none !important; }
  .prouduct-details .right { float: initial !important; }
  .content h2 { font-size: 36px; }
  .kampanya-list .owl-box .item .image a.more { display: none !important; }
  .content-list .item .image .resim-att { width: 100%; height: 200px; position: relative; float: left; padding: 0; text-align: center; }
  .content-list .item .image .resim-att .resim-att-pre { width: 100%; height: 200px; position: relative; cursor: pointer; }
  .content-list .item .image .resim-att .resim-att-pre .resim-thumb { width: 100%; height: 200px; display: block; position: absolute; top: 0; left: 0; margin: 0 auto; overflow: hidden; max-width: 100%; max-height: 100%; }
  .content-list .item .image .resim-att .resim-att-pre .resim-thumb .resim-centered { width: 100%; height: 200px; position: absolute; top: 0; left: 0; -webkit-transform: translate(50%, 50%); -moz-transform: translate(50%, 50%); -ms-transform: translate(50%, 50%); -o-transform: translate(50%, 50%); transform: translate(50%, 50%); }
  .content-list .item .image .resim-thumb .resim-centered img { position: absolute; top: 0; left: 0; width: auto; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
  article h1 { font-size: 30px; }
  article p { font-size: 14px; line-height: 22px; }
  article span.kat, article span.date { font-size: 13px; }
  .content-banner .container { width: 100%; padding: 0; }
  .content-banner .container .row { margin: 0; }
  .content-banner .container .row > div { padding: 0; }
  .singleBoxes span.red { font-size: 36px; }
  .karsilastirma-table table tr td h3, .karsilastirma-table table tr th h3 { font-size: 18px; }
  .karsilastirma-table table tr td a.remove, .karsilastirma-table table tr th a.remove { font-size: 13px; }
  .karsilastirma-table table tr td h4, .karsilastirma-table table tr th h4 { font-size: 16px; }
  .karsilastirma-table table tr td p, .karsilastirma-table table tr th p { font-size: 13px; } }
@media (max-width: 991px) and (min-width: 768px) { .owl-wrapper .item h2 span { font-size: 20px; }
  .owl-wrapper .item h3 { font-size: 22px; }
  .owl-wrapper .item h3 span { font-size: 26px; }
  .boxText .item .text { font-size: 14px; line-height: 18px; }
  .kampanya-list .owl-box .item .image .resim-att { width: 100%; height: 110px; position: relative; float: left; padding: 0; text-align: center; }
  .kampanya-list .owl-box .item .image .resim-att .resim-att-pre { width: 100%; height: 110px; position: relative; cursor: pointer; }
  .kampanya-list .owl-box .item .image .resim-att .resim-att-pre .resim-thumb { width: 100%; height: 110px; display: block; position: absolute; top: 0; left: 0; margin: 0 auto; overflow: hidden; max-width: 100%; max-height: 100%; }
  .kampanya-list .owl-box .item .image .resim-att .resim-att-pre .resim-thumb .resim-centered { width: 100%; height: 110px; position: absolute; top: 0; left: 0; -webkit-transform: translate(50%, 50%); -moz-transform: translate(50%, 50%); -ms-transform: translate(50%, 50%); -o-transform: translate(50%, 50%); transform: translate(50%, 50%); }
  .kampanya-list .owl-box .item .image .resim-thumb .resim-centered img { position: absolute; top: 0; left: 0; width: auto; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
  .content-list .item .text { min-height: 150px; padding-left: 15px; }
  .content-list .item .text p { padding: 15px; } }
@media (max-width: 767px) and (min-width: 480px) { .kat-list img { display: none; }
  .kat-list h3 { display: block; }
  .content-list .item .text p { font-size: 16px; line-height: 20px; } }
@media (max-width: 767px) { footer.footer .footer-top a.logo { margin: 0 auto; }
  footer.footer .footer-top ul.socials { float: none; width: 280px; margin: 0 auto; padding-top: 15px; }
  .owl-box { margin-bottom: 20px; }
  .video-wrapper h2 { font-size: 25px; line-height: 30px; }
  .banner img { position: absolute; min-width: 860px; margin-left: -430px; left: 50%; }
  .banner h2 { font-size: 18px; line-height: 26px; margin-top: 60px; display: block; }
  .left-text h2 { margin-top: 0 !important; }
  .banner h2 span { font-size: 15px; }
  .banner .container .row .col-md-12 { display: block; }
  .video-wrapper { padding-top: 70px; }
  .box-list .resim-att { width: 100%; height: 200px; position: relative; float: left; padding: 0; text-align: center; }
  .box-list .resim-att .resim-att-pre { width: 100%; height: 200px; position: relative; cursor: pointer; }
  .box-list .resim-att .resim-att-pre .resim-thumb { width: 100%; height: 200px; display: block; position: absolute; top: 0; left: 0; margin: 0 auto; overflow: hidden; max-width: 100%; max-height: 100%; }
  .box-list .resim-att .resim-att-pre .resim-thumb .resim-centered { width: 100%; height: 200px; position: absolute; top: 0; left: 0; -webkit-transform: translate(50%, 50%); -moz-transform: translate(50%, 50%); -ms-transform: translate(50%, 50%); -o-transform: translate(50%, 50%); transform: translate(50%, 50%); }
  .box-list .resim-thumb .resim-centered img { position: absolute; top: 0; left: 0; width: auto; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
  .tab-menu ul li a { font-size: 18px; }
  .karsilastirma-list .row { border-bottom: none; }
  .karsilastirma-list .item { margin: 0; padding: 15px 0; border-bottom: 1px solid #E4E4E4; }
  .karsilastirma .inpGr { float: none; margin-top: 10px; }
  .product-thumb .draggable { padding: 0 10px !important; }
  .product-thumb .slick-arrow { width: 15px; }
  .product-thumb .slick-next { background-position: -78px 50%; margin-right: -5px; }
  .product-thumb .slick-prev { background-position: 2px 50%; margin-left: -5px; }
  .tab-wrapper ul li a { padding: 10px 20px; }
  .kampanya-list .owl-box .item .image img { max-height: 147px; }
  .content-list .item .image .resim-att { width: 100%; height: 150px; position: relative; float: left; padding: 0; text-align: center; }
  .content-list .item .image .resim-att .resim-att-pre { width: 100%; height: 150px; position: relative; cursor: pointer; }
  .content-list .item .image .resim-att .resim-att-pre .resim-thumb { width: 100%; height: 150px; display: block; position: absolute; top: 0; left: 0; margin: 0 auto; overflow: hidden; max-width: 100%; max-height: 100%; }
  .content-list .item .image .resim-att .resim-att-pre .resim-thumb .resim-centered { width: 100%; height: 150px; position: absolute; top: 0; left: 0; -webkit-transform: translate(50%, 50%); -moz-transform: translate(50%, 50%); -ms-transform: translate(50%, 50%); -o-transform: translate(50%, 50%); transform: translate(50%, 50%); }
  .content-list .item .image .resim-thumb .resim-centered img { position: absolute; top: 0; left: 0; width: auto; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
  .page-title h2 span { display: block; font-size: 14px; line-height: 26px; }
  .page-title h2 i { display: none; }
  .karsilastirma-table table tr td, .karsilastirma-table table tr th { padding: 10px; min-width: 200px; } }
@media (max-width: 479px) { .video .resim-att { width: 100%; height: 60px; position: relative; float: left; padding: 0; text-align: center; }
  .video .resim-att .resim-att-pre { width: 100%; height: 60px; position: relative; cursor: pointer; }
  .video .resim-att .resim-att-pre .resim-thumb { width: 100%; height: 60px; display: block; position: absolute; top: 0; left: 0; margin: 0 auto; overflow: hidden; max-width: 100%; max-height: 100%; }
  .video .resim-att .resim-att-pre .resim-thumb .resim-centered { width: 100%; height: 60px; position: absolute; top: 0; left: 0; -webkit-transform: translate(50%, 50%); -moz-transform: translate(50%, 50%); -ms-transform: translate(50%, 50%); -o-transform: translate(50%, 50%); transform: translate(50%, 50%); }
  .video .resim-thumb .resim-centered img { position: absolute; top: 0; left: 0; width: auto; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
  .product-thumb .item { padding: 5px; margin: 0 5px; }
  .tab-wrapper ul li { margin-right: 1px; }
  .tab-wrapper ul li a { padding: 5px; font-size: 12px; }
  .banner img { min-width: 700px; margin-left: -350px; }
  .content-list .item .text { width: 100%; padding-left: 15px; }
  .content-list .item .text p { padding: 15px 15px 40px 15px; }
  .content-list .item .image { width: 100%; }
  article h1 { font-size: 24px; }
  footer.footer .footer-bottom .footer-menu { display: none; }
  header.header .header-bottom a.logo { width: 150px; }
  header.header .header-bottom a.logo img { margin-top: 5px; }
  header.header .header-bottom a.mobilNavBtn { top: 5px; font-size: 28px; line-height: 28px; padding: 5px 8px; } }
/* ============================================================================================================   Responsive Css End
============================================================================================================ */

/*# sourceMappingURL=style.css.map */