/* *****************************************************

    ** 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;
}


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 h2{
    background-color:#666666;
}


#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:#f1f1f1 !important;
    border-radius:3px !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: #f1f1f1 !important;
    padding-right: 5px !important;
}

#order-standard_cart .view-cart-items .item-price{
    margin:15px !important;
    background-color:#f1f1f1 !important;
}

#order-standard_cart .btn-remove-from-cart{
    color: #337ab7 !important;
}

#order-standard_cart .order-summary .total-due-today-padded{
    background-color:#f1f1f1;
    margin:20px 20px;
}

.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:#666 !important;
}

#order-standard_cart .empty-cart .btn{
    background-color:#333 !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;
}

.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;
}
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;
}

#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;
}

div.header-lined h1{
    font-size:25px;
}

#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:#f9f9f9;
    border-radius:10px;
    padding:5px;
}

div.announcement-single blockquote{
    margin-top:10px;
}

div.announcement-single .label{
    margin-right: none;
    margin-left:10px;
    margin-top:30px;
    float:left;
}

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;
}

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;
}

#order-standard_cart .categories-collapsed select{
    color: #ffffff !important;
    background-color: #333333 !important;
}

#order-standard_cart .view-cart-items .item:nth-child(even){
    background-color: unset !important;
    border-top: 1px solid #f1f1f1 !important;
    border-bottom: 1px solid #f1f1f1 !important;
}

.md-editor .md-footer, .md-editor>.md-header{
    display: none !important;
}

#order-standard_cart label{
    padding-bottom: 20px;
}

#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: 70px;
  margin-bottom: 70px;
  }

  .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 40px !important;
  text-align: center;
  font-size:2rem;
}

.faq-qustion {
 
  font-size:1rem;
}

.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: 30px;
  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: 20px;
  z-index: 0;
}

.faq.active::before {
  color: #3498db;
  left: -30px;
  top: -10px;
  transform: rotateY(180deg);
}

.faq-title {
  margin: 0 35px 0 0;
}

.faq-text {
  display: none;
  margin: 30px 0 0;
}

.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: 30px;
  top: 30px;
  width: 30px;
}
.faq-toggle .fa-times,
.faq.active .faq-toggle .fa-chevron-down {
  display: none;
}

.faq.active .faq-toggle .fa-times {
  color: #fff;
  display: block;
}

.faq-toggle .fa-chevron-down {
  display: block;
}

.faq.active .faq-toggle {
  background-color: #9fa4a8;
}



@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;
  }

}

@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; 
    }
    
}

@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;
    }
}

@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; 
      }
   
  }

@media screen and (max-width: 490px) {
    ul.top-nav{
        margin-top: unset;
        font-size: .9em;
    }
    section#header .logo img{
        max-height:33px;
    }
}