.header-top{
    display:none
}
@media only screen and (min-width: 992px){
  
    .header-top{
        display:block;
        display:-webkit-box;
        display:-moz-box;
        display:-ms-flexbox;
        display:-webkit-flex;
        display:flex;
        height:30px;
        font-size:11px;
        border-bottom:1px solid #e2e6eb
    }
    .header-top-container{
        display:-webkit-box;
        display:-moz-box;
        display:-ms-flexbox;
        display:-webkit-flex;
        display:flex;
        -webkit-align-items:center;
        -moz-align-items:center;
        -ms-align-items:center;
        align-items:center;
        -webkit-justify-content:space-between;
        -moz-justify-content:space-between;
        -ms-justify-content:space-between;
        justify-content:space-between;
        -ms-flex-pack:space-between
    }
    .header-top-container>div{
        display:-webkit-box;
        display:-moz-box;
        display:-ms-flexbox;
        display:-webkit-flex;
        display:flex;
        line-height:30px
    }
    .header-top-container .info:before{
        content:"\f4b6";
        font-family:"Faprika";
        font-size:13px;
        margin-right:5px
    }
    .header-top-container .header-top-links{
        margin-left:auto
    }
    .header-top-container .header-top-links a{
        margin-right:30px
    }
    .header-top-container .header-top-links .languageSelector{
        position:relative;
        cursor:pointer;
        border-left:1px solid #e2e6eb;
        border-right:1px solid #e2e6eb;
        padding:0 15px
    }
    .header-top-container .header-top-links .languageSelector>span{
        margin:0
    }
    .header-top-container .header-top-links .languageSelector>span img{
        margin-top:-2px;
        margin-right:5px
    }
    .header-top-container .header-top-links .languageSelector>span:after{
        content:"\f107";
        font-family:"Faprika";
        margin-left:5px;
        font-size:13px
    }
    .header-top-container .header-top-links .languageSelector .dropdown-menu{
        right:-1px;
        margin-top:-1px;
        min-width:250px
    }
    .header-top-container .header-top-links .languageSelector .dropdown-menu .language-list ul{
        display:-webkit-box;
        display:-moz-box;
        display:-ms-flexbox;
        display:-webkit-flex;
        display:flex;
        -webkit-flex-wrap:wrap;
        -moz-flex-wrap:wrap;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        padding-bottom:10px
    }
    .header-top-container .header-top-links .languageSelector .dropdown-menu .language-list ul li{
        line-height:11px;
        min-width:33%;
        margin:5px 0
    }
    .header-top-container .header-top-links .languageSelector .dropdown-menu .language-list ul li a{
        display:-webkit-box;
        display:-moz-box;
        display:-ms-flexbox;
        display:-webkit-flex;
        display:flex;
        margin-right:10px;
        line-height:normal
    }
    .header-top-container .header-top-links .languageSelector .dropdown-menu .language-list ul li a img{
        margin-right:5px;
        height:11px;
        margin-top:2px
    }
    .header-top-container .header-top-links .languageSelector .dropdown-menu .country-selector{
        display:-webkit-box;
        display:-moz-box;
        display:-ms-flexbox;
        display:-webkit-flex;
        display:flex;
        -webkit-flex-direction:column;
        -moz-flex-direction:column;
        -ms-flex-direction:column;
        flex-direction:column;
        white-space:nowrap;
        border-top:1px solid #e2e6eb;
        min-width:270px
    }
    .header-top-container .header-top-links .languageSelector .dropdown-menu .country-selector select{
        border:1px solid #e2e6eb;
        border-radius:3px;
        display:inline-block;
        line-height:1.5em;
        padding:0.5em 3.5em 0.5em 1em;
        margin:0;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
        cursor:pointer
    }

}



