/*
 *Banner and Menu 
 */
 
@media (max-width: 767.98px) {
  .offcanvas-collapse {
    position: fixed;
    top: 34px; /* Height of navbar */
    bottom: 0;
    width: 100%;
    padding-right: 1rem;
    overflow-y: auto;
    background-color: #f6f6f6;
    border-style: solid;
    border-color: #f6f6f6;
    border-width: 7px;
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
	overflow:hidden;
  }
  .offcanvas-collapse.open {
    -webkit-transform: translateX(-1rem);
    transform: translateX(-1rem); /* Account for horizontal padding on navbar */
  }
  .icon-mobile{
		display:inline-block;
	}
.navbar-nav{
	padding-left: 1rem;
	z-index:20;
	font-size:26px;
}

}

@media (max-width: 350px) {
	.navbar-brand{
		font-size: 0.95rem;
	}
	.navbar-mobile{
		display:none;
		}
}
@media (min-width: 351px) and (max-width: 767.99px) {
	.navbar-brand{
		font-size: 1.20rem;
	}
	.navbar-mobile{
		display:none;
		}
}

@media (min-width: 767.99px) and (max-width: 951px) {
	.navbar-nav{
		padding-left: 0rem;
	}
	.navbar{
	padding-left: 0rem;
}
.navbar-mobile{
		display:none;
	}
	.navbar-brand{
		font-size: 1.2rem;
	}
	.navbar-nav{
		font-size: 0.7rem;
	}
	.navbar-mobile{
		font-size: 0.9rem;
	}
}

@media (min-width: 952px) and (max-width: 1220px) {
	.navbar-nav{
		padding-left: 0rem;
	}
	.navbar{
	padding-left: 0rem;
}
.navbar-mobile{
		padding-left:0rem;
	}
	.navbar-brand{
		font-size: 1.2rem;
	}
	.navbar-nav{
		font-size: 0.9rem;
	}
	.navbar-mobile{
		font-size: 0.9rem;
	}
}


@media (min-width: 1220px) and (max-width: 1292px) {
	.navbar-nav{
		padding-left: 1rem;
	}
	.navbar{
	padding-left: 2rem;
}
.navbar-mobile{
		padding-left:1rem;
	}
}



@media (min-width: 1293px) and (max-width: 1564px){
	.navbar-nav{
		padding-left: 3rem;
	}
	.navbar{
	padding-left: 6rem;
}
.navbar-mobile{
		padding-left:5rem;
	}
	
	.navbar-brand{
		font-size: 1.8rem;
	}
	.navbar-nav{
		font-size: 1.0rem;
	}
	.navbar-mobile{
		font-size: 1.0rem;
	}
}

@media (min-width: 1565px) {
	.navbar-nav{
		padding-left: 7rem;
	}
	.navbar{
	padding-left: 10rem;
}
.navbar-mobile{
		padding-left:9rem;
	}
	
	.navbar-brand{
		font-size: 2.0rem;
	}
	.navbar-nav{
		font-size: 1.1rem;
	}
	.navbar-mobile{
		font-size: 1.1rem;
	}
}


@media (min-width: 767.99px) and (max-width: 1189px) {
	
}


.banner-mobile-img{
	
	background: url('../images/CWD-Banner.jpg');
    position: relative;
    background-size: cover; /* or contain depending on what you want */
    background-position: 60% 10%;/*center center;*/
    background-repeat: no-repeat;
	bottom:-60px;
	z-index:-1;
}

.dropdown-menu{
	background-color:#f6f6f6;
	border:none;
	left: auto;
}

.dropdown-item{
	color:#777777;
}

.dropdown-item > a.hover{
	color:black;
	background-color:#f6f6f6;
}

.dropdown-toggle::after {
   transition: transform 0.15s linear; 
}
 
.show.dropdown .dropdown-toggle::after {
  transform: translateY(3px);
}

.dropdown-menu {
  margin-top: 0;
}

.navbar-expand-md .navbar-nav .nav-link{
	padding-right: 2.5rem;
}

.nav-scroller {
  position: relative;
  z-index: 2;
  height: 2.75rem;
  overflow-y: hidden;
}

.nav-scroller .nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  padding-bottom: 1rem;
  margin-top: -1px;
  overflow-x: auto;
  color: rgba(255, 255, 255, .75);
  text-align: center;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}

.nav-underline .nav-link {
  padding-top: .75rem;
  padding-bottom: .75rem;
  font-size: .875rem;
  color: var(--secondary);
}

