/*!
 * Client: Johnson Jewellers
 * Copyright 2008-2018 Punchmark
 */







/*- FORMS -*/

.btn,
.form-control {
  border-radius: 2rem;
}


/*- Diamonds -*/

#diamonds #page-loading {
	display: none !important;
}




/*- LOGO -*/

a#logo {
  margin-top: 5px;
  margin-bottom: -50px;
}

@media(min-width:768px){
	a#logo {
	  margin-top: 10px;
	  margin-bottom: 0px;
	}
}




/*- HEADER -*/

header {
  
}

.toolbar > .toolbar-inner > ul > li > a {
  letter-spacing: 0.05rem;
}









/*- NAV -*/

nav.navbar {
  border-bottom: 1px solid #dcdde1;
}

@media(min-width:768px){
	nav.navbar {
		padding-left: 20px;
		padding-right: 20px;
	}
}

nav.navbar .navbar-nav {
  padding-bottom: 20px;
}

nav.navbar .navbar-nav .dropdown-toggle::after {
  content:"";
  display: none;
}

nav.navbar .nav-item .nav-link {
  font-size: 16px;
  letter-spacing: 0.05rem;
}




@media(min-width:768px){
	nav.navbar .navbar-nav {
	  padding-bottom: 0px;
	}
	nav.navbar .nav-item .nav-link {
	  font-size: 14px;
	}  
	nav.navbar .dropdown .dropdown-item {
	  line-height: 1;
	}
}

@media(min-width:992px){
	nav.navbar .nav-item .nav-link {
	  font-size: 14px;
	}  
}

@media(min-width:1200px){
	nav.navbar .nav-item .nav-link {
	  font-size: 14px;
	}  
}






.brand-banner img {
  box-shadow: 0 4px 20px rgba(0,0,0,0.075);
}





/*- FOOTER -*/

footer {
  border-top: 8px solid #c4ab95}

footer h6 {
  padding-top: 10px;
  font-size: 25px;
  font-weight: 300;
}

footer .footerlinks li a {
  text-transform: uppercase;
  letter-spacing: 0.05rem;
  font-size: 14px;
}

footer > .container { padding-top:0; }

.social-networks .network i {
  color: #c4ab95;
}



/*- HOME PAGE -*/

body#home .grid-filters { 
  display: none;
}



.our-services .widget-inner .h5 {
  line-height: 1;
}

.our-services .widget-inner img {
  max-width: 150px;
}





section.special-bg,
section.special-bg2 {
  position: relative;
  background: white;
}

section.special-bg .h2 {
  margin-bottom: 30px;
  padding-top: 70px;
  text-align: right;
}

section.special-bg2 .h2 {
  margin-bottom: 30px;
  padding-top: 70px;
  text-align: left;
}

section.special-bg::before {
  content:" ";
  position: absolute;
  top: 5%;
  left: 50%;
  z-index: 100;
  width: 150px;
  height: 75px;
  transform: translateX(-50%);
}

section.special-bg2::before {
  content:" ";
  position: absolute;
  top: 5%;
  right: 50%;
  z-index: 100;
  width: 150px;
  height: 75px;
  transform: translateX(50%);
}

section.special-bg::before {
  background: url(../images/crown-ring-logo.png) 50% 50% no-repeat;
  background-size: contain;
}

section.special-bg2::before {
  background: url(../images/crown-ring-logo.png) 50% 50% no-repeat;
  background-size: contain;
}  

section.special-bg .column-slider-thumbs > .thumb-item,
section.special-bg2 .column-slider-thumbs > .thumb-item,
.column-slider-thumbs > .thumb-item.active {
  width: 14px;
  height: 14px;
  border-radius: 15px;
  cursor: pointer;
}

section.special-bg .column-slider-thumbs > .thumb-item.active,
section.special-bg2 .column-slider-thumbs > .thumb-item.active {
  background: #c4ab95;
}

section.special-bg .column-slider-thumbs > .thumb-item img,
section.special-bg .column-slider-thumbs > .thumb-item.active img,
section.special-bg2 .column-slider-thumbs > .thumb-item img,
section.special-bg2 .column-slider-thumbs > .thumb-item.active img {
  display: none !important;
}

.home-special-div {
  max-width: 100%;
}

section.special-bg .column-slider-thumbs,
section.special-bg2 .column-slider-thumbs {
  margin-bottom: 20px;
}


@media(min-width:768px){
	section.special-bg {
	  background: transparent url(../images/test-bg.svg) 50% 50% repeat-y !important;
	  background-size: cover;	
	}
	section.special-bg2 {
	  background: transparent url(../images/test-bg2.svg) 50% 50% repeat-y !important;
	  background-size: cover;
	}
	section.special-bg .h2 {
	  padding-top: 0px;
	  padding-left: 31.5%;	
	}
	section.special-bg2 .h2 {
	  padding-top: 0px;
	  padding-right: 31.5%;
	}
	section.special-bg::before {
	  left: 6%;
	  transform: none;	
	}
	section.special-bg2::before {
	  right: 6%;
	  transform: none;
	}
	section.special-bg .column-slider-thumbs,
	section.special-bg2 .column-slider-thumbs {
	  margin-bottom: 0px;
	}
	.home-special-div {
	  max-width: 50%;
	}	
}

@media(min-width:992px){
	section.special-bg .h2 {
	  padding-left: 30.75%;
	}
	section.special-bg2 .h2 {
	  padding-right: 30.75%;
	}
	section.special-bg::before {
	  top: 4%;
	  left: 7%;	
	}
	section.special-bg2::before {
	  top: 4%;
	  right: 7%;
	}
}

@media(min-width:1200px){
	section.special-bg .h2 {
	  padding-left: 25.75%;
	}
	section.special-bg2 .h2 {
	  padding-right: 25.75%;
	}
	section.special-bg::before {
	  left: 11%;
	}
	section.special-bg2::before {
	  right: 11%;
	}
}

@media(min-width:1400px){
	section.special-bg::before {
	  left: 15%;
	}
	section.special-bg2::before {
	  right: 15%;
	}
}











section.antwerp-diamonds .d-flex.align-items-center .content-block {
  max-width: 550px;
}