body {
    margin: 0px;
    padding: 0px;
    cursor: default;
    color: #333;
    background-color:#fff;
    font-size:12px;
    font-family: 'Khand', sans-serif;

    background-repeat:no-repeat;
    background-position:0 1030px;
    background-image:url('../images/bg.jpg');
}

ul, ul li{text-decoration:none; border:0px;margin:0px;padding:0px;list-style:none;}
a{color:#000;text-decoration:none!important;cursor:pointer;}
img{border:0px;vertical-align:middle;}
h1,h2,h3,h4,h5,h6{margin:0px;padding:0px; font-weight:normal;}
input:focus,a:focus,button:focus {outline: none;}

.topbg{
    background-repeat:no-repeat;
    background-position:0 0;
    background-image:url('../images/logo-bg.jpg');
    min-height:110px;
}
.top-menu{
    border-bottom:3px solid #1f9da0;
}
.top-menu,.top-menu a{
    color:#000;
}
.nav-custom{
    margin:0px;
    min-height:inherit;
    border:none;
    border-radius:0px;

}
.navbar-custom{
    float:right;
    margin:0;
    padding:0;
}
#bsub{
    box-shadow:none!important;
}
.mobile-menu h1{
    font-size:30px;
    font-weight:700;
    color:#fff;
    margin-top:12px;
    text-align:left;
}
.nav-custom .navbar-toggle{
    border-color:#fff;
    margin-right:0;
}
.nav-custom .navbar-toggle.collapsed {/*OPEN*/
    background-color: #219ca1;
}
.nav-custom .navbar-toggle,.nav-custom .navbar-toggle:hover{/*CLOSED*/
    background-color:#3dc0c4;
}
.nav-custom .navbar-toggle .icon-bar{
    background-color:#fff;
}
.logo{
    padding:0;
    margin:0;
    height:auto;
    margin-top:15px;
}
.navbar-custom > li > a{
    display:block;
    color:#ababab!important;
    background-color:transparent!important;
    padding:0;
    padding-right:12px;
    margin:12px;
    margin-right:0;
    margin-top:0;
    font-size:18px;
    font-weight:500;
    border-right:1px solid #dfdfdf;
}
.navbar-custom > li:last-child > a{
    border-right:0;
    padding-right:0;
}
.navbar-collapse{
    padding-left:0!important;
    padding-right:0!important;
}
.navbar-custom > li:hover > ul{
    display:block;
}
.navbar-custom > li.active > a,.navbar-custom > li.active > a:hover,.navbar-custom > li.active > a:focus{
    background-color:transparent!important;
    color:#219ca1!important;
 }
.navbar-custom > li:hover > a{
    background-color:transparent!important;
    color:#219ca1!important;
}
/*ICONS*/
.icons{
    vertical-align:middle;
    position:relative;
    display:inline-block;
    background-repeat:no-repeat;
    background-position:0 0;
    background-image:url('../images/icons.png');
    width:25px;
    height:25px;
}
.icon-corner{
    background-image:url('../images/corner.png');
    width:30px;
    height:30px;
}

.topbar{
    margin-bottom:22px;
    position:relative;
    margin-top:-6px;
}
.topbar ul li,.topbar ul li a{
    display:inline-block;
}