.nav-underline .nav-link:hover {
  color: var(--blue);
}

.nav-underline .active {
  font-weight: 400;
  color: var(--gray-dark);
}

.text-white-50 { color: rgba(255, 255, 255, .5); }

.bg-purple { background-color: var(--purple); }

.border-bottom { border-bottom: 1px solid #e5e5e5; }

.box-shadow { box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05); }

.lh-100 { line-height: 1; }
.lh-125 { line-height: 1.25; }
.lh-150 { line-height: 1.5; }
	
.navbar{
	background-color:#f6f6f6;
}

.navbar-brand{
	color:#777777;
	padding-left:5px;
	font-weight: 400;
}

.navbar-brand:hover{
	color: black;
}
.icon{
	height:50px;
}

@media (min-width: 767.99px) {
.navbar-nav > .nav-item > a{
    color: #777777;
}

.navbar-nav > .nav-item > a:hover{
    color: black;
	background-color: transparent;
	-webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
	/*transform: scale(1.2);*/
}
  .icon-mobile{
		display:none
	}
}
@media (max-width: 767.98px) {
.navbar-nav > .nav-item > a{
    color: #777777;
}

.navbar-nav > .nav-item > a:hover, .navbar-nav > .nav-item > a:focus {
    color: black;
}

}

/*.navbar{
	border-bottom-style: solid;
    border-bottom-color: yellow;
    border-bottom-width: 7px;
}*/

.navbar > .open {
	color:#1b3185;
}

.navbar-nav > .open > .nav-item > a{
    color: yellow;
}

.navbar-toggler-icon{
	color:black;
}
@media (max-width: 400px) {
	.not-on-small{
		display:none;
	}
 }
  @media (min-width: 401px) {
	.not-on-small{
		display:block;
	}
 }
 
  @media (max-width: 356px) {
	.not-on-xsmall{
		display:none;
	}
 }
  @media (min-width: 357px) {
	.not-on-xsmall{
		display:inline;
	}
 }

.icon-home{
	padding-top:100px;
	
}

.icon-img-home{
	width:225px;
	display:block;
	margin:auto;
}

/*
 * Banner Image
 * 
 */
 .bannerImage{
    width:100%;
	height:100%;
	position:relative;
	display:inline-block;
	overflow:hidden;
	padding-top:36px;
}

.banner-img{
	background: url('../images/banner.jpg');
    position: relative;
    background-size: cover; /* or contain depending on what you want */
    background-position: 50% 30%;/*center center;*/
    background-repeat: no-repeat;
    /*filter: blur(3px);
	-webkit-filter: blur(3px);
	-moz-filter: blur(3px);
	-o-filter: blur(3px);
	-ms-filter: blur(3px);*/
    
	/*background-image: url(images/home.jpg);*/
}


.construction-img{
	background: url('../images/underconstruction.jpeg');
    
}

@media (max-width: 750px){
.scale-construction{
	width:100%;
	height:100%;
	margin:auto;
	margin-top:60px;
}
}
@media (min-width: 751px){
.scale-construction{
	width:751px;
	height:751px;
	margin:auto;
	margin-top:60px;
}
}

@media (max-width: 1000px){
.scale-temp{
	width:100%;
	height:100%;
	margin:auto;
	margin-top:60px;
}
.scale-temp-80{
	width:80%;
	margin:auto;
	margin-top:60px;
}
}
@media (min-width: 1001px){
.scale-temp{

	margin:auto;
	margin-top:120px;
}
.scale-temp-80{

	margin:auto;
	width:80%;
	margin-top:120px;
}
}

.no-search-results{
	display:none;
	font-size: 22px;
	margin:auto;
}

@media (max-width: 750px){
.lvt-image{
	margin:auto;
	width:100%;
	height:100%;
}
.amtico-image{

	margin:auto;
	width:300px;
	height:300px
}
}
@media (min-width: 751px) and (max-width: 989px){
.lvt-image{
	margin:auto;
	width:500px;
	height:500px;
}
.amtico-image{

	margin:auto;
	width:300px;
	height:300px
}
}



@media (min-width: 990px){
.lvt-image{
float: right;
	width:500px;
	height:500px
}
.amtico-image{

	float:right;
	width:300px;
	height:300px
}
}

.link-img{
	width:250px;
	height:250px
}
.lower-banner-img{
	background: url('../images/CWD-Lower-Banner.jpg');
    position: absolute;
    background-size: cover; /* or contain depending on what you want */
    background-position: 50% 30%;/*center center;*/
    background-repeat: no-repeat;
    filter: brightness(100%);
    
	/*background-image: url(images/home.jpg);*/
}

