input[type="button"],select,input[type="text"],textarea{-webkit-appearance: none;box-shadow: none !important}
button:focus,a:focus{outline: none}


.float{
	position:fixed;
	width:170px;
	height:45px;
	padding-top:0px;
	bottom:60px;
	right:30px;
	background-color:#25d366;
	color:#FFF;
	border-radius:3px;
	text-align:center;
  font-size:23px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}

.my-float{
	margin-top:16px; 
}






body{
    font-size:1rem;
    font-family:'myriad-pro', sans-serif;
    position: relative;
}
body.index{padding-top:0px;}
.content-fluid{ }

 img{
    max-width:100% !important;
     border-radius: 0.25rem;
}
.table img{ min-width: 16px;}
 a{
    color:#353535;
}
a.btn {
    padding: 0;
    margin-right: 0;
    font-weight: 600;
    color: #666;
    font-size: 0.9rem;
    margin-top: -5px;
}
.lg-btn{
    font-size: 1.5rem;
}
a:hover{
    text-decoration: none;
    color:black;
}
p{margin-bottom: 0.3rem;}

 label{
    margin-bottom: 0;
}
.btn{font-size: 1.3rem;padding: 1px 15px;font-weight: 100}
.navbar-dark .navbar-nav .nav-link {
    color: rgba(255,255,255,.8);
    font-weight: 100;
}

.lg-border{
    border:dashed 3px #eee !important
}
.section-separator.bottom {
    bottom: 0;
}
.section-separator {
    position: absolute;
    overflow: hidden;
    z-index: 1;
    width: 100%;
}
.section-separator.wave-1 > .ss-content svg {
    width: 100%;
    margin-bottom: -10px;
}

.modal-mlg{
    max-width: 600px;
}

.benefits{
    margin: 50px 0;
}


.modal-menu{
    padding: 0 !important;
}
.modal-menu .modal-dialog{
    margin: 0;
    max-width: 360px;
}

.overflow-auto{
    overflow: auto;
}
.no-result-found{
    opacity: 0.3;
    margin-top: 50px;
}


.box .box-container,.box .container-fluid{
    max-width: 1170px;
    margin: auto;
    text-align: left;
}

input[type="text"]{
    border: #ddd solid 1px;
    border-radius: 3px;
}


.highlighted{
    border-color: #44bfff;
    box-shadow: 0 0 50px 15px rgba(34, 34, 34, 0.05);
    background-color: #fff;
}

.nav-link.active{
    color:black
}

.index-content h2{
    font-size: 24px;
    font-weight: 600;
    margin: 20px 0 !important;
}


.text-muted {
    margin-top: 0;
    color: #adadad !important;
    font-size: 16px;
}

 .text-muted.text-white {
    color:white !important
 }
 .jumbotron{
     padding:2rem;
}
.badge{font-weight: normal;text-transform: uppercase;}



.mce-panel{border-color:#d4d4d4 !important;background: white !important;}


.table td, .table th{border:none;vertical-align: middle; white-space: normal;}
.card table th.w-100,.card table td,.modal table th.w-100,.modal table td{width: auto !important;white-space:normal}
.table th a{text-transform: capitalize;}
.table-striped tbody tr:nth-of-type(odd) {
    background: rgba(0, 0, 0, 0.03);
}
.table thead th {
    vertical-align: middle;
    border-bottom: 1px solid #fbfbfb;
    text-transform: uppercase;
    font-size: 12px;
    white-space: nowrap;
}
.table thead th h2{
    text-transform: capitalize;
}
.table-bordered thead td, .table-bordered thead th {
    border-bottom-width: 1px;
}
.table tbody tr:hover td {
    background: #f3f3f3;
}
.table-responsive{min-height:350px}
.table-fixed-header{margin-bottom:10px;}
.table-fixed-header .table{ }
.table-fixed-header thead.table-head-fixed{
    position: absolute;
    left:0px;
    right:0px;
    top:0;
}
.table tr.href{
    cursor:pointer;
}
.table-padding-2 td{
    padding:0.2rem;
}
.table thead th h3,.table td h3 {
    margin: 10px 0 0px 0;
    text-transform: capitalize;
}

.table.compaq .replay-code{
    height: 25px;
    overflow: auto;
}


.card-content .table-responsive{min-height:50px}

.pagination{
    font-size: 1rem;
}
.pagination .page-link{color:black}
.pagination a {
    padding: 6px 10px;
    border: #e0e0e0 solid 1px;
    margin: 4px;
    border-radius: 5px;
    color: black;
    font-weight: 600;
    font-size: 14px;
}
.pages-dropdown input {
    text-align: center;
    background: #fbfbfb;
    border: none;
}

.textgreen, .textred, .textblue, .textyellow {
    white-space: nowrap;
    display: inline-block;
    padding: 0px 10px;
    border-radius: 5px;
    font-size: 90%;
}
.textgreen,.statusA{
    color: #fff;
    background-color: #28a745;
}
.textred,.statusR{
    color: #fff;
    background-color: red;
}
.textblue,.statusP{
        color: #fff;
    background-color: orange;
}
.textyellow,.statusY{
   color: #fff;
    background-color: orange;
}

.font-normal{font-style: normal;}

.small, small{
    font-size:90%;
}

.orderdetail{
    display: none;
}
.orderdetail.active{
    display: block;
}

 .navbar{
     transition:all 0.2s;
}
 .navbar.fixed-top{
     background: #2f5095;
}
 .index .navbar-container{
    position: absolute; 
}
.index.middle .navbar-container{
    position: relative;
    padding: 0px;
    background: #313131  !important;
}
.navbar-container.navbar-shrink{

     transition:all 0.2s;
    background: white !important;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    position: fixed;
    top:0;

}
.navbar-container.navbar-shrink .navbar-brand,.navbar-container.navbar-shrink .nav-item .nav-link {
     color: black !important;
}




 .container .container{
    padding:0
}
 .modal-body .container,.container .container,.card-body .container{
    max-width:100%;
}
.modal-ajax {
    padding: 0 !important;
}
 .modal-ajax .modal-body a[data-target="#modal-ajax"],.modal-ajax .group-name{
    display: none;
}
.modal-header{
    background: #fff;
    align-items: center;

}
.close{color:#333;font-size: 30px;padding: 0 1rem;font-weight: 100}
.modal-title {
    color:#333;
    margin-bottom: 0;
    line-height: 1.5;
    font-weight: 600 !important;
    font-size: 20px !important;
}
.modal-header .close{
    padding:5px;
    margin: 0;
}
.modal-backdrop.show{

}
.modal-xl {
    max-width: 100%;
    margin: 0;
    padding: 0;
}
/*.modal-xl .modal-header{
    background: radial-gradient(circle farthest-side at center bottom, #0a92cc, #003087 125%);
    border-radius: 0;
}
.modal-xl .modal-header .modal-title{
    color:white;
}
.modal-xl .modal-title,.modal-xl .close{color:white;}*/
.modal-xl.modal-dialog,.modal-xl .modal-content,.modal-xl .modal-body{
    height: 100%;
    border-radius: 0;
}
.modal-xl .modal-body {
    overflow: auto;
}
.modal-content{
    border:none
}
.modal-footer {
    background: #eee;
    border-radius: 0 0 5px 5px;
}
.modal-body{
    padding:2rem 2rem;
}

.border-gray{
    border:#eaeaea  solid 1px !important
}

.modal-ajax .modal-ajax{
    margin: 20px;
    box-sizing: border-box;
}

.modal-ajax .modal-ajax .modal-body{

}

.text-100{
    font-weight: 100;
}
.text-200{
    font-weight: 200;
}
.text-300{
    font-weight: 300;
}
.text-400{
    font-weight: 400;
}
.text-500{
    font-weight: 500;
}
.text-600{
    font-weight: 600;
}

.text-green{
    color:#28a745
}
.text-red{
    color:#c50000
}
.text-orange{
    color:orange
}
.text-sm{font-size:12px}



.display-4 {
    margin-bottom: 10px;
    font-weight: 100;
    font-size: 1.6rem;
}
 h1,h2,h3,h4,h5{
    margin-bottom:0;
     text-transform: capitalize;
}

 .h0 {
     font-size:3.8rem;
}
.card-title {
     color:#3e3e3e;
    margin-bottom: 0;
}
.card-title a {

}


.flag{display: inline-block;}
.table td.nowrap{white-space: nowrap;}

.image-not-found{
    opacity:0.3

}

.modellist-dp{
    background: white;
}

.card-product-img{
    padding: 20px;
}

.card-product:hover .card-title a{
    color:#014295;
}

.form-group {
    position: relative;
}
.form-group label {
    font-weight: 600;
    color: #7b7676;
    font-size: 0.9rem;
}

.form-inline .form-group{
    min-width:200px !important
}

.form-control {
    border-radius: 0.18rem;
    background: #fff;
    border: 1px solid #e0e0e0;
    font-size: 14px;
    font-weight: 600;
    margin-right: 3px;
    display: inline-block;
}
.custom-control{
    padding-left: 0;
}
.custom-control.custom-radio{
    padding-left: 1.5rem;
}
.custom-control .form-control,.custom-control .chosen-container-single{
    width: 97% !important;
}
select.form-control:not([size]):not([multiple]){
    height: auto;
}
 .form-control.loading {
     background:white url('../images/loading.gif') no-repeat right center;
     background-size: 10%;
}
 .form-sm{
}

.input-daterange input{
    text-align: left;
}

.ajax-responsive.loading{
    height:300px;
    width:200px;
    margin: auto;
    background:url('../images/loading.gif') no-repeat center;
    background-size:20%;
}

.hot{
    font-weight:normal;
    right:10px;
    position: absolute;top:10px;
}
 .free{
    font-weight:normal;
 }
 .free,.hot{

    text-transform: uppercase;
    border-radius:2px;
 }
 .quick-view{
    bottom:0px;
    right:0px;
    top:0px;
    left:0px;
    display:none;
     font-weight:normal
 }

 .card-product-img:hover  .quick-view{
    display:block
 }

.card-content{max-height:300px;overflow: auto;}
.card-content .table td,.card-content .table th{padding:0.35rem}



 .content{
     max-width: 100%;
}

 .nv-plls .active{
    background: #eef2f5;
    color:black;
}


.nav-pills .nav-link {
    padding: 2px 20px;
    font-weight: 100;
    color: #014295;
    font-size: 1.2rem;
    white-space: nowrap;
}



.related-parent{
    top:0;bottom:0;left:0;right:0;
    overflow: auto;
}


 .alert1{
     border-radius: 4px;
     margin-bottom: 20px;
}
.alert1.alert-error {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
    list-style: none;
}
.alert1.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
    list-style: none;
}
.alert-newsletter{
    padding: 10px;
    margin-bottom: 12px;
    border-radius: 3px;
}
.alert {
    display:none;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
}
.alert li{
    list-style: none;
}
.alert-danger{
    background: #bf0718;
    border-color: #bf0718;
    color:white;
}
.alert-success
{
    background: #08af2e;
    border-color: #08af2e;
    color:white;
}
.alert-info {
    color: white;
    background-color: #0ab0ca;
    border-color: #0ab0ca;
}
.alert a{ margin-left:5px}

.modal .alert{
    position: relative;
    top: auto;
    right: auto;
}

 ul.tree, ul.tree ul {
     list-style: none;
     margin: 0;
     padding: 0;
     display: block;
}
 ul.tree ul {
     margin-left: 16px;
}
 ul.tree li {
     margin: 0;
     padding: 3px 7px;
     color: #369;
     border-left:1px dashed rgb(191, 191, 191);
}
 ul.tree li:last-child {
     border-left:none;
}
 ul.tree li:before {
     position:relative;
     top:-0.3em;
     height:1em;
     width:12px;
     color:white;
     border-bottom:1px dashed rgb(191, 191, 191);
     content:"";
     display:inline-block;
     left:-7px;
}
 ul.tree li:last-child:before {
     border-left:1px dashed rgb(191, 191, 191);
}

.alter:nth-child(2n) .hover{
    /*box-shadow: 0 0 20px 10px rgba(34, 34, 34, 0.04);*/

}
.alter .hover:hover{
    box-shadow: 0 0 20px 10px rgba(34, 34, 34, 0.04);
}

.double-border{
    border: white solid 3px;
}

.reloadcaptcha {
    height: 15px;
    width: 15px;
    display: inline-block;
    background: url(../images/captcha-reload.png) no-repeat center;
    background-size: auto auto;
    background-size: cover;
    vertical-align: middle;
    position: absolute;
    top: 20px;
    margin-left: 5px;
    right: -20px;
    cursor: pointer;
    z-index: 99;
}

img[align="absbottom"]{
    margin-bottom: 5px;
    border-radius: 5px;
}



 .carousel-fade .carousel-item {
     opacity:0;
     transition-duration:.6s;
     transition-property:opacity;
}
 .carousel-fade .carousel-item img {

}
 .carousel-fade .carousel-item.active,.carousel-fade .carousel-item-next.carousel-item-left,.carousel-fade .carousel-item-prev.carousel-item-right {
     opacity:1;
}
 .carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right {
     opacity:0;
}
 .carousel-fade .carousel-item-next,.carousel-fade .carousel-item-prev,.carousel-fade .carousel-item.active,.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-prev {
     transform:translateX(0);
     transform:translate3d(0,0,0);
}
.carousel-indicators img {
    float: left;
    left: 0;
}
.carousel-indicator-img{
    position: relative;
    bottom:0;
}
.carousel-indicator-img li{
    width: auto;
    height: auto;
    cursor: pointer;
    background: transparent !important;
}
.carousel-indicators li.active{
    background: white;
}

.carousel-indicators .active img {
    border: 1px solid #428BCA;
    opacity: 0.7;
}
.index-banner .carousel-item{
    max-height: 650px;
}

.index.bottom .index-banner .carousel-item{
    height: calc(100vh - 0px);
}
.index.mobile .index-banner .carousel-item{
    height: auto;
    background: none !important;
}
.index.bottom .bg-svg,.index.bottom .banner-footer-content,.index.mobile .bg-svg{
    display: none !important;
}

.index.mobile .banner-footer-content {
    position: relative !important;
    top: auto !important;
    bottom: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    right: auto !important;
    max-width: 100% !important;
    width: 100% !important;
}

.service:hover .card{background:#f5f5f5}



.list-group-item{
    border: none;
    padding:7px 10px;
}
.list-group-item:hover{
    background: #f4f4f4;
    cursor: pointer;
}
 .list-group-item.active a{
    color:white
}



.nav-link .chosen-container-single{
    min-width: 218px !important;
}

.position-static .dropdown-menu{
   transform: translate3d(0px, 54px, 0px) !important;
    right: 0;
}
.position-static .dropdown-item {
     width: 300px;
    display: inline-block;
}


.bg-dark {
    background: #7b6a6a;
    color: white;
}
.bg-black{
     background: #212529;
}
.bg-black-transparent{
     background: #00000099;
}
 .bg-gray{
     background: #f5f5f5;
}
.bg-opacity{
    opacity:0.6
}


footer .nav-item .nav-link{
    color:#fff !important;
    white-space: nowrap;
    padding: 2px 10px;
    font-weight: normal;
    font-size: 1rem;
}

 .social-icons .dribbble a {
     color: #ea4c89 !important;
}
 .social-icons .email a {
     color: #049fb3 !important;
}
 .social-icons .facebook a {
     color: #3b5998 !important;
}
 .social-icons .flickr a {
     color: #ff0084 !important;
}
 .social-icons .github a {
     color: #000 !important;
}
 .social-icons .gplus a {
     color: #dd4b39 !important;
}
 .social-icons .instagram a {
     color: #517fa4 !important;
}
 .social-icons .linkedin a {
     color: #007bb6 !important;
}
 .social-icons .pinterest a {
     color: #cb2027 !important;
}
 .social-icons .rss a {
     color: #ff6600 !important;
}
 .social-icons .stumbleupon a {
     color: #eb4823 !important;
}
 .social-icons .tumblr a {
     color: #32506d !important;
}
 .social-icons .twitter a {
     color: #00aced !important;
}
 .social-icons .vimeo a {
     color: #aad450 !important;
}
 .social-icons .youtube a {
     color: #bb0000 !important;
}


.clear{clear:both}

.chosen-container{
    width: 100% !important;
 }
.chosen-container .chosen-results li.active-result{
    clear:both;
    display: list-item;
    cursor: pointer;
    font-weight: normal;
    text-transform: capitalize;
    white-space: normal;
}
.chosen-container-single .chosen-single {
    height: auto;
    border-color: #e0e0e0 !important;
    background: #fff;
    box-shadow: none;
    padding: .3rem .75rem;
    font-weight: 600;
    border-radius: 3px;
    font-size: 14px;
    white-space: normal;
}
.chosen-container-single .chosen-single span{
    white-space: normal;
}
.chosen-container .chosen-results li.group-result {
    font-size: 1rem;
    color: #000;
}
.big-chosen .chosen-container-single .chosen-single {
    background: #fff;
    font-size: 20px;
    padding: 20px;
    border-color: #eee ;
    height: auto;
}
.big-chosen .chosen-container .chosen-results{
    max-height: 500px;
}
.big-chosen .chosen-container-single .chosen-search input[type=text] {
    padding: 7px 20px 7px 5px;
    background: #eee;
}
.big-chosen .chosen-container .chosen-results li.active-result{
    padding-left: 25px;
}
.chosen-container-active.chosen-with-drop .chosen-single{
    background-image: none;
}
.chosen-container-single .chosen-single img{
    margin-top:10px
}
.chosen-container-single .chosen-single img,.chosen-results img{
    height:16px;
    float:right;
}
.chosen-container-single{
    font-size: 1.1rem;
    margin-right:5px;
    color:#000;
    opacity: 1;
}
.chosen-container-single .chosen-single div b{
    margin-top:5px;
    height:80%;
    display: none;
}





.fixed-onscroll.navbar-shrink {
    position: fixed;
    left: 0;
    right: 0;
    margin-top: 0;
    padding: 8px 8px 0 8px;
    top: 0;
    background: white;
    z-index: 999;
    padding: 10px;
    box-shadow: 0 0 5px rgba(0,0,0,0.3);
}

.index .fixed-onscroll.navbar-shrink .nav-link,.index .fixed-onscroll.navbar-shrink .nav-item{
    color:#000
}
.carousel-control-next, .carousel-control-prev{
    z-index: 99;
}
.mx-height{
    max-height:300px;overflow: auto
}
.tab-content{
    margin-top: 10px;
}


.md-icon{font-size:24px;}
.table .form-control{

}

.lightSlider li .border-gray{border:none !important}

.table tbody+tbody{border-width:1px}
.card{ }

.normal{white-space:normal !important}



.mce-stack-layout-item .mce-btn {
    border-color: transparent !important;
    text-shadow: 0 1px 1px rgba(255,255,255,0.75) !important;
    border-radius: 0px !important;
    -webkit-box-shadow:none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    background-color: transparent !important;
    background-image: none !important;
}

.navbar-brand {
    font-size: 30px;
}

.box {
    display: table;
    width: 100%;
    height: 100%;
    border-spacing: 0;
    table-layout: fixed;
}
.box .box-col {
    display: table-cell;
    vertical-align: top;
    height:100%;
}
.box .box-row {
    display: table-row;
    height: 100%;
}
.box .box-row .box-cell {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}
.box .box-inner {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

/*.full .container{
    max-width: 100%;
}*/
input[type="checkbox"], input[type="radio"]{
    margin-right:8px;
}


.carousel.slide-products{
    position: relative;
}
.carousel.slide-products .carousel-inner{
    padding: 30px;
}
.carousel.slide-products .carousel-indicators{
    margin: 0;
}
.carousel-inner .position-relative img{max-width: 100%;}

.carousel.slide-products .carousel-indicators{
    border-top: #eee solid 1px;
    padding: 20px 0;
}


.nav-item-100{}
.nav-item-100 .dropdown-menu{width: 400px;}
.nav-item-100 .dropdown-item{
    display: inline-block;width: 49%;
}


.service-list{
    height: calc(100vh - 220px);overflow-y: auto;overflow-x: hidden
}

.min-height{
    min-height: calc(100vh - 256px);
}
.before-login .min-height{
    min-height: calc(100vh - 217px);
}

.service-information{
    height: 100%;
    overflow-y: auto;
    width: 100%;
}


.index.transparent .navbar-container{
    background: rgba(0,0,0,0.1);
}

.navbar-expand-lg .navbar-nav .nav-link{
    padding-right:1rem;
    padding-left:1rem;
    white-space: nowrap;
    font-size: 1.3rem;
    cursor: pointer;
    font-weight: 100;
    margin-right: 3px;
}
.navbar-expand-lg .navbar-nav .nav-link i{
    font-size: 15px;
}
.navbar-nav .nav-link{
    transition: 0.3s;
}
.navbar-nav .nav-link:hover{
    background: #f5f5f5;
    border-radius: 5px;
}
.navbar-nav .nav-link:focus  {
    background: #eee;
    border-radius: 5px;
}
.dropdown  .dropdown-toggle{
    -webkit-border-radius: 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px;
    border-radius: 5px 5px 5px;
}

.news-box a{
    color: white;
}


.fixed-height{
    max-height: calc(100vh - 280px); overflow: auto;
}

.carousel-item a{
    color: #8a8a8a;
}

.order-total{
    font-size: 35px;
}

.dropdown-menu{
    border: none;
    border-radius: 5px;
    background: #fff;
    margin:0px 0 0 0;
}
.datepicker-dropdown.dropdown-menu{
    border:1px solid rgba(0,0,0,.15);
    border-radius: 5px;
    margin: 0;
}
.shadow-sm{
    box-shadow: 0 3px .5rem rgba(0,0,0,.3)!important;
}

.big-font{
    font-size: 70px;
    font-weight: 100;
}

h3.text-400{
    font-size: 1.3rem;
    font-weight: 600;
}

.table th.w-100{
    width: auto !important;
}

.lg-space{
    margin: 70px 0 30px;
}
.card-link{
    color:#6b6b6b
}

.border.active{
    border-color: orange !important;
}
.border.copied{
    border-color:#00bfe2e6 !important
}

.remaining-time .progress{
    height: 0.3rem;
}




.sa-icon {
  width: 80px;
  height: 80px;
  border: 4px solid gray;
  -webkit-border-radius: 40px;
  border-radius: 40px;
  border-radius: 50%;
  margin: 20px auto;
  padding: 0;
  position: relative;
  box-sizing: content-box;
}

.sa-icon.alert-success {
  border-color: #4CAF50;
}

.sa-icon.alert-success::before, .sa-icon.alert-success::after {
  content: '';
  -webkit-border-radius: 40px;
  border-radius: 40px;
  border-radius: 50%;
  position: absolute;
  width: 60px;
  height: 120px;
  background: white;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.sa-icon.alert-success::before {
  -webkit-border-radius: 120px 0 0 120px;
  border-radius: 120px 0 0 120px;
  top: -7px;
  left: -33px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: 60px 60px;
  transform-origin: 60px 60px;
}

.sa-icon.alert-success::after {
  -webkit-border-radius: 0 120px 120px 0;
  border-radius: 0 120px 120px 0;
  top: -11px;
  left: 30px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: 0px 60px;
  transform-origin: 0px 60px;
}

.sa-icon.alert-success .sa-placeholder {
  width: 80px;
  height: 80px;
  border: 4px solid rgba(76, 175, 80, .5);
  -webkit-border-radius: 40px;
  border-radius: 40px;
  border-radius: 50%;
  box-sizing: content-box;
  position: absolute;
  left: -4px;
  top: -4px;
  z-index: 2;
}

.sa-icon.alert-success .sa-fix {
  width: 5px;
  height: 90px;
  background-color: white;
  position: absolute;
  left: 28px;
  top: 8px;
  z-index: 1;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.sa-icon.alert-success.animate::after {
  -webkit-animation: rotatePlaceholder 4.25s ease-in;
  animation: rotatePlaceholder 4.25s ease-in;
}

.sa-icon.alert-success {
  border-color: transparent\9;
}
.sa-icon.alert-success .sa-line.sa-tip {
  -ms-transform: rotate(45deg) \9;
}
.sa-icon.alert-success .sa-line.sa-long {
  -ms-transform: rotate(-45deg) \9;
}

.animateSuccessTip {
  -webkit-animation: animateSuccessTip 0.75s;
  animation: animateSuccessTip 0.75s;
}

.animateSuccessLong {
  -webkit-animation: animateSuccessLong 0.75s;
  animation: animateSuccessLong 0.75s;
}

@-webkit-keyframes animateSuccessLong {
  0% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  65% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  84% {
    width: 55px;
    right: 0px;
    top: 35px;
  }
  100% {
    width: 47px;
    right: 8px;
    top: 38px;
  }
}
@-webkit-keyframes animateSuccessTip {
  0% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  54% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  70% {
    width: 50px;
    left: -8px;
    top: 37px;
  }
  84% {
    width: 17px;
    left: 21px;
    top: 48px;
  }
  100% {
    width: 25px;
    left: 14px;
    top: 45px;
  }
}
@keyframes animateSuccessTip {
  0% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  54% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  70% {
    width: 50px;
    left: -8px;
    top: 37px;
  }
  84% {
    width: 17px;
    left: 21px;
    top: 48px;
  }
  100% {
    width: 25px;
    left: 14px;
    top: 45px;
  }
}

@keyframes animateSuccessLong {
  0% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  65% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  84% {
    width: 55px;
    right: 0px;
    top: 35px;
  }
  100% {
    width: 47px;
    right: 8px;
    top: 38px;
  }
}

.sa-icon.alert-success .sa-line {
  height: 5px;
  background-color: #4CAF50;
  display: block;
  border-radius: 2px;
  position: absolute;
  z-index: 2;
}

.sa-icon.alert-success .sa-line.sa-tip {
  width: 25px;
  left: 14px;
  top: 46px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.sa-icon.alert-success .sa-line.sa-long {
  width: 47px;
  right: 8px;
  top: 38px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

@-webkit-keyframes rotatePlaceholder {
  0% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }
  5% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }
  12% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg);
  }
  100% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg);
  }
}
@keyframes rotatePlaceholder {
  0% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }
  5% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }
  12% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg);
  }
  100% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg);
  }
}


