@import url(opensans/font.css);
@import url(sexyfont/font.css);
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}



/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}
.btm-trigger:hover a 
{
     -webkit-transform: translateY(-5px);
transform: translateY(-5px);
   }

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}
.online-sign-button:hover {
width: 147px;
height: 44px;
float: left;
background: url('../images/online-sign-bg-hover.png') top center no-repeat;
margin-left: 10px;
}

body {
    /*background: #f5f5f3 url('../images/body.png') top right no-repeat;*/
    background: #f5f5f3;
    overflow-x: hidden;
}


.pr {
    position: relative;
}

.effect, .site-nav li a {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}


.wrapper-container {
    width: 980px;
    margin: 0 auto;
}


.header {
    width: 980px;
    height: 130px;
}

.site-logo {
    width: 250px;
    height: 100px;
    float: left;
}

.site-logo img {
    float: left;
    margin: 25px 0 0 0;
}

.site-slogan {
    width: 270px;
    height: 40px;
    float: left;
    margin: 47px 0 0 20px;
    font-family: open_sansbold;
    font-size: 15px;
    
    color: #121212;
    letter-spacing: -0.4px;
    font-style: italic;
}

.header-extra-nav-wrap {
    width: 180px;
    height: 40px;
    float: left;
    background: url('../images/h-ex-nav-bg-center.png') top center repeat-x;
    position: relative;
    z-index: 999;
}

.header-extra-nav-wrap:before {
    width: 34px;
    height: 28px;
    position: absolute;
    left: -34px;
    top: 0px;
    background: url('../images/h-ex-nav-bg-left.png') top center no-repeat;
    content: "";
}

.header-extra-nav-wrap:after {
    width: 41px;
    height: 28px;
    position: absolute;
    right: -41px;
    top: 0px;
    background: url('../images/h-ex-nav-bg-right.png') top center no-repeat;
    content: "";
}

.hex-nul {
    list-style: none;
    margin: 0 auto;
}

.hex-nul li {
    float: left;
    position: relative;
}

.hex-nul li:after {
    content: "/";
    position: absolute;
    top: 5px;
    right: 0px;
    color: #FFF;
}

.hex-nul li:last-child:after {
    content: none !important;
}

.hex-nul li a {
    padding: 6px 14px;
    color: #FFF;
    font-family: open_sansregular;
    display: block;
    text-decoration: none;
    font-size: 12px;
    letter-spacing: -0.1px;
}

.hex-nul li a:hover {
    color: #DDD9D9;
}

.header-contact-wrapper {
    width: 210px;
    float: left;
    background: url('../images/header-phone.png') top left 30px no-repeat;
    margin: 20px 0 0 25px;
    position:relative;
    z-index:9999;
}

.hcw-1 {
   width: 165px;
height: 20px;
float: left;
clear: left;
padding-left: 78px;
font-family: open_sansregular;
font-size: 15px;
color: #555555;
}

.hcw-2 {
    width: 235px;
    float: left;
    clear: left;
    margin: 0;
    font-size: 34px;
  font-family: '00850regular';
    
    color: #FF6E00;
}

.hcw-2 strong {
    float: left;
font-size: 19px;
margin: 10px 7px 0 0;
color: #FF6E00;
/*eski renk #ec6906*/
}

.hcw-3 {
    float: right;
    clear: left;
    text-align: right;
    font-size: 13px;
    font-family: open_sansregular;
    margin: 10px 40px 0 0;
    color: #5a5a5a;
    font-weight: bold;
    letter-spacing: -0.2px;
    text-decoration:none;
}
.hcw-3 a {
    
    color: #5a5a5a;
    
    text-decoration:none;
}
.nav-wrapper {
    width: 980px;
    height: 44px;
    float: left;
    clear: left;
    background: url('../images/menu-bg.png') top center no-repeat;
    margin: 10px 0 0 0;
    position: relative;
    z-index: 999;
}

.nav-home-link {
    width: 26px;
    height: 24px;
    float: left;
    background: url('../images/nav-home-ico.png') top center no-repeat;
    margin: 8px 0 0 20px;
    text-indent: -9999px;
    opacity: 0.8;
}

