body,html{height:100%;background:url(../images/arkaplan.png);}
a{text-decoration:none;}

.ana{position:absolute;top:0;left:0;}
.sabit_menu{width:100%;height:124px;position:fixed;left:0;top:0;z-index:10;background:#fff;}
.ust{width:100%;height:71px;position:relative;}

.diller{width:250px;height:20px;position:absolute;left:890px;top:10px;z-index:30;}
.diller img{float:right;margin-right:7px;}
.diller img:hover{margin-top:-4px;cursor:pointer;}

.ara_ana{width:210px;height:45px;position:absolute;left:640px;top:13px;z-index:30;}
.tel{width:160px;height:45px;line-height:20px;position:absolute;right:0px;top:0px;font-family: 'PFDinDisplayPro-Bold';font-size:18px;text-align:center;color:#3d3d3d;}
.tel span{font-size:12px;}
.tel div{font-size:15px;}

.menu_ana{width:100%;height:53px;background:url(../images/menu_arka2.png) no-repeat;position:absolute;left:585px;top:71px;z-index:30;}
.menu{width:870px;height:53px;overflow:hidden;position:absolute;left:50px;top:0;}
.menu_buton{display:inline-block;height:53px;line-height:53px;padding-left:10px;padding-right:10px;font-family: 'PFDinDisplayPro-Bold';font-size:13px;font-weight:bold;color:#232323;}
.menu_buton:hover{background:#e71c22;color:#fff;cursor:pointer;}
.menu_kapsa{width:100%;height:124px;}
.menu_icon{width:45px;height:28px;background:url(../images/menu.png) no-repeat;position:absolute;top:19.5px;right:20px;z-index:11;cursor:pointer;}
.menu_arka{width:100%;height:177px;background:url(../images/menu_arka3.png) no-repeat;background-size:%100 177px;position:absolute;left:177px;top:10px;z-index:25;}

.cimen{width:215px;height:151px;background:url(../images/cimen.png) no-repeat;position:absolute;left:25px;top:15px;z-index:30;}

.logo{width:185px;height:66px;position:absolute;top:-40px;left:-220px;}

.icerik{width:100%;height:100%;position:relative;}

.yan_ana{width:380px;min-height:300px;position:absolute;left:0;top:0;z-index:5;}
.yan_tel{width:300px;height:57px;padding-left:27px;line-height:57px;background:#fff;border-bottom:1px solid #d6d6d6;color:#000;font-family: 'PFDinDisplayPro-Bold';font-weight:bold;font-size:17px;}
.yan_baslik{width:300px;height:44px;padding-left:27px;line-height:44px;font-family: 'PFDinDisplayPro-Bold';color:#fff;margin-top:1px;margin-bottom:1px;}
.yan_arka_1{background:url(../images/menu/1.jpg) no-repeat right top;}
.yan_arka_2{background:url(../images/menu/2.jpg) no-repeat right top;}
.yan_arka_3{background:url(../images/menu/3.jpg) no-repeat right top;}
.yan_arka_4{background:url(../images/menu/4.jpg) no-repeat right top;}
.yan_buton{width:327px;height:84px;border-bottom:1px solid #d6d6d6;position:relative;
background: rgb(255,255,255);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(226,226,226,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(226,226,226,1)));
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(226,226,226,1) 100%);
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(226,226,226,1) 100%);
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(226,226,226,1) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(226,226,226,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e2e2e2',GradientType=0 );
}
.yan_buton:hover{width:348px;background:url(../images/menu_arka.png) no-repeat;background-size:100% 100%;border-color:transparent;border-right:15px solid transparent;}
.yan_ust_cizgi{border-top:1px solid #d6d6d6;}
.yan_yazi{width:140px;height:54px;float:left;margin-top:15px;text-align:right;color:#6a7176;font-size:16px;font-family: 'PFDinDisplayPro-Bold';}
.yan_yazi span{font-size:13px;font-family: 'PFDinDisplayPro-ExtraThinItalic';}
.yan_resim{width:140px;height:64px;float:left;margin-left:1px;margin-top:10px;text-align:right;}

.acilir_ana{display:none;opacity:0;width:380px;height:300px;border:2px solid #fff;overflow:hidden;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;-ms-border-radius:3px;background:#fff;position:absolute;left:360px;top:-70px;}
.acilir_buton{width:66px;height:39px;background:url(../images/ara.png);position:absolute;right:-66px;top:32px;}
.acilir_yazi{width:140px;height:54px;margin-top:15px;margin-left:20px;color:#333;font-size:20px;font-family: 'PFDinDisplayPro-Bold';}
.acilir_yazi span{font-size:16px;font-family: 'PFDinDisplayPro-ExtraThinItalic';}
.acilir_ana img{width:380px;height:200px;margin-top:31px;border-top:1px solid #e30613;}
.yan_buton:hover .acilir_ana{display:block;-webkit-animation:opak .2s linear forwards;animation:opak .2s linear forwards;-moz-animation:opak .2s linear forwards;-o-animation:opak .2s linear forwards;-ms-animation:opak .2s linear forwards;}
.yan_buton:hover .acilir_ana .acilir_buton{-webkit-animation:acilir .4s linear forwards;animation:acilir .3s linear forwards;-moz-animation:acilir .3s linear forwards;-o-animation:acilir .3s linear forwards;-ms-animation:acilir .3s linear forwards;}

.yan_sosyal_ana{width:327px;height:51px;background:#fff;border-top:7px solid #e3e3e2;}
.yan_sosyal{width:300px;height:29px;margin-left:20px;margin-top:12px;}
.yan_sosyal_buton{width:40px;height:44px;float:left;margin-right:5px;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;}
.yan_sosyal_buton:hover{transform:rotate(-360deg);-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);-ms-transform:rotate(-360deg);}
.facebook{background:url(../images/sosyal/facebook.png);}
.twitter{background:url(../images/sosyal/twitter.png);}
.youtube{background:url(../images/sosyal/youtube.png);}
.google{background:url(../images/sosyal/foursquare.png);}
.gmctarim{width:116px;height:18px;float:right;margin-right:20px;margin-top:8px;}

.yan_footer{width:300px;height:34px;padding-left:1px;line-height:34px;background:#ecebeb;font-family: 'PFDinDisplayPro-ExtraThinItalic';font-size:12px;}
.yan_footer img{margin-right:12px;vertical-align:middle;}

.slider_ana{width:100%;height:100%;position:fixed;left:327px;top:124px;z-index:1;overflow:hidden;}
.slider_ana img{width:100%;height:auto;position:absolute;left:0;top:0;}
.slider_arka{width:100%;height:100%;background:url(../images/kaplama.png);position:absolute;left:0;top:0;z-index:3;}

.sag_menu_ana{display:none;width:240px;height:1800px;position:absolute;right:-240px;top:0;z-index:11;
background: rgb(62,65,67);
background: -moz-linear-gradient(left,  rgba(62,65,67,1) 0%, rgba(93,100,106,1) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(62,65,67,1)), color-stop(100%,rgba(93,100,106,1)));
background: -webkit-linear-gradient(left,  rgba(62,65,67,1) 0%,rgba(93,100,106,1) 100%);
background: -o-linear-gradient(left,  rgba(62,65,67,1) 0%,rgba(93,100,106,1) 100%);
background: -ms-linear-gradient(left,  rgba(62,65,67,1) 0%,rgba(93,100,106,1) 100%);
background: linear-gradient(to right,  rgba(62,65,67,1) 0%,rgba(93,100,106,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e4143', endColorstr='#5d646a',GradientType=1 );
}
.sag_tel{width:210px;height:47px;background:#fff;margin-top:71px;color:#b4b6b7;padding-left:30px;padding-top:20px;font-size:14px;font-family: 'PFDinDisplayPro-ExtraThinItalic';}
.sag_tel img{float:right;margin-right:30px;margin-top:-20px;}
.sag_buton{width:240px;height:57px;}
.sag_buton:hover{background:#de171c;}
.sag_icon{width:80px;height:57px;float:left;text-align:center;}
.sag_icon img{margin-top:12px;}
.sag_dil img{margin-top:20px;}
.sag_yazi{width:160px;height:57px;line-height:57px;float:left;color:#fff;font-family: 'PFDinDisplayPro-Bold';font-size:14px;}


.gizli{display:none;}
.temiz{clear:both;}

/*animasyonlar*/

@keyframes acilir{	0%{right:-66px;}	100%{right:-2px; }	}
@-webkit-keyframes acilir{	0%{right:-66px;}	100%{right:-2px; }	}
@-moz-keyframes acilir{	0%{right:-66px;}	100%{right:-2px; }	}
@-o-keyframes acilir{	0%{right:-66px;}	100%{right:-2px; }	}
@-ms-keyframes acilir{	0%{right:-66px;}	100%{right:-2px; }	}

@keyframes opak{	0%{opacity:0;}	100%{opacity:1; }	}
@-webkit-keyframes opak{	0%{opacity:0;}	100%{opacity:1; }	}
@-moz-keyframes opak{	0%{opacity:0;}	100%{opacity:1; }	}
@-o-keyframes opak{	0%{opacity:0;}	100%{opacity:1; }	}
@-ms-keyframes opak{	0%{opacity:0;}	100%{opacity:1; }	}



















/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

@import url("font/font.css");


html,
button,
input,
select,
textarea {
    color: #222;
}

html {
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

a{
    text-decoration: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

*{
    outline: none;
}

audio,
canvas,
img,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ==========================================================================
   Author's custom styles
   ========================================================================== */

body{
    margin: 0;
    padding:0;
    height: 100%;
    background: url("../images/bgPattern.png") #fff;
}

.headerContent{
    width: 100%;
    position: fixed;
    -webkit-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.3);
    top: 0;
    left: 0;
    z-index: 4;
    -webkit-backface-visibility: hidden;
    height:138px;
}

.headerContent .headerTop{
    max-width: 1024px;
    height: 72px;
    position: relative;
    z-index: 4;
}

.headerContent .topBar{
    width: 100%;
    height: 71px;
    background: #fff;
}

.headerContent .topBar .logo{
    display: block;
    position: absolute;
    width: 183px;
    height: 65px;
    top: 37px;
    left: 73px;
    text-indent: -9999px;
    background: url("../images/logo.png") no-repeat;
}

.headerContent .topBar .googleTranslate{
    display: block;
    position: absolute;
    width: 100px;
    height: 35px;
    right: 107px;
    top: 18px;
    background: url("../images/googleTranslate.png") no-repeat;
}

.headerContent .topBar .googleTranslate #google_translate_element{
    opacity: 0;
    height: 35px;
}

.headerContent .topBar .lang{
    position: absolute;
    width: 100px;
    height: 33px;
    right: 0px;
    top: 18px;
    font-family: "skKalin",sans-serif;
    font-size: 9.75px;
    color: #989a9b;
    cursor: pointer;
    border:1px solid #d1d4d5;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    background: url("../images/langButtonBg.jpg") repeat-x #ffffff;
}

.headerContent .topBar .lang img{
    margin:10px 5px 0 10px;
    float: left;
}

.headerContent .topBar .lang span{
    margin:10px 5px 0 0px;
    float: left;
}

.headerContent .topBar .lang .langArrow{
    display: block;
    width: 10px;
    height: 6px;
    margin:15px 8px 0 0;
    float: right;
    background: url("../images/langArrow.png") no-repeat;
}

.headerContent .topBar .langs{
    position: absolute;
    display: none;
    right: -1px;
    z-index: 2;
    top: 32px;
    margin:0;
    padding:0;
    list-style: none;
}

.headerContent .topBar .langs li{
    display: block;
    font-family: "skKalin",sans-serif;
    font-size: 9.75px;
    width: 100px;
    height: 25px;
    border-left: 1px solid #d1d4d5;
    border-right: 1px solid #d1d4d5;
    border-bottom: 1px solid #d1d4d5;
    background: #fff;
}

.headerContent .topBar .langs li:first-child{
    border-top: 1px solid #d1d4d5;
}

.headerContent .topBar .langs li:hover{
    background: url("../images/langButtonBg.jpg") repeat-x #ffffff;
}

.headerContent .topBar .langs img{
    margin:6px 5px 0 10px;
    float: left;
}

.headerContent .topBar .langs span{
    margin:6px 5px 0 0px;
    float: left;
}

.headerContent .topBar .langs a{
    display: block;
    width: 100px;
    height: 25px;
    color: #989a9b;
}

.headerContent .topBar .workKeyButton{
    display: block;
    position: absolute;
    width: 149px;
    height: 39px;
    top: 17px;
    right: 550px;
    opacity: 0.8;
    background: url("../images/workKeyButton.png") no-repeat;
}

.headerContent .topBar .loginForm{
    display: none;
    position: absolute;
    top: 17px;
    right: 247px;
}

.headerContent .topBar .loginForm img{
    display: block;
    float: left;
    margin-right: 7px;
    cursor: pointer;
}

.headerContent .topBar .loginForm input[type="text"]{
    width: 158px;
    float: left;
    height: 33px;
    margin-right: 7px;
    background: #ffffff;
    border: 1px solid #d1d4d5;
    font-size: 13px;
    font-family: "skKalin",sans-serif;
    text-indent: 10px;
    color: #222;
    border-radius: 5px;
}

.headerContent .topBar .loginForm input[type="submit"]{
    width: 62px;
    padding: 0px;
    margin:0;
    float: left;
    height: 37px;
    font-family: "skKalin",sans-serif;
    font-size: 12px;
    color: #706f6f;
    background: url("../images/langButtonBg.jpg") bottom repeat-x #ffffff;
    border: 1px solid #d1d4d5;
    border-radius: 5px;
}

.headerContent .topBar .logout{
 width: 62px;
padding: 5px 0 0 0;
margin: -5px 0 0 0;
float: right;
height: 28px;
text-align: center;
font-family: "skKalin",sans-serif;
font-size: 16px;
color: #fff;
background: #e30613;
border-radius: 5px;
padding-right:7px;
}

.logout2 {
width: 195px;
padding: 0;
margin: 10px 0 0 -1px;
float: left;
height: 17px;
text-align: center;
font-family: "skKalin",sans-serif;
font-size: 12px;
color: #fff;
background: #e30613;
border-radius: 5px;
padding-right: 7px;
}
.headerContent .topBar .workKeyButton:hover{
    opacity: 1;
}

.headerContent .headerBottom{
    max-width: 1024px;
    height: 67px;
    position: relative;
}

.headerContent .menuBar{
    width: 100%;
    height: 67px;
    background: url("../images/menuBarBg.jpg") repeat-x;
}

.headerContent .menuBar .menu{
    min-width: 800px;
    height: 67px;
    margin:0 0 0 327px;
    padding: 0;
    list-style: none;
}

.headerContent .menuBar .menu li{
    float:left;
}

.headerContent .menuBar .menu li a{
    display: block;
    padding: 23px 23.4px 23px 23.4px;
    font-family: "skKalin",sans-serif;
    font-size: 15px;
    color: #fff;
    text-decoration: none;
    letter-spacing: 1px;
}

.headerContent .menuBar .menu li a:hover,.headerContent .menuBar .menu li a.menuHover{
    background: url("../images/menuBg.jpg") repeat-x;
}

.leftMenu{
    display: block;
    position: relative;
    width: 327px;
    background: #fff;
    margin-top: 0px;
    z-index: 2;
    -webkit-box-shadow: 3px 0px 40px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 3px 0px 40px 0px rgba(0,0,0,0.3);
    box-shadow: 3px 0px 40px 0px rgba(0,0,0,0.3);
}

.leftMenu .phoneNumber{
    width: 327px;
    height: 57px;
    border-bottom: 1px solid #d6d6d6;
}

.leftMenu .phoneNumber span{
    display: block;
    float: left;
    font-family: skKalin,sans-serif;
    font-size: 14px;
    color: #989a9b;
    margin: 20px 0 0 50px;
}

.leftMenu .phoneNumber img{
    margin: 10px 0 0 15px;
}

.leftMenu ul.productMenu{
    margin:0;
    padding:0;
    list-style: none;
}

.leftMenu ul.productMenu li{
    border-bottom: 1px solid #d6d6d6;
}

.leftMenu ul.productMenu li.category{
    width: 327px;
    height: 44px;
    overflow: hidden;
    margin-top: -1px;
    padding-bottom: 3px;
}

.leftMenu ul.productMenu li.category h2{
    font-size: 17px;
    font-family: "skKalin",sans-serif;
    color: #fcfcfc;
    margin:12px 0 0 29px;
}

.leftMenu ul.productMenu li a{
    display: block;
    width: 348px;
    height: 84px;
    position: relative;
}

.leftMenu ul.productMenu li a .categoryProduct{
    width: 85%;
    height: 84px;
    margin-top: 10px;
    position: absolute;
}

.leftMenu ul.productMenu li a .categoryProduct .categoryProductText{
    width: 40%;
    text-align: right;
    float: left;
    margin-left: 7%;
}

.leftMenu ul.productMenu li a .categoryProduct .categoryProductText h3{
    margin:0;
    padding:0;
    font-family: "skKalin",sans-serif;
    font-size: 20px;
    color: #6a7176;
}

.leftMenu ul.productMenu li a .categoryProduct .categoryProductText p{
    margin:0;
    padding:0;
    font-family: "skInce",sans-serif;
    font-size: 13px;
    color: #6a7176;
}

.leftMenu ul.productMenu li a .categoryProduct img{
    float: right;
    margin-right: 7%;
    opacity: 0.5;
}

.leftMenu ul.productMenu li a:hover .categoryProduct img{
    opacity: 1;
}

.leftMenu ul.productMenu li a:hover .categoryProduct .categoryProductText h3{
    font-family: "skKalin",sans-serif;
    color: #333;
}

.leftMenu ul.productMenu li a:hover,
.leftMenu ul.productMenu li a.productMenuHover{
    background: url("../images/leftMenuHover.png") center right no-repeat;
}

.leftMenu ul.productMenu li a .mPopup{
    display: none;
    width: 383px;
    height: 302px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    background: url("../images/productPreview.png") 317px 35px no-repeat #fff;
    position: absolute;
    left: 360px;
    top: -70px;
    -webkit-box-shadow: 0px 0px 19px 0px rgba(0,0,0,0.21);
    -moz-box-shadow: 0px 0px 19px 0px rgba(0,0,0,0.21);
    box-shadow: 0px 0px 19px 0px rgba(0,0,0,0.21);
    -webkit-animation-name: mPopupBg;
    -webkit-animation-duration: 0.8s;
    -webkit-animation-timing-function: 1;
    -webkit-animation-iteration-count: 1;
}

.leftMenu ul.productMenu li:nth-last-child(-n+2) a .mPopup{
    top: -200px;
}

.leftMenu ul.productMenu li a .mPopup h3{
    font-family: "skKalin",sans-serif;
    font-size: 26px;
    color: #333333;
    margin: 12px 0 0 25px;
}

.leftMenu ul.productMenu li a .mPopup p{
    font-family: "skInce",sans-serif;
    font-size: 15px;
    color: #82878b;
    width: 150px;
    height: 40px;
    padding: 0;
    line-height: 20px;
    margin: 0 0 0 25px;
}

.leftMenu ul.productMenu li a .mPopup img{
    display: block;
    margin: 7px auto 0;
    border-top: 1px solid #e30613;
}

.slider{
    position: fixed;
    top: 138px;
    left: 327px;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.sliderPattern{
    position: fixed;
    top: 138px;
    left: 327px;
    width: 100%;
    height: 100%;
    z-index: 20;
    background: url("../images/sliderPattern.png");
}

.sliderPattern .news{
    position: absolute;
    width: 306px;
    height: 108px;
    background: #fffefc;
    border:1px solid #c7c7c6;
    left: 5.7%;
    top: 35%;
}

.sliderPattern .news .nslides{
    margin:0;
    padding:0;
    list-style: none;
}

.sliderPattern .news .nslides li{
    width: 308px;
    height: 110px;
    background: url("../images/newsSlideArrow.png") 280px 50% no-repeat;
}

.sliderPattern .news .nslides li img {
  display: block;
  height: 108px !important;
  float: left;
  width: 137px !important;
  min-width: 137px !important;
  border: 0;
}

.sliderPattern .news .nslides li a span{
    display: block;
    width: 115px;
    height: 55px;
    overflow: hidden;
    font-family: "skKalin",sans-serif;
    font-size: 14px;
    margin-left: 20px;
    float: left;
    color: #444749;
    position: relative;
    top:50%;
    margin-top: -27px;
}

.footer{
    width: 327px;
    height: 51px;
    border-top:7px solid rgba(216,215,214,0.7);
    background: #fff;
}

.footer .fcenter{
    width: 290px;
    margin:12px auto 0;
}

.footer .fcenter a{
    display: block;
    float: left;
    margin-right: 5px;
}

.footer .fcenter a:last-child{
    margin-left: 33px; 
    margin-top: 4px;
}

.copyright{
    width: 327px;
    height: 24px;
    background: rgba(216,215,214,0.5);
    padding-top: 10px;
    padding-bottom: 0px;
    font-family: "skInce",sans-serif;
    font-size: 9px;
    color: #6a7176;
}

.copyright img{
    margin-right: 10px;
    margin-left: 23px
}

.leftMenu .aboutTitle{
    width: 327px;
    height: 33px;
    text-indent: 60px;
    margin:0;
    font-family: "skInce",sans-serif;
    font-size: 17px;
    padding-top: 12px;
    color: #919394;
    background: url("../images/aboutTitle.jpg") no-repeat;
    border-bottom: 1px solid #d6d6d6;
}

.leftMenu .aboutMenu{
    margin:15px 0 600px 0;
    padding:0;
    list-style: none;
}

.leftMenu .aboutMenu li a{
    display: block;
    width: 327px;
    height: 28px;
    font-family: "skKalin",sans-serif;
    font-size: 16px;
    color: #888888;
    padding-top: 7px;
    text-indent: 60px;
}

.leftMenu .aboutMenu li a:hover, .leftMenu .aboutMenu li a.aboutMenuHover{
    color: #fff;
    background: url("../images/aboutMenuBg.png") left center no-repeat;
}

.aboutContent{
    position: absolute;
    left: 327px;
    width: calc(100% - 327px);
    overflow: hidden;
    float: left;
    z-index: 0;
}

.contentTop{
    width: 100%;
    height: 103px;
    overflow: hidden;
    border-bottom: 1px solid #e30613;
}

.contentTop h4{
    display: block;
    font-family: "skKalin",sans-serif;
    font-size: 25px;
    color: #ffffff;
    margin-left: 45px;
    margin-top: 62px;
    letter-spacing: 1.1px;
}

.contentText{
    font-family: "skKalin",sans-serif;
    width: 652px;
    overflow: hidden;
    margin: 25px 0 0 45px;
    font-size: 15px;
    color: #333333;
    letter-spacing: 0.6px;
}

.contentText .aboutLogo{
    margin: 30px 0 50px 0;
}

.leftMenu .productPageTitle{
    width: 327px;
    height: 34px;
    overflow: hidden;
    margin-top: 1px;
    font-size: 17px;
    font-family: "skKalin",sans-serif;
    color: #fcfcfc;
    margin:0;
    text-indent: 29px;
    padding-top: 12px;
    border-top: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6;
}

.leftMenu .productPageText{
    width: 231px;
    margin: 21px 0 30px 29px;
    font-family: "skInce",sans-serif;
    font-size: 14px;
    min-height: 137px;
    color: #888888;
    letter-spacing: 0.5px;
}

.productContent{
    position: absolute;
    left: 327px;
    width: calc(100% - 327px);

    overflow: hidden;
    float: left;
    z-index: 0;
}

.productCategoryTitle{
    display: none;
    width: 90%;
    height: 34px;
    overflow: hidden;
    margin-top: 1px;
    font-size: 17px;
    font-family: "skKalin",sans-serif;
    color: #fcfcfc;
    margin: 0;
    text-indent: 29px;
    padding-top: 12px;
    border-top: 1px solid #d6d6d6;
}

.productContent .productList{
    width: 676px;
    margin: 58px 0 0 21px;
}

.productContent .productList .productCategoryList{
    width: 100%;
    height: 100%;
    overflow: hidden;
    min-height: 236px;
}

.productContent .productList .productItem{
    display: block;
    position: relative;
    width: 169px;
    height: 235px;
    float: left;
    border-top: 1px solid #d6d6d6;
    overflow: hidden;
}

.productContent .productList .productItem h3{
    width: 165px;
    margin:0 auto;
    padding: 8px 0 10px 0;
    text-align: center;
    font-family: "skKalin",sans-serif;
    font-size: 20px;
    color: #888888;
    border-bottom: 1px solid #d6d6d6;
}

.productContent .productList .productItem:hover{
    background: url("../images/productItemBg.png") bottom center no-repeat;
}

.productContent .productList .productItem:hover h3{
    font-family: "skKalin",sans-serif;
    color: #333333;
}

.productContent .productList .productItem span{
    display: block;
    width: 150px;
    height: 42px;
    font-family: "skInce",sans-serif;
    font-size: 14px;
    padding-top: 9px;
    color: #888888;
    text-align: center;
    margin:0 auto;
}

.productContent .productList .productItem:hover span{
    color: #333333;
}

.productContent .productList .productItem img:nth-of-type(1){
    display: block;
    margin: 15px auto 0;
    opacity: 0.5;
}

.productContent .productList .productItem img:nth-of-type(2){
    position: absolute;
    bottom: -32px;
    left: 50%;
    margin-left: -19px;
}

.productContent .productList .productItem:hover img:nth-of-type(1){
    opacity: 1;
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}

.productDetailContent{
    position: absolute;
    left: 327px;
    overflow: hidden;
    float: left;
    z-index: 0;
    width: 676px;
    margin: 21px 0 0 25px;
}

.productDetailContent .productDetailTop{
    width: 675px;
    height: 83px;
    border-bottom: 1px solid #e30613;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center right;
    overflow: hidden;
    border-top: 1px solid #e1e1e1;
    border-left: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
}

.productDetailContent .productDetailTop h3{
    margin:14px 0 0 23px;
    padding:0;
    font-family: "skKalin",sans-serif;
    font-size: 26px;
    color: #333333;
}

.productDetailContent .productDetailTop p{
    margin:0 0 0 23px;
    padding:0;
    font-family: "skInce",sans-serif;
    font-size: 16px;
    color: #888888;
}

.productDetailContent .productImageContent{
    position: relative;
    width: 674px;
    height: 475px;
    overflow: hidden;
    background: #fff;
    border-left: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
}

.productDetailContent .productImageContent .productImage{
    display: none;
    top:0;
    left:0;
    width: 608px;
    height: 453px;
    overflow: hidden;
    position: absolute;
    float: left;
    z-index: 1;
}

.productDetailContent .productImageContent .productImageFront{
    display: block;
}

.productDetailContent .productImageContent .productImage .productPin{
    position: absolute;
    display: block;
    width: 39px;
    height: 38px;
    background: url("../images/productPin.png") no-repeat;
    z-index: 2;
    opacity: 0.9;
}

.productDetailContent .productImageContent .productImage .productPin:hover{
    opacity: 1 !important;
}

.productDetailContent .pPopupContent{
    display: none;
    position: relative;
    width: 100%;
    height: 475px;
    z-index: 4;
    background: url("../images/pPopupLine.png") 25px 400px no-repeat rgba(255,255,255,0.5);
}

.productDetailContent .pPopupContent .pPopupImage{
    position: absolute;
    bottom: 10px;
    right: 10px;
    width: 272px;
    height: 272px;
    border-radius: 50%;
    z-index: 6;
    border: 1px solid #f5f5f5;
    background-position: center center;
    background-repeat: no-repeat;
}

.productDetailContent .pPopupContent .pPopupText{
    position: absolute;
    width: 370px;
    height: 55px;
    font-size: 14px;
    font-family: "skInce", sans-serif;
    color: #333333;
    top: 412px;
    left: 32px;
}

.productDetailContent .pPopupContent .pPopupClose{
    position: absolute;
    bottom: 30px;
    right: 50%;
    margin-right: -18px;
    width: 36px;
    height: 36px;
    background: url("../images/pPopupClose.png") no-repeat;
}

.productDetailContent .productButtons{
    width: 66px;
    height: 453px;
    float: right;
}

.productDetailContent .productButtons a{
    display: block;
    width: 54px;
    overflow: hidden;
    font-family: "skInce",sans-serif;
    font-size: 11px;
    color: #6e6e6e;
    margin: 0 auto 20px;
    text-align: center;
	float: left;
}

.productDetailContent .productButtons a:nth-of-type(1){
    color: #e30613;
}

.productDetailContent .productButtons a:first-child{
    margin-top: 20px;
}

.productDetailContent .productButtons a img{
    margin: 0 auto 5px;
}

.productTextContent{
    width: 674px;
    overflow: hidden;
    background: #fff;
    border: 1px solid #e1e1e1;
    margin-top: 10px;
}

.productTextContent h4{
    display: block;
    font-family: "skKalin",sans-serif;
    font-size: 20px;
    color: #333333;
    width: 290px;
    height: 65px;
    float: left;
    margin:0;
    padding: 10px 56px 0 25px;
    border-bottom: 1px solid #e30613;
}

.productTextContent h4.pVideoTitle{
    width: 307px;
    padding: 37px 0 0 12px;
    height: 38px;
}

.productTextContent .pText{
    width: 318px;
    overflow: hidden;
    font-size: 14px;
    padding: 0 27px 20px 27px;
    font-family: "skKalin",sans-serif;
    color: #333333;
    float: left;
    letter-spacing: 0.5px;
}

.productTextContent .pTextContent{
    width: 355px;
    overflow: hidden;
    float: left;
}

.productTextContent .pVideoContent{
    width: 290px;
    overflow: hidden;
    float: left;
}

.productTextContent .pVideo{
    position: relative;
    width: 275px;
    height: 205px;
    float: left;
    margin-top: 18px;
    margin-left: 13px;
}

.productTextContent .pVideo .pVideoImage{
    position: absolute;
    z-index: 1;
}

.productTextContent .pVideo .pPlayButton{
    position: absolute;
    z-index: 2;
    top:50%;
    left:50%;
    margin: -27px 0 0 -27px;
    cursor: pointer;
}

.productTableContent{
    width: 674px;
    overflow: hidden;
    background: #fff;
    border: 1px solid #e1e1e1;
    margin-top: 10px;
}

.productTableContent h4{
    width: 100%;
    height: 29px;
    background: url("../images/pTechIcon.png") 12px center  #e30613 no-repeat;
    color: #ffffff;
    font-size: 16px;
    font-family: "skKalin",sans-serif;
    margin: 0;
    text-indent: 42px;
    padding-top: 9px;
    margin-bottom: 5px;
}

    .productTableContent table {
        width:100% !important;
    }

.productTableContent table td{
    border: 1px solid #dededc;
    font-family: "skInce",sans-serif;
    font-size: 13px;
    color: #333333;
    padding: 10px 4.8px;
    text-align: center;
}

.productTableContent table td:first-child{
    width: 20%;
}

.productTableContent table tr:first-child td:nth-child(even){
    background: #f2f2f1;
    font-family: "skKalin",sans-serif;
}

.productTableContent table tr:first-child td:nth-child(odd){ 
    background: #e5e5e3;
    font-family: "skKalin",sans-serif;
}

.productFooterContent{
    width: 674px;
    overflow: hidden;
    margin-top: 10px;
    margin-bottom: 50px;
}

.productFooterContent .pRefresh{
    width: 340px;
    height: 50px;
    text-align: right;
    float: right;
    background: url("../images/pRefreshIcon.png") right center no-repeat;
    font-family: "skInce",sans-serif;
    font-size: 13px;
    color: #a8a8a8;
    padding-right: 45px;
    padding-top: 16px;
}

.productFooterContent .pService{
    width: 147px;
    height: 50px;
    text-align: right;
    float: right;
    background: url("../images/pServiceIcon.png") right center no-repeat;
    font-family: "skInce",sans-serif;
    font-size: 13px;
    color: #a8a8a8;
    padding-right: 45px;
    padding-top: 16px;
}

.leftMenu .legationTitle{
    width: 327px;
    height: 34px;
    text-indent: 60px;
    margin:-1px 0 0 0;
    font-family: "skInce",sans-serif;
    font-size: 17px;
    padding-top: 12px;
    color: #919394;
    background: url("../images/legationTitle.jpg") center left no-repeat;
    border-bottom: 1px solid #d6d6d6;
}

.filterMap{
    margin: 23px 0 23px 40px;
}

.filterMap select{
    width: 208px;
    height: 36px;
    border-radius: 3px;
    font-family: "skInce",sans-serif;
    font-size: 14px;
    color: #919394;
    text-indent: 10px;
    background: url("../images/selectArrowDown.png") 180px center no-repeat #fff;
    border: 1px solid #e1e1e1;
    -webkit-appearance: none; 
    -moz-appearance: none; 
    box-shadow: none !important; 
}

.mapsIframe{
    position: relative !important;
    z-index: 5;
}


.legationBox{
    position: relative;
    width: 676px;
    min-height: 211px;
    background: #fff;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    margin-left: 31px;
    margin-top: -50px;
    z-index: 6;
    overflow:hidden;
}

.legationBox img{
    display: block;
    float: right;
    margin: 22px 22px 0 0;
}

.legationBox .legationText{
    width: 405px;
    float: left;
    margin-top: 22px;
    margin-left: 22px;
}

.legationBox .legationText span:nth-of-type(1){
    display: block;
    font-family: "skKalin",sans-serif;
    font-size: 14px;
    margin-left:62px;
    color: #e30613;
}

.legationBox .legationText span:nth-of-type(2){
    display: block;
    width: 403px;
    height: 36px;
    background: url("../images/legationSkBg.png") no-repeat;
    font-family: "skKalin",sans-serif;
    font-size: 16px;
    margin-left:10px;
    text-indent: 52px;
    padding-top: 13px;
    color: #333333;
}

.legationBox .legationText span:nth-of-type(3){
    display: block;
    font-family: "skKalin",sans-serif;
    font-size: 14px;
    margin-left:62px;
    color: #333333;
}

.leftMenu .newsTitle{
    width: 327px;
    height: 33px;
    text-indent: 60px;
    margin:0;
    font-family: "skInce",sans-serif;
    font-size: 17px;
    padding-top: 12px;
    color: #919394;
    background: url("../images/newsTitleBg.jpg") no-repeat;
    border-bottom: 1px solid #d6d6d6;
}

.newsTop{
    border-bottom: 1px solid #e30613;
    background: url('../images/newsTitleTopBg.jpg') left center no-repeat
}

.newsTop h4{
    color: #333333 !important;
}

.newsContent{
    position: relative;
    width: 626px;
    margin-left: 21px;
    background: #ffffff;
    padding:25px 25px 13px 25px;
    border:1px solid #e0e0e0;
}

.newsContent .newText{
    font-family: "skInce",sans-serif;
    font-size: 15px;
    color: #3e4041;
    letter-spacing: 0.5px;
    padding-bottom: 10px;
    border-bottom: 1px solid #d6d6d6;
    width: 637px;
    padding: 0px 20px 0px 20px;
    margin-left: -25px;
}

.newsContent .newBigImage{
    margin-top: 10px;
    margin-left: -5px;
}

.newsContent .newSmallImage{
    width: 636px;
    padding: 0px 20px 0px 20px;
    overflow: hidden;
    margin-left: -25px;
    padding-bottom: 10px;
    border-bottom: 1px solid #d6d6d6;
    margin-bottom: 10px;
}

.newsContent .newSmallImage a{
    display: block;
    width: 100px;
    height: 73px;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
}

.newsContent .newSmallImage a:nth-child(6n+6){
    margin-right: 0px;
}

.newVideos{
    width: 626px;
    overflow: hidden;
    margin-left:-5px;
}

.newVideoTitle{
    position: absolute;
    z-index: 2 !important;
    bottom: 0px !important;
    color: #FFF !important;
    width: 290px !important;
    height: 20px;
    background: rgba(0,0,0,0.6);
    left: 0;
    font-family: skKalin,sans-serif !important;
    letter-spacing: 0.6px;
    top: 135px !important;
    padding: 10px;
    font-size: 14px !important;
    line-height: 25px;
    overflow: hidden;
}

.newVideos .newVideo{
    position: relative;
    width: 310px;
    height: 179px;
    float: left;
    margin-right: 5px
}

.newVideos .newVideo .nVideoImage{
    position: absolute;
    z-index: 1;
}

.newVideos .newVideo .nPlayButton{
    position: absolute;
    z-index: 2;
    top:50%;
    left:50%;
    margin: -27px 0 0 -27px;
    cursor: pointer;
}

.newVideos .newVideo:nth-child(2n+2){
    margin-right: 0px;
}

.newsContent .newSkLogo{
    position: absolute;
    right: 10px;
    top: -35px;
}

.newsContent .multiSkLogo{
    position: absolute;
    left: 40px;
    top: 6px;
}

.multiContent{
    margin-top: 20px;
    width: 620px;
}

.multiContent .newSmallImage{
    width: 631px;
}

.multiContent .multiBigImage{
    border-top: 1px solid #e30613;
}

.multiContent span{
    position: absolute;
    font-family: "skInce",sans-serif;
    font-size: 11px;
    color: #919394;
    right: 28px;
    top:20px;
}

.leftMenu .multiTitle{
    width: 327px;
    height: 32px;
    text-indent: 60px;
    margin:0;
    font-family: "skInce",sans-serif;
    font-size: 17px;
    padding-top: 12px;
    color: #919394;
    background: url("../images/multiTitleBg.jpg") no-repeat;
    border-bottom: 1px solid #d6d6d6;
}

.contactContent{
    position: absolute;
    left: 327px;
    width: calc(100% - 327px);
    overflow: hidden;
    float: left;
    z-index: 0;
}

.contactContent .contactBox{
    position: relative;
    width: 676px;
    overflow: hidden;
    background: #fff;
    border:1px solid #dfdfdf;
    top: -50px;
    margin-left: 21px;
    border-radius: 3px;
}

.contactContent .contactBox .contactHeader{
    width: 100%;
    height: 79px;
    border-bottom: 1px solid #e30613;
}

.contactContent .contactBox .contactHeader .contactLogo{
    margin: 11px 0 0 20px;
    float: left;
}

.contactContent .contactBox .contactHeader h5{
    margin: 29px 0 0 10px;
    float: left;
    font-family: "skKalin",sans-serif;
    font-size: 12px;
    color: #2f353a;
}

.contactContent .contactBox .contactHeader .contactSocial{
    margin: 25px 20px 0 0;
    float: right;
}

.contactContent .contactBox .contactText{
    width: 160px;
    height: 220px;
    overflow: hidden;
    margin: 28px 0 0 72px;
    font-family: "skInce",sans-serif;
    font-size: 14px;
    color: #2f353a;
    float: left;
}

.contactContent .contactBox .contactText p{
    padding: 0;
    margin:0 0 20px 0;
}

.contactContent .contactBox .contactForm{
    width: 420px;
    float: right;
    overflow: hidden;
    margin-top: 28px;
    margin-right: 10px;
    margin-bottom: 40px
}

.contactContent .contactBox .contactForm input[type="text"]{
    width: 197px;
    float: left;
    height: 33px;
    margin-right: 7px;
    margin-bottom: 10px;
    background: #ffffff;
    border: 1px solid #d1d4d5;
    font-size: 13px;
    font-family: "skInce",sans-serif;
    text-indent: 10px;
    color: #919394;
    border-radius: 5px;
}

.contactContent .contactBox .contactForm textarea{
    width: 404px;
    float: left;
    height: 130px;
    margin-right: 7px;
    margin-bottom: 10px;
    background: #ffffff;
    border: 1px solid #d1d4d5;
    font-size: 13px;
    font-family: "skInce",sans-serif;
    text-indent: 10px;
    color: #919394;
    padding-top: 5px;
    border-radius: 5px;
}

.contactContent .contactBox .contactForm input[type="button"]{
    width: 62px;
    padding: 0px;
    margin:0 10px 0 0;
    float: right;
    height: 37px;
    font-family: "skKalin",sans-serif;
    font-size: 12px;
    color: #706f6f;
    background: url("../images/langButtonBg.jpg") bottom repeat-x #ffffff;
    border: 1px solid #d1d4d5;
    border-radius: 5px;
}

.productionTitle{
    color: #333333 !important;
}

.productionTitle .spanRed{
    color: #e30613;
}

.productionTop{
    border-bottom: 1px solid #e30613;
}

.productionMap{
    position: relative;
    width: 1125px;
    height: 418px;
}

.productionMap .pMark{
    position: absolute;
    width: 4%;
    height: auto;
}

.productionMap .pMark img{
    width: 100%;
}

.productionMap .pMark:nth-of-type(1){
    left: 47%;
    top: 11%;
}

.pMarka1{
    left: 16.5% !important;
    z-index: 2;
}

.productionMap .pMark:nth-of-type(2){
    left: 17%;
    top: 33%;
}

.pMarka2{
    left: 67.5% !important;
    
}

.productionMap .pMark:nth-of-type(3){
    left: 39%;
    top: 34%;
}

.pMarka3{
    left: 71.5% !important;
    
}

.productionMap .pMark:nth-of-type(4){
    left: 20%;
    top: 21%;
}

.pMarka4{
    left: 60.5% !important;
    
}

.productionMap .pMark:nth-of-type(5){
    left: 53%;
    top: 40%;
}

.pMarka5{
    left: 38.5% !important;
    
}

.productionMap .pMark:nth-of-type(6){
    left: 42%;
    top: 11%;
}

.pMarka6{
    left: 52.5% !important;
    
}

.productionMap .pMark:nth-of-type(7){
    left: 27%;
    top: 27%;
}

.pMarka7{
    left: 19.5% !important;
   
}

.productionMap .pMark:nth-of-type(8){
    left: 68%;
    top: 28%;
    z-index: 3;
}

.pMarka8{
    left: 46.5% !important;
    
}

.productionMap .pMark:nth-of-type(9){
    left: 61%;
    top: 20%;
}

.pMarka9{
    left: 67.5% !important;
    
}

.productionMap .pMark:nth-of-type(10){
    left: 56%;
    top: 7%;
}

.pMark10{
    left: 26.5% !important;
    
}

.productionMap .pMark:nth-of-type(11){
    left: 68%;
    top: 14%;
}

.pMark11{
    left: 55.5% !important;
    top: 11% ;
}

.productionMap .pMark:nth-of-type(12){
    left: 72%;
    top: 21%;
}

.pMark12{
    left: 41.5% !important;
   
}

.productionText{
    display: none;
    width: 676px;
    overflow: hidden;
    position: relative;
    padding: 27px;
    background: #fff;
    border: 1px solid #d1d4d5;
    border-radius: 3px;
    z-index: 5;
    margin-top: -73px;
    margin-left: 21px;
}

.productionText .pText{
    font-family: skKalin,sans-serif;
    padding: 0px 26px 0px 26px;
    font-size: 15px;
    color: #333333;
    padding-bottom: 30px;
}

.productionText .proRedLine{
	width: 730px;
	border: 0;
	border-bottom: 1px solid #e30613;
	margin: 0 0 0 -27px;
	padding: 0;
}

.productionText .proGrayLine{
	width: 730px;
	margin: 0 0 0 -27px;
	padding: 0;
}

.productionText .newBigImage{
    margin: 0 auto 0;
}

.productionText .newSmallImage{
    width: 626px;
    overflow: hidden;
    padding-bottom: 20px;
    margin: 0 auto;
}

.productionText .newSmallImage a{
    display: block;
    width: 100px;
    height: 73px;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
}

.productionText .newSmallImage a:nth-child(6n+6){
    margin-right: 0px;
}

.productionText .productionImage{
    width: 626px;
}

.productionSkLogo{
    position: absolute;
    right: 145px;
    top: -29px;
}

.rMenuButton,
.rMenuButtonOpen{
    display: none;
    position: absolute;
    right: 25px;
    top: 18px;
    width: 45px;
    height: 28px;
    background: url("../images/rMenuButton.png") no-repeat;
}

.aboutDocTitle{
    width: 327px;
    height: 33px;
    text-indent: 60px;
    margin:0;
    font-family: "skInce",sans-serif;
    font-size: 17px;
    padding-top: 12px;
    color: #919394;
    border-bottom: 1px solid #d6d6d6;
}

.aboutDocTitle:nth-of-type(1){
    background: url("../images/aboutDocBg1.png") no-repeat;
}

.aboutDocTitle:nth-of-type(2){
    background: url("../images/aboutDocBg2.png") no-repeat;
}

.aboutDocTitle:nth-of-type(3){
    background: url("../images/aboutDocBg3.png") no-repeat;
}

.aboutDocTitle:nth-of-type(4){
    background: url("../images/aboutDocBg4.png") no-repeat;
}

.docMenu{
    margin-bottom: 30px !important;
}

.docContent{
    position: relative;
    width: 626px;
    margin-left: 21px;
    padding: 25px;
}

.docContent .newSkLogo{
    position: absolute;
    right: 10px;
    top: -35px;
}

.docContent .docBlock{
    position: relative;
    display: block;
    float: left;
    width: 288px;
    height: 169px;
    background: url("../images/docItemBg.png");
    margin-right: 10px;
    margin-bottom: 10px;
}

.docContent .docBlock span{
    position: absolute;
    bottom: 0;
    width: 248px;
    padding: 7px 20px 7px 20px;
    background: rgba(0,0,0,0.5);
    font-family: "skInce",sans-serif;
    color: #ffffff;
    font-size: 15.5px;
}

.docContent .docCatalog{
    position: relative;
    display: block;
    float: left;
    width: 126px;
    height: 169px;
    background: url("../images/docCatalogBg.png");
    font-family: "skInce",sans-serif;
    color: #ffffff;
    font-size: 15.5px;
    margin-right: 10px;
    margin-bottom: 10px;
    text-align: center;
}

.docContent .docGuide{
    position: relative;
    display: block;
    float: left;
    width: 126px;
    height: 169px;
    margin-right: 10px;
    margin-bottom: 10px;
    background: url("../images/docGuideBg.png");
    font-family: "skInce",sans-serif;
    color: #c7c8c8;
    font-size: 15.5px;
    text-align: center;
}

.docContent .docCatalog span,
.docContent .docGuide span{
    display: block;
    margin-top: 10px;
}

.responsiveMenu{
    display: none;
    position: absolute;
    width: 240px;
    height: 2000px;
    right: 0;
    margin-right: -241px;
    top:0;
    z-index: 150;
    background: url("../images/responsiveMenuBg.jpg") repeat-y;
}

.responsiveMenu .resWorkKeyButton{
    display: block;
    position: absolute;
    width: 149px;
    height: 39px;
    top: 16px;
    right: 39px;
    opacity: 1;
    background: url("../images/workKeyButton.png") no-repeat;
}

.responsiveMenu .resLoginForm{
    overflow: hidden;
    display: none;
}

.responsiveMenu .resLoginForm img{
    margin: 16px 0 20px 99px;
}

.responsiveMenu .resLoginForm input[type="text"]{
    width: 158px;
    float: left;
    height: 33px;
    margin-left: 44px;
    margin-bottom: 10px;
    background: #ffffff;
    border: 1px solid #d1d4d5;
    font-size: 13px;
    font-family: "skKalin",sans-serif;
    text-indent: 10px;
    color: #222;
    border-radius: 5px;
}

.responsiveMenu .resLoginForm input[type="submit"]{
    width: 162px;
    padding: 0px;
    margin:0 0 0 44px;
    float: left;
    height: 37px;
    font-family: "skKalin",sans-serif;
    font-size: 12px;
    color: #706f6f;
    background: url("../images/langButtonBg.jpg") bottom repeat-x #ffffff;
    border: 1px solid #d1d4d5;
    border-radius: 5px;
}

.responsiveMenu .resPhoneNumber{
    width: 240px;
    height: 66px;
    background: #fff;
    margin-top: 71px;
}

.responsiveMenu .resPhoneNumber span{
    display: block;
    float: left;
    width: 100px;
    font-family: "skInce",sans-serif;
    font-size: 14px;
    color: #989a9b;
    margin: 15px 0 0 25px;
}

.responsiveMenu .resPhoneNumber img{
    margin: 14px 0 0 0;
}

.responsiveMenu .resMenuContent > a{
    display: block;
    width: 240px;
    height: 57px;
    font-family: skKalin,sans-serif;
    font-size: 15px;
    color: #ffffff;
}

.responsiveMenu .resMenuContent a span{
    display: block;
    width: 240px;
    height: 38px;
    text-indent: 80px;
    padding-top: 19px;
}

.responsiveMenu .resMenuContent > a:hover,
.responsiveMenu .resMenuContent > a.resMenuHover{
    background: url("../images/resMenuHover.jpg") repeat-x;
}

.responsiveMenu .resMenuContent span.resAboutM{
    background: url("../images/resAboutIcon.png") no-repeat 30px 13px;
}

.responsiveMenu .resMenuContent span.resProductM{
    background: url("../images/resProductIcon.png") no-repeat 30px 13px;
}

.responsiveMenu .resMenuContent span.resLegationM{
    background: url("../images/resLegationIcon.png") no-repeat 30px 13px;
}

.responsiveMenu .resMenuContent span.resNewsM{
    background: url("../images/resNewsIcon.png") no-repeat 30px 13px;
}

.responsiveMenu .resMenuContent span.resMultiM{
    background: url("../images/resMultiIcon.png") no-repeat 30px 13px;
}

.responsiveMenu .resMenuContent span.resContactM{
    background: url("../images/resContactIcon.png") no-repeat 30px 13px;
}

.responsiveMenu .resMenuContent span.resDocM{
    background: url("../images/resDocIcon.png") no-repeat 30px 13px;
}

.responsiveMenu .resMenuContent span.resLangM{
    background: url("../images/resLanguageTrIcon.png") no-repeat 30px 22px;
}

.responsiveMenu .dropDownMenu{
    display: none;
    margin:5px 0 0 0;
    padding:0;
    list-style: none;
}

.responsiveMenu .dropDownMenu li a{
    display: block;
    width: 240px;
    padding: 7px 0 7px 0;
    font-family: skKalin,sans-serif;
    font-size: 16px;
    text-indent: 30px;
    color: #bebebe;
}

.responsiveMenu .dropDownMenu li > a:hover,
.responsiveMenu .dropDownMenu li > a.resDropDownMenuHover{
    background: #6e7173;
    color: #fff;
}

.popup_content{
    display:none;
    position: fixed;
    width: 100%;
    height: 100%;
    margin-top: -138px;
    background: rgba(0,0,0,0.8);
    z-index:9999;
}

.popup_content .popup_item{
    position:absolute;
    width: 598px;
    height: 481px;
    left: 50%;
    top: 50%;
    margin-left: -299px;
    margin-top: -240px;
}

.popup_content .popup_item .popup_image{
    position:absolute;
}

.popup_content .popup_item .popup_close{
    position: absolute;
    z-index: 9999;
    right: 19px;
    top: 9px;
}



/* ==========================================================================
   Media Queries
   ========================================================================== */

@media screen and (max-width: 1024px) {

    html, body
    {
        width: 100%;
    }

    .headerBottom ul.menu,
    .googleTranslate,
    .lang,
    .sliderPattern,
    .workKeyButton,
    .leftMenu .phoneNumber,
    .mPopup,
    #rAbout .phoneNumber,
    #rAbout .aboutTitle,
    #rAbout .aboutMenu,
    .aboutDocTitle,
    #rProduct .productNumber,
    #rProduct .productPageTitle,
    #rProduct .productPageText,
    #rLegationMenu .phoneNumber,
    #rLegationMenu .legationTitle,
    #rLegationMenu .aboutMenu,
    #rNewMenu .phoneNumber,
    #rNewMenu .newsTitle,
    #rNewMenu .aboutMenu,
    #rMultiMenu .phoneNumber,
    #rMultiMenu .multiTitle,
    #rMultiMenu .aboutMenu,
    #rContactMenu .phoneNumber,
    #rContactMenu .productMenu,
    #rProductMenu .phoneNumber,
    #rProductMenu .productMenu,
    #rProduction .aboutTitle,
    #rProduction .aboutMenu,
    .headerTop .sessionsInfo{
        display: none !important;
    }
	
    .contentTop h4{
        margin-left: 14px !important;
    }

	.productDetailContent .pPopupContent{
		background: url("../images/pPopupLine.png") 25px 87% no-repeat rgba(255,255,255,0.5) !important;
	}
	
	.productDetailContent .pPopupContent .pPopupText{
		top: 89%;
	}

    .headerBottom a.rMenuButton,
    .headerBottom a.rMenuButtonOpen,
    .productCategoryTitle{
        display: block;
    }

    .workKeyButton,
    .loginForm{
        right: 25px !important;
    }

    .slider{
        position: relative;
        top: 138px;
        left: auto;
        width: 100%;
        height: auto;
        z-index: 0;
    }

    .leftMenu,
    .productMenu li,
    .productMenu li a,
    .footer,
    .copyright {
        width: 100% !important;
        -webkit-box-shadow: none !important;
        -moz-box-shadow: none !important;
        box-shadow: none !important;
    }

    .productMenu li a:hover{
        background: none !important;
    }

    .aboutContent,
    .productContent{
        position: relative !important;

        left: 0 !important;
        width: 100% !important;
        float: none;
    }



    .aboutContent .contentText{
        width: 100%;
        padding-right: 20px;
        box-sizing: padding-box;
        margin-left: 15px;
    }

    .aboutContent .contentText p{
        padding-right: 33px;
    }

    .productContent{
        margin-bottom: 25px;
    }

    .productContent .productList{
        width: 100%;
    }

    .aboutContent .formContainer,
    .aboutContent .formContainer2{
        width: 100% !important;
    }

    .aboutContent .formContainer textarea,
    .aboutContent .formContainer2 textarea{
        width: 100% !important;
    }

    .aboutContent .formContainer .formBlok3{
        width: 173px !important;
    }

    #rLegation .filterMap{
        width: 80% !important;
        margin: 23px auto 40px !important;
    }

    #rLegation .filterMap select{
        width: 100% !important;
        margin: 10px auto 10px !important;
        background-position-x: 96%;
        -webkit-appearance: none; 
        box-shadow: none !important; 
    }

    #rLegation .legationBox{
        width: 100% !important;
        margin:0 !important;
        height: auto !important;
        overflow: hidden !important;
    }

    #rLegation .legationBox .legationText{
        width: 75% !important;
    }
    
    #rLegation .legationBox img{
        float: left !important;
        margin-left: 82px !important;
        margin-bottom: 20px !important;
    }

    .newsContent{
        width: 100% !important;
        padding:0 !important;
        margin:0 !important;
    }

    .newsContent .newText{
        width: calc(100% - 107px);
        padding-left: 65px;
        padding-right: 65px;
    }

    .newsContent .newBigImage{
        width: 625px !important;
        margin: 10px auto 0 !important;
    }

    .newsContent .newSmallImage{
        margin: 0 auto 0 !important;
        width: 625px;
    }

    .newsContent .newVideos{
        margin: 10px auto;
    }

    .multiContent .multiSkLogo{
        display: none !important;
    }

    .multiContent span{
        display: block !important;
        position: relative !important;
        width: 625px;
        margin: 15px auto 15px !important;
        text-align: right !important;
        top: 10px !important;
        right: auto !important;
    }

    .contactContent{
        width: 100% !important;
        left:0 !important;
        position: relative !important;
        float: none !important;
        top: 138px;
    }

    .contactContent .contactBox{
        width: 100% !important;
        margin-left:0px !important;
        top: 0 !important;
		padding-bottom: 10px;
    }

    .contactContent .contactBox .contactHeader .contactSocial{
        display: none !important;
    }

    #rContactMenu{
        clear: both;
    }

    .contactContent .contactForm{
        width: 90% !important;
        margin:0 auto 0 !important;
        padding-top: 20px;
        float: none !important;
    }

    .contactContent .contactForm input[type="text"]{
        width: 46% !important;
    }

    .contactContent .contactForm textarea{
        width: 95% !important;
    }

    .contactContent .contactForm input[type="submit"]{
        clear: both !important;
        float: right !important;
        margin-right: 3% !important;
        margin-bottom: 20px !important;
    }

     .productDetailContent{
        float:none;
        position: relative;
        left: 0px;
        top: 50px;
        margin:0 auto;
    }

    .productDetailContent .productButtons{
        width: 175px;
        float: right;
        height: 90px;
    }

    .productDetailContent .productImageContent{
        height: auto;
    }

    .productDetailContent .pPopupContent{
        height: 592px;
    }

     .productDetailContent .productButtons .rotate,
     .productDetailContent .productButtons .catalog,
     .productDetailContent .productButtons .infoBook{
        float: right;
        margin-top: 20px;
     }

     .productDetailContent .productImageContent .productImage{
        width: 100%;
        height: auto;
        position: relative;
     }

     .productDetailContent .productImageContent .productImage img{
        width: 100%;
     }

     .productionMap{
        width: 100% !important;
        height: auto;
     }

     .productionMap .productionMapImage{
        width: 100% !important;
     }

     .productionText{
        width: calc(100% - 54px) !important;
        margin:0 !important;
     }

     .productionImage{
        width: 100% !important;
        height: auto;
     }

     .productionImage img{
        width: 100% !important;
     }

     .productionSkLogo{
        right: 10px;
     }

}

@media screen and (max-width: 630px) {

    .newsContent .newSkLogo,
    .docContent .newSkLogo{
        display: none !important;
    }

    .newsContent .newText{
        width: 80%;
        padding-left: 65px;
        padding-right: 65px;
    }

    .newSmallImage{
        width: 95% !important;
        padding:0px 0px 15px 0px !important;
        overflow: hidden !important;
        margin: 0 auto !important;
    }
    .newSmallImage a{
        width: 16% !important;
        height: auto !important; 
        margin-right: 2px !important;
        margin-top: 2px !important;
    }

    .newSmallImage a img{
        width: 100%;
    }

    .newsContent .newBigImage{
        width: 100% !important;
        margin: 10px auto 0 !important;
    }

    .newsContent .newBigImage img{
        width: 100%;
    }

    .newsContent .newVideos{
        width: 100%;
        margin: 10px auto;
    }

    .newsContent .newVideos .newVideo{
        margin: 0 auto 10px !important;
        float: none !important;
    }

    .newsContent iframe{
        width: 100% !important;
        height: auto !important;
    }

    .multiContent span{
        width: 88% !important;
    }

    .productDetailContent{
        float:none;
        position: relative;
        left: 0px;
        top: 50px;
        margin:0;
        width: 100%;
    }

    .productDetailContent .productDetailTop{
        width: 100%;
        background-position: center center;
    }

    .productDetailContent .productImageContent,
    .productDetailContent .productTextContent,
    .productDetailContent .pTextContent,
    .productDetailContent .pVideoContent{
        width: 100%;
    }

    .productDetailContent .pVideo{
        margin-bottom:20px !important;
    }

    .productDetailContent .productTextContent h4{
        width: calc(100% - 25px);
    } 

    .productDetailContent .productTextContent .pText{
        width: calc(100% - 75px);
    }
    
    .productDetailContent .productFooterContent{
        width: calc(100% - 20px);
        padding-right: 20px;
    }

    .productDetailContent .pVideoTitle{
        width: calc(100% - 12px) !important;
        padding-top: 0px !important;
    }

    .productDetailContent .productTableContent,
    .productDetailContent table{
        width: 100% !important;
    }

    .productDetailContent .productTableContent table tr td{
        padding:0 !important;
        font-size: 45% !important;
    }

    .productDetailContent .pPopupContent .pPopupText{
        width: 121px;
        font-size: 9px;
    }

    .docContent{
        width: 100% !important;
        margin-left: 0px !important;
    }

}

@media screen and (max-width: 715px) {
    .productItem{
        margin: 0 3% 0 3%;
    }
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {

}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

@-webkit-keyframes mPopupBg {
    from { background-position-x: 368px; }
    to { background-position-x: 317px; }
}




/* Bažvuru */
.dealersBlok{font-family: skKalin,sans-serif;}
.ybb_button{ width: 62px;
padding: 0px;
margin: 0 38px 50px 0;
float: right;
height: 37px;
font-family: "skKalin",sans-serif;
font-size: 12px;
color: #706F6F;
background: url("../images/langButtonBg.jpg") repeat-x scroll center bottom #FFF;
border: 1px solid #D1D4D5;
border-radius: 5px;}
.aboutContent .formContainer{width:670px; overflow:hidden; margin:20px 0 0 35px; display:block; overflow:hidden; font-family: skKalin,sans-serif;}
.aboutContent .formContainer .formBlok{float: left; width: 202px; height: 60px; margin: 0 8px 5px 0;}
.aboutContent .formContainer .formBlok > span{float: left; display: block; font-size: 15px; color:#595959; font-weight: 700; line-height: 30px;}
.aboutContent .formContainer .formBlok > input[type="text"]{float: left; display: block; padding:0 5px; width: 190px; height: 26px; font-size: 13px; color:#595959; 
                                            border: 1px solid #cbcbcb; /* stroke */
                                            background-color: #fafafa; /* layer fill content */
                                            background: none repeat scroll 0% 0% #FFF;
border: 1px solid #D1D4D5;
font-size: 13px;
font-family: "skKalin",sans-serif;
text-indent: 10px;
color: #222;
border-radius: 5px;}
.aboutContent .formContainer .formBlok3{float: left; width: 272px; height: 140px; margin: 0 63px 5px 0;}
.aboutContent .formContainer .formBlok3 > span{float: left; display: block; font-size: 15px; color:#595959; font-weight: 700; line-height: 30px;}
.aboutContent .formContainer .formBlok3 > textarea{float: left; display: block; padding:5px; width: 285px; height: 96px; font-size: 13px; color:#595959; resize:none;
                                            border: 1px solid #cbcbcb; /* stroke */
                                            background-color: #fafafa; /* layer fill content */
                                            -moz-box-shadow: inset 0 2px 2px rgba(41,41,41,.17); /* inner shadow */
                                            -webkit-box-shadow: inset 0 2px 2px rgba(41,41,41,.17); /* inner shadow */
                                            box-shadow: inset 0 2px 2px rgba(41,41,41,.17); /* inner shadow */}                                            
.aboutContent .formContainer2{width: 670px; margin:20px 0 0 35px; display:block; overflow:hidden;}
.aboutContent .formContainer2 > h5{display: block; font-size: 15px; color:#595959; font-weight: 700; line-height: 30px;}
.aboutContent .formContainer2 .formBlok{float: left; width: 202px; height: 60px; margin: 0 10px 5px 0;}
.aboutContent .formContainer2 .formBlok > span{float: left; display: block; font-size: 15px; color:#595959; font-weight: 700; line-height: 30px;}
.aboutContent .formContainer2 .formBlok > input[type="text"]{float: left; display: block; padding:0 5px; width: 190px; height: 26px; font-size: 13px; color:#595959; 
                                            border: 1px solid #cbcbcb; /* stroke */
                                            background: none repeat scroll 0% 0% #FFF;
border: 1px solid #D1D4D5;
font-size: 13px;
font-family: "skKalin",sans-serif;
text-indent: 10px;
color: #222;
border-radius: 5px;}
.aboutContent .formContainer2 .formBlok2{float: left; width: 412px; height: 138px; margin: 0 10px 5px 0;}
.aboutContent .formContainer2 .formBlok2 > span{float: left; display: block; font-size: 15px; color:#595959; font-weight: 700; line-height: 30px;}
.aboutContent .formContainer2 .formBlok2 > textarea{float: left; display: block; padding:5px; width: 619px; height: 96px; font-size: 13px; color:#595959; resize:none;
                                            border: 1px solid #cbcbcb; /* stroke */
                                           background: none repeat scroll 0% 0% #FFF;
border: 1px solid #D1D4D5;
font-size: 13px;
font-family: "skKalin",sans-serif;
text-indent: 10px;
color: #222;
border-radius: 5px;}
.aboutContent .sendButton{display: block; float: right; margin:15px 48px 10px 0; width: 126px; height: 39px; background: url(../images/sendButtonBg.jpg) no-repeat; text-align: center; line-height: 39px; font-size: 15px; color:#fff; font-weight: 700;}