.fit { /* set relative picture size */
    /*max-width: 100%;
    max-height: 100%;
    min-height: 848px;*/
	position:absolute;
    min-height:100%;
    display:block;
    min-width:100%;
}
.fit-static { /* set relative picture size */
    height: 848px;
    width: 1272px;
}

.center {
    display: block;
    margin: auto;
}

.title-text{
	font-weight:400;
	position: absolute;
	text-align: center;
    float:none;
	width: 100%;
	top:250px;
}

.yellow{
	color: yellow;
	font-weight:400;
}

.title-text-bottom{
		color:yellow;
		font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
		position: absolute;
    left: 50%;
	top: 90%;
	text-align: center;
    float:none;
	transform: translateX(-50%) translateY(-50%);
	width: 100%;
}

@media (max-width: 500px) {
	.title-text-size{
		font-size:28px;
		
	}
	.title-text-bottom{
		font-size:18px;
	}
}


@media (min-width: 501px) and (max-width: 800px) {
	.title-text-size{
		font-size:32px;
		
	}
	.title-text-bottom{
		font-size:26px;
	}
}

@media (min-width: 801px) and (max-width: 1000px) {
	.title-text-size{
		font-size:50px;
		
	}
	.title-text-bottom{
		font-size:30px;
	}
}

@media (min-width: 1001px) {
	.title-text-size{
		font-size:60px;
		
	}
	.title-text-bottom{
		font-size:32px;
	}
}

/*
 * Banner text below banner image
 * 
 */ 
 .bi-banner-text-b{
	margin: auto;
	display:block;
	color: white;
	display:block;
	text-align: center;
	line-height: 42px;
	background-color: #1b3185;
	padding-top:60px;
	padding-bottom:60px;
	min-height: 210px;
}
 .bi-banner-text-w{
	margin: auto;
	display:block;
	color: #777777;
	padding-bottom:60px;
	display:block;
	text-align: center;
	background-color: white;
	padding-top:60px;
	padding-bottom:60px;
	min-height: 210px;
}
.bi-banner-text-submit{
	margin: auto;
	display:block;
	color: #777777;
	padding-bottom:60px;
	display:block;
	text-align: center;
	background-color: white;
	padding-top:150px;
	padding-bottom:60px;
	min-height: 210px;
}
.banner-text-heading{
	font-size: 42px;
	margin-bottom: 30px;
	font-weight: 400;
}
.banner-text-heading-sentence{
	margin-bottom: 30px;
	font-weight: 400;
}
.banner-text{
	font-size: 24px;
	max-width:600px;
	color:#626262;
	font-weight:400;
}
.banner-text-underconstruction{
	
	font-weight: 400;
	margin: auto;
	margin-top: 40px;
	display:block;
	color: #777777;
	font-size: 24px;
	text-align: center;
}

@media (max-width: 500px) {
	.banner-text-heading-sentence{
		font-size:28px;
	}
}
@media (min-width: 501px) and (max-width: 800px) {
	.banner-text-heading-sentence{
		font-size:32px;
	}
}

@media (min-width: 801px) and (max-width: 1000px) {
	.banner-text-heading-sentence{
		font-size:42px;
	}
}

@media (min-width: 1001px) {
	.banner-text-heading-sentence{
		font-size:42px;
	}
}

/*
 * Quads for services and icons
 * 
 */ 
 .quad_heading{
	font-size: 24px;
	text-align: center;
	
 }
 .quad_text{
	font-size: 16px;
	text-align: center;
 }
 .services{
	color: white;
	padding-top:10px;
	padding-bottom:60px;
 }
  .services  i{
	color: white;
	
 }
 .service{
	margin-right:5px;
	margin-left:5px;
 }
