@import url(fontiran.css);

html{scroll-behavior: smooth;}
body{font-family: IRANSans;font-weight: 300; direction: rtl; text-align: right; transition: 1s; position: relative; }
.body-en{direction: ltr; text-align: left; font-family: ''; font-size: 15px;}

/* width */
::-webkit-scrollbar {width: 8px; height: 8px; transition: .3s; position: fixed; right: 0;}
/* Track */
::-webkit-scrollbar-track {background: #cfcfcf;}
/* Handle */
::-webkit-scrollbar-thumb {background: #898989;border-radius: 4px;}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {background: #898989;}

body h1{font-weight: 300;}
body h2{font-weight: 300;}
body h3{font-weight: 300;}
body h4{font-weight: 300; font-size: 18px;}
body h5{font-weight: 300; font-size: 14px;}
body h6{font-weight: 300;}

.loading{position: fixed; right: 0; top: 0; left: 0; bottom: 0; background: rgba(255, 255, 255, 0.6);
    z-index: 100; text-align: center;}
.loading img{height: 25vh; margin-top: 35vh;}
.loading-img{width: 50px; display: none;}
.loading-text{color: #5eb64d; font-size: 14px; font-weight: 400; display: none;}

.container-fluid{padding: 0;}
.container {min-width: 1420px !important;max-width: 1420px !important; padding:0 5px;}

@media (max-width: 1520px) {
    .container {min-width: 1195px  !important;max-width: 1195px !important;}
}
@media (max-width: 1196px) {
    .container {min-width: 992px  !important;max-width: 992px !important;}
}
@media (max-width: 1024px) {
    .container {min-width: 100%;  !important;max-width: 100%; !important;}
}
@media screen and (max-width: 992px) {
    .container-fluid{ min-width: 100% !important; max-width: 100% !important; padding: 0;}
    .container{ min-width: 100% !important; max-width: 100% !important; padding: 0 25px;}
}

@media screen and (max-width: 768px) {
    .container{padding:0 10px;}
}

/************* nav *************/
#navbar {padding: 10px 10px; background-color: #fff; height: 111px; z-index: 100;
    transition: 0.4s;width: 100%;top: 0; border-bottom: 1px solid #dfdfdf;}

.navbar-img{position: absolute; right: 15px; top: 15px;}
.navbar-img-left{position: absolute; left: 15px; top: 15px;}
.navbar-img #logo{height: 45px;}
.navbar-img-left #logo{height: 45px;}
.navbar-en .navbar-img{ right: auto; top: 5px; left: 5px;}
.navbar-en .navbar-img-left{ left: auto; top: 5px; right: 5px;}
.iranplast{height: 55px !important;}

.regestration-system{color: #9b1c53;}
.regestration-system.oil{color: #00769a !important;}

.navbar-items{width: 100%;  height: auto; margin-left: 10px; text-align: center; margin-bottom: 5px; position: relative;}
.navbar-items .hr{height: 1px; width: 100%; background-color: #898989; position: absolute;
    top: 18px; z-index: 1;}
.navbar-items>a {color: #898989;text-align: center;text-decoration: none;font-size: 13px;
    padding: 2px 10px;font-weight: 400; margin: 0 3px; display: inline-block;}
.navbar-items>a span{margin: 0 2px;font-size: 20px; vertical-align: middle}
.navbar-items>span{font-size: 16px;  font-weight: 400;}
.navbar-items>img{height: 38px; z-index: 2;}
.navbar-items>div {color: #898989;text-align: center;text-decoration: none;font-size: 13px;
    padding: 2px 10px;font-weight: 400; margin: 0 3px; display: inline-block;}
.navbar-items>div span{margin: 0 2px;font-size: 20px; vertical-align: middle}

.language{display: block;position: relative !important; cursor: pointer;}
.language-box{position: absolute;   width: 160px; height: 30px; border-radius: 5px;
    background-color: #fff; z-index: 2; text-align: center; box-shadow: 0 0 5px 0 #afafaf;
    margin: 0 !important; padding: 0; top: 30px; right: -20px; display: none;}
.language-box a{display: inline-block; width: 75px; line-height: 30px; text-align: center; padding-top: 1px;
    height: 30px; text-decoration: none; color: #313131; font-size: 13px;}
.language-box a:hover{background-color: #efefef;}

@media screen and (max-width: 992px) {
    .navbar-img span{font-size: 13px; font-weight: 400;}
    .navbar-img-left span{font-size: 13px; font-weight: 400;}
    .navbar-img #logo{height: 39px;}
    .navbar-img-left #logo{height: 39px;}
    .iranplast{height: 49 !important;}
    .regestration-event{display: none;}
}
@media screen and (max-width: 768px) {
    .navbar-img #logo{height: 33px;}
    .navbar-img-left #logo{height: 33px;}
    .iranplast{height: 43 !important;}

}


.sidenav{position: fixed; top: 0; right: -100%; bottom: 0; left: 0; width: 30%; height: 100vh; background-color: #fff;
    overflow: auto; transition: .5s; box-shadow: 0 0 10px 1px #dfdfdf; z-index: 100;}
.sidenav-en{right: auto; left: -100%;}

.sidenav.active{right: 0;}
.sidenav-en.active{left: 0; right: auto;}

.sidenav .sidenav-close{ position: absolute; left: auto; right: 22px !important; top: 12px;}
.sidenav .sidenav-close img{width: auto; height: 40px;}
.sidenav .sidenav-close span.fa-angle-up{vertical-align: middle; font-size: 18px !important; margin-top: -2px;}
.sidenav .sidenav-close span.fa-close{vertical-align: middle; font-size: 18px !important; margin-top: -2px;
    text-align: left;}

.sidenav-ul{list-style: none;margin: 0;margin-top: 60px; padding: 0;}
.sidenav-ul li{}
.sidenav-ul li a.sidenav-ul-item{display: block; width: 100%; color: #898989;
    padding: 10px; text-decoration: none;
    border-bottom: 1px solid #efefef;}
.sidenav-ul li a.sidenav-ul-item span.fa-caret-down{float: left;}
.sidenav-ul li a.sidenav-ul-item.active{border-color: #cfcfcf;}

.sidenav-ul-border{border-bottom: 1px solid #dfdfdf;}

.sidenav-en .sidenav-close{left: 22px !important; right: auto !important;}

@media screen and (max-width: 768px) {
    .sidenav{width: 40%;}
}
@media screen and (max-width: 575px) {
    .sidenav{width: 55%;}
}
@media screen and (max-width: 425px) {

}


/************* nav *************/


/************* header *************/

.header{width: 100%;}
.header img{width: 100%; }

/************* header *************/

/************* login-page *************/

.login{width: 40%; max-width: 768px; margin: 25px auto 25px;}

.login-page{width: 100%; height: auto;  z-index: 2; position: relative; margin-bottom: 20px;}
.login-page-line{width: 44%; margin: auto; position: relative;}
.login-page-line h4{text-align: center; color: #313131; margin-bottom: 15px; font-weight: 400}

.login-page-stars{width: 44%; margin: auto; text-align: center;}
.login-page-stars img{height: 75px; width: auto; margin-bottom: 10px;}
.login-page-stars a{display: inline-block; padding: 5px 25px; font-size: 16px; font-weight: 400; text-decoration: none;
    color: #fff; margin-bottom: 10px;background-color: #00769a;}
.login-page-stars a.red{background-color: #d30021;}
.login-page-stars a.green{background-color: #a8aa1b;}
.login-page-stars h4{text-align: center; color: #00769a; margin-bottom: 15px; font-weight: 400}

.login-page input{border-radius: 35px;outline: none; border: none;  box-shadow: 0 -2px 5px 1px #898989;
    text-align: center; color: #616161; margin-bottom: 25px;}
.login-page input:focus{outline: none; border: none; box-shadow:  0 -2px 5px 1px #898989;}
.login-page input::placeholder{color: #898989; text-align: center;}
.login-page button{ display: inline-block; border: none; background-color: #616161; border-radius: 10px;;
    padding: 8px 26px; text-align: center; color: #fff; cursor: pointer; transition: .3s all;
    font-size: 15px;}
.login-page button:hover{ background-color: #313131;}
.login-page button:focus{outline: none; border: none; box-shadow: none;}

.login-page .form-group-error{color: #9b1c53; font-weight: 400; bottom: -18px; right: 12px;}
.login-page .form-group-error.oil{color: #2955b4;}

.login-page-register{width: 100%; height: auto;  margin: 0 auto 25px; text-align: center;}
.login-page-register a{display: inline-block; width: 270px; padding: 11px; background-color: #9b1c53;
    text-decoration: none; color: #fff; border-radius: 10px; text-align: center; transition: .3s all;
    font-weight: 400; border:1px solid #9b1c53;}
.login-page-register a.oil{background-color: #2955b4;border:1px solid #2955b4;}
.login-page-register a:hover{background-color: #711938;}
.login-page-register a.oil:hover{background-color: #214385;border:1px solid #214385;}

.login-page-register1{width: 100%; height: auto;  margin: 0 auto 25px; text-align: center;}
.login-page-register1 a{display: inline-block; width: 270px; padding: 11px; border:1px solid #9b1c53;
    text-decoration: none; color: #9b1c53; border-radius: 10px; text-align: center; transition: .3s all;
    font-weight: 400;}
.login-page-register1 a.oil{border:1px solid #2955b4;color: #2955b4;}

.login-page-register1 a:hover{background-color: #9b1c53; color: #fff;}
.login-page-register1 a.oil:hover{background-color: #2955b4; color: #fff;}

.login-page-info{border: 1px solid #afafaf; border-radius: 10px;width: 100%; margin: auto;
    height: auto; margin-top: 50px;}
.login-page-info-header{width:auto;text-align: center;margin-top: -18px;}
.login-page-info-header span{display: inline-block; padding: 5px 15px; background-color: #fff;
    border: 1px solid #afafaf; border-radius: 10px; font-size: 16px;font-weight: 400;}

.login-page-info-body{padding:25px 15px; font-size: 14px;  max-height: 350px; overflow: auto;}
.login-page-info-body a{display: inline-block; text-align: center;}

/* width */
.login-page-info-body::-webkit-scrollbar {width: 4px; height: 4px; transition: .3s; position: fixed;}
/* Track */
.login-page-info-body::-webkit-scrollbar-track {background: #cfcfcf;}
/* Handle */
.login-page-info-body::-webkit-scrollbar-thumb {background: #9b1c53;border-radius: 4px;}
/* Handle on hover */
.login-page-info-body::-webkit-scrollbar-thumb:hover {background: #9b1c53;}

@media screen and (max-width: 1500px) {
    .login{width: 45%;}
}
@media screen and (max-width: 1200px) {
    .login{width: 60%;}
    .login-page-line{width: 50%; margin: auto}

}
@media screen and (max-width: 992px) {
    .login{width: 70%;}
}
@media screen and (max-width: 769px) {
    .login{width: 96%; margin-top: 10px;}
    .login-page{ margin-top: 15px;}
    .login-page-top-right h3{font-size: 60px; }
    .login-page-top-left{width: 100%;}
    .login-page-top-left img{width: 40%;}
    .login-page-register{width: 98%;}
}
@media screen and (max-width: 578px) {
    .login-page-top-left img{width: 50%;}
    .login-page-line{width: 80%; margin: auto}

}

/************* login-page *************/



/************* footer *************/

.custom-footer{background-color: #fff;}

.footer-address{width: 100%; height: auto; background-color: #000; padding: 20px 0; color: #fff;
    border-top: 15px solid #9b1c53;}
.footer-address-item{float: right; padding: 5px;}
.footer-address-item-header{width: 100% ; padding-right: 25px;}
.footer-address-item-header h4{ font-size: 14px; font-weight: 400;}
.footer-address-item-right{width: 30%; float: right; text-align: center;}
.footer-address-item-right h4{ margin-top: 30px;}
.footer-address-item-right img{width: 100%; height: auto;}
.footer-address-item-left{width: 70%; float: right;
    padding: 20px; position: relative;}
.footer-address-item-left-top{width: 92%; height: 3px; background-color: #000;
    position: absolute; top: -1px; right: 4%;}
.footer-address-item-left-bottom{width: 90%; height: 3px; background-color: #000;
    position: absolute; bottom: -1px; right: 5%;}
.footer-address-item-left h4{ font-size: 14px; margin-bottom: 15px; font-weight: 400;}
.footer-address-item-left h4 img{height: 40px;}
.footer-address-item-left h4 span.colorPick{color: #9b1c53;}
.footer-address-item-left>img{width: 33%; float: right; padding: 1%;}
.footer-address-item-left>img:first-child{border-left: 1px solid #efefef;}

.custom-footer-en .footer-address-item{float: left;}
.custom-footer-en .footer-address-item-header-item{ padding-right: 0; padding-left: 25px;}
.custom-footer-en .footer-address-item-right{float: left;margin-left: 0;margin-right: 5%;}
.custom-footer-en .footer-address-item-left{float: left;}




.footer-info{width: 100%; height: auto; background-color: #3c3c3c;
    text-align: right; padding: 35px 10px;}
.footer-info-right{float: right;}
.custom-footer-en .footer-info{text-align: left; }
.custom-footer-en .footer-info-right{float: left;}

.footer-info-right-category{}
.footer-info-right-category a{text-decoration: none; font-size: 14px; color: #afafaf; margin-left: 15px; font-weight: 300}
.footer-info-right-category a:hover{color:#898989;}
.footer-info-right-category a img{width: auto; height: 66px;}
.custom-footer-en .footer-info-right-category a{ margin-left: 0;  margin-right: 15px;  }

.footer-info-right-download{padding-right: 80px; margin-top: 15px; float: right;}
.footer-info-right-download img{height: 35px;}
.footer-info-right-download a{text-decoration: none; font-size: 20px; color: #afafaf; margin-left: 12px; }
.custom-footer-en .footer-info-right-download{float: left;padding-right: 0; padding-left: 80px;  }

.footer-info-right-social{padding-right: 80px; margin-top: 15px; float: left;}
.footer-info-right-social a{text-decoration: none; font-size: 20px; color: #afafaf; margin-left: 12px; }
.footer-info-right-social a:hover{color:#898989;}
.custom-footer-en .footer-info-right-social{float: left; padding-right: 0; padding-left: 80px;}


.footer-info-left{padding-top: 0; text-align: left;float: right;}
.custom-footer-en .footer-info-left{float: left; text-align: right;}

@media screen and (max-width: 768px) {
    .footer-info{text-align: center;}
    .footer-info-left{text-align: center;}
    .footer-info-right-social{padding-right: 0; margin-bottom: 15px;}
}

.copy-right{padding:5px 15px 15px;background-color: #ececec;text-align: left; }
.custom-footer-en .copy-right{ text-align: right; }

/************* footer *************/

/************* home *************/

.home{ z-index: 2;}
.home-header{}
.home-header ul{list-style: none; padding: 0; margin: 0; text-align: center; margin-top: -40px;}
.home-header ul li{display: inline-block; width: 180px; height: 150px; box-shadow: 0 0 14px 1px #cfcfcf;
    margin: 0 15px 25px; padding: 15px; border-radius: 10px; background-color: #fff; vertical-align: middle; cursor: pointer;
    transition: .3s all; }
.home-header ul li:hover{box-shadow: 0 0 14px 1px #afafaf;}
.home-header ul li a{color: #313131; text-decoration: none; }
.home-header ul li a img{ height: 80px; margin: 10px 0; }

.home-body{ margin: 50px 0 25px; border-bottom: 25px solid #ececec; padding-bottom: 25px;}
.home-body-right{}
.home-body-right h3{ font-weight: 500; font-size: 18px;}
.home-body-right h3 img{height: 70px;}
.home-body-right h5{line-height: 22px; font-weight: 400; text-align: right; margin-top: 15px;
    padding: 0 10px; }

.home-body-left{}
.home-body-left-top{ margin-top: 100px; text-align: center;}
.home-body-left-top img{max-width: 80%; }
.home-body-left-bottom {text-align: center; margin: 30px 0;}
.home-body-left-bottom img {height: 35px; display: inline-block;}

.home-body-en{}
.home-body-en .home-body-right{float: left;}
.home-body-en .home-body-right h5{text-align: left;}
.home-body-en .home-body-left{float: right;}


.home-footer{margin: 0 auto 50px ;}
.home-footer-header{ }
.home-footer-header h4{font-weight: 500; font-size: 18px; float: right; margin-top: 8px;}
.home-footer-header a{float: left; padding: 6px 16px;  transition: .2s all;
    color: #313131; text-decoration: none;}
.home-footer-header a:hover{color: #000;}
.home-footer-body{margin-top: 50px;}

.home-footer-item{margin-bottom: 10px; }
.home-footer-item a{text-decoration: none;}
.home-footer-item1{width: 96%; height: auto; margin: auto; background-color: #fff; border-radius: 10px;
    transition: 0.3s;box-shadow: 0 0 6px 1px rgba(225, 225, 225, 0.75);  overflow: hidden;}
.home-footer-item1:hover{box-shadow: 0 0 10px 2px rgba(205, 205, 205, 0.8);}

.home-footer-item-img{width: 100%; height: auto; margin-bottom: 5px;}
.home-footer-item1-text{ padding: 5px 8px;}
.home-footer-item1-text h4{ color: #313131; font-weight: 400; font-size: 15px; margin-bottom: 8px;
    line-height: 20px; height: 40px; overflow: hidden;}
.home-footer-item1-text h5{ color: #afafaf; font-weight: 300; font-size: 13px; margin-bottom: 10px;
    line-height: 18px; height: 38px; overflow: hidden;}
.home-footer-item1-text h6{ color: #afafaf; font-weight: 300; font-size: 12px; text-align: left;
    margin-bottom: 0;}

.home-footer-item1:hover .home-footer-item-price{color: #fff; background-color: #569e3d;}

.home-footer-footer{ text-align: center; margin: 45px 0 25px;}
.home-footer-footer a{padding: 8px 22px; border: 1px solid #efefef; color: #616161; text-decoration: none;
    font-size: 14px; font-weight: 400; transition: .3s all;}
.home-footer-footer a:hover{border-color: #afafaf;}

.home-footer-en{}
.home-footer-en .home-footer-header h4{float: left;}
.home-footer-en .home-footer-header a{float: right;}
.home-footer-en .home-footer-item h6{text-align: right;}

/************* home *************/

/************* gorfe *************/

.factor{margin-bottom: 25px;}
.factor-description{padding: 50px 30px; }
.factor-line{display: block;}
.seller table td
{
    border: none !important;
}
.seller table td:first-child
{
    border: 1px solid #313131 !important;
}

.gorfe{ z-index: 2;}
.gorfe-header{width: 100%; height: auto; padding: 15px 5px; margin: 10px 0;}
.gorfe-header-right{float: right;}
.gorfe-header-right img{height: 60px;}
.gorfe-header-right span{margin-right: 5px; font-weight: 500; font-size: 20px; color: #313131;}

.gorfe-header-left{float: left; padding-top: 14px;}
.gorfe-header-left img{float: left; height: 25px;}

.gorfe-header-en .gorfe-header-right{float: left;}
.gorfe-header-en .gorfe-header-left{float: right;}

.gorfe-nav{ margin-top: 15px;}
.gorfe-nav ul{list-style: none; padding: 0; margin: 0; text-align: center;}
.gorfe-nav ul li{display: inline-block; padding: 2px; margin: 0; position: relative;}
.gorfe-nav ul li>a{color: #313131; font-size: 14px; font-weight: 400; text-decoration: none; padding: 6px 3px;
    position: relative;}
.gorfe-nav ul li>a:hover{border-bottom: 3px solid #9c1b53;}
.gorfe-nav ul li>a.active{border-bottom: 3px solid #9c1b53;}
.gorfe-nav ul li>a.dis-active{color: #898989;}
.gorfe-nav span.fa-close{margin: 10px; display: none;}

.gorfe-nav-mobile{margin-top: 5px; display: none;}
.gorfe-nav-mobile h4{color: #313131; font-size: 16px; font-weight: 400; padding: 6px 12px;border-bottom: 3px solid #9c1b53;
    display: inline-block; margin-bottom: -7px; cursor: pointer;}

.gorfe-nav-item{position: absolute; right: 0; top: 34px; background-color: #fff;width: 150px;z-index: 10;
    border: 1px solid #dfdfdf; border-radius: 0 0 5px 5px; overflow: hidden; display: none;
    border-top: 2px solid #9c1b53;}
.gorfe-nav-item a{display: block; background-color: #fff; text-decoration: none; font-size: 14px; font-weight: 400;
    color: #313131;  padding: 5px 20px; transition: .3s all; border-bottom: 1px solid #fff;}
.gorfe-nav-item a:hover{ border-bottom: 1px solid #9c1b53;}

.gorfe-nav-box{height: auto; width: 100%; border: 1px solid #dfdfdf; border-top: 2px solid #9c1b53;
    border-radius: 0 0 20px 20px; margin-bottom: 50px; padding: 15px; margin-top: 6px;}

.gorfe-nav-en ul li a{ padding: 8px;}


@media screen and (max-width: 992px) {
    .gorfe-nav-mobile{display: block;}

    .gorfe-nav{width: 50%; height: 100%; border-left: 1px solid #efefef; position: fixed; right: -50%; top: 0;
        background-color: #fff; margin: 0; z-index: 10;  transition: .3s all; overflow: auto;}
    .gorfe-nav.active{ right: 0;}
    .gorfe-nav ul{text-align: right;}
    .gorfe-nav ul li{display: block; width: 100%; }
    .gorfe-nav ul li>a{display: block; width: 100%;border-bottom: 3px solid #fff;}
    .gorfe-nav span.fa-close{display: block;}

    .gorfe-nav-item{display: block !important; position: relative; width: 100%; border: none; top: 0;}

}
@media screen and (max-width: 768px) {
    .gorfe-nav{width: 60%;  right: -60%;}
}
@media screen and (max-width: 576px) {
    .gorfe-nav{width: 70%;  right: -70%;}
}

.dashboard-header{ padding-top: 40px;}
.dashboard-header ul{list-style: none; padding: 0; margin: 0; text-align: center; }
.dashboard-header ul li{display: inline-block; width: 150px; height: 135px;margin: 0 5px 10px;padding: 10px;
    border-radius: 10px; background-color: #fff; vertical-align: middle; cursor: pointer;transition: .3s all;
    border: 1px solid #efefef;}
.dashboard-header ul li:hover{box-shadow: 0 10px 14px 1px #dfdfdf; background-color: #9c1b53;}
.dashboard-header ul li.active{box-shadow: 0 10px 14px 1px #dfdfdf; background-color: #9c1b53;}
.dashboard-header ul li:hover a{color: #fff ;}
.dashboard-header ul li.active a{color: #fff;}
.dashboard-header ul li a{color: #313131; text-decoration: none; display: inline-block; width: 100%; height: 100%; }
.dashboard-header ul li a img{ height: 60px; margin: 10px 0; }
.dashboard-header ul li a h5{font-size: 13px; font-weight: 400;}

.dashboard-body{ padding: 60px 0 30px;}
.dashboard-body-header{ margin-bottom: 0px; position: relative;}
.dashboard-body-header h4{font-size: 20px; font-weight: 400; color: #313131;}
.dashboard-body-header span{color: #5abbee; font-size: 28px;}
.dashboard-body-header a{display: inline-block; color: #898989; font-size: 14px; text-decoration: none; float: left;
    padding-top: 8px;}
.dashboard-body-header h6{padding: 15px; text-align: center; background-color: #569e3d; color: #fff;
    border-radius: 5px; margin: -60px 0 30px;}

.dashboard-body-header h6.error-message{background-color: #9c1b53; color: #fff; margin-bottom: 30px;}

.dashboard-body-back{ margin-bottom: 0px; text-align: center;}
.dashboard-body-back a{font-size: 16px; font-weight: 400;  display: inline-block;
    padding: 5px 15px; border-radius: 5px; text-decoration: none; background-color: #569e3d; color: #fff;}

.print{text-align: center;}
.print a{text-decoration: none; display: inline-block; padding: 5px 15px ; background-color: #00c500;
    color: #fff; border-radius: 50px; margin: 0 5px; font-size: 14px; transition: .3s all;}
.print a:hover{background-color: #009200;}

.dashboard-body-nav{margin: 25px 0; text-align: center;}
.dashboard-body-nav a{text-decoration: none; display: inline-block; padding: 5px 15px ; background-color: #d32278;
    color: #fff; border-radius: 50px; margin: 0 5px; font-size: 14px; transition: .3s all;}
.dashboard-body-nav a.oil{ background-color: #2955b4;}
.dashboard-body-nav a:hover{background-color: #9c1b53;}
.dashboard-body-nav a.active{background-color: #9c1b53;}
.dashboard-body-nav a.oil:hover{ background-color: #214385;}
.dashboard-body-nav a.oil.active{ background-color: #214385;}

.dashboard-body-message{width: 70%; padding: 15px 30px; border-radius: 10px; border: 1px solid #dfdfdf;
    margin: 0 auto 25px;}
.dashboard-body-message span{color: #569e3d; margin-top: 5px; display: inline-block;}
.dashboard-body-message a{color: #898989; text-decoration: none; padding:5px 20px; border-radius: 30px; border: 1px solid #dfdfdf;
    float: left; background-color: #efefef; font-size: 15px; font-weight: 400;}

.accordion {color: #444;cursor: pointer;padding: 25px 15px;width: 100%; border: none; border-bottom: 1px solid #dfdfdf;
    background: none; text-align: right; font-size: 15px; font-weight: 400;
    outline: none;transition: 0.4s;}
.accordion span.fa{color: #69d5b5; font-size: 20px; vertical-align: middle; margin-left: 5px;}
.accordion-date{float: left; color: #afafaf; font-size: 13px;}
.accordion:focus {outline: none;}
.accordion:hover {}
.accordion-box {padding: 20px 10px 10px; display: none; overflow: hidden;}
.accordion-box p{line-height: 25px;}
.accordion-en{ text-align: left;}
.accordion-en .accordion-date{float: right;}

.dashboard-body-form{border: 1px solid #dfdfdf; border-radius: 10px; padding: 50px 10px; margin-bottom: 50px;}
.dashboard-body-form h4{font-weight: 500; font-size: 16px;}
.dashboard-body-form-item{ margin-top: 25px;}
.dashboard-body-form-item .padding-top{padding-top: 35px;}
.dashboard-body-form-item .padding-top-1{padding-top: 10px;}
.dashboard-body-form-item h4{color: #afafaf; font-weight: 300; font-size: 15px;}
.dashboard-body-form-item textarea{border: 1px solid #efefef; border-radius: 10px; outline: none;
    width: 100%; resize: none; height: 100px; padding: 10px;}
.dashboard-body-form-item input{border: 1px solid #efefef; border-radius: 10px; outline: none;
    width: 100%; resize: none; height: 40px; padding: 10px;}

.exhibitor{background-color: #efefef; padding: 10px; font-size: 14px; font-weight: 400; margin-bottom: 15px;}
.exhibitor-item{margin-bottom: 10px;}
.exhibitor-item:last-child{margin-bottom: 0;}

.description{margin-bottom: 15px; font-weight: 400; font-size: 14px; color: #787878; margin-right: 10px;}
.multiselect {width: 100%;padding: 9px; }
.selectBox {position: relative;border-color: #ced4da !important; }
.selectBox .select {width: 100%; padding: 7px; font-weight: 400; color: #dfdfdf; min-height: 44px;
    border-radius: 10px 10px 0 0; border: 1px solid #efefef; }
.select1{border: none !important; min-height: 20px !important; padding: 0 !important;}
.selectBox .select .option{display: inline-block; padding: 2px 7px; font-size: 13px; margin-left: 5px;
    background-color: #d8f3ec; color: #009265; border-radius: 5px; }
.selectBox .select .option .fa{-webkit-text-stroke: -1px #009265; cursor: pointer;}
.selectBox .select .fa-angle-down{float: left; color: #69cfb4; margin-top: 5px; margin-left: 1px;}
.overSelect {position: absolute;left: 0;right: 0;top: 0;bottom: 0;}
.checkboxes {border: 1px #efefef solid; height: auto; max-height: 180px; padding:5px 0; overflow: auto;
    border-radius: 0 0 10px 10px; display: none; position: absolute; right: 0; top: 43px; left: 0;
    background-color: #fff; z-index: 10;}
.checkboxes label {display: block; margin-right: 5px;}
.checkboxes input {margin-left: 5px; vertical-align: middle;}
.checkboxes label:hover {background-color: #1e90ff;}
.tablinks a{color:#313131; text-decoration: none;}
.checkboxes input[name='search'] {border: 1px solid #cfcfcf; width: 96%; margin: 5px 2%;
    padding: 5px; border-radius: 5px;}
.searchBox{width: 150px;height: 30px; float: left; position: relative; margin-top: 10px;}
.searchBox input{height: 30px; width: 80%; box-shadow: none; border: 1px solid #efefef; }
.searchBox input:focus{box-shadow: none; outline: none; border: 1px solid #efefef;}
.searchBox button{position: absolute; left: 0; top: 0; height: 30px; width: 20%; box-shadow: none; border: 1px solid #efefef; background: #3dd732; padding: 3px 8px; border: 1px solid #efefef;}

.custom-checkbox{ margin: 10px 0;}
.custom-checkbox-inline{display: inline-block}
.custom-checkbox input{}
.custom-checkbox label{ margin-right: 40px;}
.custom-checkbox .custom-checkbox-price{ float: left; color: #afafaf; }
.custom-checkbox .custom-control-label::before {width: 20px;height: 20px;border-radius: 1.25rem;}
.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
    background-color: #ce166e;
}
.custom-control-label::before {left: auto; right: -30px; top: 2px;}
.custom-control-label::after {left: auto; right: -28px; top: 4px;}
.panel-form-box{padding: 30px 0; position: relative;}

.panel-form-box .form-group{padding:10px 10px 10px;border:1px solid #dfdfdf; border-radius:10px;
    margin:10px 10px 25px;position: relative;}

#countryCode{display: inline-block; position: absolute; left:10px; top: 10px; width: 80px;
    padding: 0; color: #898989; font-size: 14px;}

.form-group-error{position:absolute;bottom:0;right:30px;color:#c8232c; font-size: 12px;
    font-weight: 300;}

.form-group-info{position: absolute; left: 15px; top: 8px; color: #afafaf; font-weight: 400;}
.form-group-info span{margin: 8px 5px; font-weight: 400; font-size: 24px;}

.panel-form-box .form-group>label{position:absolute;top:-12px;right:20px;background-color:white;
    padding: 0 10px; color: #898989; font-weight: 400;}

.rtl{direction: rtl;}
.ltr{direction: ltr;}

.panel-form-box .form-group>label.label{top:-30px !important;right:20px;}

.panel-form-box-en{direction: ltr;}
.panel-form-box-en .form-group>label{right:auto; left:20px; }
.panel-form-box-en .form-group>label.label{right:auto; left:20px; }
.panel-form-box-en .col-md-6{float: left;}

.panel-form-box .radio-inline{margin-bottom: 18px; margin-right: 10px;}

.panel-form-box .form-group>input{border:none; padding: 0 20px; color: #313131;}
.panel-form-box .form-group>input:focus{outline: none; box-shadow: none;}
.panel-form-box .form-group>input::placeholder{color: #cfcfcf; font-size: 14px;}
.panel-form-box .form-group>input:disabled{background: inherit;}

.panel-form-box .form-group>select{border:none; padding: 0 20px; color: #313131; height: 38px !important;}
.panel-form-box .form-group>select:focus{outline: none; box-shadow: none;}
.panel-form-box .form-group>select::placeholder{color: #cfcfcf; font-size: 14px;}
.panel-form-box .form-group>select:disabled{background: inherit;}

.panel-form-box .form-group>textarea{border:none; padding: 10px 20px; resize: none; color: #313131;}
.panel-form-box .form-group>textarea:focus{outline: none; box-shadow: none;}
.panel-form-box .form-group>textarea::placeholder{color: #cfcfcf; font-size: 14px;}
.panel-form-box .form-group>textarea:disabled{background: inherit;}

.panel-image-input{height: 60px;}
.panel-image-input input{ z-index: 2; position: absolute; top: 10px; right: 15px; opacity: 0;}
.panel-image-input .form-group-place{display: inline-block; position: absolute; top: 20px; right: 30px; z-index: 1;
    color: #afafaf; font-size: 13px; font-weight: 400;}

.form-group-button{text-align: center; margin-top: 20px; clear: both; margin-bottom: 20px;}
.panel-form-box button{color: #fff; border: none; outline: none; border-radius: 10px; background: #74d3bb;
    padding: 10px 20px; cursor: pointer; margin-top: 50px;}

.panel-form-box-en .form-group-place{ right: auto; left:30px;}
.panel-form-box-en .form-group-info{ right: 15px; left:auto;}
.panel-form-box-en .image-box-item{float: left;}


.panel-form-box a{color: #616161;cursor: pointer; margin: -10px 15px 40px; text-decoration: none ; clear: both; display: inline-block;}
.panel-form-box a span{color: #2fc344;}

.image-box{ margin: 50px 0;}
.image-box-item{margin-bottom: 10px;}
.image-box-item img{width: 100%; height: auto; border-radius: 10px; margin-bottom: 10px;}
.image-box-item h4{text-align: center; color: #c71970; }
.image-box-item h4 span{-webkit-text-stroke: 1px #fff;}


.ads-box{}
.ads-box-img{border: 1px solid #dfdfdf; border-radius: 10px; margin: 50px 0; height: 200px; padding: 30px 15px 15px;
    position: relative;}
.ads-box-img .custom-checkbox{position: absolute; right: 20px; top: 45px; z-index: 10;}

.ads-box-img .custom-control-label::before {width: 20px;height: 20px;border-radius: 1.25rem;}
.ads-box-img .custom-control-input:checked~.custom-control-label::before {
    background-color: #ce166e;
}
.ads-box-img img{position: absolute; right: 0; top: 0; left: 0; bottom: 0; width: 100%; height: 100%;
    z-index: 2;}
.ads-box-img h4{text-align: center; font-size: 28px; font-weight: 600; color: #cfcfcf; }
.ads-box-img h5{text-align: center; font-size: 20px; font-weight: 600; color: #cfcfcf; }
.ads-box-img-left{border-left: 1px dashed #c8232c; width: 94%; height: 150px; position: absolute; top: 25px;
    right: 3%;  border-bottom: 1px dashed #c8232c;}
.ads-box-img-left h4{text-align: left; font-size: 14px; font-weight: 400; color: #616161;
    margin-left: 10px; margin-top: 126px;}


.ads-box-img>span{display: block; position: absolute; bottom: -20px; right: 10px;
    font-size: 14px; font-weight: 400; color: #898989;}

.ads-box-img-edit{ position: absolute; bottom: -40px; right: 0; left: 0; height: 40px; z-index: 1;
    font-size: 14px; font-weight: 400; color: #313131; background-color: #efefef; border: 1px solid #dfdfdf;
    padding: 10px 10px 0; border-radius: 0 0 15px 15px;}
.ads-box-img-edit a{display: inline-block; float: left; margin-top: 0; color: #313131;}
.ads-box-img-edit a span{ color: #313131; font-size: 18px; vert-align: middle;}

.dashboard-body-button{ padding: 15px; margin-bottom: 50px; text-align: center;}
.dashboard-body-button button{outline: none; border: none; background-color: #c71970; border-radius: 5px; color: #fff;
    padding: 10px 20px; cursor: pointer; }
.dashboard-body-button button.oil{ background-color: #00769a; }

.dashboard-body-button button:disabled{ background-color: #898989; cursor: auto;}
.dashboard-body-button button.success{background-color: #2fc344;}
.dashboard-body-button button.gray{background-color: #616161; transition: .3s all;}
.dashboard-body-button button.gray:hover{background-color: #313131;}

.dashboard-body-button a{outline: none; border: none; background-color: #c71970; border-radius: 5px; color: #fff;
    padding: 10px 20px; cursor: pointer; text-decoration: none;}
.dashboard-body-button a.oil{ background-color: #00769a;}
.dashboard-body-button a:disabled{ background-color: #898989; cursor: auto;}
.dashboard-body-button a.success{background-color: #2fc344;}
.dashboard-body-button a.gray{background-color: #616161; transition: .3s all;}
.dashboard-body-button a.gray:hover{background-color: #313131;}

.dashboard-body-button h4{color: #2fc344; font-size: 20px; font-weight: 400;}
.dashboard-body-button h5{ margin-bottom: 15px;}

.image-box-button{outline: none; border: none; border-radius: 5px; color: #fff !important; display: inline-block;;
    padding: 22px 30px; cursor: pointer; margin: 12px !important; background-color: #ea8f00; }

.dashboard-body-table{}
.dashboard-body-table table{  }
.dashboard-body-table table tr{ border: 1px solid #dfdfdf;}
.dashboard-body-table table tr .text-gray{color: #afafaf;}
.dashboard-body-table table tr td{ padding: 22px 0; font-weight: 400; color: #616161;}
.dashboard-body-table table tr td.padding-top{padding-top: 37px;}
.dashboard-body-table table tr td.padding-top-2{padding-top: 45px;}
.dashboard-body-table table tr td.padding-top-3{padding-top: 30px;}
.dashboard-body-table table tr td .span-line{ display: block; margin: 2px 0;}
.dashboard-body-table table tr td .span-line span{margin: 0 5px; color: #229a75;}
.dashboard-body-table table tr td a{text-decoration: none; color: #8b8b8b; font-weight: 300;
    padding: 10px; cursor: pointer !important;}
.dashboard-body-table table tr td a.btn-success{ color: #fff;}
.dashboard-body-table table tr td a.btn-danger{ color: #fff;}
.dashboard-body-table table tr td a.btn-light{ background-color: #cfcfcf;}
.dashboard-body-table table tr td a.btn-dark{ color: #fff;}
.dashboard-body-table table tr:nth-child(even) td{padding: 7px 0;}
.dashboard-body-table table tbody tr:nth-child(even){ border: none;}


.panel-body-record-header{margin-bottom: 30px;}
.panel-body-record-header span{color: #313131; font-size: 16px; font-weight: 400 !important;
    display: inline-block; margin-top: 3px;}
.panel-body-record-header a{color: #898989;  font-size: 14px; font-weight: 300 !important;
    float: left; margin-top: 1px; margin-left: 15px;}

.panel-body-record-header a span{ display: inline-block; margin-left: 10px; font-size: 12px; text-align: center;
    color: #732092; border: 2px solid #732092; border-radius: 50%; padding: 2px 3px 1px}

.add-green{color: #379c17 !important;}
.add-green span{color: #379c17 !important; border-color:#379c17 !important; }

.panel-body-record-header-search{border:1px solid #dfdfdf; border-radius: 50px; float: left;
    margin-top: -8px;}

.panel-body-record{}
.panel-body-record .panel-body-record-h5{border-bottom: 1px solid #cfcfcf; padding: 10px 0; font-size: 16px; font-weight: 400;
    color: #898989;}
.panel-body-record .panel-body-record-h5 span{float: left; color: #8d8bff;}
.panel-body-record .panel-body-record-h5 span span{display: inline-block; width: 20px; height: 20px; border-radius: 50%; color: #fff;
    background-color: #ff7077; text-align: center; margin-right: 8px; font-size: 13px; line-height: 22px; }
.panel-body-record table{  }
.panel-body-record table tr{ border: 1px solid #dfdfdf;}
.panel-body-record table tr{ border: 1px solid #dfdfdf;}
.panel-body-record table tr td{ padding: 22px 0; font-weight: 400; color: #8b8b8b; position: relative;}
.panel-body-record table tr td a{text-decoration: none; color: #8b8b8b; font-weight: 300;
    padding: 10px; cursor: pointer !important;}
.panel-body-record table tr td a:hover{background-color: #efefef;}
.record-delete{border: none !important; background-color: inherit !important; color: #ef8863 !important; }
.record-title-icon{color: #fd9607; margin-left: 6px; }
.panel-body-record table tr td a i{color: #6fd5bb; vertical-align: middle; margin-left: 6px;}
.panel-body-record table tr:nth-child(even) td{padding: 7px 0;}
.panel-body-record table h6{ font-size: 14px; font-weight: 400; margin: 0;}
.panel-body-record table h6:first-child{margin-top: -5px;}

.panel-body-record table thead tr{background-color: #fff9e3; color: #c8a122;}
.panel-body-record table thead.blue tr{background-color: #e4ecff; color: #c8a122;}
.panel-body-record table thead tr td{font-weight: 500 !important; text-align: center; position: relative;}
.panel-body-record table thead tr th{font-weight: 400 !important; text-align: center;}
.panel-body-record table tbody tr:nth-child(even){ border: none;}
.panel-body-record table tr td .span-line{ display: block; margin: 2px 0;}
.panel-body-record table tr td .span-line span{margin: 0 5px; color: #229a75;}
.span-line-button{position: absolute; bottom: 0 ;right: 0;}
.panel-body-record table tr td .file-hide{width: 100%;height: 100%; position: absolute; top: 0; right: 0;
    bottom: 0; left: 0;opacity: 0; cursor: pointer; z-index: 10;}
.no-border{border: none;}
.no-margin{margin: 0 !important;}
.no-padding{padding: 0 !important;}

.dateMonth{border: 1px solid #dfdfdf; border-radius: 10px; margin-top: 0; width: 60px; padding: 8px;
    text-align: center; font-weight: 400;}
.dateMonth:focus{outline: none;}
.dateYear{border: 1px solid #dfdfdf; border-radius: 10px; margin-top: 0; width: 90px; padding: 8px;
    text-align: center; font-weight: 400;}
.dateYear:focus{outline: none;}


.order-item{border: 1px solid #efefef; border-radius: 10px; overflow: hidden; margin-bottom: 35px}
.order-item h4{background: #dbd9ff; padding: 15px; color: #313131; font-weight: 400; font-size: 15px;}

.order-item h5{background: #fff; padding: 15px; color: #313131; font-weight: 400; font-size: 14px;
    line-height: 22px;}

.order-item .order-item-form{background: #fff8de; border: 1px solid #efefef;
    padding: 18px; border-right: none; border-left: none;}
.order-item-form input{border: 1px solid #dfdfdf; border-radius: 10px; margin-top: 0; width: 90px; padding: 8px;
    text-align: center; font-weight: 400;outline: none;}
.order-item-form span{margin-left: 8px;}
.order-item-form p{position: absolute;font-size: 12px;font-weight: 400;}
.order-item-form-price{margin-right: 125px; margin-top: 7px;}

.order-item-form-price-all{ margin-right: 125px; margin-top: 7px;}

.order-item h6{background: #fff; padding: 15px; color: #313131; font-weight: 400; font-size: 14px;}
.order-item h6 span.right{ display:block; width: 18%; float: right;  margin-left: 10px;}
.order-item h6 span.left{ display:block; width: 80%; float: left; margin-left: 10px;}

.order-item-price{background: #f5f5f5; text-align: center; padding: 15px;}
.order-item-price input{border: 1px solid #dfdfdf; border-radius: 10px; margin-top: 0; width: 90px; padding: 8px;
    text-align: center; font-weight: 400;outline: none;}
.order-item-price .order-item-price-item{margin: 0 25px;}


.cart-header{width: 360px; margin: 15px auto;}
.cart-header-right{width: 60%;float: right; padding-top: 85px;}
.cart-header-right a{color: #898989; text-decoration: none;}
.cart-header-right a:hover{color: #379c17;}
.cart-header-right a span{color: #379c17;}
.cart-header-left{width: 40%; float: left; text-align: center;}
.cart-header-left img{width: 140px;}

.cart-body{margin-top: 150px; margin-bottom: 100px;}
.card-item2{ width: 555px; margin: 75px auto 50px;}

.card-item1{ border: 1px solid #dfdfdf; border-radius: 5px; width: 100%; text-align: center;
    padding: 25px 25px 5px;}
.card-item1 h4{ }
.card-item1 h5{ width: 80%; border: 1px solid #dfdfdf; border-radius: 5px; padding: 15px 5px; margin: 15px auto;}
.card-item1 h5 span{ display: block; margin-bottom: 15px;}
.card-item1 h5 input{ width: 100%; margin: 2px 0 3px; text-align: center; padding: 5px; border: none;}
.card-item1 h5 input:focus{outline: none;}

.card-item1 h6 input{ width: 100%; margin: 2px 0 3px; text-align: center; padding: 5px; border: none;}
.card-item1 h6 input:focus{outline: none;}

.card-item1-img{width: 80%; margin: auto;}
.card-item1-img-box{width: 46%; height: 150px; margin: 0 2%; padding: 0; border-radius: 5px;
    border: 1px solid #dfdfdf; float: right; position: relative;}
.card-item1-img-box img{width: 100%; max-height: 100%;}
.card-item1-img-box input{width: 100%;height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0;
    opacity: 0; cursor: pointer;}

.card-item1-img1{width: 100%; margin: auto; text-align: center; margin-top: 15px;}
.card-item1-img-box1{width: 150px; height: 150px; margin:auto; padding: 0; border-radius: 5px; display: inline-block;
    border: 1px solid #dfdfdf;position: relative; text-align: center;}
.card-item1-img-box1 img{width: 100%; max-height: 100%;}
.card-item1-img-box1 input{width: 100%;height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0;
    opacity: 0; cursor: pointer;}

.card-item1 h6{ color: #afafaf; font-size: 13px; font-weight: 400; margin: 10px 0; }
.card-item1 .card-item1-confirm{ margin-top: 15px;}
.card-item1 .card-item1-confirm .download{color: #379c17; position: absolute; left: 40px; bottom: 24px; }

.cart-body-en .card-item{float: left;}
.cart-body-en .card-item1-img-box{float: left;}

.card-item-download{text-align: center;}
.card-item-download a{display: inline-block; padding: 7px 15px; border-radius: 5px;
    background-color: #379c17; color: #fff; text-decoration: none; font-size: 12px; font-weight: 400;}

/************* gorfe *************/


.message-box{width: 100%; height: 100%; position: fixed; right: 0; top: 0; left: 0; bottom: 0;
    z-index: 10; padding: 10px; display: none;}
.message-box1{width: 400px; height: 100px; margin: auto; border-radius: 10px; border: 1px solid #efefef;
    box-shadow: 0 0 5px 0 #efefef; text-align: center; background-color: #efefef; margin-top: 17%;}
.message-box1 h4{font-size: 15px; font-weight: 400; color: #616161; margin-top: 35px;}

@media screen and (max-width: 576px) {
    .message-box1{width: 100%;}
}

.share-box{background: rgba(0, 0, 0, 0.6); width: 100%; height: 100vh;  position: fixed; right: 0 ; left:0; top:0; bottom: 0;
    display: none;overflow: scroll; padding-bottom: 50px; z-index: 1000;}
.share-box-white{background: #ffffff !important;}
.modal-color-black{color: #000000 !important;}
.modal-share-header{width: 400px; position: relative; margin: 150px auto 0;background: #ffffff; direction: rtl; text-align: right;
    padding: 30px 35px 20px; border-radius: 5px 5px 0 0;}
.modal-share-header a{position: absolute; left: 35px; top:30px; color:#313131; font-weight: 100; font-size: 15px;}
.modal-share-header a:hover{color:#313131; }
.modal-share-header a span{ display:block; color: #313131; font-weight: 300 !important; font-size: 22px; cursor: pointer;}
.modal-share-header h6{margin-top: 4px; font-weight: 400; font-size: 16px;}

.modal-share-body{width: 400px; height: auto; margin: 0 auto; background: #ffffff; direction: ltr; text-align: left;
    border-radius:0 0 5px 5px; padding: 10px 30px;}
.modal-share-body ul{list-style: none; margin: 0; padding: 0;}
.modal-share-body ul li{}
.modal-share-body ul li a{font-size: 16px; font-weight: 400; border-top: 1px solid #e4e5e7; color: #008489 ;
    display: block; width: 100%; padding: 22px 15px;}
.modal-share-body a input{padding: 10px; background: #f5f5f5 !important; width: 300px; border: 1px solid #e4e5e7; border-radius: 2px;}
.modal-share-body a input:focus{box-shadow: none; border-color: #efefef; outline: none;}
.modal-share-body ul li a span{ margin-right: 15px; font-size: 15px; color: #000;}
.modal-share-body ul li a:hover{text-decoration: underline;}
@media screen and (max-width: 768px) {
    .modal-share-header{margin-top: 50px;}
}
@media screen and (max-width: 575px) {
    .modal-share-input{width: 80%;}
    .modal-share-body{width: 80%;}
    .modal-share-header{width: 80%;}
}

.carousel-wrap {
    width: 1000px;
    margin: auto;
    position: relative;
}
.owl-carousel .owl-nav{
    overflow: hidden;
    height: 0px;
}

.owl-theme .owl-dots{text-align: center; }
.owl-theme .owl-dots .owl-dot{background-color: #cfcfcf; height: 10px; width: 10px; border-radius: 50%; margin-right: 5px;}
.owl-theme .owl-dots .owl-dot.active{background-color: #07d2e3;height: 12px; width: 12px;}
.owl-theme .owl-dots .owl-dot:hover{background-color: #007bff;}
.owl-theme .owl-dots .owl-dot:focus{border: none; box-shadow: none; outline: none;}



.owl-carousel .item {text-align: center;}
.owl-carousel .nav-btn{height: 47px;position: absolute;width: 26px;cursor: pointer;top: 100px !important;}

.owl-carousel .owl-prev.disabled,
.owl-carousel .owl-next.disabled{pointer-events: none;opacity: 1;}

.owl-carousel .prev-slide{background:#fff;color: #cfcfcf;z-index: 5;border-radius: 50%;width: 40px; height: 40px;
    left: -15px;cursor: pointer;font-size: 24px;text-align: center;line-height: 42px;padding-right: 3px;
    box-shadow: 1px 1px 2px 0 #898989;transition: 0.5s;
}
.owl-carousel .prev-book{top: 200px !important;}
.owl-carousel .prev-magazine{top: 140px !important;}
.owl-carousel .prev-app-slider{top: 220px !important;}
.owl-carousel .prev-book-slider{top: 140px !important;}

.owl-carousel .next-slide{background:#fff;color: #cfcfcf;z-index: 5;border-radius: 50%;width: 40px; height: 40px;
    right: -15px;cursor: pointer;font-size: 24px;text-align: center;line-height: 42px;padding-left: 3px;
    box-shadow: 1px 1px 2px 0 #898989;transition: 0.5s;
}
.owl-carousel .next-book{top: 200px !important;}
.owl-carousel .next-magazine{top: 140px !important;}
.owl-carousel .next-app-slider{top: 220px !important;}
.owl-carousel .next-book-slider{top: 140px !important;}

.owl-carousel .prev-slide:hover{color: #616161;}
.owl-carousel .next-slide:hover {color: #616161;}
.owl-carousel .landmarkMore{top: 160px !important;}

span.img-text {text-decoration: none;outline: none;transition: all 0.4s ease;-webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;cursor: pointer;width: 100%;font-size: 23px;
    display: block;text-transform: capitalize;
}
span.img-text:hover {color: #2caae1;}

@media screen and (max-width: 768px) {
    .owl-nav{display: none !important;}
    .owl-theme .owl-dots{display: block;}
}


.pagination{}
.pagination li{ background-color: inherit; padding:0 5px; margin-top: 5px;}
.pagination li.active .page-link{font-weight: 500; color: #fff; background-color: #63bbcf;
    border-radius: 6px; font-size: 18px; padding: 4px 10px; margin-top: -4px;}
.pagination li:first-child{border: none; border-left: 1px solid #dfdfdf; margin-left: 35px; padding-left: 15px;
    margin-top: 0;}
.pagination li:first-child .page-link{font-size: 20px; color: #cfcfcf; font-weight: 500; padding-top: 4px;}
.pagination li:last-child{border: none; border-right: 1px solid #dfdfdf; margin-right: 35px; padding-right: 15px;
    margin-top: 0;}
.pagination li:last-child .page-link{font-size: 20px; color: #cfcfcf; font-weight: 500; padding-top: 4px;}
.pagination .page-link{border: none; background-color: inherit; font-size: 17px; font-weight: 400;
    color: #787878; padding: 0 10px;}

@media screen and (max-width: 768px) {
    .pagination .page-link{ padding: 0 5px;}
    .pagination li{ background-color: inherit; padding:0 2px;}
    .pagination li:first-child{ margin-left: 15px; padding-left: 10px;}
    .pagination li:last-child{ margin-right: 15px; padding-right: 10px;}

}


.payment-box{width: 768px; margin:50px auto; border-radius: 10px; border: 1px solid #898989;
    padding: 15px; text-align: center;}

.payment-box-header{ margin-top: 30px;}
.payment-box-header span{width: 25px; height: 25px; border-radius: 50%; display: inline-block;
    background-color: #cfcfcf; margin: 0 5px;}
.payment-box-header img{width: 75px; height: 75px;margin-top: -15px;}
.payment-box-header h4{font-weight: 500; font-size: 15px; color: #313131;}

.payment-box-body{margin-top: 15px;}
.payment-box-body h3{color: #4392ff; border-bottom: 2px solid #aabfff; display: inline-block;
    padding: 10px;}
.payment-box-body a{display: inline-block; padding: 8px 30px; border: 1px solid #cfcfcf;
    border-radius: 10px; color: #afafaf; text-decoration: none; transition: .3s all;}
.payment-box-body a:hover{background-color: #cfcfcf;}

.payment-box-body input{display: inline-block; padding: 8px 30px; border: 1px solid #cfcfcf; text-align: center;
    border-radius: 10px; color: #616161; text-decoration: none; transition: .3s all; margin:5px 0 ;}
.payment-box-body input:focus{border: 1px solid #0063c6; outline: none; box-shadow: none;}
.payment-box-body input::placeholder{text-align: center;color: #afafaf; }
.payment-box-body input.description{width: 75%;}

.payment-box-body button{background-color: #0080ff; color: #fff; border: none; outline: none;
    border-radius: 25px; display: block; width: 75%; margin: 15px auto; text-align: center;
    padding: 8px; cursor: pointer; transition: .3s all;}
.payment-box-body button:hover{background-color: #0063c6;}
@media screen and (max-width: 992px) {
    .payment-box{width: 100%;}

}

.visitors_scan{
    position: absolute;; left: 0; bottom: 25px;
}

.visitors_scan button{outline: none; border: none; background-color: #c71970; border-radius: 5px; color: #fff;
    padding: 3px 12px; cursor: pointer; font-size: 13px;}
.visitors_scan button.oil{background-color: #0080ff;}
.visitors_scan a{outline: none; border: none; background-color: #c71970; border-radius: 5px; color: #fff;
    padding: 3px 12px; cursor: pointer; font-size: 13px;}
.visitors_scan a.oil{background-color: #0080ff;}

.visitors_scan a:hover{text-decoration: none;}
.qr-code-box{
    display: none;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 0; right: 0; left: 0; bottom: 0; z-index: 1000;
    background-color: rgba(25, 25, 25, 0.95);
}
.qr-code-box.active{
    display: flex;
}
.qr-code-box-close{position: absolute;top: 0; color: #fff; padding: 10px;}
.qr-code-box-close span{display: inline-block;
    padding: 7px;
    background: #fff;
    color: #313131;
    border-radius: 50%;
    margin: 0;
    font-size: 12px;
    font-weight: 400; cursor: pointer;line-height: 10px;}

.clickable-row{cursor: pointer;}
.clickable-row:hover{background: #efefef;}