.imeiservices .service,.serverservices .service{display:none}
.imeiservices .service.active,.serverservices .service.active{display:block}


.collapse-bg {

}
#captchaimgs{margin-bottom: 5px;margin-right: 5px;max-width:90% !important;}



.wrap-normal{white-space: normal}
.index-content p {
    margin: 0;
    color: #6f6f6f;
}
.index-content h1,.index-content h2,.index-content h3,.index-content h4,.index-content h5{
    font-weight: 600;
    color:black !important
}
.card-img-top{width: auto}
.loader-icon{width: auto !important}
.modal-body p{text-align: left !important;}
.modal-body .page-title{
    display: none;
}

.rounded-20{
    border-radius: 20px;
}

.navbar-nav .nav-link{
   color:#000000
}
.cursor-pointer{
    cursor: pointer;
}
h1.display-4.h1{
    display: none !important;
}
.bg-light{
    background: #f5f5f5 !important;
}

.bg-light2{
    background: #efefef !important;
}

.btn:not(:disabled):not(.disabled) {
    cursor: pointer;
    box-shadow: none;


}

.dropdown-header {
    font-size: 1.3rem;
    color: #000000;
    white-space: nowrap;
}


.index .navbar-nav .nav-link,.index .nav-item,.index   a.navbar-brand,.index .navbar-toggler{
    color:white;

}

.reseller .navbar-container{
    background: black !important;
}

.reseller .navbar-nav .nav-link:hover{
    background: transparent !important;
}

.reseller .navbar-nav .nav-link,.reseller .nav-item,.reseller   a.navbar-brand,.reseller .navbar-toggler{
    color:white;
}


.index .hide-onscroll.navbar-hide .navbar-nav .nav-link,.index .hide-onscroll.navbar-hide .nav-item,.index .hide-onscroll.navbar-hide  a.navbar-brand{
    color:#060606d1;
}
.index .navbar-nav .nav-link:focus,.index .navbar-nav .nav-link:hover{
      background: #ffffff1c;
}

.hide-onscroll.navbar-hide {
    background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,0.15);
}

