* {padding:0; margin:0;}
html, body {font-size: 100%; height: auto; /*overflow-x:hidden;*//*prevent nagging-menu*/}
body {font-family: 'Open Sans', sans-serif; font-size:13px; color:#434343; -webkit-font-smoothing: antialiased;}

body {
  -webkit-animation-duration: 0.1s;
  -webkit-animation-name: fontfix;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -webkit-animation-delay: 0.1s;
}

@-webkit-keyframes fontfix {
  from { opacity: 1; }
  to { opacity: 1; }
}
:focus {outline:none;}
::-moz-focus-inner {border:0;}

a {text-decoration:none;}
ul {list-style:none;}
img {border:none;}
h1, h2, h3, p {margin:10px 0;}
h1, h2 {font-size:16px; font-weight:200;}
h3 {font-size:14px; color:#8f9194; font-weight:200;}
h1 {color:#fff;}
strong {font-weight:bold;}

#wrapper {position:relative; width:100%; height:auto; overflow:hidden;}
.w0, .w1, .w2, .w3, .w4, .w5, .w6, .block {position:relative;}
.w0 {width:100%;} .w1 {max-width:1170px; padding:0 15px; margin:0 auto;} .w2 {max-width:950px;} .w3 {max-width:445px;} .w4 {width:25%;} .w5 {width:33.3%;} .w6 {width:47%; padding:0 1.5%;}
.block {padding:0 15px; margin:15px 0;}
#header {position:relative; left:0; top:0; min-height:130px; height:auto !important; height:130px; z-index:19; border-bottom:3px solid #efefef; z-index:9;}

#header-top {background:#2e3192; min-height:32px; height:auto !important; height:32px; top:0; left:0; z-index:99;}
#header-top li, #header-top li a {color:#fff;}
#header-top li {display:block; float:left; margin-left:20px; line-height:32px;}
#header-top .tel {background:url(../images/icons/tel.png) no-repeat left center; padding-left:27px;}
#header-top .mail {background:url(../images/icons/mail.png) no-repeat left center; padding-left:30px;}
#header-top .txt {font-size:13px; font-weight:200; color:#fff; line-height:32px;}
.moblang {display:none; position:absolute; right:15px; top:5px; font-size:12px; color:#fff;}
.moblang span {cursor:default;}
.moblang a {color:#fff;}
.lang {position:relative; height:auto; background:#e0171f; padding-right:20px;}
.lang li, .lang li span {display:block;}
#header-top .lang li {position:relative; cursor:pointer; line-height:32px; margin-left:0;}
#header-top .lang li.selected {background:url(../images/lang-arrow.png) no-repeat right center;}
#header-top .lang li.hidden {display:none; position:absolute; top:32px; left:0; right:0;}
.lang li a {color:#fff;}
.lang li {padding-right:20px; float:left; background:#2e3192;}
.lang li span {display:block; padding-left:27px; line-height:32px;}
#header-bottom {background:#fff; min-height:96px; height:auto !important; height:96px; top:0; left:0; z-index:98;}
#header-bottom .w1 {min-height:96px; height:auto !important; height:96px;}
#header-bottom h1 {position:absolute; left:15px; top:3px; margin:0; z-index:998;}
#header-bottom h1, #header-bottom h1 a {display:block; width:220px; height:95px;}
#header-bottom h1 a {background:url(../images/logo.png) no-repeat;}
#header-bottom h1 a span {display:none;}
#main-nav {position:absolute; right:70px; bottom:10px; z-index:8;}
#menu li, #menu li a {display:block; float:left;}
#menu li {position:relative; margin-left:25px;}
#menu li a {color:#000; font-size:16px; padding:13px 0;}
#formobilenav {display:none; position:absolute; clear:both; width:100%; height:auto; bottom:0; right:0; padding:0; height:40px; z-index:990;}
#formobilenav .logo {display:none !important;}
.mobmenu {position:relative; float:left; width:100%; height:auto;}
.mobmenu ul, .mobmenu div {position:relative !important;}
.slicknav_menu {display:none; position: relative; padding-bottom:0;}
.search {position:absolute; width:auto; height:35px; right:0; bottom:14px; z-index:1001; border-left:1px solid #f0f0f0;}

#slider-wrapper {position:relative; width:100%; max-height:460px; background:#2f3292 url(../images/slider/bg1.jpg) no-repeat center center; background-size:cover; overflow:hidden;}
#slider-wrapper .w1 {height:100%; padding:0; max-width:1170px;}
.white-space {position:absolute; background:#FFF; width:330px; height:330px; right:200px; bottom:-90px;}
.slider-textWrapper {position:relative; max-width:442px; max-height:166px; background:#FFF;}
.slider-textWrapper a {position:absolute; right:0; top:0; display:block; width:53px; height:46px; background:#c8d0d1 url(../images/slider-text-arrow.png) no-repeat center center; border-bottom:2px solid #b4bbbc;}
.slider-head {height:26px; border-bottom:2px solid #e5e5e5; font-size:14px; font-weight:200; padding:10px 15px;}
.slider-head span {font-size:18px; font-weight:bold;}
.slider-text {background:none repeat-x; left:0 ;top:0; padding:15px; overflow:hidden;}
.slider-text span {font-size:22px; font-weight:200;}
.slider-text p {font-size:14px; line-height:18px;}
#content {position:relative; width:100%; height:auto; z-index:8;}
#bar {background:url(../images/bar.png) repeat-x; height:73px;}
#logos {padding-top:10px;}
#logos .owl-carousel .owl-item {text-align:center;}
#tabs .w5 {float:left; width:30.3%; height:auto; padding:0 1.5%; margin:15px 0; text-align:center;}
#tabs p {font-size:12px; text-align:left;}
#tabs h2 {display:block; text-align:left; font-size:16px; color:#de2c33; border-bottom:2px solid #e8e8e8; padding-bottom:10px; margin-bottom:15px;}
#product-tabs {overflow:hidden; min-height:338px; height:auto !important; height:338px;}
#product-tabs .image-wrapper {position:absolute; width:100%; height:100%; left:0; top:0; bottom:0; right:0; z-index:18;}
#product-tabs .image-wrapper img {width:100%; height:100%;}
#product-tab {z-index:19;}
#product-tab .owl-carousel, #product-tab .owl-carousel .owl-item {text-align:center;}
#product-tab .owl-carousel .owl-item {position:relative; max-width:280px;/*bug*/ height:220px; padding-top:12px; background:#fff; margin-right:15px;}
#product-tab .owl-carousel a {display:block; color:#434343; font-size:14px; text-align:center;}
#product-tab .owl-carousel a span {display:block; position:absolute; width:96%; bottom:15px; left:0; padding:0 2%; z-index:101;}
#product-tab .blue {position:absolute; width:7px; height:43px; background:#393c98; left:0; top:0;}
#product-tab .z-container {margin:15px 0; background:none;}
#breadcrumb {background:#e0171f; min-height:62px; height:auto !important; height:62px;}
#breadcrumb .w1 {background:url(../images/icons/packtech-icon.png) no-repeat 15px 21px; padding:15px; min-height:32px; height:auto !important; height:32px; overflow:hidden;}
#breadcrumb ul {display:block; padding-left:30px; padding-top:6px;}
#breadcrumb li, #breadcrumb li a {dsiplay:block; float:left; font-size:13px; color:#fff;}
#breadcrumb li {background:url(../images/breadcrumb-arrow.png) no-repeat right center; padding-right:20px; margin-right:10px;}
#breadcrumb .image-wrapper {position:absolute; right:-20px; top:-10px; height:87px;}

#left-page, #right-page {position:relative;}
#left-page {float:left; width:20%; padding:2% 0;}
#right-page {float:right; width:76%; background:#fff; padding:2% 0 2% 4%}
#inleft-page {position:relative; width:100%; height:auto;}
#inleft-page h1 {color:#2e3192; font-weight:bold;}
.left-nav ul {display:none;}
.left-nav li, .left-nav li a {display:block; font-size:16px;}
.left-nav li a {position:relative; color:#434343; font-weight:normal; padding:10px; margin-left:-10px;}
.left-nav li a span {display:block; background:url(../images/icons/positive.png) no-repeat right center; padding-right:15px;}
.left-nav li a:hover {background:#9d9fa1; color:#fff;}
.left-nav li a:hover span {background:url(../images/icons/positive_.png) no-repeat right center;}
.left-nav li.selected a {background:#9d9fa1; color:#fff; cursor:default;}
.left-nav li.selected a span {background:url(../images/icons/negative.png) no-repeat right center;}
.left-nav li li a, .left-nav li.selected li a {font-size:13px; color:#7d7d7d; padding-left:20px; background:none; cursor:pointer;}
.left-nav li.selected li.selected a {background:#9d9fa1; color:#fff; cursor:default;}
.left-nav li.selected li.selected a span {background:url(../images/icons/negative.png) no-repeat right center;}
#inleft-page .bordered {font-size:16px; font-weight:bold;}
#inleft-page .bordered span {display:block; font-weight:200;}
.pro-carousel {background:#FFF; padding:10px; margin-right:10px;}
#product-showcase p {display:block; font-size:13px; color:#fc797e; margin:10px 30px;}
#product-showcase p span {display:block; font-size:16px; color:#434343; font-weight:bold;}
#product-showcase img {padding:0 20px;}
#inright-page {position:relative; width:100%; height:auto; overflow:hidden;}
#inright-page, #inright-page p {color:#7d7d7d;}
#inright-page p {font-size:13px; line-height:24px;}
#inright-page h2 {color:#e0171f; font-weight:bold;}
#bottom-tabs {overflow:hidden; background:#fff; height:auto; padding:20px 0 10px;}
#bottom-tabs li {padding:0 0 20px 75px; float:left; width:197px; margin:10px; font-size:12px; overflow:hidden;}
#bottom-tabs li strong {display:block;}
.garanti {background:url(../images/icons/garanti.png) no-repeat 0 6px;}
.teknik {background:url(../images/icons/teknik-destek.png) no-repeat 0 6px;}
.urun {background:url(../images/icons/urunler.png) no-repeat 0 6px;}
.iletisim {background:url(../images/icons/iletisim.png) no-repeat 0 6px;}
#map-wrapper {position:relative; width:100%; height:auto;}
#gmap img {width:100%;}
/*#gmap {position:relative;  padding-bottom: 100%; padding-top:0; height: 0; overflow:hidden;}
#gmap iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}*/
.soft-head {position:relative; width:98%; height:auto; padding:0 0 0 2%; border-bottom:1px solid #e0e0e0; padding-bottom:10px;}
.sirala {position:relative;padding:10px 0;}
.sirala span {display:block; background:url(../images/icons/menu.png) no-repeat left center; padding-left:30px; line-height:30px;  margin-right:20px;}
.greentab {background:#fff; color:#ed1c24; text-align:center; padding:12px 20px; border:1px solid #ed1c24;}
#products li {display:block; position:relative; width:22%; height:334px; float:left; text-align:center; margin:1.5%;}
#products li .image-wrapper {position:relative; border:none; width:100%; height:auto; text-align:center;}
#products li .image-wrapper img {width:100%;}
.kodd {font-size:11px;font-style:italic;color: #ce2027;}
.kodd2 {font-size:11px;font-style:italic;color: #fff;}
.pro-text {display:block; font-size:14px; margin:10px 0;}
.pro-btn {display:block; position:absolute; bottom:0; left:0; right:0; width:96%; height:33px; line-height:33px; color:#434343; text-align:center; border:1px solid #9d9fa1; padding:0 2%;}
.pro-btn span {display:inline-block; background:url(../images/product-arrow.png) no-repeat right center; padding-right:20px;}
.pro-btn:hover {background:#ce2027; border:none; color:#fff !important; padding:1px;}
.pro-btn:hover span {background:url(../images/product-arrow-white.png) no-repeat right center;}
.karsilastir {display:none; position:absolute; width:135px; height:33px; background:#FFF; font-size:12px; color:#666; left:50%; margin-left:-67px; top:30px; -webkit-border-radius: 15px;-moz-border-radius: 15px; -khtml-border-radius: 15px; border-radius: 15px;}
.karsilastir span {display:block; background:url(../images/icons/check-grey.png) no-repeat left top; cursor:pointer; padding-left:40px; height:33px; width:95px; line-height:33px;}
.karsilastir span:hover, .karsilastir span.selected {background:url(../images/icons/check.png) no-repeat left top;}
#products .image-wrapper:hover > .karsilastir {display:block;}
.hatirlatma {position:absolute; width:100%; height:auto; color:#fff; font-size:13px; font-weight:200; background:#ed1c24; left:0; top:62px; z-index:995;}
.hatirlatma div.ht {position:relative; width:97%; height:auto; padding:10px 1.5%;}
.hatirlatma span.iconix {display:block; float:left; background:url(../images/icons/unlem.png) no-repeat left center; padding-left:28px; line-height:24px; padding-right:30px;}
.hatirlatma .close {position:absolute; right:15px; top:15px; display:block; background:url(../images/icons/close-white.png) no-repeat; width:15px; height:15px;}
.cikinti {position:absolute; right:20px; top:-17px;background:url(../images/icons/hatirlatma.png) no-repeat; width:23px; height:17px;}
#gallery-wrapper {position:relative; width:100%; height:auto;}
#gallery {width: 100%; -webkit-user-select: none; -moz-user-select: none; user-select: none;}
.red-block {position:relative; width:92%; height:auto; padding:2% 4%; background:#cd2027;}
.spec1 {width:100%;}
.spec1-head {width:35%;}
.spec1 td {padding:5px 0; color:#FFF; border-bottom:1px solid #cf6165; font-size:12px;}
.spec1 td span {display:block; font-size:14px; padding-left:25px;}
.brand {background:url(../images/icons/brand.png) no-repeat left center;}
.code {background:url(../images/icons/code.png) no-repeat left center;}
.tag {background:url(../images/icons/tag.png) no-repeat left center;}
.tab h3 {display:inline-block; font-size:16px; padding:5px 20px; margin:0; background:#f0f0f0; color:#434343; font-weight:normal;}
.intab {background:#f0f0f0; padding:10px;}
.intab ul {display:inline-block; width:100%; height:auto; background:#fff;}
.tab li {display:inline-block; vertical-align:top; width:18%; padding-left:3%; background:url(../images/bullet.png) no-repeat 0 5px; margin:10px; overflow:hidden; color:#000;}
.tab .greybg {padding:10px;}
.thelist li {display:block; float:left; width:31.3%; margin:0 1% 20px 1%;    height: 398px;}
.thelist li img {width:100%;}
.thelist li a {display:block; background:#f0f0f0; text-align:center; padding:3px 5px; color:#434343;}
.reflist li {display:table; float:left; width:22.4%; height:120px; padding:0; margin:20px 1.3% 10px; background:#f0f0f0; text-align:center;}
.reflist li div {display:table-cell; vertical-align:middle; text-align:center;}
.reflist li a {vertical-align:middle; text-align:center;}
.reflist li img {width:50%;}
.karsilastirma {width:100%;}
.karsilastirma td {border-bottom:2px solid #f4f4f4; padding:15px; text-align:center;}
.karsilastirma td.bg {background:#f4f4f4; border-bottom:2px solid #fff; text-align:left;}
.karsilastirma .noborder td {border:none !important;}
.karsilastirma td .btn {display:block;}
.mobtablo {display:none;}
.mobt {float:left; padding:10px 2%; width:42%; background:#f4f4f4; margin:25px 2%; text-align:center;}
.mobt .image {text-align:center;}
.mobt span {display:block; margin:5px 0; text-align:left;}
.mobt .btn {display:inline-block; padding:5px 10px !important;}
.image {position:relative; width:150px; height:150px; margin:0 auto;}
.image img {position:absolute; left:0; right:0; width:100%; z-index:2;}
.image div {position:absolute; background:#f4f4f4 !important; display:block; width:100%; height:100%; left:0; top:0; z-index:1;}
.mobt .image div {background:#fff !important;}

#footer {position:relative; width:100%; height:auto; z-index:7; border-top:3px solid #efefef;}
#top-footer .w4 {float:left; width:22%; padding:15px 1.5%;}
#top-footer li {display:block; font-size:13px;}
#top-footer li a {display:inline-block; color:#434343; margin:5px 0; font-weight:200;}
#top-footer li a:hover {text-decoration:underline;}
span.footer-head {display:block; font-weight:bold; font-size:16px; color:#393c98; background:url(../images/icons/footer-head.png) no-repeat left 5px; padding:0 0 5px 18px; margin-bottom:10px;}
.social {margin:0 !important;}
.social li, .social li a {display:block; float:left; width:40px; height:36px;}
.social li {margin:0 10px 10px 0; border:1px solid #d9d9d9;}
.facebook a {background:url(../images/icons/social.png) no-repeat 0 -4px;}
.twitter a {background:url(../images/icons/social.png) no-repeat -40px -4px;}
.youtube a {background:url(../images/icons/social.png) no-repeat -80px -4px;}
.linkedin a {background:url(../images/icons/social.png) no-repeat -120px -4px;}
.social li:hover {border:1px solid #393c98;}
.copyright {font-size:12px; font-weight:200;}
.vera {display:block; background:url(../images/icons/vera.png) no-repeat; width:50px; height:10px; margin-top:5px;}
.vera:hover {background: url(../images/icons/vera.png) 0px -10px no-repeat;}
#center-footer {max-height:180px; overflow:hidden;}
#gmap img {width:100%;} /*bunu kaldır alttakini aç*/
/*#gmap {position:relative;  padding-bottom: 100%; padding-top:0; height: 0; overflow:hidden;}
#gmap iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}*/
.contacts {color:#666; font-size:13px;}
.contacts li {display:block; list-style-position:inside; border-bottom:1px solid #e8e8e8; padding-bottom:10px; margin-bottom:10px;padding-left:20px; line-height:20px;}
.c_adress {background:url(../images/icons/contact-map.png) no-repeat 0 4px;}
.c_tel {background:url(../images/icons/contact-phone.png) no-repeat 0 4px;}
.c_fax {background:url(../images/icons/contact-fax.png) no-repeat 0 4px;}
.c_mail {background:url(../images/icons/contact-mail.png) no-repeat 0 7px;}
.c_maps {background:none no-repeat 0 4px;}
.contacts a {color:#666;}

#bottom-footer {background:#393c98; color:#fff; font-size:13px;}
#bottom-footer a {color:#fff;}
#bottom-footer .w5 {float:left; width:30.3%; padding:0 1.5%;}
.address {background:url(../images/icons/map.png) no-repeat 0 10px; padding:10px 0 15px 38px;}
.phone {background:url(../images/icons/phone.png) no-repeat 0 13px; padding:20px 0 10px 50px;}
.email {background:url(../images/icons/email.png) no-repeat 0 18px; padding:20px 0 10px 48px;}
.email a {color:#fff;}

.image-wrapper {display:block; overflow:hidden;}
.sphere {-webkit-border-radius: 50%;-moz-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; overflow:hidden;}
.centered {float: right; left: -50%; position: relative;}
.centered ul, .centered .incentered {left: 50%; position: relative;}
.bordered {display:block; border-bottom:1px solid #e8e8e8; padding-bottom:10px; margin-bottom:10px;}
.shadowed {-moz-box-shadow: 0px 0px 20px #ccc; -webkit-box-shadow: 0 0px 20px #ccc; box-shadow: 0 0px 20px #ccc;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#ccc')";
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#ccc');}
.dark-shadowed {-moz-box-shadow: 0px 15px 15px #999; -webkit-box-shadow: 0 15px 15px #999; box-shadow: 0 15px 15px #999;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=7, Direction=135, Color='#999999')";
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=7, Direction=135, Color='#999999');}
.blue-color {color:#393c98;} .red-color {color:#ce2027;}
.btn {display:inline-block; border:1px solid #7d7d7d; color:#434343; text-align:center; padding:8px 30px;}
.btn:hover {border:1px solid #de2c33; color:#de2c33;}
.bluebg, .bluebg:hover {background:#2e3192; border:none; color:#fff;}
.grey {background:#f0f0f0;}
.greybg, .whitebg {position:absolute; height:100%; width:50%; top:0; bottom:0; z-index:-1;}
.greybg {background:#f0f0f0; left:0;}
.whitebg {background:#fff; right:0;}
.redhead {display:block; background:#ce2027; color:#fff; width:92%; padding:10px 4%;}

.clear {clear:both; display:block; height:0; line-height:0; overflow:hidden; margin:0; padding:0; z-index:8;}
.fl {float:left;}
.fr {float:right;}
.abs {position:absolute !important;}
.rel {position:relative !important;}
.nobg {background:none !important;}
.nomarg {margin:0 !important;}
.nopadd {padding:0 !important;}
.noborder {border:none !important;}
.t_center {text-align:center;}
.t_left {text-align:left;}
.t_right {text-align:right;}
.right-img, .left-img {display:block; position:relative; background:#e0171f; overflow:visible;}
.right-img {float:right;  margin:10px 10px 10px 20px; padding:0 0 10px 10px;}
.right-img img {margin-top:-10px; margin-right:-10px;}
.left-img {float:left; margin:10px 20px 10px 10px; padding:0 10px 10px 0;}
.left-img img {margin-top:-10px; margin-left:-10px;}

.white-popup {
position: relative;
background: #FFF;
padding: 20px;
width: auto;
max-width: 500px;
margin: 20px auto;
}
/* Image style */
#scrollUp {
    background-image: url("../images/icon_top.png");
    bottom: 20px;
    right: 20px;
    width: 44px;    /* Width of image */
    height: 44px;   /* Height of image */
}
.seremet {display:block;background:url("../images/seremet.png") left no-repeat;padding-left: 23px;
}