/* ***************************************************** ** Custom Stylesheet ** Any custom styling you want to apply should be defined here. <!-- Modified by LibyaPages IT. --> ***************************************************** */
@font-face {
    font-family: 'Hacen';
    src: url(Fonts/Hacen.ttf) format('truetype');
}
/*--Set Font type and family --*/
html, body, div, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, input, textarea {
    font-family: 'Hacen', serif !important;
}
html, body {
    font-size: 15px;
    color: #505050;
    vertical-align: baseline;
    line-height: 25px;
    font-weight: 400;
    overflow-x: hidden;
}
p {
    margin: 0 0;
}
ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
::-moz-selection {
    background: #4ab98b;
    text-shadow: none;
    color: #ffffff;
}
::selection {
    background: #4ab98b;
    text-shadow: none;
    color: #ffffff;
}
.pt-90 {
    padding-top: 60px !important;
}
a#languageChooser{
    display:none;
}
.home-shortcuts{
    display:none;
}
section#home-banner{
    padding: 90px 30px 120px !important;
    background-color:#333333 !important;
}
.col-xs-9{
    float:left !important;
    direction: ltr !important;
}
.col-xs-10{
    float:left !important;
    direction: ltr !important;
}
#order-standard_cart .products .product div.product-desc{
    float:right !important;
}
#order-standard_cart .order-summary {
    border-bottom:unset !important;
    background-color:unset !important;
    border: 5px #ccc solid !important;
    border-radius:5px !important;
}
#order-standard_cart .order-summary h2{
    background-color:#f1f1f1 !important;
    border-bottom: 1px #ccc dotted !important;
    color: black !important;
}
#order-standard_cart .order-summary .total-due-today-padded{
    background-color:#f1f1f1;
    margin:20px 20px;
}
#order-standard_cart .prepend-icon .field{
    padding-right:36px;
    padding-left:unset;
}
#order-standard_cart .view-cart-items .item span:not(.caret):not(.renewal-price){
    direction:rtl;
}
ul.top-nav>li, ul.top-nav>li>a{
    direction:rtl;
}
.popover-user-notifications ul li .message{
    text-align:right;
    direction:rtl;
    margin-left:unset;
    margin-right:40px;
}
.popover-user-notifications ul li i.fa{
    float:right !important;
}
#order-standard_cart .sub-heading span, #order-standard_cart .sub-heading-borderless span{
    background-color:#ffffff !important;
    border-radius:3px !important;
    top:-20px !important;
}
#registration .sub-heading span{
    top:-20px !important;
}
#order-standard_cart .sub-heading{
    margin-top: 25px !important;
    margin-bottom: 35px !important;
}
.suggested-domains .btn:not(.domain-contact-support){
    float:left !important;
}
.suggested-domains .price{
    float:left !important;
}
#order-standard_cart .empty-cart{
    text-align:left !important;
    margin:-20px 0 0 20px !important;
}
.nav-tabs>li{
    float:right;
}
#order-standard_cart .domain-selection-options .option .iradio_square-blue{
    margin-left:10px;
    margin-right:unset;
}
#order-standard_cart .domain-selection-options .option{
    margin-bottom: 5px !important;
    padding: 10px 15px !important;
}
.col-button-left{
    padding-left:7px;
    padding-right:0;
}
.pull-right{
    float: left !important;
}
.pull-left{
    float: right !important;
}
#order-standard_cart .view-cart-items .item-domain{
    border-radius:3px;
    color:black !important;
    padding:1px !important;
    background-color: #f9f9f9 !important;
    padding-right: 5px !important;
}
#order-standard_cart .view-cart-items .item-price{
    background-color:#f1f1f1 !important;
    border-radius:2px;
    min-height: 100px;
}
#order-standard_cart .btn-remove-from-cart{
    color: #337ab7 !important;
}
.domain-pricing .two-row-center{
    border-left:2px solid #c7d7e6;
    border-right:unset;
}
.domain-pricing{
    display: none;
}
.client-home-panels .panel>.list-group{
    direction:rtl;
}
#order-standard_cart .view-cart-items-header{
    background-color:#f1f1f1 !important;
    color: black !important;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}