.dropdown-toggle::after {
    border-top: .2em solid;
    border-right: .2em solid transparent;
    border-bottom: 0;
    border-left: .2em solid transparent;
    border-top-color: #9e9e9e;
}
footer .dropdown-toggle::after{
    border-top-color: #fff;
}
.btn-primary {
    padding: 1px 15px;
    font-size: 1.3rem;
    color:white;
    background-color: #024698;
    border-color: transparent;
}
.btn-warning{
    color: white;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active  {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}
input:-webkit-autofill {
    -webkit-text-fill-color: black !important;
}


@-webkit-keyframes ring {
    0% {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg);
    }

    2% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
    }

    4% {
        -webkit-transform: rotate(-18deg);
        transform: rotate(-18deg);
    }

    6% {
        -webkit-transform: rotate(18deg);
        transform: rotate(18deg);
    }

    8% {
        -webkit-transform: rotate(-22deg);
        transform: rotate(-22deg);
    }

    10% {
        -webkit-transform: rotate(22deg);
        transform: rotate(22deg);
    }

    12% {
        -webkit-transform: rotate(-18deg);
        transform: rotate(-18deg);
    }

    14% {
        -webkit-transform: rotate(18deg);
        transform: rotate(18deg);
    }

    16% {
        -webkit-transform: rotate(-12deg);
        transform: rotate(-12deg);
    }

    18% {
        -webkit-transform: rotate(12deg);
        transform: rotate(12deg);
    }

    20% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@keyframes ring {
    0% {
        -webkit-transform: rotate(-15deg);
        -ms-transform: rotate(-15deg);
        transform: rotate(-15deg);
    }

    2% {
        -webkit-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        transform: rotate(15deg);
    }

    4% {
        -webkit-transform: rotate(-18deg);
        -ms-transform: rotate(-18deg);
        transform: rotate(-18deg);
    }

    6% {
        -webkit-transform: rotate(18deg);
        -ms-transform: rotate(18deg);
        transform: rotate(18deg);
    }

    8% {
        -webkit-transform: rotate(-22deg);
        -ms-transform: rotate(-22deg);
        transform: rotate(-22deg);
    }

    10% {
        -webkit-transform: rotate(22deg);
        -ms-transform: rotate(22deg);
        transform: rotate(22deg);
    }

    12% {
        -webkit-transform: rotate(-18deg);
        -ms-transform: rotate(-18deg);
        transform: rotate(-18deg);
    }

    14% {
        -webkit-transform: rotate(18deg);
        -ms-transform: rotate(18deg);
        transform: rotate(18deg);
    }

    16% {
        -webkit-transform: rotate(-12deg);
        -ms-transform: rotate(-12deg);
        transform: rotate(-12deg);
    }

    18% {
        -webkit-transform: rotate(12deg);
        -ms-transform: rotate(12deg);
        transform: rotate(12deg);
    }

    20% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

.faa-ring.animated,
.faa-ring.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-ring {
    -webkit-animation: ring 2s ease infinite;
    animation: ring 2s ease infinite;
    transform-origin-x: 50%;
    transform-origin-y: 0px;
    transform-origin-z: initial;
}
.news2 .carousel-control-next,.news2 .carousel-control-prev{
    top:auto
}

.progressbar{
    -webkit-animation: progressbar 1s ease forwards;
}
@-webkit-keyframes progressbar {
    from { width: 0%; }
    to { width: 70%; }
}
.box .page-title {
    text-align: left !important;
}
.box .container .row > .mx-auto{
    margin-left: 0 !important;
}
.page-title {
    position: relative;
    border-bottom: #eee solid 1px;
}
.page-title .page-name {
    border-bottom: #eee solid 4px;
    display: inline-block;
    padding: 5px;
    margin-bottom: -2px;
    font-size: 20px;
    font-weight: 300;
}
.page-title .page-name .fal{
    margin-right: 0.5rem;
}

.page-title.title-bg {
    position: relative;
    font-size: 30px;
    font-weight: 100;
    color:#888
}

.backdrop-over{
    background: rgba(0,0,0,0.6);
    position: fixed;
    top:0;
    left:0;
    right: 0;
    bottom: 0;
}


.carousel-control-next, .carousel-control-prev{
    font-size: 30px;
}

.banner-footer-content{
    display: none;
}
.active.banner-footer-login{
    display: block;
}
.active.banner-footer-checkout{
    display: block;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff !important;
    background-color: #024395;
}

.input-group-text {
    background: white;border: none;
}
.input-group>.custom-select:not(:first-child), .input-group>.form-control:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border: #e0e0e0 solid 1px;
}
.chosen-container .chosen-drop{
    border-color: #e0e0e0;
    margin-top: 0;
}

.benefits h4 {
    font-size: 24px;
    margin: 10px 0;
    font-weight: 600;
}

.mw-200{
    min-width: 280px;
    margin-bottom: 20px;
}

.center{
    display: flex;
    justify-content: center;
    align-items: center;
}

.checkbox label,
.form-radio label {
    position: relative;
    cursor: pointer;
    padding-left: 25px;
    text-align: left;
    display: block;
    margin-top: -8px;
}
.checkbox input,
.form-radio input {
    width: 16px;
    opacity: 0.00000001;
    position: absolute;
    left: 0;
    z-index:999;
    height:16px;
    cursor: pointer;
}

.checkbox + label,.form-radio + label{
    display: none;
}


.radio .helper {
    position: absolute;
    top: -0.25rem;
    left: -0.25rem;
    cursor: pointer;
    display: block;
    font-size: 1rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #999;
}
.radio .helper::before, .radio .helper::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    margin: 0.25rem;
    width: 15px;
    height: 15px;
    -webkit-transition: -webkit-transform 0.28s ease;
    transition: -webkit-transform 0.28s ease;
    transition: transform 0.28s ease;
    transition: transform 0.28s ease, -webkit-transform 0.28s ease;
    border: 1px solid currentColor;
}
.radio .helper::after {
    -webkit-transform: scale(0);
    transform: scale(0);
    background-color: #5e83db;
    border-color: #5e83db;
}
.radio label:hover .helper {
    color: #5e83db;
}
.radio input:checked ~ .helper::after {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
}
.radio input:checked ~ .helper::before {
    color: #5e83db;
}

.checkbox,.radio {
    margin:0;
    display:block;
    padding:6px 0;
    vertical-align: middle;
}
.checkbox .helper {
    color: #999;
    position: absolute;
    top: 0;
    left: 0;
    width: 14px;
    height:14px;
    z-index: 0;
    border: 1px solid currentColor;
    border-radius: 0.0625rem;
    -webkit-transition: border-color 0.28s ease;
    transition: border-color 0.28s ease;
}
.checkbox .helper::before, .checkbox .helper::after {
    position: absolute;
    height: 0;
    width: 2px;
    background-color: #003087;
    display: block;
    -webkit-transform-origin: left top;
    transform-origin: left top;
    border-radius: 0.25rem;
    content: '';
    -webkit-transition: opacity 0.28s ease, height 0s linear 0.28s;
    transition: opacity 0.28s ease, height 0s linear 0.28s;
    opacity: 0;
}
.checkbox .helper::before {
    top: 0.65rem;
    left: 0.38rem;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}
.checkbox .helper::after {
    top: 0.3rem;
    left: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.checkbox label:hover .helper {
    color: #5e83db;
}
.checkbox input:checked ~ .helper {
    color: #0461aa;
}
.checkbox input:checked ~ .helper::after, .checkbox input:checked ~ .helper::before {
    opacity: 1;
    -webkit-transition: height 0.28s ease;
    transition: height 0.28s ease;
}
.checkbox input:checked ~ .helper::after {
    height: 0.5rem;
}
.checkbox input:checked ~ .helper::before {
    height: 1.2rem;
    -webkit-transition-delay: 0.28s;
    transition-delay: 0.28s;
}

.radio + .radio,
.checkbox + .checkbox {
    margin-top: 1rem;
}
.form-control:disabled, .form-control[readonly] {
     background-color: #f7f7f7;
     opacity: 0.5;
 }

.chosen-container .chosen-results li {
    display: none;
    margin: 0;
    padding: 10px 6px;
    list-style: none;
    line-height: 25px;
    word-wrap: break-word;
    border-bottom: #eee solid 1px;
    font-size: 14px;
    font-weight: 600 !important;
}

#replytime strong {
    font-weight: 600;
    font-size: 20px;
    color: #6d6d6d;
}

.mw-520{
    min-width: 450px;
    margin-bottom: 20px;
}
.mw-320{
    min-width: 320px;
    margin-bottom: 20px;
}
.mw-250{
    min-width: 250px;
    margin-bottom: 20px;
}
.w-250{
    max-width: 250px;
}

.badge-warning{
    color:white !important;
}

.mw-360{
    max-width: 360px;
}

.searchFaq {
    background: #fff;
    border: #eeeeee solid 1px;
    padding: 20px;
    text-align: left;
    border-radius: 0;
    margin: 0 20px;
    margin-top: -1px;
    box-shadow: 0 10px 10px rgba(0,0,0,0.1);
    font-size: 15px;
    color: black;
    font-weight: 300;
}
.searchFaq h4{
    font-size: 1rem;
    font-weight: 600;
}

.fw-100{
    font-weight: 100;
}
.fw-300{
    font-weight: 300;
}
.fw-400{
    font-weight: 400;
}
.fw-600{
    font-weight: 600;
}

.nav-item{
    list-style: none;
}

@media (min-width:360px) {
    .card-content {
        max-height: 100%;
    }
    .nav-item-100 .dropdown-menu{
        width: 100%;
    }
}

@media (max-width:360px) {
    .navbar.fixed-top{
        max-height:100%;
        overflow: auto;
    }

}


@media (min-width:768px) {
    .card-content {
        max-height: 100%;
    }
    .nav-item-100 .dropdown-menu {
        width: 400px;
    }
}



@media (min-width:992px) {
    .card-content {
        max-height: 300px;
    }



}
@media (max-width:768px) {

    .service-list{
        height: auto;
    }
    .justify-content-between{
        overflow: auto;
    }

    .navbar-container{
        position: fixed !important;
        top:0;
        padding: 0 !important;
    }
    body{
        margin-top: 54px;
    }

    .order-total{
        font-size: 25px;
    }

    .fixed-action-btn {
        bottom: 0;
        left: 0;
        padding: 5px;
        background: white;
        z-index: 9999;
        position: fixed;
        top:auto;
    }

    .mw-520{
        min-width: 360px;
    }

    .ios .fixed-action-btn  {
        bottom:auto;
        left: 0;
        padding: 0 !important;
        background: white;
        z-index: 1;
        position: relative;
        top:auto;
    }

    .fixed-action-btn .btn{
        width: 100%;
        padding: 10px;
    }
    .d-flex.flex-column{
        height: 100%;
    }
    .modal-dialog{
        margin: 0;
        height: 100%;
    }
    .modal-content {
        height: 100%;
    }
    .modal-body{
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        height: 100%;
        padding: 1rem 1rem 4rem;
    }
    .modal-dialog,.modal-content, .modal-body{
        border-radius: 0;
    }

    .modal-menu .dropdown-menu {
        position: relative !important;
        display: block;
        box-shadow: none !important;
        float: none;
        top: 0;
        padding: 0;
        transform: none !important;
    }
    .modal-menu .modal-body{
        padding: 0;
    }
    .modal-menu .dropdown-header {
        font-size: 1rem;
        font-weight: 600;
    }
    .modal-menu .dropdown-divider{
        display: none;
    }
    .modal-menu .nav-item.dropdown{
        border-bottom: #eee solid 1px;
    }
    .modal-menu .dropdown > a.nav-link{
        text-transform: uppercase;
        color: #888;
        font-size: 15px;
    }
    .modal-menu .dropdown .dropdown-item,.modal-menu .dropdown-header{
        padding: 0.5rem 1rem;
    }
    .modal-menu .nav-item{
        width: 100%;
    }

    .modal-title, .close{
        font-size: 25px;
    }

    select.chosen {
        display: block;
        width: 100%;
        padding: .375rem .75rem;
        font-size: 1rem;
        line-height: 1.5;
        color: #495057;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #ced4da;
        border-radius: .25rem;
        transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    }


    #footer{margin-bottom: 100px;}

    .chat-icon-position.hide{display: none}

    .pagging{overflow: auto;white-space: nowrap}

    .iphone .my-account{height:300px;overflow: auto}


    #navigationmenu{
        flex-direction: column;
    }

    footer .nav-item .nav-link {
        border-radius: 0;
        padding: 10px;
    }

    .tooltip{display: none !important;}


    .table td, .table th{white-space: normal}

    .quick-checkout{
        position: relative !important;
    }

    .h0 {
        font-size:2.6rem;
    }

    .navbar-container.navbar-shrink{
        background: black;
    }

    .modal .alert1,.alert1 {
        position: fixed;
        top: auto;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 99999;
        margin: 0;
        border-radius: 0;

        -webkit-animation: seconds 0.5s forwards;
        -webkit-animation-iteration-count: 0.5s;
        -webkit-animation-delay: 3s;
        animation: seconds 0.5s forwards;
        animation-iteration-count: 1;
        animation-delay: 3s;

    }
    .iphone .modal .alert,.iphone .alert {
        position: relative;
    }
    .alert-danger {
        background: #bf0718;
        border-color: #bf0718;
        color: #fff;
    }
    .alert-success {
        background: #08af2e;
        border-color: #08af2e;
        color: #fff;
    }
    .alert a{color:white}

    @-webkit-keyframes seconds {
        0% {
            opacity: 1;
        }
        100% {
            opacity: 0;
            left: -9999px;

        }
    }
    @keyframes seconds {
        0% {
            opacity: 1;
        }
        100% {
            opacity: 0;
            left: -9999px;

        }
    }

    .benefits{
        margin: 20px 0;
    }


    .navbar-container{
        background: #01529f;
    }
    .theme1 .navbar-container{
        background-color: #014295;
    }
    .theme2 .navbar-container{
        background-color: #a64398;
    }
    .theme3 .navbar-container{
        background-color: #6d6d6d;
    }
    .theme4 .navbar-container{
        background-color: #118c04;
    }

    .navbar-nav .nav-link {
        color: #fff;
    }
    .navbar-toggler{
        color:white
    }

    .page-title {
        font-size: 25px;
        text-align: left !important;
    }

    .modal-ajax .modal-ajax{
        margin: 0;
    }

    .modal-title{
        white-space: nowrap;
        overflow: auto;
        padding-left: 15px;
    }
    .modal-header{
        margin-left: 0;
        flex-direction: row-reverse;
        justify-content: flex-end;
    }
    .navbar-brand{
        margin: 0 !important;
    }

    .navbar-container{
        background: black !important;
    }



}
@media (max-width:992px) {
    .navbar .navbar-collapse{
        display: block;
        color: white;
        position: fixed;
        z-index: 9999;
        background: black;
        bottom: 0;
        top: 53px;
        left: 100%;
    }
    .navbar-nav {
        flex-direction: row;
    }
    .navbar-brand{
        color: white;
        font-size: 20px;
    }
    .navbar.fixed-top{
        background: #2f5095 !important;
        overflow: auto;
    }
    .navbar-nav .nav-link:hover{
        background: black;
    }


    .navbar.vertical .navbar-brand {

    }

    .navbarToggler .navbar-nav{
        flex-direction: column;
    }




    .navbar.vertical .navbar-nav{
        flex-direction: column;
    }

    .modal-xl {
        max-width:100%;
    }
    .alert{
        position: relative;
        top: auto;
        right: auto;
        z-index:1;
    }

    .navbar-collapse{
        overflow: auto;
        height: 100%;
        background: #000000a3;
    }
    .carousel{ }
    .big-font{
        font-size: 40px;
    }
    .border-right{
        border: none !important;
    }

    .carousel-item{
        height: auto;
    }


}





.tcs-select {
    background-color: #e8f0fd !important;
}

.tcs-select.tcs-ignore,
.tcs-ignore .tcs-select {
    background-color: #7AAAB9;
}

.table.compaq td{
    padding: 0.3rem;
    font-size: 1rem;
}

tr.updateorder-Replied td{
   background: white;
    -webkit-animation-name: blink; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 4s; /* Safari 4.0 - 8.0 */
    animation-name: blink;
    animation-duration: 4s;
    font-weight: 600;
}
tr.updateorder-Cancelled td{
    background: white;
    -webkit-animation-name: blink2; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 4s; /* Safari 4.0 - 8.0 */
    animation-name: blink2;
    animation-duration: 4s;
    font-weight: 600;
}