.nav-home-link:hover {
    opacity: 1;
}
.site-nav {
    width: 625px;
    height: 43px;
    float: left;
    margin: 0 0 0 20px;
    list-style: none;
}

.site-nav li {
    float: left;
    position: relative;
}

.site-nav li a {
    display: block;
    padding: 14px 15px;
    color: #FFF;
    font-family: open_sansregular;
    font-size: 15px;
    text-decoration: none;
}

.site-nav li a:hover,
.site-nav li:hover>a  {
    text-shadow: 0px 0px 6px rgba(255, 150, 0, 1);
    /* background:rgb(126, 1, 1); */
}

    .site-nav li:hover:before {
          /* background:rgb(126, 1, 1); */
    }

.site-nav li:before {
    width: 2px;
    height: 28px;
    content: "";
    position: absolute;
    left: -0px;
    top: 7px;
    z-index: 1;
    background: url('../images/nav-item-line.png') top center no-repeat;
}

/*A??l?r men?*/

.site-nav li ul{display:none;}
.site-nav li:hover ul{display:block;position:absolute;top:43px;background-color: #f8b80f;min-width:200px;width:auto;-webkit-border-radius: 10px 10px 10px 10px;-moz-border-radius: 10px 10px 10px 10px;border-radius: 0px 0px 8px 8px;-webkit-box-shadow: 3px 3px 3px 0px rgba(50, 50, 50, 0.75);-moz-box-shadow:    3px 3px 3px 0px rgba(50, 50, 50, 0.75);box-shadow:         3px 3px 3px 0px rgba(50, 50, 50, 0.75);}
.site-nav li:hover ul li{border-bottom: 1px solid rgba(227, 220, 193, 0.5);   width:100%;}
.site-nav li:hover ul li:last-child{border:none;}
.site-nav li:hover ul li a{display:block; font-size:14px;}
.site-nav li:hover ul li a:hover{padding-left:25px;}
/*A??l?r men? son*/
.nav-extra-ico {
    width: 270px;
    height: 44px;
    float: left;
}

.online-sign-button {
    width: 147px;
    height: 44px;
    float: left;
    background: url('../images/online-sign-bg.png') top center no-repeat;
    
    margin-left: 10px;
}

.online-sign-button:hover {
    opacity: 1;
    cursor: pointer;
}

.online-sign-button span {
       float: left;
    margin: 17px 0 0 47px;
    font-size: 11px;
    color: #fff;
    font-family: open_sansregular;
    font-weight: bold;
    letter-spacing: -0.2px;
 
}

.online-sign-button:hover span {
    color: #794300;
}

.nav-social-wrapper {
    width: 110px;
    height: 36px;
    background: url('../images/nav-social-wrap-bg.png') top center no-repeat;
    float: left;
    margin: 3px 0 0 -10px;
    
}


.nav-social-wrapper:hover {
    opacity: 1;
    cursor: pointer;
}

.nav-social-wrapper a {
    float: left;
    margin-top: 6px;
}


.ns-f {
    margin: 10px 5px 0 17px;
}

.slider-wrapper {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
}



.bx-wrapper {
    border-top: 5px solid #97190A;
    border-bottom: 5px solid #ED6905;
}

.bx-controls-direction {
    width: 100px;
    height: 50px;
    float: left;
    position: relative;
    margin-top: 470px;
    margin-left: 180px;
}


.slider-center {
    width: 1000px;
    margin: 0 auto;
    height: 0px;
    background: red;
    position: relative;
}



.slider-mask-bottom {
    width: 816px;
    height: 763px;
    min-height: 400px;
    position: absolute;
    background: url('../images/mask-bottom.png') top right no-repeat;
    z-index: -1;
    right: -458px;
    top: -154px;
    background-size: 100%;
}

.slider-mask {
    width: 816px;
    height: 763px;
    min-height: 400px;
    position: absolute;
    background: url('../images/mask-top.png') top right no-repeat;
    z-index: 900;
    right: -509px;
    top: -154px;
    background-size: 100%;
}


.bx-prev, .bx-next {
    width: 43px;
    height: 43px;
    position: absolute;
    display: block;
    text-indent: -9999px;
}

.bx-prev {
    background: url('../images/slider-left.png') top right no-repeat;
    left: 70px;
    top: -20px;
    display:none;
}

.bx-next {
    background: url('../images/slider-right.png') top right no-repeat;
    left: 100px;
    top: -50px;
    display:none;
}


.banner-top-menu {
    width: 806px;
    height: 40px;
    float: left;
    margin-top: -40px;
    position: relative;
    z-index: 999;
}

.btm-menu {
    width: 251px;
    height: 39px;
    float: left;
    background: URL('../images/order-menu-bg.png') top center no-repeat;
}

.btml-1 {
    width: 251px;
    height: 39px;
    float: left;
    background: url('../images/b-top-left-menu-bg.png') top center no-repeat;
    margin-left: -130px;
}

.btml-2 {
    width: 251px;
    height: 39px;
    float: left;
    background: url('../images/b-top-center-menu-bg.png') top center no-repeat;
    margin-left: -40px;
    position: relative;
    z-index: 999;
}

.btml-3 {
    width: 251px;
    height: 39px;
    float: left;
    background: url('../images/b-top-right-menu-bg.png') top center no-repeat;
    margin-left: -30px;
}

.btml-1 a, .btml-2 a, .btml-3 a {
    color: #FFF;
    font-family: open_sansbold;
    font-size: 14px;
    text-decoration: none;
    float: left;
}

.btml-1 a {
    padding: 13px 0px 14px 55px;
    background: url('../images/bml-link-1-bg.png') 25px 13px no-repeat;
}     

.btml-1:hover a {
 -webkit-transform: translateY(-5px);
transform: translateY(-5px);
-moz-transition: all 0.3s ease;                 
    -o-transition: all 0.3s ease;   
    -ms-transition: all 0.3s ease;          
    transition: all 0.3s ease;

}  

.btml-2 a {
    padding: 13px 0px 14px 70px;
    background: url('../images/bml-link-2-bg.png') 40px 13px no-repeat;
}
.btml-2:hover a {
 -webkit-transform: translateY(-5px);
transform: translateY(-5px);
-moz-transition: all 0.3s ease;                 
    -o-transition: all 0.3s ease;   
    -ms-transition: all 0.3s ease;          
    transition: all 0.3s ease;

}  
.btml-3 a {
    padding: 13px 0px 14px 80px;
    background: url('../images/bml-link-3-bg.png') 47px 8px no-repeat;
}
.btml-3:hover a {
 -webkit-transform: translateY(-5px);
transform: translateY(-5px);-moz-transition: all 0.3s ease;                 
    -o-transition: all 0.3s ease;   
    -ms-transition: all 0.3s ease;          
    transition: all 0.3s ease;

}  
.btm-trigger a:hover 
{ -webkit-transform: translateY(-5px);
   transform: translateY(-5px);
   -moz-transition: all 0.3s ease;                 
    -o-transition: all 0.3s ease;   
    -ms-transition: all 0.3s ease;          
    transition: all 0.3s ease;

   }

.btm-trigger {
    padding: 12px 35px 0px 29px;
    color: #FFF;
    text-decoration: none;
    background: url('../images/btm-order-link-ico.png')115px 20px no-repeat;
    float: left;
    font-family: open_sansbold;
    font-size: 14px;
    text-shadow: -2px 1px 2px rgba(119, 119, 119, 1);
    margin-left:-10px;text-shadow: 0px 0px 8px rgba(45, 37, 37, 0.85);}


.main-fetures {
    width: 980px;
    height: 140px;
    float: left;
    margin: 20px 0 40px 0;
    z-index: 999;
    position: relative;
}


.main-item {
    width: 310px;
    height: 140px;
    float: left;
    position: relative;
}

.mi-2 {
    margin: 0 25px;
}

.mi-wrap {
    width: 240px;
    height: 140px;
    float: right;
    position: relative;
}

.mi-1 .mi-wrap {
    background: url('../images/mi-item-bg-1.png') top center no-repeat;
}

.mi-2 .mi-wrap {
    background: url('../images/mi-item-bg-2.png') top center no-repeat;
}

.mi-3 .mi-wrap {
    background: url('../images/mi-item-bg-3.png') top center no-repeat;
}


.mi-ico {
    width: 123px;
    height: 123px;
    left: -60px;
    top: 10px;
    background: url('../images/mi-bg.png') top center no-repeat;
    position: absolute;
    text-align: center;
}


.mi-ico img {
    max-height: 90px;
    margin: 15px 0 0 0;
}

.mi-subject {
    width: 150px;
    height: 123px;
    float: right;
    margin: 10px 12px 0 0;
}

.mi-link {
    width: 133px;
    height: 32px;
    background: url('../images/mi-link-bg.png') bottom center no-repeat;
    position: absolute;
    bottom: -30px;
    right: 10px;
}

.mi-link a {
    color: #3d3c3c;
    float: left;
    text-decoration: none;
    font-family: open_sansregular;
    font-size: 12px;
    margin: 7px 0 0 40px;
    text-shadow: -1px 0px 1px rgba(255, 255, 255, 0.7);
}

.mi-link a:hover {
    color: #FFF;
}

.main-bottom-features {
    width: 980px;
    height: 320px;
    float: left;
    clear: left;
    background: url('../images/bottom-main-bg.png') top center no-repeat;
    margin: 20px 0 0 0;
}


.mb-news-wrapper {
    width: 440px;
    height: 170px;
    float: left;
    margin: 20px 0 0 0;
    position: relative;
}

.mb-center-wrapper {
    width: 220px;
    height: 260px;
    float: left;
    margin: 20px 0 0 0;
    margin: 20px 0 0 40px;
    position: relative;
}

.mb-center-wrapper:after {
    width: 37px;
    height: 233px;
    background: url('../images/mb-center-shadow.png') top center no-repeat;
    content: "";
    right: -37px;
    top: 0px;
    z-index: 999;
    position: absolute;
}

.mb-center-wrapper:before {
    width: 37px;
    height: 233px;
    background: url('../images/mb-center-shadow.png') top center no-repeat;
    content: "";
    left: -37px;
    top: 0px;
    z-index: 999;
    position: absolute;
}


.mb-right-wrapper {
    width: 240px;
    height: 260px;
    float: left;
    margin: 20px 0 0 0;
    margin: 20px 0 0 40px;
    position: relative;
}


.mb-links {
    width: 100%;
    float: left;
    clear: left;
    margin-bottom: 10px;
}

.mb-links li {
    float: left;
    clear: left;
    width: 198px;
    margin: 4px 0;
}

.mb-links li a {
    display: block;
    font-family: open_sansregular;
    font-size: 12px;
    text-decoration: none;
    color: #FFF;
    padding: 10px 0 10px 65px;
}

.mb-links li a:hover {
    color: #000;
}

.mbl-1 {
    background: url('../images/mb-link-1.png') top center no-repeat;
}

.mbl-2 {
    background: url('../images/mb-link-2.png') top center no-repeat;
}

.mbl-3 {
    background: url('../images/mb-link-3.png') top center no-repeat;
}

.mb-title {
    font-size: 17px;
    float: left;
    clear: left;
    width: 100%;
    font-family: open_sansregular;
    color: #626262;
    margin: 10px 0;
}

.mb-title strong {
    font-weight: bold;
    margin: 0 3px 0 0;
    color: #626262;
    font-family: open_sansbold;
}

.mb-select-wrap {
    width: 198px;
    height: 50px;
    float: left;
    clear: left;
    background: url('../images/mb-select-bg.png') top center no-repeat;
}

.mb-select-wrap select {
    background: transparent;
    border: none;
    outline: none;
    margin: 8px 0 0 12px;
    font-family: open_sansregular;
}

.main-bullet-text {
    width: 100%;
    float: left;
    clear: left;
    font-size: 11px;
    color: #666;
    font-family: open_sansregular;
    line-height: 15px;
}

.main-mini-form {
    width: 230px;
    height: 120px;
    float: left;
    clear: left;
    margin: 25px 0 0 0;
}

.mmf-input-text {
    width: 180px;
    height: 20px;
    padding: 7px 13px;
    color: #666;
    border-radius: 3px;
    -o-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    margin-bottom: 10px;
    outline: none;
    border: 1px solid #a0a0a0;
}

.mmf-button {
    padding: 6px 19px;
    outline: none;
    background: url('../images/main-mail-button.png') top center no-repeat;
    border: none;
    color: #FFF;
    opacity: 0.9;
}

.mmf-button:hover {
    cursor: pointer;
    opacity: 1;
}


.footer-wrapper {
    width: 980px;
    padding: 50px 0;
    float: left;
    clear: left;
    background: url('../images/footer-line.png') bottom center no-repeat;
    margin-bottom: 30px;
}

.footer-big-col {
    width: 325px;
    height: 100px;
    float: left;
    font-family: open_sansregular;
    font-size: 13px;
    color: #7b7b7b;
    line-height: 16px;
}

.footer-col {
    float: left;
    padding: 5px 14px;
    position: relative;
}

.footer-col:after {
    width: 24px;
    height: 165px;
    content: "";
    position: absolute;
    left: 5px;
    background: url('../images/footer-line-shadow.png') top center no-repeat;
    top: -36px;
}

.footer-col h3, .footer-col ul {
    position: relative;
    z-index: 999;
}

.footer-col h3 {
    font-size: 14px;
    font-family: open_sansbold;
    color: #464646;
}

.footer-col ul {
    width: 100%;
    float: left;
    clear: left;
    list-style: none;
    margin: 10px 0 0 0;
}

.footer-col ul li {
    width: 100%;
    float: left;
    clear: left;
}

.footer-col li a {
    padding: 4px 0;
    font-family: open_sansregular;
    font-size: 12px;
    text-decoration: none;
    color: #7b7b7b;
    display: block;
}


.footer-col li a:hover {
    color: #333;
}


.footer-logos {
    width: 980px;
    margin: 0 auto;
}

.logos-inner {
    width: auto;
    float: left;
    margin: 10px 0 30px 0;
}

.logo-item {
    width: 80px;
    height: 50px;
    float: left;
    margin: 0 5px;
    text-align: center;
}

.logo-item a img {
    max-width: 80px;
    max-height: 50px;
}




.m-news-item {
    width: 440px;
    height: 170px;
    float: left;
}

.mni-left {
    width: 130px;
    height: 170px;
    float: left;
}

.mni-img {
    width: 124px;
    height: 124px;
    float: left;
    background: url('../images/mi-bg.png') top center no-repeat;
}

.mni-img img {
    width: 120px;
    height: 120px;
    float: left;
    border-radius: 5px;
    margin: 1px 0 0 1px;
}


.mni-right {
    width: 290px;
    height: 170px;
    float: left;
    margin: 0 0 0 20px;
}

.mni-title {
    width: 100%;
    line-height: 18px;
    float: left;
    font-size: 14px;
    color: #7c1305;
    font-family: open_sansregular;
    font-weight: bold;text-align: left;
}

.mni-right p {
width: 100%;float: left;clear: left;font-family: open_sansregular;font-size: 13px;margin: 10px 0 0 0;max-height: 28px;overflow: hidden;color: #777777;
}

.mni-right a {
font-size: 13px;color: #a11401;text-decoration: none;font-family: open_sansregular;margin: 10px 0 0 0;float: left;
}

/*/page wrapper*/

.pagewrapper{width:980px; margin:0 auto;background-color:#ccc;}
.navigasyon{width:980px;  float:left;color:#b3b3b3; font-size:12px;padding:30px;}
.navigasyon a{color:#b3b3b3; font-size:12px; font-family:Arial; text-decoration:none;}
.pageleft{width:680px; float:left; margin-right:10px; }
.title{width:680px; background:url('../images/solbaslikbg.png') center top no-repeat;}
.title h1{font-size:20px;color: #f8b200;font-family: open_sansregular;padding:25px;}
.pageleft .text{display:block; background-color:#fff; width:640px;  margin-top:-5px; padding:25px 20px 0px 20px;overflow: auto; min-height:340px; font-family:Arial; font-size:14px;text-align:justify;color:#828282; }
.pageleft .textcat{overflow:auto;display:block; background-color:#fff; width:640px;  margin-top:-5px; padding:25px 20px 0px 20px; min-height:340px; font-family:Arial; font-size:14px;text-align:justify;color:#828282; }

.pageleft .text p{font-family:Arial; font-size:14px;text-align:justify;color:#828282;line-height: 17px; }
.pageleft .text div{font-family:Arial; font-size:14px;text-align:justify;color:#828282; }
.pageleft .text span{font-family:Arial; font-size:14px;text-align:justify;color:#828282; }

.textbottom{ background:url('../images/textbg.png') center bottom no-repeat; height:24px;}
.pageright{width:290px; float:left;background:url('../images/sagmenubg.png') center top no-repeat; min-height:330px; height:auto; overflow:auto; position:relative; z-index:9999;}
.pageright h1{font-family: open_sansbold; font-size:30px; color:#fff;margin-top:25px; margin-bottom:25px; margin-left:40px !important;}
.pageright .pagemenu{ background-color:#fff; height:auto; border-radius:7px; height:30px; width:245px; margin:0 auto; padding-bottom:10spx; min-height:220px; height:auto; }
.pageright .pagemenu ul{margin:0px;padding:0px;padding-top:15px}
.pageright .pagemenu ul li {margin:0px; padding:0px;padding-left:20px;}
.pageright .pagemenu a{font-family: open_sansregular; padding-left:15px; color:#9e9e9e; font-size:14px; text-decoration:none;line-height:35px; background:url('../images/ok.png')center left no-repeat;}
.pageright .pagemenu a:hover{font-family: open_sansregular; margin-left:-8px; padding-left:20px; display:block; color:#fff; font-size:14px; text-decoration:none;line-height:35px; background:url('../images/ahover.png')center left no-repeat; width:225px;}
.pageright .pagemenu .active{font-family: open_sansregular; margin-left:-8px; padding-left:20px; display:block; color:#fff; font-size:14px; text-decoration:none;line-height:35px; background:url('../images/ahover.png')center left no-repeat; width:225px;}



.pagewrapper .productBlock { width:270px; height:auto; padding:0 0 30px 0; float:right; margin:5px 30px 0 0; background:url(../images/shadow-left.html) no-repeat bottom left;
                            
                       }
.pagewrapper .productBlock:first-child{margin-left:0px; float:left;}
.pagewrapper .productBlock:nth-child(2n+2) { margin-right:0;}
.pagewrapper .productBlock .productWrapper{ width:268px; height:auto; border:1px solid #e1e1e1; background:#FFF;}
.pagewrapper .productBlock .productWrapper:hover{ -webkit-box-shadow:0px 0px 15px #CCC; -moz-box-shadow:0px 0px 15px #CCC; box-shadow:0px 0px 15px #CCC; webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; -ms-transition: 0.4s; transition: 0.4s;}
.pagewrapper .productBlock .productWrapper:hover > .productTitle {background-color:#373735; color:#FFF; webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; -ms-transition: 0.4s; transition: 0.4s;}
.pagewrapper .productBlock .productWrapper:hover > .productTitle a{color:#FFF;}
.pagewrapper .productBlock .productWrapper:hover > .productImage .productMetrekare{background: rgba(0,0,0, 0.7);}
.pagewrapper .productBlock .productWrapper:hover > .productImage .productPrice{ background: rgba(0,0,0, 0.7);}
.pagewrapper .productBlock .productWrapper:hover > .productImage img{filter:alpha(opacity=60);opacity:0.6;}
.pagewrapper .productBlock .productWrapper:hover > .productImage .zoom
{
    width:50px; height:50px;
    background: rgba(0,0,0, 0.5) url('../images/zoom.png') no-repeat center center;
}
.pagewrapper .productBlock .productWrapper .productImage{ width:266px; height:180px; margin:1px; position:relative; background-size:cover; background-position:center center;}
.pagewrapper .productBlock .productWrapper .productImage .zoom
{
	webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; -ms-transition: 0.4s; transition: 0.4s;
	width:50px; height:50px; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;
    background: rgba(0,0,0, 0) no-repeat center center;

}
.pagewrapper .productBlock .productWrapper .productImage .zoom img{ width:auto !important; height:auto !important;}
.pagewrapper .productBlock .productWrapper .productImage a{ display:block; width:212px; height:160px;}
.pagewrapper .productBlock .productWrapper .productImage img{ position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; max-width:200px; height:160px; overflow:hidden;}
.pagewrapper .productBlock .productWrapper .productImage .productCategory{ width:auto; height:33px; float:left; color:#FFF; line-height:30px; font-family: 'NeoSansPro-Medium'; font-size:12px; background:url(../images/productCategory-BG.html) no-repeat top right; position:absolute; padding:0 28px 0 10px; top:24px; z-index:10; text-shadow: 0px 1px 0px rgba(0, 50, 107, 1);}
.pagewrapper .productBlock .productWrapper .productImage .productMetrekare{width:auto; height:auto; padding:6px 12px 6px 12px; color:#FFF; font-size:14px; top:6px; right:6px; text-align:center; position:absolute; z-index:9999; font-family: 'NeoSansPro-Regular'; background: rgba(21,143,174, 0.7);}
.pagewrapper .productBlock .productWrapper .productImage .productPrice{width:auto; height:auto; padding:6px 12px 6px 12px; color:#FFF; font-size:14px; top:6px; left:6px; text-align:center; position:absolute; z-index:9999; font-family: 'NeoSansPro-Regular'; background: rgba(21,143,174, 0.7);}
.pagewrapper .productBlock .productWrapper .productTitle{background: url(../images/urunblokname.png); width:266px; margin:0 1px 1px 1px; height:auto;font-size:15px;  padding:15px 0 15px 0; line-height:17px;}

.pagewrapper .productBlock .productWrapper .productTitle a{text-decoration:none; display:block; width:auto; color:#FFF; background:url('../images/arrow-active.jpg') no-repeat left center; padding:0 0 0 25px; margin:0 0 0 10px;} 
.pagewrapper .banner{width: 100%;height: 150px;background-size: cover;background-position: center center;}

/* Image Gallery */
.pagewrapper .ImageBlock { float:left; width:270px; height:200px; overflow:hidden; margin:15px 30px 15px 0; 
                           margin-left:23px;position:relative;}
.pagewrapper .ImageBlock:nth-child(2n+1) { float:right; margin-right:23px;}
.pagewrapper .ImageBlock:hover { -moz-box-shadow: 0px 0px 15px #c7c7c7; -webkit-box-shadow: 0px 0px 15px #c7c7c7; box-shadow: 0px 0px 15px #c7c7c7;}
.pagewrapper .ImageBlock a { display:block; height:200px;}
.pagewrapper .ImageBlock a img{ max-width:330px; max-height:200px; width:auto; height:auto; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;}
.pagewrapper .ImageBlock a div.zoom{ display:none; width:50px; height:50px; background:rgba(0,0,0, 0.5) url('../images/zoom.png') no-repeat center center; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; z-index:9999;}
.pagewrapper .ImageBlock:hover > a div.zoom { display:block;}



/* Video Gallery */
.pagewrapper .VideoBlock { float:left; width:270px; height:200px; overflow:hidden; margin:15px 30px 15px 0; position:relative;}
.pagewrapper .VideoBlock:nth-child(2n+2) { margin:15px 0 15px 0;}
.pagewrapper .VideoBlock:hover { -moz-box-shadow: 0px 0px 15px #c7c7c7; -webkit-box-shadow: 0px 0px 15px #c7c7c7; box-shadow: 0px 0px 15px #c7c7c7;}
.pagewrapper .VideoBlock a { display:block; height:200px;}
.pagewrapper .VideoBlock a img{ max-width:330px; max-height:200px; width:auto; height:auto; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;}
.pagewrapper .VideoBlock a div.play{ display:none; width:50px; height:50px; background:rgba(0,0,0, 0.5) url(imgs/play.html) no-repeat center center; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; z-index:9999;}
.pagewrapper .VideoBlock:hover > a div.play { display:block;}
.pagewrapper .VideoBlock a .wrt { display:none; width:100%; height:auto; padding:15px 0 15px 0; text-align:center; color:#000; position:absolute; bottom:0; z-index:100; background:rgba(255,255,255, 0.5);}