#order-standard_cart .empty-cart .btn{
    background-color:#333333 !important;
}
.nav .nav-divider{
    margin: 0 25px;
}
.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{
    float:right;
    direction:rtl;
}
.dataTables_wrapper table.table-list{
    direction:rtl;
}
.alert-info{
    direction:rtl;
}
.tiles .tile{
    border-left:1px solid #ccc;
    border-right:none;
}
.tile .icon{
    right:unset;
    left:10px;
}
div.dataTables_wrapper div.dataTables_length label{
    direction:rtl;
}
.pagination>li>a, .pagination>li>span{
    float:right;
}
div.announcement-single{
    direction:rtl;
}
.main-content{
    direction:rtl;
    line-height: 2.3;
}
.dropdown-menu{
    left:unset;
    right:0;
    text-align:right;
}
#order-modern .product .pricing{
    float:left;
}
#order-modern table.domainsuggestions{
    direction:rtl;
}
#order-modern div.domainresults div{
    direction:rtl;
}
#order-modern .domain-checker-fieldcontainer .row{
    float:none;
}
#order-modern .product .pricing{
    float:left !important 
}
.form-group {
    direction:rtl;
}
.panel-sidebar{
    direction: rtl;
}
div.header-lined h1{
    direction: rtl;
    font-size:22px;
}
div.header-lined .breadcrumb{
    direction: rtl;
}
.checkbox, .radio{
    direction: rtl;
    text-align:right;
}
.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio]{
    margin-right:-20px;
}
.checkbox label, .radio label{
    margin-right:20px;
    direction: rtl;
}
#registration .prepend-icon .field{
    padding-right:36px;
}
p{
    direction:rtl;
}
section#footer .back-to-top{
    float: left;
    color: #505050 !important;
}
#order-modern .currencychooser{
    text-align:left !important;
}
.kb-search>.input-group-btn>.btn{
    border-radius:3px 0 0 3px;
}
.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child>.btn, .input-group-btn:first-child>.btn-group>.btn, .input-group-btn:first-child>.dropdown-toggle, .input-group-btn:last-child>.btn-group:not(:last-child)>.btn, .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle){
    border-top-left-radius:0;
    border-bottom-left-radius:0;
}
.input-group{
    direction:ltr;
}
#order-modern .product .pricing{
    font-size:15px;
    background-color:#f1f1f1;
    border-radius:10px;
    padding:5px;
    text-align:center !important;
}
.navbar-main .navbar-nav>li>a {
    font-size: 18px;
}
.navbar-main .navbar-nav>.active>a, .navbar-main .navbar-nav>.active>a:focus, .navbar-main .navbar-nav>.active>a:hover, .navbar-main .navbar-nav>.open>a, .navbar-main .navbar-nav>.open>a:focus, .navbar-main .navbar-nav>.open>a:hover, .navbar-main .navbar-nav>li>a:focus, .navbar-main .navbar-nav>li>a:hover{
    border-radius: 20px;
    border: 1px dotted #7b5e5e;
    background-color: unset;
}
.navbar-main li.account {
    border-radius: 20px;
    float: left;
    background-color: unset;
    margin-left: 25px;
    margin-top:4px;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{
    padding:5px;
}
#order-modern .title-bar h1{
    font-size:33px;
}
#order-modern .domainreginput input, #order-modern .domainreginput select, #order-modern .domainregperiod select{
    padding:5px;
    background-color:#f1f1f1;
}
#order-modern .domainoptions .option label{
    padding:20px 30px 20px 20px !important;
    font-size:18px;
}
#order-modern table.cart{
    direction: rtl;
}
h1, h2, h3, h4, h5, h6{
    direction: rtl;
    background-color:#f1f1f1;
    border-radius:10px;
    padding:5px;
}
div.announcement-single blockquote{
    margin-top:10px;
}
div.announcement-single .label{
    margin-right: none;
    margin-left:10px;
    float:left;
    font-size: 15px;
}
blockquote{
    border-right:5px solid #eee;
    border-left:none;
}
#order-modern table.domainsuggestions th{
    font-size:16px !important;
    padding:10px !important;
}
#order-modern table.domainsuggestions td{
    font-size:17px !important;
}
#order-modern table.domainsuggestions td select{
    font-size:14px !important;
    width:90%;
    border-radius:10px;
    padding:5px;
    margin:5px;
}
.text-right{
    text-align:left;
}
.domain-promo-box i{
    float:left !important;
}
.ticket-reply .user i{
    float:right;
}
.ticket-reply .date{
    float:left;
}
.ticket-reply .rating, .ticket-reply .rating-done{
    float:left;
    direction:ltr;
}
.spotlight-tld .domain-contact-support{
    margin:0 19px !important;
}
.captchaimage{
    text-align:left;
}
.LpDetails{
    font-size:1.1em;
}
.navbar-main{
    background-color:#333;
}
#order-standard_cart .domain-checker-invalid, #order-standard_cart .domain-checker-unavailable{
    background-color:#f9f9f9;
    padding:15px;
}
#order-standard_cart .domain-checker-available{
    background-color:#f1f1f1;
    padding:15px;
}
.domain-checker-bg{
    background-image:none;
}
.domain-checker-container{
    background:none;
    background-color:#f1f1f1;
}
.dropdown-menu>li>a{
    direction:rtl;
    padding: 6px 20px !important;
}
.announcement-single p{
    line-height: 2;
}
#order-standard_cart .field, #order-standard_cart .form-control{
    direction: ltr;
    font-size: 14px;
    height: 40px;
}
select#inputBillingcycle{
    text-align: right !important;
    direction: rtl !important;
}
#order-standard_cart .btn-checkout{
    padding: 10px 34px !important;
}
#order-standard_cart .panel-addon .panel-body label{
    font-size: 1.5em !important;
}
i.fa.fa-arrow-right{
    transform:rotate(180deg) !important;
    padding-bottom:4px !important;
}
i.fa.fa-arrow-circle-right{
    transform:rotate(180deg) !important;
    padding-bottom:2px !important;
}
#order-standard_cart .domain-input-group{
    margin:30px 0 !important;
}
#order-standard_cart label{
    font-size:1.1em !important;
    padding-bottom: 10px;
}
#order-standard_cart .categories-collapsed{
    display: none !important;
}
#order-standard_cart .view-cart-items .item:nth-child(even){
    background-color: unset !important;
    border-top: 1px solid #ccc !important;
}
#order-standard_cart .view-cart-items .item{
    border-top: 1px solid #ccc !important;
}
#order-standard_cart .view-cart-items{
    border: 1px #ccc solid !important;
    border-bottom: 1px #ccc solid !important;
}
.md-editor .md-footer, .md-editor>.md-header{
    display: none !important;
}
#order-standard_cart .field[disabled], #order-standard_cart .field[readonly]{
    text-align: right;
    direction: rtl;
}
#order-standard_cart textarea.field{
    text-align: right;
    direction: rtl;
    padding:10px;
}
section#footer .back-to-top i{
    background-color:unset;
    color:unset;
}
section#home-banner .btn.transfer{
    border-top-right-radius:3px;
    border-bottom-right-radius:3px;
    font-size:20px !important;
    height: 50px !important;
}
section#home-banner .btn.search{
    font-size:20px !important;
    height: 50px !important;
}
section#home-banner .form-control{
    border-top-left-radius:3px;
    border-bottom-left-radius:3px;
    font-size:20px !important;
    height: 50px !important;
}
.navbar-toggle .icon-bar{
    height:4px !important;
}
.palnNote1{
    color:#cbabab;
    font-size:0.7em;
}
.allpalnsNote{
    text-align: center;
    font-size: 1.1rem;
    margin: 10px 30px 3px 30px;
    line-height: 1.8;
    background-color: #531818;
    color: white;
    border-radius: 5px;
    padding: 15px;
}
.designCSS{
    background-color: #f1f1f1;
    padding: 30px;
    margin-top: 100px;
    margin-bottom: 100px;
}
.cardTitleCSS{
    font-size: 1.5rem;
    font-weight: bold;
    padding-bottom: 15px;
}
.footerCSS{
    background-color:#333333;
    margin-bottom:20px;
    border-radius:2px;
    text-align: center;
    padding-top:30px;
    padding-bottom:30px 
}
.footerCSS>div>a{
    color:#f9f9f9;
    text-decoration: none;
}
.footerCSS>div>a:hover{
    color:gray;
}
.title {
    margin-bottom: 50px;
    text-transform: uppercase;
}
.card-block {
    font-size: 1em;
    position: relative;
    margin: 0;
    padding: 1em;
    border: none;
    border-top: 1px solid rgba(34, 36, 38, .1);
    box-shadow: none;
}
.card {
    font-size: 1em;
    overflow: hidden;
    padding: 5;
    border: none;
    border-radius: .28571429rem;
    box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5;
    margin-top:20px;
}
.carousel-indicators li {
    border-radius: 12px;
    width: 12px;
    height: 12px;
    background-color: #404040;
}
.carousel-indicators li {
    border-radius: 12px;
    width: 12px;
    height: 12px;
    background-color: #404040;
}
.carousel-indicators .active {
    background-color: white;
    max-width: 12px;
    height: 12px;
}
.btn {
    margin-top: auto;
}
.loginRegCSS{
    color: #7d5f5f;
    padding: 15px 27px;
    font-size:15px;
}
.loginCSS>a{
    color: #a18181;
    text-decoration: none;
    border: 1px solid #a18181;
    border-radius: 5px;
    padding: 0 4px;
}
.loginCSS>a:hover {
    border: 1px solid #f1f1f1;
}
.regCSS>a{
    color: #a18181;
    text-decoration: none;
    border: 1px solid #a18181;
    border-radius: 5px;
    padding: 0 4px;
}
.regCSS>a:hover {
    border: 1px solid #f1f1f1;
}
.langCSS{
    color:gray;
    text-decoration: none;
}
.langCSS:hover {
    color:black;
}
.copyrightCSS{
    border-top:dotted gray 1px;
    width:30%;
    display:inline-block;
    margin-top: 7px;
    padding-top: 7px;
}
.mainCSS{
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: consolas;
    direction:rtl;
}
.containerFooter{
    position: relative;
    display: flex;
    justify-content: space-between;
}
.containerFooter .card{
    position: relative;
    cursor: pointer;
    box-shadow:none;
}
.containerFooter .card .face{
    width: 300px;
    height: 200px;
    transition: 0.5s;
}
.containerFooter .card .face.face1{
    position: relative;
    background: #333;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    transform: translateY(100px);
}
.containerFooter .card:hover .face.face1{
    background: #ff0057;
    transform: translateY(0);
}
.containerFooter .card .face.face1 .content{
    opacity: 0.2;
    transition: 0.5s;
}
.containerFooter .card:hover .face.face1 .content{
    opacity: 1;
}
.containerFooter .card .face.face2{
    position: relative;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
    box-sizing: border-box;
    transform: translateY(-100px);
}
.containerFooter .card:hover .face.face2{
    transform: translateY(0);
}
.containerFooter .card .face.face2 .content p{
    margin: 0;
    padding: 0;
}
.containerFooter .card .face.face2 .content a{
    margin: 15px 0 0;
    display: inline-block;
    text-decoration: none;
    font-weight: 900;
    color: #333;
    padding: 5px;
    border: 1px solid #333;
}
.containerFooter .card .face.face2 .content a:hover{
    background: #333;
    color: #fff;
}
.nameIcon{
    color:#f1f1f1;
    font-size:30px;
    padding-bottom:20px 
}
.nameService{
    font-size:30px;
    color:#f1f1f1 
}
.nameButton{
    background-color:#ff0057;
    border-radius:28px;
    border:1px solid #ff0057;
    display:inline-block;
    cursor:pointer;
    color:#ffffff !important;
    font-size:13px !important;
    padding:11px 40px !important;
    text-decoration:none !important;
}
.nameButton:hover {
    background-color:#333333;
}
.faq-title {
    margin: 60px 0 0 !important;
    text-align: center;
    font-size:2rem;
}
.faq-qustion {
    padding:0 25px;
    font-size:1.4rem;
}
.faq-container {
    margin: 0 auto;
    max-width: auto;
}
.faq {
    background-color: transparent;
    border: 1px solid #9fa4a8;
    border-radius: 10px;
    margin: 20px 0;
    overflow: hidden;
    padding: 15px 33px;
    position: relative;
    transition: 0.3s ease;
}
.faq.active {
    background-color: #fff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.1);
}
.faq.active::before, .faq.active::after {
    color: #2ecc71;
    content: "\f075";
    font-family: "Font Awesome 6 Free";
    font-size: 7rem;
    left: 20px;
    opacity: 0.2;
    position: absolute;
    top: -100px;
    z-index: 0;
}
.faq.active::before {
    color: #3498db;
    left: -30px;
    top: -70px;
    transform: rotateY(180deg);
}
.faq-title {
    margin: 0 35px 0 0;
}
.faq-text {
    display: none;
    margin: 0px 25px;
    margin-bottom: 20px;
    padding: 1px;
    font-size: 1.2rem;
    background-color: #f9f9f9;
    line-height: 2;
}
.faq.active .faq-text {
    display: block;
}
.faq-toggle {
    align-items: center;
    background-color: transparent;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    font-size: 1rem;
    height: 30px;
    justify-content: center;
    padding: 0;
    position: absolute;
    right: 15px;
    left: 15px;
    top: 25px;
    width: 30px;
    font-size: 2rem;
}
.faq-toggle .fa-minus-circle, .faq.active .faq-toggle .fa-plus-circle {
    display: none;
}
.faq.active .faq-toggle .fa-minus-circle {
    color: #fff;
    display: block;
}
.faq-toggle .fa-plus-circle {
    display: block;
}
.faq.active .faq-toggle {
    background-color: #9fa4a8;
}
.label-warning {
    background-color:unset;
    color:blue;
    margin: 30px 30px 0 30px;
}
.label-warning[href]:focus,.label-warning[href]:hover {
    background-color: unset !important;
    color: #337ab7;
}
.label-default{
    background-color: unset;
    color: #e3cbcb;
}
.designCSS-title{
    font-size: 2.6rem;
}
.design-title-icon{
    background-color: #fff;
    border-radius: 10px;
    border: none;
    position: relative;
    margin-bottom: 30px;
    box-shadow: 0 0.46875rem 2.1875rem rgba(90,97,105,0.1), 0 0.9375rem 1.40625rem rgba(90,97,105,0.1), 0 0.25rem 0.53125rem rgba(90,97,105,0.12), 0 0.125rem 0.1875rem rgba(90,97,105,0.1);
    background: linear-gradient(to right, #000000, #333333) !important;
    color: #fff;
    height:250px;
}
.design-title-icon:hover{
    background: linear-gradient(to left, #000000, #333333) !important;
}
.design-title-icon .design-icon-responsive{
    text-align: center;
    line-height: 50px;
    margin-left: 15px;
    color: #ffffff;
    position: absolute;
    right: 25px;
    top: 15px;
    opacity: 0.1;
    font-size: 200px;
}
.design-title-icon .design-title-responsive{
    display: flex;
    justify-content: center;
    font-size: 2.4rem;
    padding-top: 70px;
    margin-left: -80px;
    font-weight: bold;
    text-decoration: underline;
    text-decoration-color: #ff0057;
    text-decoration-thickness: 8px;
    text-underline-offset: 7px;
}
.design-title-icon .design-icon-code{
    text-align: center;
    line-height: 50px;
    margin-left: 15px;
    color: #ffffff;
    position: absolute;
    right: 25px;
    top: 21px;
    opacity: 0.1;
    font-size: 195px;
}
.design-title-icon .design-title-code{
    display: flex;
    justify-content: center;
    font-size: 2.4rem;
    padding-top: 70px;
    margin-left: -80px;
    font-weight: bold;
    text-decoration: underline;
    text-decoration-color: #ff0057;
    text-decoration-thickness: 8px;
    text-underline-offset: 7px;
}
.design-title-iconLTR{
    background-color: #fff;
    border-radius: 10px;
    border: none;
    position: relative;
    margin-bottom: 30px;
    box-shadow: 0 0.46875rem 2.1875rem rgba(90,97,105,0.1), 0 0.9375rem 1.40625rem rgba(90,97,105,0.1), 0 0.25rem 0.53125rem rgba(90,97,105,0.12), 0 0.125rem 0.1875rem rgba(90,97,105,0.1);
    background: linear-gradient(to left, #000000, #333333) !important;
    color: #fff;
    height:250px;
}
.design-title-iconLTR:hover{
    background: linear-gradient(to right, #000000, #333333) !important;
}
.design-title-iconLTR .design-icon-link{
    text-align: center;
    line-height: 50px;
    margin-right: 15px;
    color: #ffffff;
    position: absolute;
    left: 1px;
    top: 52px;
    opacity: 0.1;
    font-size: 144px;
    rotate: 45deg;
}
.design-title-iconLTR .design-title-link{
    display: flex;
    justify-content: center;
    font-size: 2.4rem;
    padding-top: 70px;
    margin-right: -80px;
    font-weight: bold;
    text-decoration: underline;
    text-decoration-color: #ff0057;
    text-decoration-thickness: 8px;
    text-underline-offset: 7px;
}
.design-details{
    padding:10px 20px;
}
.design-details .details-title{
    font-size:2.4rem;
    text-decoration: underline;
    text-decoration-color: #e8d9d9;
    text-decoration-thickness: 2px;
    text-underline-offset: 12px;
}
.design-details .details-info{
    font-size:1.3rem;
    line-height:2;
}
.details-btn{
    padding: 20px 3px 20px;
    float:left;
}
.design-details .details-btn-order{
    margin-left:32px;
    position: relative;
    font-size: 1.1rem;
    display: inline-block !important;
    background: #333333;
    padding: 13px 50px;
    line-height: normal;
    color: #ffffff !important;
    transition: all 0.3s ease 0s;
    border-radius: 30px;
    text-transform: capitalize !important;
    cursor: pointer;
    box-shadow: 0 6px 30px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 6px 30px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 6px 30px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 6px 30px rgba(0, 0, 0, 0.1);
    text-decoration:none;
}
.design-details .details-btn-info{
    position: relative;
    font-size: 1.1rem;
    display: inline-block !important;
    background: white;
    padding: 13px 30px;
    line-height: normal;
    color: #000000 !important;
    transition: all 0.3s ease 0s;
    border-radius: 30px;
    text-transform: capitalize !important;
    cursor: pointer;
    box-shadow: 0 6px 30px rgb(195 173 173 / 10%);
    -ms-box-shadow: 0 6px 30px rgb(195 173 173 / 10%);
    -webkit-box-shadow: 0 6px 30px rgb(195 173 173 / 10%);
    -moz-box-shadow: 0 6px 30px rgb(195 173 173 / 10%);
    text-decoration:none;
}
.designLTR{
    float:left !important;
}
.ltr-row{
    margin:60px 0;
    padding: 30px 20px 0 20px;
    background-color:#f3eaea;
}
.quote-title{
    font-size:0.9rem;
    vertical-align:super;
}
.emailVerRTLtext {
    float: right !important;
    direction: rtl !important;
    left: 8.33333333% !important;
    font-size:18px !important;
    background-color: antiquewhite !important;
}
.email-verification .fa{
    float: right !important;
    font-size: 38px !important;
    padding: 1px 0 2px 10px !important;
}
.emailVerRTLbtn{
    left: 8.33333333% !important;
}
.emailVerRTLx{
    right: 93.333333%;
    left: unset;
}
.readon {
    position: relative;
    font-size:1.1rem;
    display: inline-block !important;
    background: #333333;
    padding: 13px 60px;
    line-height: normal;
    color: #ffffff !important;
    transition: all 0.3s ease 0s;
    border-radius: 30px;
    text-transform: capitalize !important;
    cursor: pointer;
    box-shadow: 0 6px 30px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 6px 30px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 6px 30px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 6px 30px rgba(0, 0, 0, 0.1);
}
.readon:hover, .readon:focus {
    background: black;
    text-decoration:none;
}
.inner{
    width:100%;
    float:left;
    position:relative;
}
.pricingTable .holder{
    background: #fff;
    box-shadow: 1px 20px 12px -15px rgba(0,0,0,0.2);
    padding: 0 10px 20px 10px;
    text-align: center;
    border: 2px solid rgba(0,0,0,0.05);
    transition:0.5s ease;
    border-radius: 10px;
    margin-top: 20px;
    margin-bottom: 20px;
}
.pricingTable .holder:hover{
    transform:translateY(-5px);
}
.pricingTable .holder .hdng p{
    font-size:3.8rem;
    font-weight:bold;
    color:#333333;
}
.palnPrice {
    margin-top:-30px !important;
}
.priceDuration{
    font-size: 0.8rem !important;
}
.priceCurrency{
    font-size: 0.8rem !important;
    vertical-align:top;
    position:absolute;
    margin-top:30px;
    padding:3px;
}
.priceValue{
    font-size: 3.8rem !important;
    font-weight:bold;
}
.pricingTable .holder .img img{
    width:70%;
}
.pricingTable .holder .info p{
    margin-bottom:15px;
    color:#333333;
    font-weight:14px;
}
.pricingTable .holder.active{
    background:#333333;
    margin-top: 10px;
    margin-bottom: 10px;
}
.pricingTable .holder.active .hdng p, .pricingTable .holder.active .price p, .pricingTable .holder.active .info p, .pricingTable .holder.active .palnPrice{
    color:#fff;
}
.pricingTable .holder.active .readon{
    background:#fff;
    color:#333333!important;
}
.pricingTable .holder.active .readon:hover{
    background:black;
    color:#fff!important;
}
.pricingTable .tabsBtnHolder ul{
    display:table;
    width:100%;
    max-width:326px;
    border-radius:1.6666666667rem;
    margin:0px auto;
    margin-bottom:40px;
    background:#333333;
    text-align:center;
    position:relative;
}
.pricingTable .tabsBtnHolder ul li{
    width:calc(100% / 2);
    display:inline-block;
    transition:0.4s ease;
}
.pricingTable .tabsBtnHolder ul li p{
    color:#fff;
    padding:10px 15px;
    z-index:10;
    position:relative;
    cursor:pointer;
    margin: 0 0;
}
.pricingTable .tabsBtnHolder ul li p.active{
    color:#4d5b55;
}
.pricingTable .tabsBtnHolder ul li.indicator{
    position: absolute;
    top: 50%;
    right: 2px;
   /*163px*/
    background: #fff;
    height: calc(100% - 4px);
    transform: translateY(-50%);
    border-radius: 1.5333333333rem;
    width: 161px;
    z-index:9 
}
.invincibleDiv{
    display:none !important;
}
#order-standard_cart #btnAlreadyRegistered, #order-standard_cart #btnNewUserSignup{
    min-width: 320px;
}
.already-registered.clearfix{
    display: grid;
    place-items: center;
}
.paymentMethodCSS {
    display: grid;
    text-align: right;
    padding: 10px 20px;
}
div#containerNewUserSignup{
    padding-top:15px;
}
div#containerExistingUserSignin{
    padding-top:15px;
}
p.small.text-muted.domainAlternativeCSS {
    margin: -15px 0 10px 0 !important;
    background-color: #f9f9f9;
    border-radius: 3px;
    padding: 3px;
}
.paymentMethodtxtCSS{
    margin: 10px 0 -5px 0 !important;
    background-color: #f9f9f9;
    border-radius: 3px;
    padding: 3px;
}
.domcontactEnNote {
    padding: 3px;
    background-color: yellow;
    margin: 0 0 15px 0;
}
.fieldRTL{
    direction: rtl !important;
    text-align: right !important;
}
@media screen and (max-width: 1200px) {
    .containerFooter .card .face{
        width: 250px;
        height: 200px;
   }
    .nameIcon{
        font-size:27px;
        padding-bottom:17px 
   }
    .nameService{
        font-size:27px;
   }
}
@media screen and (min-width: 992px) {
    .col-md-6{
        float:right;
   }
    .col-md-4{
        float:right;
   }
    .col-md-8{
        float:right;
   }
    .pull-md-right{
        float: left;
        direction: rtl;
   }
    .pull-md-left{
        float: right;
        direction: rtl;
   }
    .navbar-nav{
        float: right;
   }
    .navbar-collapse{
        padding-right:0;
        padding-left:0;
   }
    .navbar-right{
        float: left !important;
   }
    .dropdown-menu {
        text-align:right;
   }
    #order-modern .currencychooser{
        text-align:right;
   }
    .designRTL{
        float: right !important;
   }
    .navbar-nav>li{
        text-align: right;
        float: right;
        padding-top: 3px;
        padding-bottom: 3px;
   }
    .label-default{
        padding-top:7px;
   }
}
@media screen and (max-width: 991px) {
    .navbar-main .navbar-nav>li>a {
        padding: 6px 20px;
        text-align: right;
        font-size: 17px;
   }
    .navbar-main .navbar-nav>.active>a, .navbar-main .navbar-nav>.active>a:focus, .navbar-main .navbar-nav>.active>a:hover, .navbar-main .navbar-nav>.open>a, .navbar-main .navbar-nav>.open>a:focus, .navbar-main .navbar-nav>.open>a:hover, .navbar-main .navbar-nav>li>a:focus, .navbar-main .navbar-nav>li>a:hover{
        border-radius: unset !important;
        border: unset !important;
        background-color: unset !important;
   }
    li#Secondary_Navbar-Account {
        margin-top:11px;
   }
    .navbar-main li.account {
        border: 1px dotted #7b5e5e;
        margin-bottom:4px;
   }
    .navbar-nav{
        margin: 0;
   }
    .navbar-default .navbar-collapse, .navbar-default .navbar-form{
        border-color: #5a1b1b;
        padding-right: 15px;
   }
    .nav .nav-divider{
        height:0px;
        background-color: unset;
   }
    .copyrightCSS{
        width:70%;
   }
    .containerFooter .card .face{
        width: 190px;
        height: 200px;
   }
    .nameIcon{
        font-size:25px;
        padding-bottom:17px 
   }
    .nameService{
        font-size:25px;
   }
    .designLTR{
        float:unset !important;
   }
    .design-details{
        text-align:center !important;
        margin-top: -30px;
   }
    .design-details .details-btn-order{
        margin-left:unset !important;
        padding:13px 20px !important;
   }
    .design-details .details-btn-info{
        padding: 13px 20px !important;
   }
    .details-btn{
        float: unset !important;
   }
    .ltr-row{
        padding:unset !important;
   }
}
@media screen and (max-width: 800px) {
    .containerFooter .card .face{
        width: 150px;
        height: 200px;
   }
    .nameIcon{
        font-size:20px;
        padding-bottom:15px 
   }
    .nameService{
        font-size:20px;
   }
}
@media screen and (min-width: 768px) {
    .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9{
        float: right;
        direction: rtl;
   }
    .col-sm-offset-1{
        margin-right:8.33333333%;
        margin-left: unset;
   }
    .col-sm-offset-2{
        margin-left:none;
        margin-right:8.33333333%;
   }
    .col-sm-offset-3{
        margin-right: 25% !important;
        margin-left: unset;
   }
}
@media screen and (max-width: 768px) {
    .navbar-nav .open .dropdown-menu{
        padding-right:20px;
   }
    ul.top-nav{
        margin-top: 10px;
        font-size: .9em;
   }
    .form-horizontal .control-label{
        text-align:left;
   }
    .col-sm-8{
        float:left;
        direction:rtl;
        width:100% 
   }
    .col-sm-6{
        float:right;
        direction:rtl;
        width:100% 
   }
    .col-sm-5{
        direction:rtl;
   }
    .col-xs-7{
        float:left !important;
        direction:ltr !important;
   }
    .emailVerRTLbtn{
        left: unset !important;
   }
    .emailVerRTLx {
        right: 83.33333333%;
        left: unset;
   }
    .emailVerRTLtext {
        left: 16.33333333% !important;
        font-size:16px !important;
        background-color: unset !important;
   }
    #order-standard_cart .view-cart-items .item-price{
        margin:15px !important;
   }
}
@media screen and (max-width: 600px) {
    .containerFooter .card .face{
        width: 90px;
        height: 100px;
   }
    .containerFooter .card{
        display: flex;
        justify-content: center;
        align-items: center;
   }
    .containerFooter .card:hover .face.face1{
        background: #ff0057;
        transform: translateY(0);
   }
    .containerFooter .card:active .face.face1{
        background: #ff0057;
        transform: translateY(0);
   }
    .containerFooter .card .face.face1{
        transform:unset;
   }
    .containerFooter .card .face.face2{
        display:none;
   }
    .nameIcon{
        font-size:15px;
        padding-bottom:15px 
   }
    .nameService{
        font-size:13px;
   }
    .main-content{
        line-height: 2;
   }
}
@media screen and (max-width: 490px) {
    ul.top-nav{
        margin-top: unset;
        font-size: .9em;
   }
    section#header .logo img{
        max-height:33px;
   }
    .faq-qustion{
        font-size: 1.2rem;
        line-height:1.7;
   }
    .faq-text{
        font-size: 1.0rem;
   }
    .faq{
        padding: 20px 30px 10px 14px;
   }
    .faq-title{
        font-size: 1.5rem;
        margin: 30px 0 0 !important;
   }
    .design-title-icon{
        height:150px !important;
        margin-bottom:unset !important;
        background: linear-gradient(to right, #000000, #333333) !important;
   }
    .design-title-iconLTR{
        height:150px !important;
        margin-bottom:unset !important;
        background: linear-gradient(to left, #000000, #333333) !important;
   }
    .design-title-icon .design-title-responsive{
        text-decoration:unset;
        padding-top:35px;
        font-size:2.2rem;
   }
    .design-title-icon .design-icon-responsive{
        font-size:150px;
        top:unset;
   }
    .design-title-iconLTR .design-title-link{
        text-decoration:unset;
        padding-top:35px;
        font-size:2.2rem;
   }
    .design-title-iconLTR .design-icon-link{
        font-size:115px;
        top:20px;
        left:-5px;
   }
    .design-title-icon .design-title-code{
        text-decoration:unset;
        padding-top:35px;
        font-size:2.2rem;
   }
    .design-title-icon .design-icon-code{
        font-size:140px;
        right:18px;
        top:8px;
   }
    .design-details{
        margin-top: unset;
   }
    .design-details .details-title{
        font-size: 2.1rem;
   }
    .email-verification .fa{
        padding: 12px 0 2px 10px !important;
   }
}