@-webkit-keyframes blink {
    0%   {background-color: white;}
    25%   {background-color: #28a7451f;}
    50%   {background-color: white;}
    100% {background-color: #28a7451f;}
}
@keyframes blink2 {
    0%   {background-color: white;}
    25%   {background-color: #ffe8e8;}
    50%   {background-color: white;}
    100% {background-color: #ffe8e8;}
}







.banner-bg-gradient,.banner-bg-gradient-black{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0.97;
}

.banner-bg-gradient-black{
    opacity: 0.1;
    background-color: #000;
}

.big-icon {
    font-size: 70px;
}

.twitter a{
    color: white;
}

.theme-colors .theme {
    height: 29px;
    width: 29px !important;
    display: inline-block;
    padding: 0;
    cursor: pointer;
}
.carousel .page-title,.carousel .or-login-with{
    display: none;
}
.quick-checkout{
    width: 360px;
}

.theme1 .banner-bg-gradient{
    background-color: #088eca;
    background-image: -webkit-linear-gradient(45deg, #1384b7  0%, #028dcc  100%);
    background-image: -moz-linear-gradient(45deg, #1384b7  0%, #028dcc  100%);
    background-image: -o-linear-gradient(45deg, #1384b7  0%, #028dcc  100%);
    background-image: linear-gradient(45deg, #1384b7  0%, #028dcc  100%);
}
.theme1 .title-bg,.theme-colors .theme1,.theme1 .nav-pills .nav-link.active,.theme1 .nav-pills .show>.nav-link,.theme1 .btn-primary,.theme1 .dropdown-item.active,.theme1 .dropdown-item:active {
    background-color: #024395 !important;
    color:white
}
.theme1 .nav-pills .nav-link,.theme1 .color,.theme1 .big-icon,.theme1 .md-icon,.theme1 .page-title .page-name{
    color:#014295;
}
.theme1 .bg-gradiant,.theme1.index.middle .navbar-container{
    background: radial-gradient(circle farthest-side at center bottom, #0a92cc, #003087 125%);
}
.theme1 .background{
    background: #014295;
}
.theme1 .btn-primary:hover{
    background: #0069d9 !important;
    border-color: #0069d9;
}
.theme1 .chosen-container .chosen-results li.highlighted{
    background: #2f5095;
}
.theme1 h1,.theme1  h2,.theme1  h3,.theme1  h4,.theme1  h5 {
    color: #014295;
}
.theme1 .double-border{
    box-shadow: 0 0 1px 1px #014295;
}
.theme1 .page-title .page-name{
    border-color:#014295;
}


.theme2 .banner-bg-gradient{
    background-image: linear-gradient(135deg, #E73D59 0%, #604AE6 100%);
}
.theme2 .title-bg,.theme-colors .theme2,.theme2 .nav-pills .nav-link.active,.theme2 .nav-pills .show>.nav-link,.theme2 .btn-primary,.theme2 .dropdown-item.active,.theme2 .dropdown-item:active  {
    background-color: #89307d  !important;
    color:white
}
.theme2 .nav-pills .nav-link,.theme2 .color,.theme2 .big-icon,.theme2 .md-icon,.theme2 .page-title .page-name{
    color:#a64398;
}
.theme2 .bg-gradiant,.theme2.index.middle .navbar-container{
    background: radial-gradient(circle farthest-side at center bottom, #a64398, #4c0742 125%);
}
.theme2 .background{
    background: #7c57ec;
}
.theme2 .btn-primary:hover{
    background: #d2173c !important;
    border-color: #d2173c;
}
.theme2 .chosen-container .chosen-results li.highlighted{
    background: #d2173c;
}
.theme2 h1,.theme2  h2,.theme2  h3,.theme2  h4,.theme2  h5 {
    color: #a64398;
}
.theme2 .double-border{
    box-shadow: 0 0 1px 1px #a64398;
}
.theme2 .page-title .page-name{
    border-color:#a64398;
}


.theme3 .banner-bg-gradient{
    background-image: linear-gradient(135deg, #2f2f2f 0%, #000000 100%);
}
.theme3 .title-bg,.theme-colors .theme3,.theme3 .nav-pills .nav-link.active,.theme3 .nav-pills .show>.nav-link,.theme3 .btn-primary,.theme3 .dropdown-item.active,.theme3 .dropdown-item:active  {
    background-color: #2f2f2f  !important;
    color:white
}
.theme3 .nav-pills .nav-link,.theme3 .color,.theme3 .big-icon,.theme3 .md-icon,.theme3 .page-title .page-name{
    color:#6d6d6d;
}
.theme3 .bg-gradiant,.theme3.index.middle .navbar-container{
    background: radial-gradient(circle farthest-side at center bottom, #424242, #000000 125%);
}
.theme3 .background{
    background: #2f2f2f;
}
.theme3 .btn-primary:hover{
    background: #4c4c4c  !important;
    border-color: #4c4c4c ;
}
.theme3 .chosen-container .chosen-results li.highlighted{
    background: #4c4c4c ;
}
.theme3 h1,.theme3  h2,.theme3  h3,.theme3  h4,.theme3  h5 {
    color: #6d6d6d;
}
.theme3 .double-border{
    box-shadow: 0 0 1px 1px #6d6d6d;
}
.theme3 .page-title .page-name{
    border-color:#6d6d6d;
}



.theme4 .banner-bg-gradient{
    background-image: linear-gradient(45deg, #03d400 0%, #05b11d  100%)
}
.theme4 .title-bg,.theme-colors .theme4,.theme4 .nav-pills .nav-link.active,.theme4 .nav-pills .show>.nav-link,.theme4 .btn-primary,.theme4 .dropdown-item.active,.theme4 .dropdown-item:active  {
    background-color: #20a510  !important;
    color:white
}
.theme4 .nav-pills .nav-link,.theme4 .color,.theme4 .big-icon,.theme4 .md-icon,.theme4 .page-title .page-name{
    color:#20a510;
}
.theme4 .bg-gradiant,.theme4.index.middle .navbar-container{
    background: radial-gradient(circle farthest-side at center bottom, #118e02, #0d7701 125%);
}
.theme4 .background{
    background: #20a510;
}
.theme4 .btn-primary:hover{
    background: #047511  !important;
    border-color: #047511 ;
}
.theme4 .chosen-container .chosen-results li.highlighted{
    background: #047511 ;
}
.theme4 h1,.theme4  h2,.theme4  h3,.theme4  h4,.theme4  h5 {
    color: #118c04;
}
.theme4 .double-border{
    box-shadow: 0 0 1px 1px #20a510;
}
.theme4 .page-title .page-name{
    border-color:#20a510;
}


.theme5 .banner-bg-gradient{
    background-image: linear-gradient(45deg, #ce1c1e 0%, #af1214 100%);
}
.theme5 .title-bg,.theme-colors .theme5,.theme5 .nav-pills .nav-link.active,.theme5 .nav-pills .show>.nav-link,.theme5 .btn-primary,.theme5 .dropdown-item.active,.theme5 .dropdown-item:active  {
    background-color: #a51012   !important;
    color:white
}
.theme5 .nav-pills .nav-link,.theme5 .color,.theme5 .big-icon,.theme5 .md-icon,.theme5 .page-title .page-name{
    color:#a51012 ;
}
.theme5 .bg-gradiant,.theme5.index.middle .navbar-container{
    background: radial-gradient(circle farthest-side at center bottom, #a51012, #7d0203  125%);
}
.theme5 .background{
    background: #9f1118;
}
.theme5 .btn-primary:hover{
    background: #a51010    !important;
    border-color: #a51010   ;
}
.theme5 .chosen-container .chosen-results li.highlighted{
    background: #a51012   ;
}
.theme5 h1,.theme5  h2,.theme5  h3,.theme5  h4,.theme5  h5 {
    color: #a51012;
}
.theme5 .double-border{
    box-shadow: 0 0 1px 1px #a51012 ;
}
.theme5 .page-title .page-name{
    border-color:#a51012;
}


.theme6 .banner-bg-gradient{
    background-image: linear-gradient(45deg, #0ec0e6 0%, #00a9cc 100%);
}
.theme6 .title-bg,.theme-colors .theme6,.theme6 .nav-pills .nav-link.active,.theme6 .nav-pills .show>.nav-link,.theme6 .btn-primary,.theme6 .dropdown-item.active,.theme6 .dropdown-item:active  {
    background-color: #00a0c1  !important;
    color:white
}
.theme6 .nav-pills .nav-link,.theme6 .color,.theme6 .big-icon,.theme6 .md-icon,.theme6 .page-title .page-name{
    color:#00a0c1;
}
.theme6 .bg-gradiant,.theme6.index.middle .navbar-container{
    background: radial-gradient(circle farthest-side at center bottom, #2ebdda  , #00a0c1   125%);
}
.theme6 .background{
    background: #00a0c1;
}
.theme6 .btn-primary:hover {
    background: #13b1d2 !important;
    border-color: #13b1d2;
}
.theme6 .chosen-container .chosen-results li.highlighted{
    background: #00a0c1 ;
}
.theme6 h1,.theme6  h2,.theme6  h3,.theme6  h4,.theme6  h5 {
    color: #00a0c1;
}
.theme6 .double-border{
    box-shadow: 0 0 1px 1px #00a0c1;
}
.theme6 .page-title .page-name{
    border-color:#00a0c1;
}


.theme7 .banner-bg-gradient{
    background-image: linear-gradient(45deg, #5ed0bd 0%, #54b9a8 100%);
}
.theme7 .title-bg,.theme-colors .theme7,.theme7 .nav-pills .nav-link.active,.theme7 .nav-pills .show>.nav-link,.theme7 .btn-primary,.theme7 .dropdown-item.active,.theme7 .dropdown-item:active  {
    background-color: #54b9a8  !important;
    color:white
}
.theme7 .nav-pills .nav-link,.theme7 .color,.theme7 .big-icon,.theme7 .md-icon,.theme7 .page-title .page-name{
    color:#37a99a;
}
.theme7 .bg-gradiant,.theme7.index.middle .navbar-container{
    background: radial-gradient(circle farthest-side at center bottom, #33d0b3, #12a58c 125%)
}
.theme7 .background{
    background: #37a99a;
}
.theme7 .btn-primary:hover {
    background: #48b5a3 !important;
    border-color: #48b5a3;
}
.theme7 .chosen-container .chosen-results li.highlighted{
    background: #54b9a8 ;
}
.theme7 h1,.theme7  h2,.theme7  h3,.theme7  h4,.theme7  h5 {
    color: #54b9a8;
}
.theme7 .double-border{
    box-shadow: 0 0 1px 1px #54b9a8;
}
.theme7 .page-title .page-name{
    border-color:#37a99a;
}


.theme8 .banner-bg-gradient{
    background-image: linear-gradient(45deg, #437fb3 0%, #2770b1 100%);
}
.theme8 .title-bg,.theme-colors .theme8,.theme8 .nav-pills .nav-link.active,.theme8 .nav-pills .show>.nav-link,.theme8 .btn-primary,.theme8 .dropdown-item.active,.theme8 .dropdown-item:active  {
    background-color: #2A6395  !important;
    color:white
}
.theme8 .nav-pills .nav-link,.theme8 .color,.theme8 .big-icon,.theme8 .md-icon,.theme8 .page-title .page-name{
    color:#2A6395;
}
.theme8 .bg-gradiant,.theme8.index.middle .navbar-container{
    background: radial-gradient(circle farthest-side at center bottom, #407baf, #2A6395 125%);
}
.theme8 .background{
    background: #2a6294;
}
.theme8 .btn-primary:hover{
    background: #2A6395  !important;
    border-color: #2A6395 ;
}
.theme8 .chosen-container .chosen-results li.highlighted{
    background: #2A6395 ;
}
.theme8 h1,.theme8  h2,.theme8  h3,.theme8  h4,.theme8  h5 {
    color: #2A6395;
}
.theme8 .double-border{
    box-shadow: 0 0 1px 1px #2A6395;
}
.theme8 .page-title .page-name{
    border-color:#2A6395;
}


.theme9 .banner-bg-gradient{
    background-image: linear-gradient(45deg, #77a4bf 0%, #5995b9 100%);
}
.theme9 .title-bg,.theme-colors .theme9,.theme9 .nav-pills .nav-link.active,.theme9 .nav-pills .show>.nav-link,.theme9 .btn-primary,.theme9 .dropdown-item.active,.theme9 .dropdown-item:active  {
    background-color: #5995b9  !important;
    color:white
}
.theme9 .nav-pills .nav-link,.theme9 .color,.theme9 .big-icon,.theme9 .md-icon,.theme9 .page-title .page-name{
    color:#286e9a;
}
.theme9 .bg-gradiant,.theme9.index.middle .navbar-container{
    background: radial-gradient(circle farthest-side at center bottom, #418ab7, #286e9a 125%)
}
.theme9 .background{
    background: #286e9a;
}
.theme9 .btn-primary:hover{
    background: #5995b9  !important;
    border-color: #5995b9 ;
}
.theme9 .chosen-container .chosen-results li.highlighted{
    background: #5995b9 ;
}
.theme9 h1,.theme9  h2,.theme9  h3,.theme9  h4,.theme9  h5 {
    color: #286e9a;
}
.theme9 .double-border{
    box-shadow: 0 0 1px 1px #5995b9;
}
.theme9 .page-title .page-name{
    border-color:#286e9a;
}


.theme10 .banner-bg-gradient{
    background-image: linear-gradient(45deg, #F3632C 0%, #F3632C  100%)
}
.theme10 .title-bg,.theme-colors .theme10,.theme10 .nav-pills .nav-link.active,.theme10 .nav-pills .show>.nav-link,.theme10 .btn-primary,.theme10 .dropdown-item.active,.theme10 .dropdown-item:active  {
    background-color: #c63805  !important;
    color:white
}
.theme10 .nav-pills .nav-link,.theme10 .color,.theme10 .big-icon,.theme10 .md-icon,.theme10 .page-title .page-name{
    color:#c63805;
}
.theme10 .bg-gradiant,.theme10.index.middle .navbar-container{
    background: radial-gradient(circle farthest-side at center bottom, #e8450c, #bd3404 125%)
}
.theme10 .background{
    background: #bd3404;
}
.theme10 .btn-primary:hover{
    background: #bd3404  !important;
    border-color: #bd3404 ;
}
.theme10 .chosen-container .chosen-results li.highlighted{
    background: #bd3404 ;
}
.theme10 h1,.theme10  h2,.theme10  h3,.theme10  h4,.theme10  h5 {
    color: #bd3404;
}
.theme10 .double-border{
    box-shadow: 0 0 1px 1px #bd3404;
}
.theme10 .page-title .page-name{
    border-color:#c63805;
}








.theme11 .banner-bg-gradient{
    background-image: linear-gradient(135deg, #c3156d 0%, #FF7676 100%)
}
.theme11 .title-bg,.theme-colors .theme11,.theme11 .nav-pills .nav-link.active,.theme11 .nav-pills .show>.nav-link,.theme11 .btn-primary,.theme11 .dropdown-item.active,.theme11 .dropdown-item:active  {
    background-color: #ed6985  !important;
    color:white
}
.theme11 .nav-pills .nav-link,.theme11 .color,.theme11 .big-icon,.theme11 .md-icon,.theme11 .page-title .page-name{
    color:#ed6985;
}
.theme11 .bg-gradiant,.theme11.index.middle .navbar-container{
    background:   radial-gradient(circle farthest-side at center bottom, #ed6985, #ca415e 125%);
}
.theme11 .background{
    background: #ed6985;
}
.theme11 .btn-primary:hover{
    background: #ed6985 !important;
    border-color: #ed6985;
}
.theme11 .chosen-container .chosen-results li.highlighted{
    background: #ed6985;
}
.theme11 h1,.theme11  h2,.theme11  h3,.theme11  h4,.theme11  h5 {
    color: #ed6985;
}
.theme11 .double-border{
    box-shadow: 0 0 1px 1px #ed6985;
}
.theme11 .page-title .page-name{
    border-color:#ed6985;
}



.theme12 .banner-bg-gradient{
    background-image: linear-gradient(135deg, #17EAD9 0%, #6078EA 100%);
}
.theme12 .title-bg,.theme-colors .theme12,.theme12 .nav-pills .nav-link.active,.theme12 .nav-pills .show>.nav-link,.theme12 .btn-primary,.theme12 .dropdown-item.active,.theme12 .dropdown-item:active  {
    background-color: #5579e4   !important;
    color:white
}
.theme12 .nav-pills .nav-link,.theme12 .color,.theme12 .big-icon,.theme12 .md-icon,.theme12 .page-title .page-name{
    color:#5579e4;
}
.theme12 .bg-gradiant,.theme12.index.middle .navbar-container{
    background: radial-gradient(circle farthest-side at center bottom, #5b8cea, #6078EA 125%);
}
.theme12 .background{
    background: #5579e4;
}
.theme12 .btn-primary:hover{
    background: #5579e4  !important;
    border-color: #d2173c;
}
.theme12 .chosen-container .chosen-results li.highlighted{
    background: #5579e4 ;
}
.theme12 h1,.theme12  h2,.theme12  h3,.theme12  h4,.theme12  h5 {
    color: #5579e4;
}
.theme12 .double-border{
    box-shadow: 0 0 1px 1px #5579e4 ;
}
.theme12 .page-title .page-name{
    border-color:#5579e4 ;
}

.theme13 .banner-bg-gradient{
    background-image: linear-gradient(135deg, #622774 0%, #C53364 100%);
}
.theme13 .title-bg,.theme-colors .theme13,.theme13 .nav-pills .nav-link.active,.theme13 .nav-pills .show>.nav-link,.theme13 .btn-primary,.theme13 .dropdown-item.active,.theme13 .dropdown-item:active  {
    background-color: #c0396a  !important;
    color:white
}
.theme13 .nav-pills .nav-link,.theme13 .color,.theme13 .big-icon,.theme13 .md-icon,.theme13 .page-title .page-name{
    color:#c0396a;
}
.theme13 .bg-gradiant,.theme13.index.middle .navbar-container{
    background: radial-gradient(circle farthest-side at center bottom, #d8246a, #C53364 125%)
}
.theme13 .background{
    background: #c0396a;
}
.theme13 .btn-primary:hover{
    background: #c0396a !important;
    border-color: #c0396a;
}
.theme13 .chosen-container .chosen-results li.highlighted{
    background: #c0396a;
}
.theme13 h1,.theme13  h2,.theme13  h3,.theme13  h4,.theme13  h5 {
    color: #c0396a;
}
.theme13 .double-border{
    box-shadow: 0 0 1px 1px #c0396a;
}
.theme13 .page-title .page-name{
    border-color:#c0396a;
}

.theme14 .banner-bg-gradient{
    background-image: linear-gradient(135deg, #7117EA 0%, #EA6060 100%);
}
.theme14 .title-bg,.theme-colors .theme14,.theme14 .nav-pills .nav-link.active,.theme14 .nav-pills .show>.nav-link,.theme14 .btn-primary,.theme14 .dropdown-item.active,.theme14 .dropdown-item:active  {
    background-color: #a13bb9  !important;
    color:white
}
.theme14 .nav-pills .nav-link,.theme14 .color,.theme14 .big-icon,.theme14 .md-icon,.theme14 .page-title .page-name{
    color:#a13bb9;
}
.theme14 .bg-gradiant,.theme14.index.middle .navbar-container{
    background: radial-gradient(circle farthest-side at center bottom, #b149ca, #881aa2 125%);
}
.theme14 .background{
    background: #a13bb9;
}
.theme14 .btn-primary:hover{
    background: #a13bb9 !important;
    border-color: #a13bb9;
}
.theme14 .chosen-container .chosen-results li.highlighted{
    background: #a13bb9;
}
.theme14 h1,.theme14  h2,.theme14  h3,.theme14  h4,.theme14  h5 {
    color: #a13bb9;
}
.theme14 .double-border{
    box-shadow: 0 0 1px 1px #a13bb9;
}
.theme14 .page-title .page-name{
    border-color:#a13bb9;
}


.theme15 .banner-bg-gradient{
    background-image: linear-gradient(135deg, #ff9e53 0%, #F38381 100%)
}
.theme15 .title-bg,.theme-colors .theme15,.theme15 .nav-pills .nav-link.active,.theme15 .nav-pills .show>.nav-link,.theme15 .btn-primary,.theme15 .dropdown-item.active,.theme15 .dropdown-item:active  {
    background-color: #ff9f54  !important;
    color:white
}
.theme15 .nav-pills .nav-link,.theme15 .color,.theme15 .big-icon,.theme15 .md-icon,.theme15 .page-title .page-name{
    color:#ff9f54;
}
.theme15 .bg-gradiant,.theme15.index.middle .navbar-container{
    background: radial-gradient(circle farthest-side at center bottom, #ffb277, #ff9f54 125%)
}
.theme15 .background{
    background: #ff9f54;
}
.theme15 .btn-primary:hover{
    background: #ff9f54 !important;
    border-color: #ff9f54;
}
.theme15 .chosen-container .chosen-results li.highlighted{
    background: #ff9f54;
}
.theme15 h1,.theme15  h2,.theme15  h3,.theme15  h4,.theme15  h5 {
    color: #ff9f54;
}
.theme15 .double-border{
    box-shadow: 0 0 1px 1px #ff9f54;
}
.theme15 .page-title .page-name{
    border-color:#ff9f54;
}



.theme16 .banner-bg-gradient{
    background-image: linear-gradient(135deg, #18b170 0%, #f7e757 100%)
}
.theme16 .title-bg,.theme-colors .theme16,.theme16 .nav-pills .nav-link.active,.theme16 .nav-pills .show>.nav-link,.theme16 .btn-primary,.theme16 .dropdown-item.active,.theme16 .dropdown-item:active  {
    background-color: #55bf7b  !important;
    color:white
}
.theme16 .nav-pills .nav-link,.theme16 .color,.theme16 .big-icon,.theme16 .md-icon,.theme16 .page-title .page-name{
    color:#55bf7b;
}
.theme16 .bg-gradiant,.theme16.index.middle .navbar-container{
    background: radial-gradient(circle farthest-side at center bottom, #52c37a, #2c9652 125%);
}
.theme16 .background{
    background: #55bf7b;
}
.theme16 .btn-primary:hover{
    background: #55bf7b !important;
    border-color: #55bf7b;
}
.theme16 .chosen-container .chosen-results li.highlighted{
    background: #55bf7b;
}
.theme16 h1,.theme16  h2,.theme16  h3,.theme16  h4,.theme16  h5 {
    color: #55bf7b;
}
.theme16 .double-border{
    box-shadow: 0 0 1px 1px #55bf7b;
}
.theme16 .page-title .page-name{
    border-color:#55bf7b;
}


.theme17 .banner-bg-gradient{
    background-image: linear-gradient(135deg, #00ec96 0%, #357bff 100%)
}
.theme17 .title-bg,.theme-colors .theme17,.theme17 .nav-pills .nav-link.active,.theme17 .nav-pills .show>.nav-link,.theme17 .btn-primary,.theme17 .dropdown-item.active,.theme17 .dropdown-item:active  {
    background-color: #2877ea  !important;
    color:white
}
.theme17 .nav-pills .nav-link,.theme17 .color,.theme17 .big-icon,.theme17 .md-icon,.theme17 .page-title .page-name{
    color:#2877ea;
}
.theme17 .bg-gradiant,.theme17.index.middle .navbar-container{
    background: radial-gradient(circle farthest-side at center bottom, #418cf9, #2877ea 125%)
}
.theme17 .background{
    background: #2877ea;
}
.theme17 .btn-primary:hover{
    background: #2877ea !important;
    border-color: #2877ea;
}
.theme17 .chosen-container .chosen-results li.highlighted{
    background: #2877ea;
}
.theme17 h1,.theme17  h2,.theme17  h3,.theme17  h4,.theme17  h5 {
    color: #2877ea;
}
.theme17 .double-border{
    box-shadow: 0 0 1px 1px #2877ea;
}
.theme17 .page-title .page-name{
    border-color:#2877ea;
}

.theme18 .banner-bg-gradient{
    background-image: linear-gradient(135deg, #48CFAD 0%, #19A784 100%);
}
.theme18 .title-bg,.theme-colors .theme18,.theme18 .nav-pills .nav-link.active,.theme18 .nav-pills .show>.nav-link,.theme18 .btn-primary,.theme18 .dropdown-item.active,.theme18 .dropdown-item:active  {
    background-color: #18a280  !important;
    color:white
}
.theme18 .nav-pills .nav-link,.theme18 .color,.theme18 .big-icon,.theme18 .md-icon,.theme18 .page-title .page-name{
    color:#18a280;
}
.theme18 .bg-gradiant,.theme18.index.middle .navbar-container{
    background: radial-gradient(circle farthest-side at center bottom, #24a082, #18a280 125%)
}
.theme18 .background{
    background: #18a280;
}
.theme18 .btn-primary:hover{
    background: #18a280 !important;
    border-color: #18a280;
}
.theme18 .chosen-container .chosen-results li.highlighted{
    background: #18a280;
}
.theme18 h1,.theme18  h2,.theme18  h3,.theme18  h4,.theme18  h5 {
    color: #18a280;
}
.theme18 .double-border{
    box-shadow: 0 0 1px 1px #18a280;
}
.theme18 .page-title .page-name{
    border-color:#18a280;
}



.theme19 .banner-bg-gradient{
    background-image: linear-gradient(135deg, #dc1b8b 0%, #BF4C90 100%)
}
.theme19 .title-bg,.theme-colors .theme19,.theme19 .nav-pills .nav-link.active,.theme19 .nav-pills .show>.nav-link,.theme19 .btn-primary,.theme19 .dropdown-item.active,.theme19 .dropdown-item:active  {
    background-color: #bd267f  !important;
    color:white
}
.theme19 .nav-pills .nav-link,.theme19 .color,.theme19 .big-icon,.theme19 .md-icon,.theme19 .page-title .page-name{
    color:#bd267f;
}
.theme19 .bg-gradiant,.theme19.index.middle .navbar-container{
    background: radial-gradient(circle farthest-side at center bottom, #e03b9b, #bd267f 125%)
}
.theme19 .background{
    background: #bd267f;
}
.theme19 .btn-primary:hover{
    background: #bd267f !important;
    border-color: #bd267f;
}
.theme19 .chosen-container .chosen-results li.highlighted{
    background: #bd267f;
}
.theme19 h1,.theme19  h2,.theme19  h3,.theme19  h4,.theme19  h5 {
    color: #bd267f;
}
.theme19 .double-border{
    box-shadow: 0 0 1px 1px #bd267f;
}
.theme19 .page-title .page-name{
    border-color:#bd267f;
}



.theme20 .banner-bg-gradient{
    background-image: linear-gradient(135deg, #d45fbf  0%, #7455C3 100%);
}
.theme20 .title-bg,.theme-colors .theme20,.theme20 .nav-pills .nav-link.active,.theme20 .nav-pills .show>.nav-link,.theme20 .btn-primary,.theme20 .dropdown-item.active,.theme20 .dropdown-item:active  {
    background-color: #d460bf  !important;
    color:white
}
.theme20 .nav-pills .nav-link,.theme20 .color,.theme20 .big-icon,.theme20 .md-icon,.theme20 .page-title .page-name{
    color:#d460bf;
}
.theme20 .bg-gradiant,.theme20.index.middle .navbar-container{
    background: radial-gradient(circle farthest-side at center bottom, #d460bf, #b92fa0 125%)
}
.theme20 .background{
    background: #d460bf;
}
.theme20 .btn-primary:hover{
    background: #d460bf !important;
    border-color: #d460bf;
}
.theme20 .chosen-container .chosen-results li.highlighted{
    background: #d460bf;
}
.theme20 h1,.theme20  h2,.theme20  h3,.theme20  h4,.theme20  h5 {
    color: #d460bf;
}
.theme20 .double-border{
    box-shadow: 0 0 1px 1px #d460bf;
}
.theme20 .page-title .page-name{
    border-color:#d460bf;
}


/* DARK THEME */
.no-index.dark .bg-white,.no-index.dark .service:hover .card{
    background: #262a30  !important;
}
.no-index.dark .bg-light{
    background: #1c2027        !important
}
.no-index.dark .bg-gray {
    background: #000 !important;
}
.no-index.dark .form-group label,.no-index.dark .price,.no-index.dark .card-title,.no-index.dark .bg-light,.no-index.dark .bg-white,.no-index.dark .service:hover .card,.no-index.dark .bg-gray,.no-index.dark .navbar-nav .nav-link,.no-index.dark .dropdown-item,.no-index.dark .chosen-container .chosen-results li{
    color: white !important;
}
.no-index.dark .border-right {
    border-right-color: #2d2d2d!important;
}
.no-index.dark .border-left {
    border-left-color: #464646!important;
}
.no-index.dark .border-top {
    border-top-color: #464646!important;
}
.no-index.dark .border-bottom {
    border-bottom-color:#464646!important;
}
.no-index.dark .modal-footer,.no-index.dark .modal-content,.no-index.dark .modal-header,.no-index.dark footer{
    background: #1c2027    !important;
    border-color: #1c2027   !important;
}
.no-index.dark .modal-footer {
    background: #252525 !important;
}
.no-index.dark .modal-title,.no-index.dark .close {
    color: #d4d4d4 !important;
}
.no-index.dark .table tbody tr:hover td,.no-index.dark .navbar-nav .nav-link:hover,.no-index.dark .navbar-nav .nav-link:focus,.no-index.dark .dropdown-menu,.no-index.dark .dropdown-item:focus,.no-index.dark .dropdown-item:hover {
    background: #353535 !important;
    color: white;
}
.no-index.dark .dropdown-divider,.no-index.dark .modal-footer{
    border-color:#000000;
}
.no-index.dark .dropdown-header {
    font-size: 1.3rem;
}
.no-index.dark .alert{
    background: transparent !important;
}
.no-index.dark .list-group-item,.no-index.dark .chosen-container .chosen-drop,.no-index.dark .chosen-container .chosen-results li{
    background: #101010 !important;
    border-color: #252525;
}
.no-index.dark .border{
    border-color: #252525 !important;
}
.no-index.dark .border.copied{
    border-color: #00bfe2e6  !important;
}
body.no-index.dark{
    background: #272B30;
    color: white;
}
.no-index.dark .form-control,.no-index.dark .form-control:focus,.no-index.dark .input-group-text,.no-index.dark .chosen-container-single .chosen-single {
    border: #1c2027 solid 1px   !important;
    background:#383c42  !important;
    color:white !important;
}
.no-index.dark .card,.no-index.dark .progress{
    background: #2b2b2b !important;
}
.no-index.dark .tcs-select{
    background: #080809  !important;
}
.no-index.dark .border-gray,.no-index.dark .input-group>.custom-select:not(:first-child),.no-index.dark  .input-group>.form-control:not(:first-child) {
    border-color: #313131 !important;
}
.no-index.dark a {
    color: #d0d0d0;
}
.no-index.dark .form-control{
    color:#bfbfbf
}
.no-index.dark .card-product:hover,.no-index.dark  .card-group:hover {
    box-shadow: none;
}
.no-index.dark .navbar-container.navbar-shrink {
    background: #333 !important;
}
.no-index.dark .dropdown-header {
    color: #6c757d;
}
.no-index.dark .table thead th {
    border-color : #2b2b2b;

}
.no-index.dark .pagination a {
    border-color: #333333;
}
.no-index.dark .pages-dropdown input {
    background: #272727 !important;
}
.no-index.dark .btn-light {
    color: #fdfdfd;
    background-color: #101010 !important;
    border-color: #2d2d2d;
}
.no-index.dark .modal-backdrop {
    background: #676767 !important;
}
.no-index.dark .chosen-container-active.chosen-with-drop .chosen-single{
    box-shadow: 0 1px 0 #333 inset !important;
}
.no-index.dark h1, .no-index.dark h2, .no-index.dark h3, .no-index.dark h4, .no-index.dark h5 {
    color: #fff !important;
}
.no-index.dark .page-title{
    border-bottom:#383838 solid 1px;
}
.no-index.dark .ajax-responsive.loading{
    background:transparent;
}
.no-index.dark .chzn-container .chzn-drop{
    background: #1c2027;
    border: #d1d1d1 solid 1px;
}

.dark .table{
    color: #bfbfbf;
}




.bg-svg,.bg-svg2{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
.bg-svg.inverse,.bg-svg2.inverse{
    bottom: auto;
    top: 0;

    transform: rotateX(180deg);
}

.svg1{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgdmlld0JveD0iMCAwIDEyODAgODYiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIHNsaWNlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNmZmZmZmYiPjxwYXRoIGQ9Ik0xMjgwIDY2LjFjLTMuOCAwLTcuNi4zLTExLjQuOC0xOC4zLTMyLjYtNTkuNi00NC4yLTkyLjItMjUuOS0zLjUgMi02LjkgNC4zLTEwIDYuOS0yMi43LTQxLjctNzQuOS01Ny4yLTExNi42LTM0LjUtMTQuMiA3LjctMjUuOSAxOS4zLTMzLjggMzMuMy0uMi4zLS4zLjYtLjUuOC0xMi4yLTEuNC0yMy43IDUuOS0yNy43IDE3LjUtMTEuOS02LjEtMjUuOS02LjMtMzcuOS0uNi0yMS43LTMwLjQtNjQtMzcuNS05NC40LTE1LjctMTIuMSA4LjYtMjEgMjEtMjUuNCAzNS4yLTEwLjgtOS4zLTI0LjMtMTUtMzguNS0xNi4yLTguMS0yNC42LTM0LjYtMzgtNTkuMi0yOS45LTE0LjMgNC43LTI1LjUgMTYtMzAgMzAuMy00LjMtMS45LTguOS0zLjItMTMuNi0zLjgtMTMuNi00NS41LTYxLjUtNzEuNC0xMDctNTcuOGE4Ni4zOCA4Ni4zOCAwIDAgMC00My4yIDI5LjRjLTguNy0zLjYtMTguNy0xLjgtMjUuNCA0LjgtMjMuMS0yNC44LTYxLjktMjYuMi04Ni43LTMuMS03LjEgNi42LTEyLjUgMTQuOC0xNS45IDI0LTI2LjctMTAuMS01Ni45LS40LTcyLjggMjMuMy0yLjYtMi43LTUuNi01LjEtOC45LTYuOS0uNC0uMi0uOC0uNC0xLjItLjctLjYtMjUuOS0yMi00Ni40LTQ3LjktNDUuOC0xMS41LjMtMjIuNSA0LjctMzAuOSAxMi41LTE2LjUtMzMuNS01Ny4xLTQ3LjMtOTAuNi0zMC44LTIxLjkgMTEtMzYuMyAzMi43LTM3LjYgNTcuMS03LTIuMy0xNC41LTIuOC0yMS44LTEuNkM4NC44IDQ3IDU1LjcgNDAuNyAzNCA1NC44Yy01LjYgMy42LTEwLjMgOC40LTEzLjkgMTQtNi42LTEuNy0xMy4zLTIuNi0yMC4xLTIuNi0uMSAwIDAgMTkuOCAwIDE5LjhoMTI4MFY2Ni4xeiIgZmlsbC1vcGFjaXR5PSIuNSIvPjxwYXRoIGQ9Ik0xNS42IDg2SDEyODBWNDguNWMtMy42IDEuMS03LjEgMi41LTEwLjQgNC40LTYuMyAzLjYtMTEuOCA4LjUtMTYgMTQuNS04LjEtMS41LTE2LjQtLjktMjQuMiAxLjctMy4yLTM5LTM3LjMtNjguMS03Ni40LTY0LjktMjQuOCAyLTQ2LjggMTYuOS01Ny45IDM5LjMtMTkuOS0xOC41LTUxLTE3LjMtNjkuNCAyLjYtOC4yIDguOC0xMi44IDIwLjMtMTMuMSAzMi4zLS40LjItLjkuNC0xLjMuNy0zLjUgMS45LTYuNiA0LjQtOS40IDcuMi0xNi42LTI0LjktNDguMi0zNS03Ni4yLTI0LjQtMTIuMi0zMy40LTQ5LjEtNTAuNi04Mi41LTM4LjQtOS41IDMuNS0xOC4xIDkuMS0yNSAxNi41LTcuMS02LjktMTcuNS04LjgtMjYuNi01LTMwLjQtMzkuMy04Ny00Ni4zLTEyNi4yLTE1LjgtMTQuOCAxMS41LTI1LjYgMjcuNC0zMSA0NS40LTQuOS42LTkuNyAxLjktMTQuMiAzLjktOC4yLTI1LjktMzUuOC00MC4yLTYxLjctMzItMTUgNC44LTI2LjkgMTYuNS0zMS44IDMxLjUtMTQuOSAxLjMtMjkgNy4yLTQwLjMgMTctMTEuNS0zNy40LTUxLjItNTguNC04OC43LTQ2LjgtMTQuOCA0LjYtMjcuNyAxMy45LTM2LjcgMjYuNS0xMi42LTYtMjcuMy01LjctMzkuNy42LTQuMS0xMi4yLTE2LjItMTkuOC0yOS0xOC40LS4yLS4zLS4zLS42LS41LS45LTI0LjQtNDMuMy03OS40LTU4LjYtMTIyLjctMzQuMi0xMy4zIDcuNS0yNC40IDE4LjItMzIuNCAzMS4yQzk5LjggMTguNSA1MCAyOC41IDI1LjQgNjUuNGMtNC4zIDYuNC03LjUgMTMuMy05LjggMjAuNnoiLz48L2c+PC9zdmc+);
    background-size: cover;
    background-position: center top;
    height: 200px;
    background-color: transparent;
}

.svg2{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIyNzRweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNmZmZmZmYiPjxwYXRoIGQ9Ik0xMjgwIDBMNjQwIDcwIDAgMHYxNDBsNjQwLTcwIDY0MCA3MFYweiIgZmlsbC1vcGFjaXR5PSIuNSIvPjxwYXRoIGQ9Ik0xMjgwIDBIMGw2NDAgNzAgNjQwLTcweiIvPjwvZz48L3N2Zz4=);
    background-size: 166.66666666667% 274px;
    height: 136px;
    transform: rotateX(180deg);
}
.svg3{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIyODJweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNmZmYiPjxwYXRoIGQ9Ik0wIDQ3LjQ0TDE3MCAwbDYyNi40OCA5NC44OUwxMTEwIDg3LjExbDE3MC0zOS42N1YxNDBIMFY0Ny40NHoiIGZpbGwtb3BhY2l0eT0iLjUiLz48cGF0aCBkPSJNMCA5MC43MmwxNDAtMjguMjggMzE1LjUyIDI0LjE0TDc5Ni40OCA2NS44IDExNDAgMTA0Ljg5bDE0MC0xNC4xN1YxNDBIMFY5MC43MnoiLz48L2c+PC9zdmc+);
    background-size: 100% 282px;
    height: 282px;
    transform: rotateY(180deg);
}


.svg4 {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIzMDBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNmZmZmZmYiPjxwYXRoIGQ9Ik04NTMuODkzLDg2Ljk5OGMtMzguODU5LDAtNTguODExLTE2LjQ1NS03Ny45NTYtMzUuMDUxYzE4LjI5NS0xMC41MzYsNDAuODkxLTE4LjI3Niw3My4zNzgtMTguMjc2IGMzOC42ODUsMCw2NC4xMzIsMTIuNTY0LDg1LjQ4OSwyOC4zNDdDOTE2LjE5Miw3Mi4wMTIsOTAwLjgsODYuOTk4LDg1My44OTMsODYuOTk4eiBNNTI2LjI2NSw4MC45NDUgYy02LjUxNy0wLjU2Mi0xMy41OTktMC44NzktMjEuNDEtMC44NzljLTcwLjc5OSwwLTkxLjMzNywyNy4yMjktMTM0LjQzMywzNS42NjJjMTQuOTAxLDMuNzIsMzIuMTE4LDYuMDcsNTIuODk4LDYuMDcgQzQ3MC4xNzEsMTIxLjc5Nyw1MDAuMzQsMTAzLjQyMSw1MjYuMjY1LDgwLjk0NXoiIGZpbGwtb3BhY2l0eT0iLjMiLz48cGF0aCBkPSJNNjYzLjQ1OCwxMDkuNjcxYy02Ny4xMzcsMC04MC4zNDUtMjMuODI0LTEzNy4xOTMtMjguNzI2QzU2Ny4wODYsNDUuNTU1LDU5Ny4zODEsMCw2NjUuNjkxLDAgYzYxLjg1NywwLDg1LjM2OSwyNy43ODIsMTEwLjI0Niw1MS45NDdDNzM2Ljg4OCw3NC40MzQsNzE3LjQ1OSwxMDkuNjcxLDY2My40NTgsMTA5LjY3MXogTTIxNy42OCw5NC4xNjMgYzU1Ljk3MSwwLDYyLjUyNiwyNC4wMjYsMTI2LjMzNywyNC4wMjZjOS44NTgsMCwxOC41MDgtMC45MTYsMjYuNDA0LTIuNDYxYy01Ny4xODYtMTQuMjc4LTgwLjE3Ny00OC44MDgtMTM4LjY1OS00OC44MDggYy03Ny4wNjMsMC05OS45Niw0OC41NjktMTUxLjc1MSw0OC41NjljLTQwLjAwNiwwLTYwLjAwOC0xMi4yMDYtODAuMDExLTI5LjUwNnYxNi44MDZjMjAuMDAzLDEwLjg5MSw0MC4wMDUsMjEuNzgyLDgwLjAxMSwyMS43ODIgQzE2MC4wMTQsMTI0LjU3LDE1OC42MDgsOTQuMTYzLDIxNy42OCw5NC4xNjN6IE0xMjAwLjExMiw0Ni4yOTJjLTU3LjQ5MywwLTU2LjkzNSw0Ni41OTUtMTE1LjAxNSw0Ni41OTUgYy01My42MTIsMC01OS43NTUtMzkuNjE4LTExNS42MDItMzkuNjE4Yy0xNS4yNjcsMC0yNS4zODEsMy43NTEtMzQuNjksOC43NDljMzYuMDk2LDI2LjY3NSw2MC41MDMsNjIuNTUyLDExNy4zNDIsNjIuNTUyIGM2OS4yNDksMCw3NS45NTEtNDMuNTU5LDE0Ny45NjQtNDMuNTU5YzM5LjgwNCwwLDU5Ljk4NiwxMC45NDMsNzkuODg4LDIxLjc3N1Y4NS45ODIgQzEyNjAuMDk3LDY4Ljc3MSwxMjM5LjkxNiw0Ni4yOTIsMTIwMC4xMTIsNDYuMjkyeiIgZmlsbC1vcGFjaXR5PSIuNSIvPjxwYXRoIGQ9Ik0xMDUyLjE0NywxMjQuNTdjLTU2Ljg0LDAtODEuMjQ3LTM1Ljg3Ni0xMTcuMzQyLTYyLjU1MmMtMTguNjEzLDkuOTk0LTM0LjAwNSwyNC45OC04MC45MTIsMjQuOTggYy0zOC44NTksMC01OC44MTEtMTYuNDU1LTc3Ljk1Ni0zNS4wNTFjLTM5LjA1LDIyLjQ4Ny01OC40NzksNTcuNzI0LTExMi40OCw1Ny43MjRjLTY3LjEzNywwLTgwLjM0NS0yMy44MjQtMTM3LjE5My0yOC43MjYgYy0yNS45MjUsMjIuNDc1LTU2LjA5Myw0MC44NTItMTAyLjk0Niw0MC44NTJjLTIwLjc3OSwwLTM3Ljk5Ni0yLjM0OS01Mi44OTgtNi4wN2MtNy44OTUsMS41NDUtMTYuNTQ2LDIuNDYxLTI2LjQwNCwyLjQ2MSBjLTYzLjgxMSwwLTcwLjM2Ni0yNC4wMjYtMTI2LjMzNy0yNC4wMjZjLTU5LjA3MiwwLTU3LjY2NSwzMC40MDctMTM3LjY2OSwzMC40MDdjLTQwLjAwNiwwLTYwLjAwOC0xMC44OTEtODAuMDExLTIxLjc4MlYxNDBoMTI4MCB2LTM3LjIxMmMtMTkuOTAzLTEwLjgzNS00MC4wODQtMjEuNzc3LTc5Ljg4OC0yMS43NzdDMTEyOC4wOTgsODEuMDExLDExMjEuMzk3LDEyNC41NywxMDUyLjE0NywxMjQuNTd6Ii8+PC9nPjwvc3ZnPg==);
    background-size: 40% 200px;
    height: 200px;
}
.svg5{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSI0MjVweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNmZmZmZmYiPjxwYXRoIGQ9Ik0xMjgwIDMuNEMxMDUwLjU5IDE4IDEwMTkuNCA4NC44OSA3MzQuNDIgODQuODljLTMyMCAwLTMyMC04NC4zLTY0MC04NC4zQzU5LjQuNTkgMjguMiAxLjYgMCAzLjRWMTQwaDEyODB6IiBmaWxsLW9wYWNpdHk9Ii4zIi8+PHBhdGggZD0iTTAgMjQuMzFjNDMuNDYtNS42OSA5NC41Ni05LjI1IDE1OC40Mi05LjI1IDMyMCAwIDMyMCA4OS4yNCA2NDAgODkuMjQgMjU2LjEzIDAgMzA3LjI4LTU3LjE2IDQ4MS41OC04MFYxNDBIMHoiIGZpbGwtb3BhY2l0eT0iLjUiLz48cGF0aCBkPSJNMTI4MCA1MS43NmMtMjAxIDEyLjQ5LTI0Mi40MyA1My40LTUxMy41OCA1My40LTMyMCAwLTMyMC01Ny02NDAtNTctNDguODUuMDEtOTAuMjEgMS4zNS0xMjYuNDIgMy42VjE0MGgxMjgweiIvPjwvZz48L3N2Zz4=);
    background-size: 133.33333333333% 425px;
    bottom: 0;
    height: 425px;
    transform: rotateY(180deg);
}

.svg6{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIyMDBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNmZmZmZmYiPjxwYXRoIGQ9Ik0xMjgwIDBsLTI2NiA5MS41MmE3Mi41OSA3Mi41OSAwIDAgMS0zMC43NiAzLjcxTDAgMHYxNDBoMTI4MHoiIGZpbGwtb3BhY2l0eT0iLjUiLz48cGF0aCBkPSJNMTI4MCAwbC0yNjIuMSAxMTYuMjZhNzMuMjkgNzMuMjkgMCAwIDEtMzkuMDkgNkwwIDB2MTQwaDEyODB6Ii8+PC9nPjwvc3ZnPg==);
    background-size: 100% 200px;
    bottom: 0;
    height: 200px;
    transform: rotateY(180deg);
}

.svg7{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIyMDRweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNmZmZmZmYiPjxwYXRoIGQ9Ik0wIDB2NjBzNTczLjA5IDgwIDEyODAgODBWMHoiIGZpbGwtb3BhY2l0eT0iLjMiLz48cGF0aCBkPSJNMCAwdjMwczU3My4wOSAxMTAgMTI4MCAxMTBWMHoiIGZpbGwtb3BhY2l0eT0iLjUiLz48cGF0aCBkPSJNMCAwczU3My4wOSAxNDAgMTI4MCAxNDBWMHoiLz48L2c+PC9zdmc+);
    background-size: 100% 204px;
    height: 204px;
    transform: rotateX(180deg);
}
.svg8{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSI0MDdweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNmZmZmZmYiPjxwYXRoIGQ9Ik0wIDE0MGgxMjgwQzU3My4wOCAxNDAgMCAwIDAgMHoiIGZpbGwtb3BhY2l0eT0iLjMiLz48cGF0aCBkPSJNMCAxNDBoMTI4MEM1NzMuMDggMTQwIDAgMzAgMCAzMHoiIGZpbGwtb3BhY2l0eT0iLjUiLz48cGF0aCBkPSJNMCAxNDBoMTI4MEM1NzMuMDggMTQwIDAgNjAgMCA2MHoiLz48L2c+PC9zdmc+);
    background-size: 100% 407px;
    height: 407px;
    transform: rotateY(180deg);
}
.svg9{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIzMDBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNmZmZmZmYiPjxwYXRoIGQ9Ik04NTMuODkzLDg2Ljk5OGMtMzguODU5LDAtNTguODExLTE2LjQ1NS03Ny45NTYtMzUuMDUxYzE4LjI5NS0xMC41MzYsNDAuODkxLTE4LjI3Niw3My4zNzgtMTguMjc2IGMzOC42ODUsMCw2NC4xMzIsMTIuNTY0LDg1LjQ4OSwyOC4zNDdDOTE2LjE5Miw3Mi4wMTIsOTAwLjgsODYuOTk4LDg1My44OTMsODYuOTk4eiBNNTI2LjI2NSw4MC45NDUgYy02LjUxNy0wLjU2Mi0xMy41OTktMC44NzktMjEuNDEtMC44NzljLTcwLjc5OSwwLTkxLjMzNywyNy4yMjktMTM0LjQzMywzNS42NjJjMTQuOTAxLDMuNzIsMzIuMTE4LDYuMDcsNTIuODk4LDYuMDcgQzQ3MC4xNzEsMTIxLjc5Nyw1MDAuMzQsMTAzLjQyMSw1MjYuMjY1LDgwLjk0NXoiIGZpbGwtb3BhY2l0eT0iLjMiLz48cGF0aCBkPSJNNjYzLjQ1OCwxMDkuNjcxYy02Ny4xMzcsMC04MC4zNDUtMjMuODI0LTEzNy4xOTMtMjguNzI2QzU2Ny4wODYsNDUuNTU1LDU5Ny4zODEsMCw2NjUuNjkxLDAgYzYxLjg1NywwLDg1LjM2OSwyNy43ODIsMTEwLjI0Niw1MS45NDdDNzM2Ljg4OCw3NC40MzQsNzE3LjQ1OSwxMDkuNjcxLDY2My40NTgsMTA5LjY3MXogTTIxNy42OCw5NC4xNjMgYzU1Ljk3MSwwLDYyLjUyNiwyNC4wMjYsMTI2LjMzNywyNC4wMjZjOS44NTgsMCwxOC41MDgtMC45MTYsMjYuNDA0LTIuNDYxYy01Ny4xODYtMTQuMjc4LTgwLjE3Ny00OC44MDgtMTM4LjY1OS00OC44MDggYy03Ny4wNjMsMC05OS45Niw0OC41NjktMTUxLjc1MSw0OC41NjljLTQwLjAwNiwwLTYwLjAwOC0xMi4yMDYtODAuMDExLTI5LjUwNnYxNi44MDZjMjAuMDAzLDEwLjg5MSw0MC4wMDUsMjEuNzgyLDgwLjAxMSwyMS43ODIgQzE2MC4wMTQsMTI0LjU3LDE1OC42MDgsOTQuMTYzLDIxNy42OCw5NC4xNjN6IE0xMjAwLjExMiw0Ni4yOTJjLTU3LjQ5MywwLTU2LjkzNSw0Ni41OTUtMTE1LjAxNSw0Ni41OTUgYy01My42MTIsMC01OS43NTUtMzkuNjE4LTExNS42MDItMzkuNjE4Yy0xNS4yNjcsMC0yNS4zODEsMy43NTEtMzQuNjksOC43NDljMzYuMDk2LDI2LjY3NSw2MC41MDMsNjIuNTUyLDExNy4zNDIsNjIuNTUyIGM2OS4yNDksMCw3NS45NTEtNDMuNTU5LDE0Ny45NjQtNDMuNTU5YzM5LjgwNCwwLDU5Ljk4NiwxMC45NDMsNzkuODg4LDIxLjc3N1Y4NS45ODIgQzEyNjAuMDk3LDY4Ljc3MSwxMjM5LjkxNiw0Ni4yOTIsMTIwMC4xMTIsNDYuMjkyeiIgZmlsbC1vcGFjaXR5PSIuNSIvPjxwYXRoIGQ9Ik0xMDUyLjE0NywxMjQuNTdjLTU2Ljg0LDAtODEuMjQ3LTM1Ljg3Ni0xMTcuMzQyLTYyLjU1MmMtMTguNjEzLDkuOTk0LTM0LjAwNSwyNC45OC04MC45MTIsMjQuOTggYy0zOC44NTksMC01OC44MTEtMTYuNDU1LTc3Ljk1Ni0zNS4wNTFjLTM5LjA1LDIyLjQ4Ny01OC40NzksNTcuNzI0LTExMi40OCw1Ny43MjRjLTY3LjEzNywwLTgwLjM0NS0yMy44MjQtMTM3LjE5My0yOC43MjYgYy0yNS45MjUsMjIuNDc1LTU2LjA5Myw0MC44NTItMTAyLjk0Niw0MC44NTJjLTIwLjc3OSwwLTM3Ljk5Ni0yLjM0OS01Mi44OTgtNi4wN2MtNy44OTUsMS41NDUtMTYuNTQ2LDIuNDYxLTI2LjQwNCwyLjQ2MSBjLTYzLjgxMSwwLTcwLjM2Ni0yNC4wMjYtMTI2LjMzNy0yNC4wMjZjLTU5LjA3MiwwLTU3LjY2NSwzMC40MDctMTM3LjY2OSwzMC40MDdjLTQwLjAwNiwwLTYwLjAwOC0xMC44OTEtODAuMDExLTIxLjc4MlYxNDBoMTI4MCB2LTM3LjIxMmMtMTkuOTAzLTEwLjgzNS00MC4wODQtMjEuNzc3LTc5Ljg4OC0yMS43NzdDMTEyOC4wOTgsODEuMDExLDExMjEuMzk3LDEyNC41NywxMDUyLjE0NywxMjQuNTd6Ii8+PC9nPjwvc3ZnPg==);
    background-size: 100% 300px;
    height: 300px;
}
.svg10{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIzMDBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNmZmZmZmYiPjxwYXRoIGQ9Ik0xMjgwIDE0MFYwSDBsMTI4MCAxNDB6IiBmaWxsLW9wYWNpdHk9Ii41Ii8+PHBhdGggZD0iTTEyODAgOThWMEgwbDEyODAgOTh6Ii8+PC9nPjwvc3ZnPg==);
    background-size: 100% 300px;
    transform: rotateX(180deg);
    height: 300px;
}
.svg11{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSI1MDBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNmZmZmZmYiPjxwYXRoIGQ9Ik0wIDB2MTQwaDEyODBMMCAweiIvPjwvZz48L3N2Zz4=);
    background-size: 200% 200px;
    height: 200px;
}
.svg12{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSI0MDBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNmZmZmZmYiPjxwYXRoIGQ9Ik0xMjgwIDBsLTI2NiA5MS41MmE3Mi41OSA3Mi41OSAwIDAgMS0zMC43NiAzLjcxTDAgMHYxNDBoMTI4MHoiIGZpbGwtb3BhY2l0eT0iLjUiLz48cGF0aCBkPSJNMTI4MCAwbC0yNjIuMSAxMTYuMjZhNzMuMjkgNzMuMjkgMCAwIDEtMzkuMDkgNkwwIDB2MTQwaDEyODB6Ii8+PC9nPjwvc3ZnPg==);
    background-size: 100% 400px;
    height: 400px;
    z-index: 1;
}
.svg13{
    transform: rotateY(180deg);
    background-image: url( data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIyNTBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNmZmZmZmYiPjxwYXRoIGQ9Ik0wIDE0MGgxMjgwQzU3My4wOCAxNDAgMCAwIDAgMHoiLz48L2c+PC9zdmc+);
    background-size: 100% 250px;
    height: 250px;
}
.svg14{
    background-image: url( data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSI0ODBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNmZmZmZmYiPjxwYXRoIGQ9Ik0wIDE0MGgxMjgwQzU3My4wOCAxNDAgMCAwIDAgMHoiIGZpbGwtb3BhY2l0eT0iLjMiLz48cGF0aCBkPSJNMCAxNDBoMTI4MEM1NzMuMDggMTQwIDAgMzAgMCAzMHoiIGZpbGwtb3BhY2l0eT0iLjUiLz48cGF0aCBkPSJNMCAxNDBoMTI4MEM1NzMuMDggMTQwIDAgNjAgMCA2MHoiLz48L2c+PC9zdmc+);
    background-size: 100% 480px;
    height: 480px;
    transform: rotateY(180deg);
}
.svg15{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIzMDBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNmZmZmZmYiPjxwYXRoIGQ9Ik0wIDBsNjQuOCAzMC45NSA5MS4yLTIuNTQgOTUuNDYgMjcuODcgMTIwLjA0LjJMNDQzIDgzLjE1bDkwLjA5LTMuMTJMNjQwIDExMC4xMmwxMDIuMzktMjkuNzMgODUuNTUgOC41MSA4OC4xMS01Ljc1TDk5MiA1Mi4yMmw3My4yMSA0LjI2TDExMzIgMzguNzlsNzctLjMzTDEyODAgMHYxNDBIMFYweiIgZmlsbC1vcGFjaXR5PSIuNSIvPjxwYXRoIGQ9Ik0wIDBsNjQuOCAzOC42OSA5MS4yLTMuMTggOTUuNDYgMzQuODQgMTIwLjA0LjI0IDcxLjUgMzMuMzUgOTAuMDktMy45MUw2NDAgMTM3LjY1bDEwMi4zOS0zNy4xNyA4NS41NSAxMC42NSA4OC4xMS03LjE5TDk5MiA2NS4yOGw3My4yMSA1LjMxIDY2Ljc5LTIyLjEgNzctLjQxTDEyODAgMHYxNDBIMFYweiIvPjwvZz48L3N2Zz4=);
    background-size: 100% 300px;
    height: 300px;
}
.svg16{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDk2MiAxMTUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDk2MiAxMTU7IiB4bWw6c3BhY2U9InByZXNlcnZlIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBjbGFzcz0ic3ZnIHJlcGxhY2VkLXN2ZyI+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggIGZpbGw9IiNmZmYiIGQ9Ik0wLDBjMCwwLDEwMCw5NCw0ODEsOTVDODYyLDk0LDk2MiwwLDk2MiwwdjExNUgwVjB6Ij48L3BhdGg+CiAgICAgICAgICAgICAgICA8L3N2Zz4=);
    background-size: 100%;
    height: 300px;
}
.svg17 {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIyNzRweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNmZmZmZmYiPjxwYXRoIGQ9Ik0xMjgwIDBMNjQwIDcwIDAgMHYxNDBsNjQwLTcwIDY0MCA3MFYweiIgZmlsbC1vcGFjaXR5PSIuNSIvPjxwYXRoIGQ9Ik0xMjgwIDBIMGw2NDAgNzAgNjQwLTcweiIvPjwvZz48L3N2Zz4=);
    background-size: 10.666667% 147px;
    height: 147px;
    transform: rotateX(180deg);
}
.svg18{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSI0MDBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNmZmZmZmYiPjxwYXRoIGQ9Ik0xMjgwIDBsLTI2NiA5MS41MmE3Mi41OSA3Mi41OSAwIDAgMS0zMC43NiAzLjcxTDAgMHYxNDBoMTI4MHoiIGZpbGwtb3BhY2l0eT0iLjUiLz48cGF0aCBkPSJNMTI4MCAwbC0yNjIuMSAxMTYuMjZhNzMuMjkgNzMuMjkgMCAwIDEtMzkuMDkgNkwwIDB2MTQwaDEyODB6Ii8+PC9nPjwvc3ZnPg==);
    background-size: 100% 400px;
    height: 400px;
    z-index: 1;
    transform: rotateY(180deg);
}
.svg19 {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIyODJweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNmZmYiPjxwYXRoIGQ9Ik0wIDQ3LjQ0TDE3MCAwbDYyNi40OCA5NC44OUwxMTEwIDg3LjExbDE3MC0zOS42N1YxNDBIMFY0Ny40NHoiIGZpbGwtb3BhY2l0eT0iLjUiLz48cGF0aCBkPSJNMCA5MC43MmwxNDAtMjguMjggMzE1LjUyIDI0LjE0TDc5Ni40OCA2NS44IDExNDAgMTA0Ljg5bDE0MC0xNC4xN1YxNDBIMFY5MC43MnoiLz48L2c+PC9zdmc+);
    background-size: 126% 322px;
    height: 249px;
    transform: rotateY(180deg);
}
.svg20{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMTkyMCAzMTAiIHZlcnNpb249IjEuMSIgY2xhc3M9InN2ZyByZXBsYWNlZC1zdmciPgogICAgICAgICAgICAgICAgICAgIDxnIGlkPSJMYW5kaW5nLVBhZ2VzIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9IjAzX3ZBcHAtdjMtQ29weSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsIC01NTQuMDAwMDAwKSIgZmlsbD0iI0ZGRkZGRiI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNLTMsNTUxIEMxODYuMjU3NTg5LDc1Ny4zMjExMTggMzE5LjA0NDQxNCw4NTYuMzIyNDU0IDM5NS4zNjA0NzUsODQ4LjAwNDAwNyBDNTA5LjgzNDU2Niw4MzUuNTI2MzM3IDU2MS41MjUxNDMsNzk2LjMyOTIxMiA2MzcuNzMxNzM0LDc2NS45NjE1NDkgQzcxMy45MzgzMjUsNzM1LjU5Mzg4NiA4MTYuOTgwNjQ2LDY4MS45MTA1NzcgMTAzNS43MjIwOCw3MzMuMDY1NDY5IEMxMjU0LjQ2MzUxLDc4NC4yMjAzNjEgMTUxMS41NDkyNSw2NzguOTIzNTkgMTUzOS40MDgwOCw2NjIuMzk4NjY1IEMxNTY3LjI2NjksNjQ1Ljg3Mzc0IDE2NjAuOTE0Myw1OTEuNDc4NTc0IDE3NzMuMTkzNzgsNTk3LjY0MTg2OCBDMTg0OC4wNDY3Nyw2MDEuNzUwNzMgMTkwMS43NTY0NSw1ODguMzU3Njc1IDE5MzQuMzIyODQsNTU3LjQ2MjcwNCBMMTkzNC4zMjI4NCw4NjMuMTgzMzk1IEwtMyw4NjMuMTgzMzk1IiBpZD0iUGF0aC03Ij48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8L3N2Zz4=);
    background-size: cover;
    height: 304px;
    background-position: center;
    bottom: -1px;
}
.svg21{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDE5MjAgMzk3IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxOTIwIDM5NzsiIHhtbDpzcGFjZT0icHJlc2VydmUiIGNsYXNzPSJzdmcgcmVwbGFjZWQtc3ZnIj4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTkyMCwwdjM5N0gwVjY0LjRjMTA5LjgsMjI2LjksMzY4LjUsMzUxLjMsNjIxLDI4My43TDE5MjAsMHoiPjwvcGF0aD4KICAgICAgICAgICAgICAgIDwvc3ZnPg==);
    background-size: cover;
    height: 370px;
}

.svg22{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIyMDBweCIgdmlld0JveD0iMCAwIDEyODAgODYiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIHNsaWNlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9InJnYmEoMjU1LDI1NSwyNTUsMC4xMykiPjxwYXRoIGQ9Ik04MzMuOSAyNy41Yy01LjggMy4yLTExIDcuMy0xNS41IDEyLjItNy4xLTYuOS0xNy41LTguOC0yNi42LTUtMzAuNi0zOS4yLTg3LjMtNDYuMS0xMjYuNS0xNS41LTEuNCAxLjEtMi44IDIuMi00LjEgMy40QzY3NC40IDMzLjQgNjg0IDQ4IDY4OC44IDY0LjNjNC43LjYgOS4zIDEuOCAxMy42IDMuOCA3LjgtMjQuNyAzNC4yLTM4LjMgNTguOS0zMC41IDE0LjQgNC42IDI1LjYgMTUuNyAzMC4zIDMwIDE0LjIgMS4yIDI3LjcgNi45IDM4LjUgMTYuMkM4NDAuNiA0OS42IDg3NiAyOS41IDkxMC44IDM4Yy0yMC40LTIwLjMtNTEuOC0yNC42LTc2LjktMTAuNXpNMzg0IDQzLjljLTkgNS0xNi43IDExLjktMjIuNyAyMC4zIDE1LjQtNy44IDMzLjMtOC43IDQ5LjQtMi42IDMuNy0xMC4xIDkuOS0xOS4xIDE4LjEtMjYtMTUuNC0yLjMtMzEuMi42LTQ0LjggOC4zem01NjAuMiAxMy42YzIgMi4yIDMuOSA0LjUgNS43IDYuOSA1LjYtMi42IDExLjYtNCAxNy44LTQuMS03LjYtMi40LTE1LjYtMy4zLTIzLjUtMi44ek0xNzguNyA3YzI5LTQuMiA1Ny4zIDEwLjggNzAuMyAzNyA4LjktOC4zIDIwLjctMTIuOCAzMi45LTEyLjVDMjU2LjQgMS44IDIxNC43LTguMSAxNzguNyA3em0xNDYuNSA1Ni4zYzEuNSA0LjUgMi40IDkuMiAyLjUgMTQgLjQuMi44LjQgMS4yLjcgMy4zIDEuOSA2LjMgNC4yIDguOSA2LjkgNS44LTguNyAxMy43LTE1LjcgMjIuOS0yMC41LTExLjEtNS4yLTIzLjktNS42LTM1LjUtMS4xek0zMy41IDU0LjljMjEuNi0xNC40IDUwLjctOC41IDY1IDEzIC4xLjIuMi4zLjMuNSA3LjMtMS4yIDE0LjgtLjYgMjEuOCAxLjYuNi0xMC4zIDMuNS0yMC40IDguNi0yOS40LjMtLjYuNy0xLjIgMS4xLTEuOC0zMi4xLTE3LjItNzEuOS0xMC42LTk2LjggMTYuMXptMTIyOC45IDIuN2MyLjMgMi45IDQuNCA1LjkgNi4yIDkuMSAzLjgtLjUgNy42LS44IDExLjQtLjhWNDguM2MtNi40IDEuOC0xMi40IDUtMTcuNiA5LjN6TTExMjcuMyAxMWMxLjkuOSAzLjcgMS44IDUuNiAyLjggMTQuMiA3LjkgMjUuOCAxOS43IDMzLjUgMzQgMTMuOS0xMS40IDMxLjctMTYuOSA0OS42LTE1LjMtMjAuNS0yNy43LTU3LjgtMzYuOC04OC43LTIxLjV6IiBmaWxsLW9wYWNpdHk9Ii41Ii8+PHBhdGggZD0iTTAgMHY2NmM2LjggMCAxMy41LjkgMjAuMSAyLjYgMy41LTUuNCA4LjEtMTAuMSAxMy40LTEzLjYgMjQuOS0yNi44IDY0LjctMzMuNCA5Ni44LTE2IDEwLjUtMTcuNCAyOC4yLTI5LjEgNDguMy0zMiAzNi4xLTE1LjEgNzcuNy01LjIgMTAzLjIgMjQuNSAxOS43LjQgMzcuMSAxMy4xIDQzLjQgMzEuOCAxMS41LTQuNSAyNC40LTQuMiAzNS42IDEuMWwuNC0uMmMxNS40LTIxLjQgNDEuNS0zMi40IDY3LjYtMjguNiAyNS0yMSA2Mi4xLTE4LjggODQuNCA1LjEgNi43LTYuNiAxNi43LTguNCAyNS40LTQuOCAyOS4yLTM3LjQgODMuMy00NC4xIDEyMC43LTE0LjhsMS44IDEuNWMzNy4zLTMyLjkgOTQuMy0yOS4zIDEyNy4yIDggMS4yIDEuMyAyLjMgMi43IDMuNCA0LjEgOS4xLTMuOCAxOS41LTEuOSAyNi42IDUgMjQuMy0yNiA2NS0yNy4zIDkxLTMuMS41LjUgMSAuOSAxLjUgMS40IDEyLjggMy4xIDI0LjQgOS45IDMzLjQgMTkuNSA3LjktLjUgMTUuOS40IDIzLjUgMi44IDctLjEgMTMuOSAxLjUgMjAuMSA0LjcgMy45LTExLjYgMTUuNS0xOC45IDI3LjctMTcuNS4yLS4zLjMtLjYuNS0uOSAyMi4xLTM5LjIgNzAuNy01NC43IDExMS40LTM1LjYgMzAuOC0xNS4zIDY4LjItNi4yIDg4LjYgMjEuNSAxOC4zIDEuNyAzNSAxMC44IDQ2LjUgMjUuMSA1LjItNC4zIDExLjEtNy40IDE3LjYtOS4zVjBIMHoiLz48L2c+PC9zdmc+);
    background-size: cover;
    background-position: center top;
    top: 0;
    height: 200px;
    z-index: 1;
    background-color: transparent;
}

.svg23{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDIyMDAgNzQ0LjQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDIyMDAgNzQ0LjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIiBjbGFzcz0ic3ZnIHJlcGxhY2VkLXN2ZyI+CiAgICAgICAgICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0yMjAwLDUxMXYyMzMuNUgwVjBsMjQ4LjgsMTY0bDQ3Ni44LDQ1OC40bDE5MS40LTE4bDExMC45LDczLjFsNzEyLjQtMTM1LjEgICBDMTg2NS40LDUzNC4yLDIwOTIuOSw1MTguNCwyMjAwLDUxMXoiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gZmlsbD0icmdiYSgyNTUsIDI1NSwgMjU1LCAwLjQ3KSIgcG9pbnRzPSI5MTcsNjA0LjUgNzIxLjgsNjMzLjggMjQ4LjgsMTY0ICAiPjwvcG9seWdvbj4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZmlsbD0icmdiYSgyNTUsIDI1NSwgMjU1LCAwLjQ3KSIgZD0iTTIyMDAsNDU1LjN2ODIuNWMtMTE3LjEsMi43LTMzNC42LTMuNi00NTkuNyw0LjdMMjIwMCw0NTUuM3oiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8L3N2Zz4=);
    background-size: 165%;
    height: 592px;
    background-repeat: no-repeat;
    opacity: 0.1;
}
.svg24{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIzMzdweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9InJnYmEoMjU1LDI1NSwyNTUsMC4wNSkiPjxwYXRoIGQ9Ik0wIDUxLjc2YzM2LjIxLTIuMjUgNzcuNTctMy41OCAxMjYuNDItMy41OCAzMjAgMCAzMjAgNTcgNjQwIDU3IDI3MS4xNSAwIDMxMi41OC00MC45MSA1MTMuNTgtNTMuNFYwSDB6IiBmaWxsLW9wYWNpdHk9Ii4zIi8+PHBhdGggZD0iTTAgMjQuMzFjNDMuNDYtNS42OSA5NC41Ni05LjI1IDE1OC40Mi05LjI1IDMyMCAwIDMyMCA4OS4yNCA2NDAgODkuMjQgMjU2LjEzIDAgMzA3LjI4LTU3LjE2IDQ4MS41OC04MFYwSDB6IiBmaWxsLW9wYWNpdHk9Ii41Ii8+PHBhdGggZD0iTTAgMHYzLjRDMjguMiAxLjYgNTkuNC41OSA5NC40Mi41OWMzMjAgMCAzMjAgODQuMyA2NDAgODQuMyAyODUgMCAzMTYuMTctNjYuODUgNTQ1LjU4LTgxLjQ5VjB6Ii8+PC9nPjwvc3ZnPg==);
    background-size: 133.33333333333% 337px;
    top: 0;
    height: 337px;
}


.pulse-button {
    box-shadow: 0 0 0 0 rgba(90, 153, 212, 0.5);
    -webkit-animation: pulse 1.5s infinite;
}
@-webkit-keyframes pulse {
    0% {
        -moz-transform: scale(0.9);
        -ms-transform: scale(0.9);
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
    70% {
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
        box-shadow: 0 0 0 30px rgba(90, 153, 212, 0);
    }
    100% {
        -moz-transform: scale(0.9);
        -ms-transform: scale(0.9);
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
        box-shadow: 0 0 0 0 rgba(90, 153, 212, 0);
    }
}


#quick-checkout .text-muted{
    display: none;
}

.slide-products .carousel-item img{
    max-height:300px;
}

.filter-features,.filter-features .catloglist{
    margin: 0;
    padding: 0;
}

.filter-features li{
    padding: 10px;
    list-style: none;
    max-height: 200px;
    overflow: auto;
    border: #eee solid 1px;
    margin-bottom: 10px;
    border-radius: 3px;
}
.filter-features li .nav-header,.productlist li .nav-header{
    font-size: 18px;
    margin-bottom: 5px;
    border-bottom: #eee solid 1px;
    padding-left: 25px;
    color: #666;
}
.product-features table td{
    white-space: nowrap;
    padding: .50rem 1rem;
}
.disable-label{
    color: #666;
}

.productlist{
    margin: 0;
    padding: 0;
}
.productlist > li.cart{
    border: #eee solid 1px;
    padding: 10px;
    list-style: none;
    border-radius: 3px;
    margin-bottom: 10px;
    background: white;
}
.productlist > li.cart .catloglist{
    padding: 10px;
}

.carousel-indicators img {
    max-height: 70px;
    max-width: 70px !important;
}


.navbar-expand-lg  .dropdown:hover .dropdown-menu{
    display: block;
}
.navbar-nav.compare-items{
    display: none;
}
.card:hover .navbar-nav.compare-items{
    display: block;
    position: absolute;
    right: 20px;
    bottom: 20px;
}
hr.dashed{
    border-top: #eee dashed 1px;
}
.table-bordered {
    border: 1px solid #efefef;
}
.product-features td{
    border-bottom: #eee dashed 1px;
}

.breadcrumb {
    background-color: #ffffff;
    padding: 0;
    align-items: center;
}
.breadcrumb a{
    padding: 0 5px;
}
.btn-reset{
    display: none;
}
.carousel-control-next-icon, .carousel-control-prev-icon {
    background-color: #dbdbdb !important;
}
.modal-lg {
    max-width: 1200px;
}
.related-products .quick-view{
    display: none !important;
}
.serchcontent{
    background: white;
    padding: 20px;
    border-radius: 0 0 5px 5px;
    box-shadow: 0px 3px 5px rgba(0,0,0,0.1);
    margin-top: -7px;
    border: #eee solid 1px;
    width: 320px;
    margin-left: 20px;
}
.serchcontent li{
    padding: 5px;
}
.serchcontent li:hover{
    background: #f4f4f4;
}
.search-products:focus{
    width: 360px;
}
.detail-view{
    display: none;
}
.modal-body .detail-view{
    display: block;
}