.service_numbering{
	font-size: 56px;
	text-align: center;
 }
 .torq-bg{
	background-color: #d1d1e0;
}
.light-blue-bg{
	background-color: #c2c2d6;
}
.service_heading{
	background: linear-gradient( 45deg, #c2c2d6  , #d1d1e0); 
	min-height:100px;
}
.design-principles{
	margin-bottom: 40px;
	margin-top: 40px;
}
.about-us{
	margin-bottom: 40px;
	background-color:#777777;
}
.about-us-text-heading{
	font-size: 32px;
	color:white;
	font-weight:400;
	
}
.about-us-text-heading-grey{
	font-size: 32px;
	color:#777777;
	font-weight:400;
	
}
.about-us-text{
	font-size: 20px;
	max-width:1000px;
	color:white;
	font-weight:400;
	
}
.about-us-text-grey{
	font-size: 20px;
	max-width:1000px;
	color:#777777;
	font-weight:400;
	
}

/*.service-header{
	
	border-bottom-style: solid;
    border-bottom-color: yellow;
    border-bottom-width: 7px;
}*/

.service-title{
	color:rgb(71, 74, 79);
	font-weight:400px;
	position:absolute;
}

@media (max-width: 200px) {
	.service-title{
		font-size:20px;
		top:5%;
		left:50%;
	}
}
@media (min-width: 201px) and (max-width: 300px) {
	.service-title{
		font-size:20px;
		top:10%;
		left:40%;
	}
}
@media (min-width: 301px) and (max-width: 500px) {
	.service-title{
		font-size:22px;
		top:10%;
		left:35%;
	}
}
@media (min-width: 501px) and (max-width: 800px) {
	.service-title{
		font-size:24px;
		top:10%;
		left:30%;
	}
}

@media (min-width: 801px) and (max-width: 1000px) {
	.service-title{
		font-size: 30px;
		top:15%;
		left:25%;
	}
}

@media (min-width: 1001px) {
	.service-title{
		font-size: 30px;
		top:15%;
		left:25%;
	}
}

.service-text{
	font-size: 18px;
	font-weight:400px;
	text-align: left;
	color: #626262;
}

.service-icon{
	display: inline-block;
	background-color: #626262;
	width:90px;
	height:90px;
	text-align:center;
	font-size:64px;
}

.service-icon-and-title{
	padding-bottom:10px;
}

.service-spacing{
	margin-bottom:50px;
}


@media (min-width: 1001px) {
.hide-on-large{
	display:none;
	
}
}
@media (max-width: 1000px) {
.hide-on-large{
	display:inline;
	
}
}

/*
 * 
 * selector
 * 
 */ 
.selector{
	padding-top:100px;
}
.selector_text{
	color:#626262;
	padding-top:50px;
}
.btn-link:hover{
	text-decoration: none;
}
@media (min-width: 1001px) {
.selector_text{
	font-size:54px;
	
}
}
@media (max-width: 1000px) {
.selector_text{
	font-size:32px;
	
}
}
.selector-list{
	padding-top:100px;
}
.selector-list-row{
	padding-bottom:40px;
}
.img-selectorlist{
	width:400px;
	height:400px;
	float:right;
}
.selector-list-title{
	font-size:40px;
}
.selector-list-text{
	font-size:20px;
}
.no-decorate:hover{
	text-decoration: none;
}
.selector-heading{
	font-size:48px;
}
/*
 * 
 * Product
 * 
 */ 
 
 .product{
	padding-top:150px;
 }
 
 .product-id{
	font-size:22px;
 }
 
 .img-room{
	margin:auto;
	margin-top:40px;
 }
 
  .product_text_box{
	padding-top:20px;
	padding-left:50px;
	padding-right:50px;
 }
 
 .product_text{
	font-size: 22px;
	text-align: left;
	line-height:28px;
	line-height:1.4;
	margin-top:0px;
	margin-bottom:50px;
 }
 
 .product-links{
	font-size:22px;
 }
 
 .product_text_range{
	font-size: 32px;
	text-align: left;
	color: black;
	line-height:1.2;
	margin-top:10px;
	margin-bottom:35px;
 }
 
 .product_description_heading{
	font-size:44px;
	text-align: center;
 }
 
 .product_description_text{
	text-align: center;
	font-size: 26px;
 }
 
 .product_description{
	padding-top:80px;
 }
 
 .iframe{
	padding-top:80px;
	max-width:80%;
 }
 
 @media (max-width: 767.98px) {
 .img-product{
	width:350px;
	height:350px;
}
 .product{
	padding-top:80px;
 }
}
 
  @media (max-width: 1020px) and (min-width: 767.99px){
 .img-product{
	width:300px;
	height:300px;
}
}
 
 @media (min-width: 1021px) {
 .img-product{
	width:500px;
	height:500px;
}
}
.product-attributes{

}
 
 /*
  * 
  * Product List
  * 
  * 
  */ 
.product-list{
	margin-top:100px;
	max-width:80%;
}

.product-id{
	padding-top:20px;
}

.product-list-box{
	margin-bottom:40px;
}

.center{
	margin: auto;
}

.text-center{
	text-align:center;
}

.may-like-list{
	margin-top:50px;
	max-width:80%;
}

.divider{
	width:80%;
	border-top: 1px solid grey;
	margin: auto;
	margin-top:60px;
	padding-top:80px;
	font-size:24px;
}

.img-productlist{
	width:225px;
	height:225px;
}

.auto-margin{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

/*
 * 
 * Contact
 * 
 */
 .mobile-numbers {
    position: fixed;
    bottom: 0;
    z-index:40;
    width:100%;
    background-color: rgba(0,0,0,0.6);
}
.icon-style{
	font-size: 2em;
	padding-right:30px;
}
.phone-icon{
	color: white;
	text-align:center;
	display:block;
}

.icon-belt > a:hover{
	color: #f6f6f6;
}

.contact-where{
	padding-bottom:60px;
	padding-top:20px;
}
.contact-opening-hours{
	padding-bottom:60px;
	padding-top:20px;
}
.centered-text{
	text-align: center;
    float:none;
	width: 100%;
}

.centered-text-heading{
	color: black;
	overflow: hidden;
	margin-bottom: 24px;
	font-size:30px;
}

.centered-text-body{
	overflow: hidden;
	color: black;
	font-size:22px;
}

 .contactImage{
    width:100%;
	height:100%;
	position:relative;
	display:inline-block;
	overflow:hidden;
	min-height:500px;
}

.contact-img{
	background: url('../images/contact.jpg');
    position: relative;
    background-size: cover; /* or contain depending on what you want */
    background-position: 50% 30%;/*center center;*/
    background-repeat: no-repeat;
    /*filter: blur(3px);
	-webkit-filter: blur(3px);
	-moz-filter: blur(3px);
	-o-filter: blur(3px);
	-ms-filter: blur(3px);*/
    
	/*background-image: url(images/home.jpg);*/
}

.img-contact{
	width:100%;
}

.contact-details{
	padding-top:80px;
	padding-bottom:80px;
}

 .contact-center{

	text-align: center;
    float:none;
    display:block;
    margin:auto;
}

.contact-button{
	padding-top:100px;
}
.contact-circle{
	display:inline-block;
	position:relative;
	margin:auto;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
	text-align:center;
	width: 80px;
	height: 80px;
	font-size:40px;
	background-color:white;
	color:#303030;
	padding-top:10px;
}
.contact-well>a{
	text-decoration: none;
}
@media (max-width: 990px) {
	.in-touch{
		color: white;
		font-size:24px;
		padding-bottom:0px;
		text-align:center;
	}
	.in-touch-details{
		color: white;
		font-size:16px;
		margin-top:60px;
		text-decoration: none;
		text-align:center;
	}
	.contact-details{
		margin-top:25px;
	}
	.contact-well{
		/*background:black;
		opacity:0.5;*/
		display: inline-block;
		border-radius: 25px;
		padding-left:20px;
		padding-right:20px;
		
		background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5) 80%, black 80%, black 100%);
		background-image: linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5) 80%, black 80%, black 100%);
	}
}
@media (min-width: 991px) {
	.in-touch{
		color: white;
		font-size:24px;
		padding-bottom:10px;
		text-align:center;
	}
	.in-touch-details{
		color: white;
		font-size:16px;
		margin-top:20px;
		text-decoration: none;
		text-align:center;
	}
	.contact-well{
		/*background:black;
		opacity:0.5;*/
		display: inline-block;
		border-radius: 25px;
		padding-left:20px;
		padding-right:20px;
		
		background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5) 82%, black 82%, black 100%);
		background-image: linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5) 82%, black 82%, black 100%);
	}
	
}
.center-text{
	text-align:center;
}