.sayfa{
    margin:60px 0 10px 0
}
.sayfa .page-body{
    border:1px solid #e2e6eb;
    border-radius:3px;
    background:#fff;
    padding:0 15px 15px
}
.sayfa .page-body .sayfa-header{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -webkit-flex-direction:column;
    -moz-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column;
    border-bottom:2px solid #e2e6eb;
    font-size: 16px;
    margin-top:15px;
    margin-bottom:20px;
    padding:15px 0
}
.sayfa .page-body .sayfa-header h1{
    font-size:14px;
    font-weight:700;
    color:#212121;
    margin-bottom:15px
}
.sayfa .page-body .sayfa-header .breadcrumb{
    display:block
}
.sayfa .page-body .sayfa-header .breadcrumb ul{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.sayfa .page-body .sayfa-header .breadcrumb ul li{
    font-size:11px;
    color:#666;
    text-transform:capitalize
}
.sayfa .page-body .sayfa-header .breadcrumb ul li a{
    color:#666;
    font-size:11px
}
.sayfa .page-body .sayfa-header .breadcrumb ul li .delimiter{
    font-size:0
}
.sayfa .page-body .sayfa-header .breadcrumb ul li .delimiter:before{
    content:"\f105";
    font-family:"Faprika";
    color:#00A36C;
    font-size:12px;
    font-weight:400;
    margin:0 5px
}
.sayfa .page-body .contact-blocks{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -webkit-flex-direction:column;
    -moz-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column;
    padding-bottom:20px
}
.sayfa .page-body .contact-blocks h3{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -webkit-justify-content:center;
    -moz-justify-content:center;
    -ms-justify-content:center;
    justify-content:center;
    -ms-flex-pack:center;
    -webkit-flex-direction:column;
    -moz-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column;
    font-size:15px;
    color:#212121;
    font-weight:600;
    margin-bottom:15px
}
.sayfa .page-body .contact-blocks h3:before{
    font-family:"Faprika";
    font-weight:300;
    color:#666;
    font-size:40px;
    margin-bottom:15px
}
.sayfa .page-body .contact-blocks h3.icon-headset:before{
    content:"\f590"
}
.sayfa .page-body .contact-blocks h3.icon-mail:before{
    content:"\f0e0"
}
.sayfa .page-body .contact-blocks h3.icon-address:before{
    content:"\f5a0"
}
.sayfa .page-body .contact-blocks span{
    font-size:13px;
    color:#666
}
.sayfa .page-body .contact-blocks>div{
    -webkit-box-flex:1;
    -moz-box-flex:1;
    -webkit-flex:1;
    -ms-flex:1;
    flex:1;
    border:1px solid #e2e6eb;
    border-radius:3px;
    padding:20px;
    text-align:center;
    margin-bottom:10px
}
.ie .sayfa .page-body .contact-blocks>div{
    flex:1 1 1
}
.sayfa .page-body .sayfa-content>div{
    font-size:13px;
    line-height:26px;
    margin-bottom:15px
}
.sayfa .page-body .sayfa-content>div strong,.sayfa .page-body .sayfa-content>div a{
    color:#212121
}
.sayfa .page-body .sayfa-content>div h2{
    font-size:14px;
    line-height:26px
}
.sayfa .page-body .sayfa-content>div .social a{
    color:#666
}
.sayfa .page-body .sayfa-content>div .social a.facebook:before{
    content:"\f39e"
}
.sayfa .page-body .sayfa-content>div .social a.instagram:before{
    content:"\f16d"
}
.sayfa .page-body .sayfa-content>div .social a.twitter:before{
    content:"\f099"
}
.sayfa .page-body .sayfa-content>div .social a.youtube:before{
    content:"\f167"
}
.sayfa .page-body .sayfa-content>div .social a.pinterest:before{
    content:"\f231"
}
.sayfa .page-body .sayfa-content>div .social a:before{
    font-family:"FaprikaBrand";
    font-size:15px;
    margin-right:10px
}
.sayfa .page-body .sayfa-content>div .social a:hover:before{
    color:#00A36C
}
.sayfa .page-body .sayfa-content form{
    width:100%
}
.sayfa .page-body .sayfa-content form .result{
    padding:15px;
    position:relative;
    margin:0 0 10px 0;
    background-color:#fcf2fc;
    border-left:3px solid #dd6edc;
    color:#ba2bb8
}
.sayfa .page-body .sayfa-content form textarea{
    min-height:150px
}
.sayfa .page-body .sayfa-content form button{
    height:40px;
    line-height:38px;
    text-transform:uppercase;
    cursor:pointer;
    transition:all .3s ease;
    padding:0 15px;
    font-weight:600;
    color:#fff;
    background:#00A36C;
    border:1px solid #00A36C;
    border-radius:3px;
    width:100%;
    margin-top:10px
}
.sayfa .page-body .sayfa-content form .inputs{
    position:relative
}
.sayfa .page-body .sayfa-content form .inputs .input-validate{
    max-width:100%
}
.sayfa .page-body .sayfa-content form .inputs input,.sayfa .page-body .sayfa-content form .inputs textarea{
    padding-left: 20px;
    border-radius: 0px;
    height: 45px
}
.ie .sayfa .page-body .sayfa-content form .inputs input,.ie .sayfa .page-body .sayfa-content form .inputs textarea{
    width:100%
}
.sayfa .page-body .sayfa-content form .inputs textarea{
    padding-left:15px
}
.sayfa .page-body .sayfa-content form .inputs:before{
    position:absolute;
    font-family:"Faprika";
    left:10px
}
.ie .sayfa .page-body .sayfa-content form .inputs:before{
    top:17px
}
.sayfa .page-body .sayfa-content form .inputs.name:before{
    content:"\f007"
}
.sayfa .page-body .sayfa-content form .inputs.mail:before{
    content:"\f0e0"
}
.sayfa .page-body .sayfa-content form .inputs.subject:before{
    content:"\f059"
}
@media only screen and (min-width: 768px){
    .sayfa .page-body .sayfa-header{
        -webkit-flex-direction:row;
        -moz-flex-direction:row;
        -ms-flex-direction:row;
        flex-direction:row;
        -webkit-justify-content:space-between;
        -moz-justify-content:space-between;
        -ms-justify-content:space-between;
        justify-content:space-between;
        -ms-flex-pack:space-between;
        line-height:48px;
        padding:0
    }
    .sayfa .page-body .sayfa-header h1{
        margin:0
    }
    .sayfa .page-body .contact-blocks{
        -webkit-flex-direction:row;
        -moz-flex-direction:row;
        -ms-flex-direction:row;
        flex-direction:row;
        margin:0 -15px
    }
    .sayfa .page-body .contact-blocks>div{
        margin:0 15px
    }
    .sayfa .page-body .sayfa-content{
        display:-webkit-box;
        display:-moz-box;
        display:-ms-flexbox;
        display:-webkit-flex;
        display:flex
    }
    .sayfa .page-body .sayfa-content>div{
        -webkit-box-flex:0 276px;
        -moz-box-flex:0 276px;
        -webkit-flex:0 276px;
        -ms-flex:0 276px;
        flex:0 276px;
        margin-right:30px
    }
    .sayfa .page-body .sayfa-content form{
        -webkit-box-flex:1;
        -moz-box-flex:1;
        -webkit-flex:1;
        -ms-flex:1;
        flex:1
    }
}
@media only screen and (min-width: 992px){
    .sayfa{
        margin:20px 0
    }
    .sayfa .page-body{
        padding:0 20px 20px
    }
}
@media only screen and (min-width: 1201px){
    .sayfa .page-body .sayfa-content>div{
        -webkit-box-flex:0 356px;
        -moz-box-flex:0 356px;
        -webkit-flex:0 356px;
        -ms-flex:0 356px;
        flex:0 356px
    }
}



@media only screen and (min-width: 992px){
    .page{
        text-align:left;
        margin-top:0
    }
    .page-left-sidebar{
        width:23%;
        float:left;
        margin-right:2%
    }
    .page-right-sidebar{
        width:29%;
        float:right;
        margin-left:1%
    }
    .page-left-sidebar+.page-body{
        width:75%;
        float:right
    }
    .page-right-sidebar+.page-body{
        width:70%;
        float:left
    }
}
.pager{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -webkit-align-items:center;
    -moz-align-items:center;
    -ms-align-items:center;
    align-items:center;
    -webkit-justify-content:center;
    -moz-justify-content:center;
    -ms-justify-content:center;
    justify-content:center;
    -ms-flex-pack:center;
    -webkit-flex-direction:row-reverse;
    -moz-flex-direction:row-reverse;
    -ms-flex-direction:row-reverse;
    flex-direction:row-reverse;
    margin-top:15px
}
.pager ul{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex
}
.pager ul li span,.pager ul li a{
    background:#fff;
    border:1px solid #e2e6eb;
    display:block;
    font-weight:600;
    text-align:center;
    cursor:pointer;
    width:37px;
    height:34px;
    line-height:33px
}
.pager ul li.previous-page a{
    font-size:0
}
.pager ul li.previous-page a:before{
    content:"\f104";
    font-family:"Faprika";
    font-size:14px;
    font-weight:400
}
.pager ul li.current-page span,.pager ul li.current-page a{
    background:#00A36C;
    color:#fff
}
.pager ul li.next-page a{
    font-size:0
}
.pager ul li.next-page a:before{
    content:"\f105";
    font-family:"Faprika";
    font-size:14px;
    font-weight:400
}
.pager ul li:not(:last-child){
    margin-right:5px
}
.pager ul li:hover a{
    border-color:#00A36C
}
.pager .total-summary{
    display:none
}
@media only screen and (min-width: 992px){
    .account-page .pager{
        -webkit-justify-content:space-between;
        -moz-justify-content:space-between;
        -ms-justify-content:space-between;
        justify-content:space-between;
        -ms-flex-pack:space-between
    }
    .checkout-page .pager{
        -webkit-justify-content:space-between;
        -moz-justify-content:space-between;
        -ms-justify-content:space-between;
        justify-content:space-between;
        -ms-flex-pack:space-between
    }
    .pager .total-summary{
        display:block
    }
}




div[class$="-container"]{
    margin:0 auto;
    width:100%;
    padding:0 15px
}
div[class$="-container"]:after{
    content:"";
    display:block;
    clear:both
}
@media only screen and (max-width: 991px){
    div[class$="-container"]{
        padding:0 10px
    }
}
@media only screen and (min-width: 992px){
    div[class$="-container"]{
        width:960px
    }
}
@media only screen and (min-width: 1201px){
    div[class$="-container"]{
        width:1200px
    }
}



img{
    aspect-ratio:attr(width)/attr(height);
    max-width:100%;
    height:auto
}
::-moz-selection{
    background:#00A36C;
    color:#fff
}
::selection{
    background:#00A36C;
    color:#fff
}


@-webkit-keyframes spin{
    0%{
        -webkit-transform:rotate(0deg);
        -ms-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    100%{
        -webkit-transform:rotate(360deg);
        -ms-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@keyframes spin{
    0%{
        -webkit-transform:rotate(0deg);
        -ms-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    100%{
        -webkit-transform:rotate(360deg);
        -ms-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}




@media (max-width: 480px){
    .device-xs{
        display:block
    }
    .device-sm{
        display:none
    }
    .device-md{
        display:none
    }
    .device-lg{
        display:none
    }
}
@media (min-width: 481px) and (max-width: 768px){
    .device-xs{
        display:none
    }
    .device-sm{
        display:block
    }
    .device-md{
        display:none
    }
    .device-lg{
        display:none
    }
}
@media (min-width: 769px) and (max-width: 992px){
    .device-xs{
        display:none
    }
    .device-sm{
        display:none
    }
    .device-md{
        display:block
    }
    .device-lg{
        display:none
    }
}
@media (min-width: 992px){
    .device-xs{
        display:none
    }
    .device-sm{
        display:none
    }
    .device-md{
        display:none
    }
    .device-lg{
        display:block
    }
}