.topbar ul li{
    border-right:1px solid #e6e7e6;
    padding:17px 22px;
    padding-bottom:3px;
    font-size:16px;
    font-weight:500;
}
.topbar ul li i{
    color:#219ca1;
    margin-right:5px;
}
.topbar ul li:last-child{
    border-right:0;
    padding-right:0;
}
.topbar ul li a{
    font-size:16px;
}
.topbar ul li a:hover{
    color:#219ca1;
}
.topbar ul li.last a,.topbar ul li.last a i{
    color:#fff;
    margin-right:0px;
}
.topbar ul li.last a{
    background-color:#219ca1;
    width:25px;
    height:25px;
    padding-top:4px;
    font-size:14px;
    text-align:center;
    margin-left:4px;
}
.topbar ul li.last a:hover {
    background-color:#000;
}
.topbar ul li.large a{
    font-size:22px;
}
.submenu{
    padding:12px 0px;
    text-align:center;

-webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.1);
box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.1);
}
.submenu,.section-6,.mobile-menu{
    background: rgb(61,185,189); /* Old browsers */
    background: -moz-linear-gradient(45deg,  rgba(61,185,189,1) 0%, rgba(59,177,180,1) 31%, rgba(62,187,191,1) 31%, rgba(62,187,191,1) 31%, rgba(62,187,191,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg,  rgba(61,185,189,1) 0%,rgba(59,177,180,1) 31%,rgba(62,187,191,1) 31%,rgba(62,187,191,1) 31%,rgba(62,187,191,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg,  rgba(61,185,189,1) 0%,rgba(59,177,180,1) 31%,rgba(62,187,191,1) 31%,rgba(62,187,191,1) 31%,rgba(62,187,191,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3db9bd', endColorstr='#3ebbbf',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}
.submenu ul li{
    display:inline-block;
}
.submenu ul li a{
    display:block;
    color:#fff;
    font-size:15px;
    padding:0 7px;

}
.submenu ul li.active a,.submenu ul li a:hover{
    color:#006666;
}
.content{
    background-repeat:repeat-x;
    background-position:center 0;
    background-image:url('../images/content.jpg');
}
.slide{
    position:relative;
    margin-top:50px;
    margin-bottom:20px;
}
.slide img{
    margin-left:auto;
    margin-right:0;
}
.slide-text{
    position:absolute;
    z-index:9;
    color:#000;
    text-align:left;
    left:0;
    top:10%;
    width:40%;
    line-height:200%;
}
.slide-text h1{
    font-size:60px;
    font-weight:700;
}
.slide-text span{
    font-size:24px;
}

.btn-more{
    display:inline-block;
    position:absolute;
    left:5%;
    bottom:5%;
    color:#fff;
    background-color:#3fbdc0;
    border-radius:30px;
    padding:15px 70px;
    padding-bottom:10px;
    font-size:18px;
    font-weight:500;
}
.btn-more:hover{
    color:#eee;
    background-color:#1f9da0;
}
.slide .bx-pager{
    text-align:right!important;
    padding-top:0;
    bottom:0px;
}

.slide .bx-pager.bx-default-pager a{
    width:15px;
    height:15px;
    border:2px solid #78706b;
    background:transparent;
    border-radius:10px;
}
.slide .bx-pager.bx-default-pager a:hover, .slide .bx-pager.bx-default-pager a.active{
    background:#3fbdc0;
    border-color:#3fbdc0;
}

.hbox{
    position:relative;
    overflow:hidden;
    margin-bottom:35px;
}
.ihover{
    position:absolute;
    z-index:9;
    right:0;
    top:0;
    width:50%;
    height:100%;
    text-align:center;
    background-color:rgba(59,192,196,0.9);
    font-size:14px;
    font-weight:400;
    padding-top:75px;
    border-top:3px solid #219ca1;
}
.ihover h3+b{
    margin-top:-10px!important;
}
.ihover.level-4{
    width:40%;
}
.ihover.top{
    background-color:transparent!important;
    top:0!important;
    bottom:auto!important;
}
.ihover.bottom,.ihover.top{
    width:100%!important;
    top:auto;
    bottom:0;
    border:0;
}
.ihover.bottom.level-4{
    height:40%;
}
.ihover.top.level-6{
    height:60%;
}

.ihover,.ihover a{
    color:#fff;
}
.ihover i.icons{
    position:absolute;
    right:-1px;
    top:0;
}
.btn-area{
    position:absolute;
    width:100%;
    bottom:6%;
    text-align:center;
}
.btn-apply{
    display:inline-block;
    background-color:transparent;
    color:#fff!important;
    padding:3px 20px;
    margin:0 5px;
    padding-bottom:1px;
    border:2px solid #a5e1e3;
    border-radius:20px;
    font-size:16px;
}
.btn-apply:hover{
    color:#219ca1!important;
    background-color:#fff;
}
.ihover b{
    font-weight:400;
    font-size:14px;
    display:block;
}
.ihover h3{
    font-weight:500;
    font-size:24px;
    margin-bottom:20px;
}
.ihover.dark,.hbox:hover .ihover{
    background-color:rgba(0,102,102,0.9);
}
.ihover.middle{
    padding-top:0;
}
.ihover.middle .btn-area{
    bottom:auto!important;
}
.iheader{
    font-size:36px;
    font-weight:600;
    text-align:center;
    display:block;
    margin-bottom:25px;
    line-height:120%;
}
.iheader,.iheader a{
    color:#000;
}
.iheader a:hover{
    color:#219ca1;
}
.hbox:hover .ihover.top{
    display:none;
}
.hbox:hover .ihover.bottom{
    background-color:rgba(59,192,196,0.8);
    height:100%;
    color:#006666;
}
.hbox:hover .ihover.bottom .hidden{
    display:block!important;
}
.hboxes img{
    height:416px;
}
.hboxes{
    margin-left:-2px;
    margin-right:-2px;
}
.hboxes .hbox{
    margin-left:2px;
    margin-right:2px;
}






/*FOOTER***********************************/

.section-6 {
    padding-top:30px;
    padding-bottom:25px;
}
.contact-us{
    color:#fff;
    font-size:15px;
}
.contact-us span{
    display:block;
    margin:12px 0;
    margin-top:4px;
}
.contact-us h3,.contact-us h3 a{
    color:#fff
}
.contact-us h3{
    font-size:32px;
    font-weight:500;
}
.contact-us h3 a:hover{
    color:#eee;
}
.contact-form input[type=text],.contact-form input[type=email],.contact-form textarea{
    border:1px solid #2ba1a3;
    border-radius:0;
    background-color:#fff;
    height:auto;
    padding:10px 12px;  
    font-size:14px;
    box-shadow:none;
}
.contact-form textarea{
    resize:none;
}
.btn-send{
    color:#000;
    font-size:24px;
    padding:32px 12px;
    width:100%;
    border-radius:0;
    font-weight:700;

    background: rgb(204,204,204);
    background: -moz-linear-gradient(top,  rgba(204,204,204,1) 0%, rgba(237,237,237,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(204,204,204,1) 0%,rgba(237,237,237,1) 100%);
    background: linear-gradient(to bottom,  rgba(204,204,204,1) 0%,rgba(237,237,237,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#ededed',GradientType=0 );
}
.btn-send:hover,.btn-send:focus{
    color:#3dc0c4;
}
.btn-send:active{
    background: rgb(204,204,204);
    background: -moz-linear-gradient(top,  rgba(204,204,204,1) 0%, rgba(237,237,237,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(204,204,204,1) 0%,rgba(237,237,237,1) 100%);
    background: linear-gradient(to bottom,  rgba(204,204,204,1) 0%,rgba(237,237,237,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#ededed',GradientType=0 );
}
.section-image {
    position:relative;
}
.section-image span{
    position:absolute;
    display:block;
    z-index:9;
    top:0px;
    right:0;
}




/*FOOTER***********************************/

.footer {
    background-color:#000;
    padding-top:35px;
    padding-bottom:35px;
}
.footer h4,.footer h4 a{
    color:#3dc0c4;
}
.footer h4 a:hover{
    color:#e7ebed;
}
.footer h4{
    font-size:24px;
    font-weight:700;
    margin-bottom:15px;
}
.f-menu,.f-maps,.social-media{
    border-right:1px solid #e7ebed;
}
.f-menu ul li a{
    display:inline-block;
    line-height:100%;
    font-size:18px;
    color:#fff;
    padding:10px 5px;
    padding-left:0;
}
.f-menu ul li a:hover{
    color:#3dc0c4;
}
.social-media{
    font-size:16px;
    color:#fff;
}
.social-media ul li a{
    text-align:center;
    display:inline-block;
    color:#fff;
    vertical-align:middle;
    margin-bottom:5px;
}
.social-media ul li a span{
    display:inline-block;
    height:48px;
    width:48px;
    padding-top:14px;
    background-color:#3dc0c4;
    margin-right:13px;
}
.social-media ul li a:hover{
    color:#3dc0c4;
}
.social-media ul li:hover span{
    color:#eee;
    background-color:#219ca1;
}
.f-contact,.f-contact a{
    font-size:14px;
    color:#fff;
}
.f-contact a:hover{
    color:#3dc0c4;
}
.f-contact i{
    color:#3bb0b3;
    display:inline-block;
    margin-right:5px;
    vertical-align:top;
}
.f-contact span{
    display:inline-block;
}
.copyright{
    background-color:#fff;
    padding-top:30px;
    padding-bottom:100px;
    color:#696969;
    font-size:14px;
    font-weight:500;
}
.copyright h3,.copyright h3 a{
    color:#696969;
}
.copyright h3{
    font-size:14px;
    font-weight:700;
}
.copyright h3 a:hover{
    color:#3dc0c4;
}
.f-logo{
    float:right;
}

/*section 4**********************/
.section-4{
    background-color:#3bc0c4;
}
.section-4,.iproduct{
    height:235px;
    position:relative;
}
.section-4,.pin{
    margin-top:222px!important;
}
.product-list ,.product-list ul li .detail,.product-list ul li div.pin > a img,.iproduct .detail,.iproduct div.pin > a img{
    margin-top:-222px;
}
.product-list,.iproduct {
    text-align:center;
}
.product-list ul li{
    margin-right:0!important;
    height:460px;
}
.product-list ul li .pin,.iproduct .pin{
    height:235px;
    border-right:4px solid #fff;
    background-color:#3bc0c4;
}
.product-list ul li:hover .pin,.iproduct:hover .pin{
    background-color:#006666;
}
.product-list ul li div.pin > a,.iproduct div.pin > a{
    display:block;
    height:325px;
    padding:5px;
}
.product-list ul li div.pin > a img,.iproduct div.pin > a img{
    max-height:325px;
}
.iproducts .row{
    margin-top:90px;
}


.detail span{
    display:block;
    font-size:28px;
    color:#fff;
    margin-top:20px;
    margin-bottom:20px;
    font-weight:500;
}
.btn-detail{
    background-color:#80d6d9;
    border:2px solid #c5eced;
    border-radius:20px;
    margin-bottom:20px;
    color:#fff!important;
    padding:2px 30px;
    padding-bottom:1px;
    font-weight:600;
}
.btn-detail:hover{
    background-color:#fff!important;
    color:#219ca1!important;
}

.product-list ul li:hover .btn-detail,.iproduct:hover .btn-detail{
    background-color:#1e9395;
}
.product-list .bx-prev,.product-list .bx-next{
    margin-top:10px!important;
}
.product-list .bx-prev{
    left:0;
}
.product-list .bx-next{
    right:0;
}

.content-in{
    background-color:#efefef;
    background-repeat:no-repeat;
    background-position:right 0;
}
.ibanner{
    color:#000;
    position:relative;
    padding:10px 0;
    height:355px;
}
.itext{
    position:absolute;
    z-index:9;
    width:100%;
    height:100%;
    left:0;
    top:0;
}
.ibanner h1{
    font-size:42px;
    font-weight:700;
}
.ibanner b{
    font-weight:400;
    font-size:26px;
}






/*LOGİN****************************/
.breadcrumb{
    background-color:transparent!important;
}
.breadcrumb li{
    font-weight:500;
    font-size:15px;
    color:#b2b2b2!important;
}
.breadcrumb li a:hover{
    color:#219ca1;
}
.breadcrumb > li + li:before{
    content:"";
}
.breadcrumb i{
    margin-left:20px;
    margin-right:10px;
}

.login-header {
    margin-bottom:40px;
}
.stage h2 {
    font-size:42px;
    font-weight:700;
    color:#000;
    margin-bottom:8px;

}
.login-header h3,.stage h3{
    font-size:36px;
    color:#3bc0c4;
    font-weight:500;
    margin-bottom:40px;
}
.login-header span{
    display:block;
    font-size:16px;
    line-height:150%;
    font-weight:500;
}
.login-form input {
    border-radius:0;
    margin-bottom:20px;

}
.login-form button {
    background-color:#ca0935;
    color:#fff;
    border:0;
    border-radius:0;
    box-shadow:none;
    padding:12px 40px;
    font-size:16px;
    font-weight:500;
}
.login-form button i{
    margin-left:15px;
}
.login-form button:hover {
    background-color:#3bc0c4;
}
.ipager {
    margin-bottom:40px;
}
.ipager ol li, .ipager ol li a {
    display:inline-block;
    color:#dadada;
    font-size:16px;
}
.login-form textarea {
    border-radius:0;
    box-shadow:none;
    font-size:16px;
    resize:vertical;
    margin-bottom:15px;
    display:inline-block;
    padding-bottom:22px;
}
.info-address{
    margin-bottom:40px;
}
.info-address span {
    font-size: 18px;
    display: block;
}
.stage{
    margin:45px 0;
}
.for-blank{
    background-color:#d6d6d6;
    height:400px;
    text-align:center;
}
.liner{
    margin-top:60px;
    margin-bottom:35px;
    border-bottom:4px solid #d5d5d5;
    display:block;
}







.s-area {
    border-left:4px solid #3ebbbf;
    padding-left:30px;
    color:#000;
    font-size:16px;
    font-weight:500;
    line-height:170%;
}
.sidebox {
    background-color:#f3f1ee;
    padding:20px;
    margin-bottom:30px;
}
.sidebox h4 {
    padding-bottom:15px;
    font-size:20px;
    font-weight:700;

}
.prd-side-block a.order-btn {
    text-align:center;
    display:block;
    font-size:22px;
    font-weight:bold;
    color:#424242;
}
.prd-side-block a.order-btn:hover {
    opacity:0.7;
}
.prd-side-block a.order-btn i {
    display:block;
    color:#3ebbbf;
}
.prd-lister ul li {
    font-size:16px;
    font-weight:bold;
    padding-bottom:15px;
}
.prd-lister ul li i {
    color:#3ebbbf;
    font-size:4px;
    vertical-align:middle;
    margin-right:3px;
}

.prd-xtra h5 {
    font-size:28px;
    color:#000;
    padding-bottom:15px;
}
.prd-xtra .p-download {
    padding-bottom:40px;
}
.prd-xtra .p-download ul li {
    font-size:16px;
    padding:5px 0px 5px 0px;
}
.prd-xtra .p-download ul li span {
    border-bottom:solid 1px #ccc;
}
.prd-xtra .p-download ul li i {
    color:#3ebbbf;
    margin-right:1px;
    border-bottom:1px solid #3ebbbf;
    padding:5px 10px 5px 10px;
}
.prd-photo img {
    margin-bottom:30px;
}
.cities select{
    background-color:#219ca1!important;
    color:#fff!important;
    border-radius:0!important;
    /*box-shadow:none!important;*/
    border:0!important;
    min-width:270px;
    font-size:18px;
    font-weight:500;
    height:auto!important;
}






.seller span{
    display:block;
    font-size:16px;
    padding-top:12px;
    padding-bottom:15px;
    color:#000;
    font-weight:500;
}
.seller .header-item{
    border-bottom:2px solid #e4e4e4;
}

.seller .list-item{
    border-bottom:1px solid #e4e4e4;
}
.seller h1{
    font-size:26px;
    color:#000;
    font-weight:500;
    display:block;
}
.seller h4{
    padding-bottom:4px;
    font-size:18px;
    color:#000;
}
.seller h4 b{
    font-weight:700;
    border-bottom:2px solid #3ebbbf;
}























@media (max-width: 767px) { /*mobile*/
    .container-fluid{
        padding-left:0!important;
        padding-right:0!important;
    }
    .f-logo,.logo,.navbar-header{
        float:none;
        text-align:center;
    }
    .seller{
        text-align:center;
    }
    .seller h4{
        font-size:12px;
        padding-bottom:3px;
    }
    .seller span{
        font-size:12px;
        padding:10px 0;
    }
    .f-logo{
        text-align:center; 
        margin-top:20px;
    }
    .copyright{
        padding-bottom:35px;
    }

    .logo{
        display:inline-block!important;
        margin-top:5px;
    }
    .topbar{
        text-align:center;
        margin:0;
        margin-top:-5px;
    }
    .topbar ul li{
        border:0!important;
        padding:5px!important;
    }
    .topbar ul li a{
        font-size:14px!important;
    }
    .navbar-custom{
        float:none;
        padding-top:5px;
    }
    .navbar-custom > li > a{
        border-bottom:1px solid #219ca1;
        border-color:#3dc0c4;
        margin-left:0;
    }
    .hboxes img{
        height:auto;
    }
    .footer{
        text-align:center;
    }
    .footer img{
        margin:0 auto;
    }
    .slide{
        margin-top:10px;
    }
    .slide-text h1{
        font-size:18px;
    }
    .slide-text span{
        font-size:14px;
    }
    .btn-more{
        opacity:0.9;
        left:0;
        padding:5px 20px;
    }
    .iheader{
        font-size:20px!important;
        margin-bottom:15px!important;
    }
    .ihover.level-4{
        width:60%;
    }
    .btn-apply{
        padding:3px 8px;
    }
    .content,.hbox{
        margin-bottom:20px!important;
    }
    .slide{
        margin-bottom:0!important;
    }
    .slide .bx-wrapper{
        margin-bottom:20px;
    }
    .submenu{
        padding:0;
    }
    .submenu ul li{
        display:block!important;
    }
    .submenu ul li a{
        display:block;
        text-align:left;
        margin:10px 0;
        font-size:18px;
    }
}

@media (min-width:100px) and (max-width: 992px) { /*mobile and tablet*/
    .topbg {
        background-image: none;
        min-height: inherit;
    }
    .iheader{
        font-size:28px;
    }
    .f-menu,.f-maps,.social-media{
        border-right:0;
        margin-bottom:20px;
    }
    .clearfix-sm{
        clear:both;
    }
    .section-6{
        background-image:none;
        background-color:#3bc0c4;
    }
    .section-image span{
        margin-top:-370px;
    }
    .section-image img{
        width:180px;
    }
    .slide-text{
        top:0;
        width:60%;
    }
}