.in-touch-details>a:hover{
	color: yellow;
}
.contact-link{
	text-shadow: 0px 0px 3px #000, -1px -1px #000, 1px 1px #000;
}

/*
 * Google Maps
 * 
 */ 
.map-container{
			
			max-width: 1200px;
			margin:auto;
			margin-bottom: 40px;
		}
 
.google-maps {
        position: relative;
        padding-bottom: 75%; 
        height: 0;
        overflow: hidden;
}
.google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

/*
*
*	Testimonials
*
*/
.testimonial{
	margin-bottom:30px;
	text-align:left;
}
.testimonial-title {
	text-align:center;
	margin-bottom:15px;
	font-size:16px;
	margin-bottom:50px;
}
.testimonial-title a{
	text-decoration:none;
	color:black;
}
.testimonial-title a:hover{
	text-decoration:none;
	color:#626262;
}

.company-heading{
	color:black;
}

.company a{
	color: #626262;
	
}

@media (max-width : 991px) {
    .company{
		font-size:16px;
	}
}

@media (min-width: 992px) and (max-width : 1175px) {
    .company{
		font-size:12px;
	}
}
@media (min-width: 1176px) and (max-width : 1309px) {
    .company{
		font-size:14px;
	}
}
@media (min-width : 1310px) {
    .company{
		font-size:16px;
	}
}

