.navbar-top{background:#272727; color:white;}
.navbar-top a{color:white;}
.navbar-inverse, #nav.dark{
 background: #222;
 border-color:#222;
 color:#fff;
 }
.navbar-inverse a{
   color:#fff;
} 
.navbar-top{
height:80px;
}
.navbar-fixed-bottom{
 background:white;
}
.navicon-container{
float:right;
padding:12px;
}
.search-container{
padding:12px;
}
.header{
padding:0px;
margin-top:8px;
}
.logo-container{padding-top:9px;}
.logo{
max-width:105%;
max-height:50px;
}
img{
      -webkit-transition: border-width .25s ease-in-out;
      -moz-transition: border-width .25s ease-in-out;
      -o-transition: border-width .25s ease-in-out;
      transition: border-width .25s ease-in-out;
    }
@media screen and (min-width:1000px){
  .logo{margin-top:-5px;}
}

body{
 padding-top:80px;
 padding-bottom:50px;
 font-family: "Roboto",sans-serif;
}
.btn{letter-spacing:2px;}
.btn span{margin-left:10px;}
img{max-width:100%;}
a{color:black;}
a:hover, a:focus{text-decoration: none;color:#888; cursor:pointer;}
.link{text-decoration:underline;}
.main-button{border:1px solid black; border-radius: 10px; font-size:16px;
font-weight:bold;
}
button{background: none; border-style:none;}
.button-container{margin:30px auto;}

.main-button, #nav.dark .main-button{border-color:white; background:none;}
.main-button:hover, .main-button:focus, #nav.dark .main-button:hover,#nav.dark .main-button:focus {background: black;}

.homepage .main-button{border-color:#ef4b22; background:#ef4b22;}
.homepage .main-button:hover, .homepage .main-button:focus{background: #ff7200; color:white;}

.nav-menu{margin-left:-200px; width:300px;}
.input-round{border-radius: 40px;}
.container-fluid.margin-top, .container.margin-top{margin-top:30px;}
.padded{
 padding:5px;
}
.padded-md{
padding:10px;
}
.padded-lg{
padding:15px;
}
.center{text-align:center;}
.bkg-white{background: white;}
.bkg-black{background: #222; color:white;}
.bkg-black a{color:white;}
.bkg-black .nav > li > a:hover, .bkg-black .nav > li > a:focus{color:black;}

.item-container{padding:5px; padding-bottom:50px;}
.item{background:white; 
font-size:40px; text-align:center;
/*border:1px solid #e1e1e1;
  -webkit-box-shadow: 0px 0px .3px .1px;
-moz-box-shadow: 0px 0px .3px .1px;
box-shadow: 0px 0px .3px .1px;
*/
padding:10px;
border-radius:10px;
height:280px;
}
.category-view{background: #fafafa; border-top:0px solid black; margin-top:10px;}
.item .domain{font-size:14px;  margin-top:10px;  letter-spacing:1.5px;}
.item .domain a{color:#555; font-weight:300;}
.item .price{font-size:14px; margin-top:30px; letter-spacing:1px;}
.brandlogo img{max-height:120px; }
.buynow{font-size: 13px; background:#eee; padding:5px 30px; text-transform: uppercase; line-height: 1em;}
.buynow:hover{background:black;}

.logotext{
padding:15% 0px;
font-size:90%; text-transform:capitalize; letter-spacing:3px;}
.logotext a{
color:#a5c20e;
text-transform:uppercase;
}
.longdomain .logotext{font-size:50%;padding:20% 0px; letter-spacing:1.2px;}

@media screen and (max-width:768px){
.menu-container li{border:none;}
.item .domain{font-size:10px;}
.navbar-top{
height:110px;
}
body{padding-top:110px;}
.logo{
max-height:30px;
}
 .main-button{font-size:12px; padding:5px 8px;}

}


.main-banner{height:600px; text-align: center; padding:130px 0px; 
    background-image: url("/media/site/backgrounds/banner-wallpaper.jpg");
    background-size: 100% auto;
    background-repeat:no-repeat;
}


.page-title{font-size:45px; max-width: 80%; min-width:290px; margin: 0 auto; 
text-transform:capitalize;
font-weight:bold; color:black;
line-height:1.1em; margin-bottom:20px;}
.page-subtitle{font-size:20px;font-weight:bold; max-width: 80%; color:black; margin: 0 auto;
line-height:1.2em; margin-bottom:20px;
letter-spacing:1.2px;
}
.main-banner h3{font-size:16px; max-width:60%; min-width:280px; margin:0 auto;
line-height:1em; color:black;}


.homepage .main-banner{
    height:650px;
    padding-top:150px;
    background-image: url("/media/site/backgrounds/banner-wallpaper-nature.jpg");
}
.homepage .page-title, .homepage .page-subtitle, .homepage .main-banner h3, .homepage #scrollDown{
  color:white;
}
.homepage{padding-top:0px;}

.homepage .navbar-inverse{
 background: none;
 border-style:none;
 }
 


.nav-block .btn-block{background:black; color:white; 
 font-weight:300;
width:80%; margin:30px auto 10px auto; 
font-size:24px; border-radius:15px; padding-top:20px; padding-bottom:20px;}
.nav-block .btn-block:hover{background:#555;}

.main-categories{margin-top:40px;}
.main-categories .btn{
  border:1px solid black; font-weight:bold; border-radius: 15px;
  margin:10px 5px;
  background:white;
}
.main-categories .btn:focus, .main-categories .btn:hover{
 background:black;
}
.modal, .modal.in{margin-top:80px; z-index: 10001;}
#alert{z-index: 10002}
.modal-xl .modal-dialog{width:90%;}
.category-menu{
  max-width:90%;
}
.category-list{
  text-align: center;
 margin:10px 0px;
}
.btn-category{
  border:1px solid black;
  width: 100%;
  padding:20px 0px;
  text-transform: uppercase;
  border-radius:10px;
}
.btn-category:focus, .btn-category:hover{
  background:#a5c20e; 
  border-color:#a5c20e;
}

.btn-theme{
background: #a5c20e;
border-style:none;
color:white;
}
.btn-theme:hover, .btn-theme:focus{
 background:#7a9100; color:white;
 }
 .btn-plain{font-weight:300;}
 .btn-plain:hover, .btn-plain:focus{color: #888;}
.btn-pop{background:#ef4b22; color:white; border-radius:10px; font-weight:700;}
 
 
.btn-basic{border:1px solid black; color:black;}
.btn-basic:hover, .btn-basic:focus{background:black; color:white;}
.refine .btn-basic:hover, .refine .btn-basic:focus{background:black; color:white;}
.sortNotice .btn{ margin-left:10px;}
.btn-basic-reverse{border:1px solid white;}
.btn-basic-reverse:hover, .btn-basic-reverse:focus{background:white; color:black;}
.sortNotice {
	padding:10px 5px;
	font-size:24px;
  margin-top:20px;
  color:#F60
}
.sortNotice .btn{padding:5px 15px; font-weight:400;}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{
  background: #ef4b22;
}
.dropdown-menu {
   padding:40px 5px;
  background:white;
}
.dropdown-menu > li{
  font-size: 20px;
  text-transform: uppercase;
  background: white;
}
.dropdown-menu > li a{
  padding-top:8px;
  color: black;
  padding-bottom:8px;
   font-weight: 300;
}

.navbar-fixed-bottom {padding:0px;}
.navbar-fixed-bottom .container-fluid{padding:0px;}
.navbar-fixed-bottom .btn{padding:13px 30px;}

.count{color: #888; font-size: 16px;}
.backtoTop{float: right; font-size: 34px; padding:0px 20px;}

.navbar-fixed-bottom .btn{font-size: 24px; padding:6px 20px; border-radius:10px; font-weight:300;}
.navbar-fixed-bottom{border-top:1px solid #eee;}
 
.refine {margin-top:30px;}
.refine .btn{
 font-size:18px; 
 padding:10px 15px;
 font-weight:300;
 color:white; border-radius:10px;}
 .refine .btn-basic{color:black;}

.pager{padding:15px 5px;}
.pager a{border:1px solid black; border-radius: 10px;}
.item-container.pager{margin-top:0px;}
.pager a{
font-weight:400;
  font-size:38px;
  padding:5px 15px;
}
.pager a i{margin:0px 10px; }
.footer-text{
  letter-spacing: 1px; font-weight: 300; font-size:11px; max-width: 90%; min-width:280px;
  margin: 80px auto 50px auto; color:#555;
  padding:30px 10px; border:1px solid #EEE;
}
.footer-text a{color:#555;}
.footer-links{margin-top:25px; font-weight:300; text-transform: capitalize; }
.footer-links a{color: white; font-size:13px; line-height: 2em;}
.footer-links a:hover{color:#888;}
.footer-links{border-top:0.5px solid white; border-bottom:0.5px solid white; padding-top:25px; padding-bottom:25px; text-align:center;}

.domainWelcome{
  text-align: center;margin:0 auto; 
  max-width: 80%; min-width: 300px;
  font-weight: 700;
  padding:50px 10px 30px 10px;
  letter-spacing: .5px;
 font-size: 40px;
  line-height:1em;
}
.domain-intro{
letter-spacing:1px;
margin-top:10px; border-top:1px solid black;}
.domain-logo, .domain-sale{text-align:center;}
.domain-logo img{padding:0px 20px;}
.domain-detail{padding:10px;}
.block-title{font-weight: bold;  padding:10px 5px; letter-spacing:1.5px;}
.domain-price{font-size:30px; font-weight:300;}
.domain-name{font-size:24px; color:#555;padding-top:7px; font-weight:700;}
.domain-sale{padding-top:30px;}
.domain-brandlogo-holder{max-width:300px; margin-top:25px; margin-left:auto; margin-right:auto; font-size:28px;height:150px; padding-top:50px; text-transform:uppercase; background:#ef4b22; color:white;}
.domain-buttons{padding-top:15px;}
.domain-buttons .btn-default{background: #00b99c; border: #f60; font-size:20px; padding:10px 30px}
.domain-buttons .btn.btn-default:hover, .btn.btn-default:focus{background: black;}
.domain-intro{
padding:30px 20px 50px 20px;
}
.domain-logo img{background:white;}
.domain-detail{ padding-bottom:30px; }
.domain-info{padding:50px 10px; letter-spacing: 1.5px; font-weight:300; text-transform: uppercase; font-size:12px;}
.domain-info div{
  margin-bottom:5px;
}
.domain-info li{list-style: none;}
.related{ border-top:1px solid black; margin-top:30px;}

.title{font-size:54px; padding:50px 0px; text-align:center; max-width:80%; font-weight:400; margin:0 auto; min-width:300px;}
.subtitle{font-size:40px; text-align:center; padding:20px 5px; text-transform:uppercase; font-weight:400;}
.block{border-top:10px solid black; background:white; padding:10px 20px; margin:0 auto; margin-bottom:70px; max-width:800px; }
.list-title{text-align: center; padding:15px 5px;text-transform:uppercase; font-weight:400;}
.list-title i{color:#00B99C; margin:0px 10px;}
.cms p{margin:10px auto; color:#777;}
.container-sm{max-width:800px; margin-left:auto; margin-right:auto;}
.container-xs{max-width:500px; margin-left:auto; margin-right:auto;}


.cartItems{padding:20px 5px; border:1px solid #888; margin:50px auto; background:#F7F7F7;}

.item-list{padding:15px; text-align: center; background:#F7F7F7; max-width:100%; margin:0 auto; letter-spacing:1px;}
.item-row{line-height:2.5em; margin-bottom:30px;}
.item-price{font-weight:300; font-size:20px;}
.item-name{font-size:25px;}

.footer-container{background: #333; padding:30px 5px; color:White}
.footer{max-width: 700px;margin: 0 auto; text-align: center;}
.footer>div{padding:10px;}
.footer a{color: white; font-size:18px;}
.footer i{margin-right:5px;}
.copyright{margin-top:50px;}
.footer a:hover, .footer a:focus{color:#888; text-decoration: underline;}

@media screen and (max-width:1300px){
.main-banner{height:400px;padding:80px 0px;}
}
@media screen and (max-width:900px){
.domainWelcome{font-size:20px;}
.main-banner{height:600px;
}
.main-banner{
    background-image: url("/media/site/backgrounds/banner-wallpaper-tablet.jpg");
 }
 .homepage .main-banner{
    height:600px;
    background-image: url("/media/site/backgrounds/banner-wallpaper-nature-tablet.jpg");
 }
}
@media screen and (max-width:768px){
.title{font-size:40px;}
.subtitle{font-size:28px;}
.main-banner{height:450px;}
.logotext{padding:15% 0px;}
 .longdomain .logotext{padding:15% 0px;}
  .dropdown-menu {
   padding:10px 5px;
  background:white;
}
.dropdown-menu > li{
  font-size: 16px;
  text-transform: uppercase;
  background: white;
}
.dropdown-menu > li a{
  padding-top:2px;
  color: black;
  padding-bottom:2px;
   font-weight: 300;
}
}
@media screen and (max-width:500px){
.navbar-fixed-bottom .btn{font-size: 16px; padding:12px 10px; border-radius:10px; font-weight:300;}
.nav-block .btn-block{font-size:18px; font-weight:normal; letter-spacing:1.3px;}
 .logotext{font-size:60%;}
 .brandlogo{padding:20% 0px 0px 0px;}
        .item{height:310px;}
 .logotext{padding:30% 0px;}
 .longdomain .logotext{padding:30% 0px; font-size:40%;}       
.page-title{font-size:30px;}
.page-subtitle{font-weight:normal; line-height:0.9em;}
.main-banner h3{font-size:11px;}
.main-banner{
    background-image: url("/media/site/backgrounds/banner-wallpaper-mobile.jpg");
 }
  .homepage .main-banner{
    height:600px;
    background-image: url("/media/site/backgrounds/banner-wallpaper-nature-mobile.jpg");
 }
 .logotext{letter-spacing:1.3px;}
 
 
}

@media screen and (max-width:400px){   
 .homepage .main-banner{
    height:450px;
    }
body{max-width:100%; overflow-x:hidden;}
.page-title{font-size:18px;}
.page-subtitle{font-size:15px; font-weight:normal; line-height:0.9em;}
.main-banner h3{font-size:11px;}
.category-list{
  text-align: center;
 margin:5px 0px;
}
.btn-category{
  border:1px solid black;
  width: 100%;
  padding:10px 0px;
  text-transform: uppercase;
  font-size:10px;
}
.block-title{font-size:22px;} 
.brandlogo{padding:0px;}
 .logotext{font-size:40%; letter-spacing:1px;}
 .longdomain .logotext{font-size:25%; letter-spacing:1px;}
 .logotext{padding:20% 0px;}
 .longdomain .logotext{padding:20% 0px;}    
.item{height:200px;}
    .item .domain{font-size:10px;}
.item .price{font-size:12px; margin-top:10px;}
.buynow{padding:3px 10px;}
.domain-brandlogo-holder{font-size:17px;height:130px; padding-top:50px;}
.refine .btn{
 font-size:14px; 
 padding:10px 10px;}



}    
.modal.in{margin-top:0px;}
.modal .container{max-width:100%;}

.sortMenu.dropdown-menu{
  left: 50%;
  right: auto;
  text-align: center;
  transform: translate(-50%, 0);
}