/*.popups2 {width:100%; max-width:850px; position:relative; font-weight:700; font-family: 'Roboto', sans-serif;}
.popups {width:100%; max-width:500px; position:relative; font-weight:700; font-family: 'Roboto', sans-serif;}
    .sana2 {width:100%; max-width:671px; position:relative; font-weight:700}
    .popupbg {width:100%}
    .popupimg { width:100%; text-align:center; position:absolute; top:5% }
    .popupimg img { width:70%; text-align:center; max-width:130px; position:relative; margin:0 auto; display:block }
    .textb { font-size:23px; color:#fff; position:absolute;  top:27%; width:90%; left:5%;  text-align:center;text-shadow: rgb(0, 0, 0) 0px 2px 2px;}
    .textb2 { color:#fff; position:absolute;  top:25px; width:100%; left:25px;  text-align:left;}
    .textb2 h1 { font-size:30px; margin:10px 0; padding:0;text-shadow: rgb(0, 0, 0) 0px 2px 2px;}
    .textb2 p { font-size:18px; margin:0; padding:0;width:60%;text-shadow: rgb(0, 0, 0) 0px 2px 2px;}
    
    h3 { font-size:16px; color:#fff; position:absolute; top:56%; width:100%;text-shadow: rgb(0, 0, 0) 0px 2px 2px;text-align:center;}
    .aksesuarLink2{width:210px; position:absolute; margin:0; display:inline-block; border-top:1px solid #e9eaeb; bottom:14%; left:50%; margin-left:-105px; background:#9cc83b}
     a.aksesuarLink2:hover .ModelButon2{ background:#000; }
     a.aksesuarLink2 img{ width:100%;}
     
     .aksesuarLink3{width:260px; display:block;  background:#1c69d4; color:#fff; padding:7px 0; text-align:center; margin-top:10px}
     a.aksesuarLink3:hover .ModelButon2{ background:#000; }
     a.aksesuarLink3 img{ width:100%;}
     
    .ModelButon2{ text-align: center; color:#fff; font-size:14px; font-weight:500; background:#9cc83b; padding:17px 0; font-weight:400; position:relative; -webkit-transition-duration: 0.7s; -moz-transition-duration: 0.7s; -o-transition-duration: 0.7s; transition-duration: 0.7s;  }
    .ModelButon2 span{ position: absolute; right:15px; top:15px; background:url(../images/itemArrow.png) no-repeat; width:12px; height:24px;}
   
    
    .ana {width:100%; max-width:680px;  position:relative; font-weight:700; font-family: 'Roboto', sans-serif}
    .imga {width:100%}*/
    /*h1 { font-size:45px; color:#000; position:absolute; left:3%; top:8%}*/
    /*.textk { font-size:15px; color:#000; position:absolute; left:3%; top:43%; width:60%}
    .aksesuarLink{width:210px; position:absolute; margin:0; display:inline-block; border-top:1px solid #e9eaeb; bottom:15%; left:3%}
     a.aksesuarLink:hover .ModelButon{ background:#000; }
     a.aksesuarLink img{ width:100%;}
    .ModelButon{ text-align: center; color:#fff; font-size:14px; font-weight:500; background:#6f7982; padding:17px 0; font-weight:400; position:relative; -webkit-transition-duration: 0.7s; -moz-transition-duration: 0.7s; -o-transition-duration: 0.7s; transition-duration: 0.7s;  }
    .ModelButon span{ position: absolute; right:15px; top:15px; background:url(../images/itemArrow.png) no-repeat; width:12px; height:24px;}
    .textb3 {    color: #000;    position: absolute;    top: 73px;    width: 39%;    right: 25px;    text-align: left; z-index:99}
    .textb3 h1 { font-size:30px; margin:10px 0; padding:0;}
    .textb3 p { font-size:18px; margin:0; padding:0;width:100%;}
    @media screen and (max-width: 650px)
    {
        h1 { font-size:25px; top:13%}
        .textk { font-size:11px; top:45%; width:80%}
        .ModelButon{ font-size:12px;  padding:10px 0;   }
        .aksesuarLink{width:160px;  bottom:5%; }
        .ModelButon span{ position: absolute; right:15px; top:5px; background:url(../images/itemArrow.png) no-repeat; width:12px; height:24px;}
            .textb2 { color:#fff; position:absolute;  top:10px; width:100%; left:10px;  text-align:left;}
    .textb2 h1 { font-size:18px; margin:10px 0; padding:0;width:90%;text-shadow: rgb(0, 0, 0) 0px 2px 2px;}
    .textb2 p { font-size:12px; margin:0; padding:0;width:90%;text-shadow: rgb(0, 0, 0) 0px 2px 2px;}
    }
    @media screen and (max-width: 430px)
    {
        h1 { font-size:18px; top:1%; line-height:normal}
        .textk { font-size:11px; top:40%; width:90%}
        .ModelButon, .ModelButon2{ font-size:12px;  padding:10px 0;   }
        .aksesuarLink, .aksesuarLink2 {width:160px;  bottom:18%; }
        .aksesuarLink2 { margin-left:-80px }
        .ModelButon span, .ModelButon2 span{ position: absolute; right:5px; top:5px; background:url(../images/itemArrow.png) no-repeat; width:12px; height:24px;}
         .popupimg img { width:40%; }
           .textb { font-size:12px;   top:34%;  }
           h3 { font-size:10px;     top: 50%;   }
           .textb2 { color:#fff; position:absolute;  top:10px; width:100%; left:10px;  text-align:left; height:100%}
    .textb2 h1 { font-size:14px; margin:10px 0; padding:0;width:90%;margin:0 0 10px 0;}
    .textb2 p { font-size:11px; margin:0; padding:0;width:90%;}
    .aksesuarLink3{width: 159px;display:block;background:#1c69d4;color:#fff;padding:7px 0;text-align:center;margin-top:5px;position:absolute;bottom: 15px;font-size: 10px;right: 15px;}
    
    }
    @media screen and (max-width: 320px)
    {
        .textk { font-size:11px; top:30%; width:90%}
    }*/



    .titlePopup{ color:#7d7d7d !important;}

    .popups2 {width:100%; max-width:850px; position:relative; font-weight:700; font-family: 'Roboto', sans-serif;}
.popups {width:100%;max-width:800px;position:relative;font-weight:700;font-family: 'Roboto', sans-serif;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding:0;overflow: hidden;}
.popups .leftPopup{ float:left; width:360px;}
.popups .rightPopup{float:left;width:440px;color: #7d7d7d;padding: 90px 40px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
    .sana2 {width:100%; max-width:671px; position:relative; font-weight:700}
    .popupbg {width:100%}
    .popupimg { width:100%; text-align:center; position:absolute; top:5% }
    .popupimg img { width:70%; text-align:center; max-width:130px; position:relative; margin:0 auto; display:block }
    .textb { font-size:24px; color:#000; position:absolute;  top:37px; width:auto; display:block; left:13px;  text-align:left;}
    .textb span { font-size:16px; }
    .textb a { font-size:13px; clear:both; display:block; font-size:13px; background:#f4293c; color:#fff; width:93px; height:31px; line-height:31px;    margin-top: 10px;text-align: center; }
    .textb2 { color:#fff; position:absolute;  top:25px; width:100%; left:25px;  text-align:left;}
    .textb2 h1 { font-size:30px; margin:10px 0; padding:0;text-shadow: rgb(0, 0, 0) 0px 2px 2px;}
    .textb2 p { font-size:18px; margin:0; padding:0;width:60%;text-shadow: rgb(0, 0, 0) 0px 2px 2px;}
    
    h3 { font-size:16px; color:#fff; position:absolute; top:56%; width:100%;text-shadow: rgb(0, 0, 0) 0px 2px 2px;text-align:center;}
    .aksesuarLink2{width:210px; position:absolute; margin:0; display:inline-block; border-top:1px solid #e9eaeb; bottom:14%; left:50%; margin-left:-105px; background:#9cc83b}
     a.aksesuarLink2:hover .ModelButon2{ background:#000; }
     a.aksesuarLink2 img{ width:100%;}
     
     .aksesuarLink3{width:260px; display:block;  background:#1c69d4; color:#fff; padding:7px 0; text-align:center; margin-top:10px}
     a.aksesuarLink3:hover .ModelButon2{ background:#000; }
     a.aksesuarLink3 img{ width:100%;}
     
    .ModelButon2{ text-align: center; color:#fff; font-size:14px; font-weight:500; background:#9cc83b; padding:17px 0; font-weight:400; position:relative; -webkit-transition-duration: 0.7s; -moz-transition-duration: 0.7s; -o-transition-duration: 0.7s; transition-duration: 0.7s;  }
    .ModelButon2 span{ position: absolute; right:15px; top:15px; background:url(../images/itemArrow.png) no-repeat; width:12px; height:24px;}
   
    
    .ana {width:100%; max-width:680px;  position:relative; font-weight:700; font-family: 'Roboto', sans-serif}
    .imga {width:100%}

     .textk { font-size:15px; color:#000; position:absolute; left:3%; top:43%; width:60%}
    .aksesuarLink{width:210px; position:absolute; margin:0; display:inline-block; border-top:1px solid #e9eaeb; bottom:15%; left:3%}
     a.aksesuarLink:hover .ModelButon{ background:#000; }
     a.aksesuarLink img{ width:100%;}
    .ModelButon{ text-align: center; color:#fff; font-size:14px; font-weight:500; background:#6f7982; padding:17px 0; font-weight:400; position:relative; -webkit-transition-duration: 0.7s; -moz-transition-duration: 0.7s; -o-transition-duration: 0.7s; transition-duration: 0.7s;  }
    .ModelButon span{ position: absolute; right:15px; top:15px; background:url(../images/itemArrow.png) no-repeat; width:12px; height:24px;}
    .textb3 {    color: #000;    position: absolute;    top: 73px;    width: 39%;    right: 25px;    text-align: left; z-index:99}
    .textb3 h1 { font-size:30px; margin:10px 0; padding:0;}
    .textb3 p { font-size:18px; margin:0; padding:0;width:100%;}
    @media screen and (max-width: 650px)
    {
        h1 { font-size:25px; top:13%}
        .fancybox-inner{ overflow:hidden !important;}
        .popups .rightPopup{ height:auto;}
        .popups{ overflow:hidden;}
        #popupall, .popups{ height:auto !important; background:#fff; overflow:hidden;}
        .fancybox-close{ top:0 !important;}
        .popups .rightPopup{ font-size:13px;}
        .popups{ max-width:inherit; width:100% !important; background:#fff;}
        .leftPopup img{ width:100%;}
        .popups .rightPopup{ padding:15px 20px;}
        .popups .leftPopup, .popups .rightPopup{ width:100%;}
        .textk { font-size:11px; top:45%; width:80%}
        .ModelButon{ font-size:12px;  padding:10px 0;   }
        .aksesuarLink{width:160px;  bottom:5%; }
        .ModelButon span{ position: absolute; right:15px; top:5px; background:url(../images/itemArrow.png) no-repeat; width:12px; height:24px;}
            .textb2 { color:#fff; position:absolute;  top:10px; width:100%; left:10px;  text-align:left;}
    .textb2 h1 { font-size:18px; margin:10px 0; padding:0;width:90%;text-shadow: rgb(0, 0, 0) 0px 2px 2px;}
    .textb2 p { font-size:12px; margin:0; padding:0;width:90%;text-shadow: rgb(0, 0, 0) 0px 2px 2px;}
    }
    @media screen and (max-width: 430px)
    {
        h1 { font-size:18px; top:1%; line-height:normal}
        .textk { font-size:11px; top:40%; width:90%}
        .ModelButon, .ModelButon2{ font-size:12px;  padding:10px 0;   }
        .aksesuarLink, .aksesuarLink2 {width:160px;  bottom:18%; }
        .aksesuarLink2 { margin-left:-80px }
        .ModelButon span, .ModelButon2 span{ position: absolute; right:5px; top:5px; background:url(../images/itemArrow.png) no-repeat; width:12px; height:24px;}
         .popupimg img { width:40%; }
           .textb { font-size:16px;   top:10px;  }
           .textb span {
    font-size: 13px;
}
           h3 { font-size:10px;     top: 50%;   }
           .textb2 { color:#fff; position:absolute;  top:10px; width:100%; left:10px;  text-align:left; height:100%}
    .textb2 h1 { font-size:14px; margin:10px 0; padding:0;width:90%;margin:0 0 10px 0;}
    .textb2 p { font-size:11px; margin:0; padding:0;width:90%;}
    .aksesuarLink3{width: 159px;display:block;background:#1c69d4;color:#fff;padding:7px 0;text-align:center;margin-top:5px;position:absolute;bottom: 15px;font-size: 10px;right: 15px;}
    
    }
    @media screen and (max-width: 320px)
    {
        .textk { font-size:11px; top:30%; width:90%}
    }