/*
 * Body
 * 
 */
 body,html {
  height: 100%;
  font-family: adobe-garamond-pro, serif;

font-weight: 400;
font-variant: small-caps;

font-style: normal;
  color: #626262;
  /*overflow:hidden;*/
}

body,html,a {
  
  font-family: adobe-garamond-pro, serif;

font-weight: 400;

font-style: normal;
  color: #626262;
  /*overflow:hidden;*/
}
/*
 * 
 * Footer
 * 
 */
 .footer{
	min-height:60px;
	background-color:#1b3185;
}

.footer-copyright,
.footer-social,
.footer-contact,
.footer-contact a
{
	color: white;
	height:100%;
	text-decoration: none;
}

.footer-contact a:hover
{
	color: yellow;
}

.footer-copyright{
	line-height:60px;
}

.footer-contact{
	text-align: right;
	line-height:60px;
}
@media (max-width : 768px) {
    .footer-copyright,
    .footer-contact {
        text-align: center;
    }
}

.supplier-img{
	margin:auto;
	width:200px;
	height:200px;
}


#carpet-wool,#carpet-sf,#carpet-designer,#carpet-runner,#wood-engineered,#wood-laminate,#carpet,#wood,#vinyl,#lvt{
	display:none;
}

.image-by{
  font-size:0.6rem;
  font-variant: normal;
}

.right{
	float:right;
}

@media (max-width: 767.98px) {
.img-float{
margin:auto;
}
}
@media (min-width: 767.99px) {
.img-float{

float:right;
}
}


.socialIconsBar{
	text-align: center;
}
.social-circle{
margin-top:10px;
}

.socialIcons{
    position: absolute;
	bottom: 1%;
    left: 50%;
	transform: translateX(-50%);
	text-align: center;
    float:none;
    width:100%;
}

ul.social-network {
	list-style: none;
	
	margin-left:0 !important;
	padding: 0;
}
ul.social-network li {
	display: inline;
	margin: 0 5px;
}


/* footer social icons */
.social-network a.icoYouTube:hover {
	background-color: #BB0000;
}
.social-network a.icoFacebook:hover {
	background-color:#3B5998;
}
.social-network a.icoTwitter:hover {
	background-color:#33ccff;
}
.social-network a.icoGoogle:hover {
	background-color:#BD3518;
}
.social-network a.icoVimeo:hover {
	background-color:#0590B8;
}
.social-network a.icoLinkedin:hover {
	background-color:#007bb7;
}
.social-network a.icoInstagram:hover {
    background-color: #125688;
}
.social-network a.icoSkype:hover {
    background-color: #12A5F4;
}
.social-network a.icoEnvelope:hover {
    background-color: #22263D;
}

.social-network a.icoHouzz:hover {
    background-color:#55a32a;
}


.social-network a.icoYouTube:hover i, .social-network a.icoFacebook:hover i, .social-network a.icoTwitter:hover i,
.social-network a.icoGoogle:hover i, .social-network a.icoVimeo:hover i, .social-network a.icoLinkedin:hover i,
.social-network a.icoInstagram:hover i, .social-network a.icoSkype:hover i, .social-network a.icoEnvelope:hover i,
 .social-network a.icoHouzz:hover i{
	color:#fff;
}
a.socialIcon:hover, .socialHoverClass {
	color:#44BCDD;
}

.social-circle li a {
	display:inline-block;
	position:relative;
	margin:0 auto 0 auto;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
	text-align:center;
	width: 40px;
	height: 40px;
	font-size:20px;
}
.social-circle li i {
	margin:0;
	line-height:40px;
	text-align: center;
}

.social-circle li a:hover i, .triggeredHover {
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-ms--transform: rotate(360deg);
	transform: rotate(360deg);
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
}
.social-circle i {
	color: #696969;
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	-o-transition: all 0.8s;
	-ms-transition: all 0.8s;
	transition: all 0.8s;
}

 .social-circle li a{
	background-color: #979797;   
}

.hide{
	display:none;
}