@import url(https://fonts.googleapis.com/css?family=Open+Sans);


@media screen and (min-width: 0px) and (max-width: 480px){
/* About Page style */

.read-content {
    display: block;
    padding: 0 0 40px 0;
    background-color: #f5f7f8;}

.read-content img{
	display:inline-block;
	width: 100%;
	float: left;
	box-sizing: border-box;
	clear:both;}

.read-content h2 {
	display: block;
    color: #2A5279;
    font-family: "Graphik", sans-serif;
    font-size: 24px;
	padding: 30px 30px 0 30px;
	letter-spacing: 1px;
	font-weight: 600;}

.read-content p {
	display: block;
    font-family: "Graphik", sans-serif;
    font-size: 16px;
	margin: 30px;
	color: #000;
	line-height: 1.55em;}

.read-content ul {
    margin: 0;
    padding: 0 30px 0 30px;
    line-height: inherit;
    overflow: hidden;}

.read-content ul li {
    font-family: "Graphik", sans-serif;
    list-style-position: inside;
    margin-bottom: 10px;
	font-size: 14px;}

about-hero-bg h1, mgt-hero-bg h1, hse-hero-bg h1, qc-hero-bg h1, civil-hero-bg h1, road-hero-bg h1, proc-hero-bg h1, marine-hero-bg h1, earth-hero-bg h1{
    font-family: "Graphik", sans-serif;
    color: #FFF;
    font-size: 30px;
    position: absolute;
    left: 30px;
    bottom: 30px;
    text-shadow: 2px 2px 5px black;}

about-hero-bg{
	width: 100%;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	height: 200px;
	display: block;
	background-image: url(../images/about-tevoscha.jpg);}	
	
mgt-hero-bg{
	width: 100%;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	height: 200px;
	display: block;
	background-image: url(../images/mgt-tevoscha.jpg);}

hse-hero-bg{
	width: 100%;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	height: 200px;
	display: block;
	background-image: url(../images/hse-tevoscha.jpg);}

qc-hero-bg{
	width: 100%;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	height: 200px;
	display: block;
	background-image: url(../images/qc-tevoscha.jpg);}

/* Services Page style */
civil-hero-bg{
	width: 100%;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	height: 200px;
	display: block;
	background-image: url(../images/civil-construction-tevoscha.jpg);}
	
road-hero-bg{
	width: 100%;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	height: 200px;
	display: block;
	background-image: url(../images/road-construction-tevoscha.jpg);}

proc-hero-bg{
	width: 100%;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	height: 200px;
	display: block;
	background-image: url(../images/procurement-tevoscha.jpg);}

marine-hero-bg{
	width: 100%;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	height: 200px;
	display: block;
	background-image: url(../images/marine-tevoscha.jpg);}

earth-hero-bg{
	width: 100%;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	height: 200px;
	display: block;
	background-image: url(../images/earth-tevoscha.jpg);}



	






	
main-address{
	margin: 0px auto 0px 0px !important;
	float: left;}

main-phone{
	box-sizing: border-box;
	display: block;
	width: 90%;	
	margin: auto;}

main-email{
	margin: 0px 0px 0px auto !important;
	}
	
main-address, main-phone, main-email{
	display: block;
	box-sizing: border-box;
	padding: 30px 30px 0 30px;
	text-align: center;
	margin: auto;}

main-address img, main-phone img, main-email img{
	display: block;
	box-sizing: border-box;
	width: 15%;
	margin: auto;
	}

main-address-h2-p-wrap{
	box-sizing: border-box;}

main-address h2, main-phone h2,  main-email h2{
	display: block;
	box-sizing: border-box;
	font-size: 16px;
	margin: 10px auto;
	text-align: center;
	font-family: "Graphik", sans-serif;
	color: #FFF;}
	
main-address p, main-phone p,  main-email p{
	display: block;
	box-sizing: border-box;
	font-size: 14px;
	margin: 0 auto 10px auto;
	text-align: center;
	font-family: "Graphik", sans-serif;
	color: #FFF;}
	
	
	webmail {
    display:none;}
	
	.oil-price-widget {
	display: none;}	
	
	key-service-bg{
	display: block;
	padding: 20px;
	margin: 0 0 500px 0;
	z-index: 2;
	background: #FFC82A;
	height: 390px;}

.key-service{
	box-sizing: border-box;
	display:inline-block;
	overflow: hidden;
	width: 20%;
	margin:0;
	float: left; }

.key-service a{
	display:block;	
	box-sizing: border-box;
	background-color: #FFF;
	border-bottom: solid 5px #2A5279;
	height: 90px;
	margin:1%;
	overflow: hidden;
	cursor: pointer;}

.key-service a:hover, .key-service a img:hover{
	border-bottom: solid 5px #FFC82A;
	display:block;}

.key-service a:hover{
	display:block;
	box-sizing: border-box;
	text-decoration: none;
	background-color: #FFF;
	border-bottom: solid 5px #FFC82A;
	margin:3%;}

.key-service img{
	display: block;
	width: 100%; 
	height: 80px;}

.key-service h2{
	display: none;
	font-family: "nobel-pakt" ;
	text-align: left;
	font-size: 10px;
	padding: 4px;}

.key-service p{
	display: none;
	text-align: left;
	font-size: 12px;
	padding: 0 16px 16px 16px;
	font-family: "Graphik", sans-serif;}
	
.index--intro{
	display: block;
	margin: 20px 0 50px 0;}

.index--intro img{
	display: block;
	margin-bottom: 40px;
	position: relative;
	border-left: solid 16px #0F2C4A; }
	
.index--intro h2{
	display: block;
	font-family: "Graphik", sans-serif;
	text-align: left;
	font-size: 40px;
	margin: 10px 0 20px 0;
	color:#FFC82A;
	font-weight: 800;}

.index--intro h3{
	display: block;
	font-family: "Graphik", sans-serif;
	/*font-family: "nobel-pakt";*/
	text-align: left;
	font-size: 30px;
	margin: 0 0 20px 0;
	color: #0F2C4A;}

.index--intro p{
	display: block;
	font-family: "Graphik", sans-serif;
	text-align: left;
	font-size: 16px;
	color: #4B4B4D;
	line-height: 30px;
	letter-spacing: 0.2px;
	word-spacing: 1px;
	margin-bottom: 20px;}

.index--intro p strong{
	font-family: "Graphik", sans-serif;
	text-align: left;
	font-weight: 600;
	font-size: 16px;
	color: #4B4B4D;
	line-height: 30px;
	letter-spacing: 0.2px;
	word-spacing: 1px;}
	
.index--intro a{
	margin: 20px 0 0 0;
	color: #0F2C4A;
	text-decoration: none;
	font-family: "Graphik", sans-serif;
	font-size: 16px;}

.index--intro a:hover{
	color: #0F2C4A;
	text-decoration: underline;}

	
	
		
    svg{
    shape-rendering:crispEdges;}
    
.readables{
    display:block;
    padding: 20px;
    background-color: #FFF;}

.readables img{
    display:block;}

.readables p{
    font-family: "Brolly-Ember-Regular";
    font-size: 14px;
    display: block;
    padding-bottom: 20px;
    color:#666;}

.readables ol {
    background: #000;
    padding: 20px;}

.readables ul {
    border-top: solid 5px #FF6600;
    background: #F9F9F9;
    padding: 15px;
    margin-bottom: 20px;}

.readables ol li {
    background: #F9F9F9;
    padding: 5px;
    margin-left: 35px;}

.readables ul li {
    font-family: "Brolly-Ember-Regular";
    font-size: 14px;
    list-style: square inside url("sqpurple.gif");
    list-style-position: inside;
    color: #666;
    padding-bottom: 10px;
    }

.readables ul li strong{
    font-family: "Brolly-Ember-Bold";
    font-size: 14px;}

.readables h1{
    font-family: "Brolly-Ember-Bold";
    font-size: 24px;
    display: block;
    padding-top: 0px;}

.readables h2{
    font-family: "Brolly-Ember-Bold";
    font-size: 18px;
    display: block;
    padding-top: 0px;
    padding-bottom: 10px;
}

.readables h3{
    font-family: "Brolly-Ember-Bold";
    font-size: 16px;
    display: block;
    padding-top: 0px;}

.readables h4{
    font-family: "Brolly-Ember-Regular";
    font-weight:200;
    color: #CCC;
    font-size: 12px;
    display: block;
    padding-top: 0px;
    margin-top:-8px;
    margin-bottom:5px;}

    
    .fine-button{
        background-color: #FF6600;
        padding:10px;
        margin:3px;
        text-align: center;
        border-radius: 4px;
        color: #fff;
        font-family: 'Brolly-Ember-Bold';
        text-decoration: none; 
        font-size: 12px;
    }
    
.img-xs{
	display: block;
	height: 200px;}

.img-lg{
	display: none;}
	
	
	body{
	background-color: #F5F5F5;	
	}

header{
	display: block;
	width: 100%;
	background-image: linear-gradient(to right, #F9F9FA, #E6E6E6);
	padding: 15px 0 15px 0;
	overflow:auto;
	z-index:1000;
	/*border-bottom: solid #0F2C4A 5px;*/}

.header--switch{
	position: fixed;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FF6600;}



#search-bar{
	display:none;
    width:100%;}



header .hamburger-menu{
    display: inline-block;
	width: 15%;
	top: 10px;
    float:left;
	position:absolute;
	top:20px;
	right:10px;}


header logo{
	display: inline-block;
	margin: 0 15px 0 10px;
	width: 51px;
	height: 51px;
	overflow:hidden;
    float:left;
}


header logo img{
    width: 100%;
	display: block;
	box-sizing: border-box;
	padding: 3px;
	/*background: #FFF;*/
}
    
    
header .logo--switch{
    display: inline-block;
	width: 15%;
	overflow:hidden;
    float:left;}
	

header name{
    display: inline-block;
	width: 70%;
	float:left;
	font-family: "Graphik", sans-serif;
	color: #2A5279;
	letter-spacing: 0.3px;
	/*word-spacing: 1px;*/
	font-size: 16px;
	font-weight:600;}

header name span {
	width: 90%;
    padding: 2px 0 0 0;
    display: inline-block;
    float: left;
	font-size: 10px;
	word-spacing:normal;
	color: #4B4B4D;
	font-family: "Graphik", sans-serif;
	font-weight: 100;}


header .name--switch{
    
	display: inline-block;
	width: 50%;
	margin-right:15px;
	margin-left:10px;
    float:left;
}

header name img{
	text-align:center;
	width: 100%;
	display:block;
	margin: auto;
	overflow:hidden}


header search{
    display: inline-block;
	width: 10%;
    float:left;
}

header .search--switch{}

header search #search-button{
    
}

header search img{
    text-align:center;
	width: 70%;
	background-color: #F9F9F9;
	border-radius:2px;
	display:block;
	margin: auto;
	overflow:hidden
}



/* NAViGATION  STARTS*/

#menu__toggle {
  opacity: 0;
}

#menu__toggle:checked ~ .menu__btn > span {
    transform: rotate(45deg);}
  
#menu__toggle:checked ~ .menu__btn > span::before {
    top: 0;
    transform: rotate(0);}
  
#menu__toggle:checked ~ .menu__btn > span::after {
    top: 0;
    transform: rotate(90deg);}

#menu__toggle:checked ~ .menu__box {
    visibility: visible;
    left: 0;}

.menu__btn {
    align-items: center;
    position: absolute;
    padding-top: 12px;
    width: 24px;
    height: 24px;
    cursor: pointer;
    z-index: 1;}

.menu__btn--switch{
    align-items: center;
    position: absolute;
    padding-top: 12px;
    width: 24px;
    height: 24px;
    cursor: pointer;
    z-index: 1;
}

.menu__btn > span,
.menu__btn > span::before,
.menu__btn > span::after {
    display: block;
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #2A5279;
    transition-duration: .25s;}

.menu__btn > span::before {
    content: '';
    top: -8px;}
  
.menu__btn > span::after {
    content: '';
    top: 8px;}

.menu__box {
    display: block;
    position: fixed;
    visibility: hidden;
    overflow: scroll;
    scroll-behavior: smooth;
    overscroll-behavior: contain ;
    padding: 20px 0px 20px 0px;
    top: 0;
    width: 300px;
    height: 100%;
    margin: 0;
    list-style: none;
    background-color: #FFF;
    box-shadow: 1px 0px 6px rgba(0, 0, 0, .2);
    transition-duration: .25s;
    z-index: 100;}

.menu__box ul{
    padding-inline-start:0px;}

.menu__item {
    display: block;
    padding: 12px 24px;
    color: #555559;
    text-decoration: none;
    font-family: "Graphik", sans-serif;
    font-size:16px;}

.menu__item p{
    display: block;
    color: #555559;
    text-decoration: none;
    font-family: "Graphik", sans-serif;
    font-size:12px;}

.menu__box h1{
    display: block;
    padding: 12px 24px;
    color: #000;
    text-decoration: none;
    font-family: "Graphik", sans-serif;
    font-size:18px;
	font-weight:600;}

.menu__box h2{
    display: block;
    padding: 12px 24px;
    color: #999;
    text-decoration: none;
    font-family: "Graphik", sans-serif;
    font-size:13px;
	font-weight: 200;}

.menu__item img {
    display:inline-block;
	margin-left: 0px;
	margin-right: 15px;
    width: 20px;
    height:20px;
    float: left;}

.menu__item span{
    display:inline-block;
    line-height:18px;}

.menu__item:hover {
	background-color: #CFD8DC;}

.big-logo{
	margin: 20px auto 40px auto;
	background: #FFF;
	display: block;}

.big-logo img{
	display: block;
	width: 35%;
	margin: auto;}

.big-logo p{
	font-family: 'AktivGrotesk' !important;
	text-align: center;
	font-size: 14px;
	display: block;
	color: #2A5279;
	margin: 5px auto 20px auto;
	}

/* NAVIGATION ENDS */












.layout__top-panel {
			overscroll-behavior: contain ; /* Prevent SCROLL-CHAINING to parent elements. */
		}







.ribbon{
	display: block;
	overflow: hidden;
	/*background: #FF6600;*/
    background-size: auto;
    background-repeat: repeat-x;
	background-size: cover;
	background-image: url(../images/svg/ribbon_bg.svg);
	padding-top: 10px;
	padding-bottom: 10px;}

.ribbon--switch{
	display: none;}


.ribbon-left{
	display:none;}

.ribbon-left p{
	display:none;
	font-family: 'Brolly-Ember-Regular';
	font-size: 16px;
	color: #FFF;
	font-weight:600;}
	
.ribbon-right{
	width: 100%;
	float: left;
	text-align:center;}

.ribbon-right a{
	text-decoration: none;
	font-family: 'Brolly-Ember-Bold';
	font-size: 14px;
	color: #FFF;
	font-weight:600;
	margin-left:5px;
	margin-right:5px;
	text-transform:capitalize;}

.ribbon-right a:hover{
	text-decoration:underline;}

.sidenav name img{
	width: 100%;
	text-align:center;
	display:block;
	padding-top: 20px;
	overflow:hidden}

.jumps{
	display:block;}



/* THE SEARCH FORM */

form.example{
    display: block;
    border-radius: 16px;
    background: #FFF;
    border: 1px solid #E6E6E6;
}

form.example input[type=text] {
  font-family: 'Brolly-Ember-Regular';
  padding-left: 10px;
  padding-right: 8px;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 13px;
  border: 1px solid grey;
  float: left;
  width: 85%;
  background: #fff;
  border-radius: 16px 0 0 16px;
  border-top: 2px #FFF solid;
  border-left: 2px #FFF solid;
  border-bottom: 2px #FFF solid;
  border-right: none;}

form.example input[type=text]:focus{
    width: 84%;
    border-radius: 16px 8px 8px 16px;
    outline: none;
    transition: 180ms box-shadow ease-in-out;
    background-color: #ddd;}


form.example button {
  float: right;
  width: 15%;
  padding: 9px;
  background: #000;
  color: white;
  font-size: 13px;
  border-left: none;
  cursor: pointer;
  border-radius: 8px 16px 16px 8px;
  border: 2px #000 solid;}


form.example button:hover {
  background: #AEAEAE;
  border: solid 2px #AEAEAE;}

form.example::after {
  content: "";
  clear: both;
  display: table;}


/*Resize the wrap to see the search bar change!*/
.wrap{
  width: 100%;}

.static-banner{
	margin: 0;
	box-sizing:content-box;}

.static-banner img{
	width: 100%;}

.sales-flash, .sales-flash p{
	font-family: 'Univers-LT-W02-47-Light-Condensed'; 
	font-size: 11px; 
	text-align: left;
	letter-spacing: .03em;
	line-height: 1.5; 
	color: #FFF;
	font-weight:500;
	text-transform:uppercase;}
	
middle{
	display: block;
	/*background-image:url(../images/pattern-bg/water-drops-2.png);
	background-repeat:repeat;
	background-position:top left;
	background-attachment:fixed;*/}

.fancy-contact-card{
	background-color: #5C4605; 
	margin: 0 0 20px 0; 
	padding: 0 0 30px 0; 
	border-bottom: solid 5px #FFC82A;}

footer{
	display:block;
	margin: 0;
	padding:20px;
	background-color: #0F2C4A;
	overflow: hidden;
	border-top: solid 50px #FFC82A;}

footer-about-intro{
	display: block;
	margin-bottom: 40px;}

footer-about-intro h2{
	display: block;
	color: #FFC82A;
	text-decoration: none;
	font-family: "Graphik", sans-serif;
	text-transform: capitalize;
	font-size: 20px;
	
	margin: 20px 0 10px 0;}

footer-about-intro p{
	font-family: "Graphik", sans-serif;
	line-height: 24px;
	font-size: 12px;
	font-weight: 100;
	color: #FFF;
	margin: 0 0 10px 0;}


.footer-links{
	display: block;
	width: 100%;
	box-sizing: border-box;
	background: rgba(201, 224, 247, 0.3);
	padding: 10px;
	margin-bottom: 10px;}

.footer-links h2{
	display: block;
	color: #FFC82A;
	text-decoration: none;
	font-family: "Graphik", sans-serif;
	text-transform: capitalize;
	font-size: 20px;
	margin: 10px 0 10px 0;}

.footer-links a{
	display: block;
	font-family: "Graphik", sans-serif;
	line-height: 28px;
	font-size: 13px;
	font-weight: 100;
	color: #FFF;
	margin: 10px 0 0 0;
	text-decoration: none;}

.footer-links a:hover{
	text-decoration: underline;}

.footer-logo{
	width: 100%;
	float: left;
    background: #FFF;
    display: block;
	margin-top: 20px;}

.footer-logo img {
    width: 30%;
    margin: auto;
	padding: 15px;
	float: left;
	box-sizing: border-box;}
	
.footer-logo p{
	text-align: left;
	width: 70%;
	float: left;
	font-family: "Graphik", sans-serif;
	color: #2A5279;
	letter-spacing: 0.3px;
	word-spacing: 1px;
	font-size: 16px;
	font-weight: 600;
	margin-top: 35px;}

.footer-cala{
	display: block;
	background: none;}

.newsletter{
	background-color: #000000;
	padding-top:20px;
	padding-bottom:20px;
	border-radius: 4px;}

.newsletter-form{
	display:block;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;
	padding-top:0;}

.newsletter-form h1{
	color: #FFF;
	font-family: 'Brolly-Ember-Bold';
	font-weight:700;
	font-size: 16px;
	text-transform: uppercase;}

.newsletter-form h2{
	color: #FFF;
	font-family: "Brolly-Ember-Regular";
	font-size: 11px;
	padding-top: 10px;
	padding-bottom: 15px;
	font-weight: 400;}

.newsletter-form input[type=email]{
	font-family: "Brolly-Ember-Regular";
	padding: 10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width:75%;
	float: left;
	border-radius: 4px 0 0 4px;}

.newsletter-form input[type=submit]{
	font-family: 'Brolly-Ember-Bold';
	font-size: 13px;
	color:#FFF;
	text-transform:uppercase;
	background: #FF6600!important;
	text-transform:uppercase;
	padding: 10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width:25%;
	float: left;
	text-align:center;
	border-radius: 0 5px 5px 0;}

.scroll-to-top{}

.scroll-to-top button{}

#myBtn {
  font-family: 'Brolly-Ember-Regular';
  letter-spacing: 1px;
  font-size: 10px;
  color:#FFF;
  text-transform:uppercase;
  display: block;
  margin:auto;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background: none;
  cursor: pointer;
  padding-top: 30px;
  border-radius: 4px;}


	

.mobile-social{
	display: block;
	margin-top: 20px;
	margin-bottom: 20px;
	overflow: hidden;}

.copy-right{
	font-family: "Graphik", sans-serif;
	color: #FFF;
	font-size: 10px;
	display: inline-block;}
	
.credit a{
	text-align: center;
	font-family: "Graphik", sans-serif;
	display: inline-block;
	color: #C9E0F7;
	text-decoration: none;
	font-size: 10px;}

.credit{
	color: #C9E0F7;
	float: right;
	text-align: center;}

.credit p{
	text-decoration: none;
	font-family: "Graphik", sans-serif;
	color: #FFF;}



.dtbm{
	padding-top:20px;
	padding-bottom:0px;
	}	

.ffk{
	padding-top:0px;	
	padding-bottom:10px;}
		
website, phone, email, address{
	display:block !important;}	

website p, phone p, email p, address p{
	display:block;
	color: #FFF;
	font-family: 'Inter';
	font-size:11px;
	text-align: left;
	margin:0;
	padding: 0px;
	text-transform: none;
	font-weight: 300;
	float: left;}


website img, phone img, email img, address img{
	width: 20px;
	display: block;
	fill: #fff;}

.main{
	padding-left: 20px;
	padding-right: 20px;}

.nohide{
	padding-top: 20px;}
	
.title{
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #404040;}
	
.title h4{
	display: block;
	color: #FF6600;
	font-family:'Brolly-Ember-Regular';
	font-size: 18px;
	text-align: left;
	font-weight: 200;
	cursor: pointer;
    letter-spacing:1px;} 
 
.notshow {
  display: none;}

.notshow p{
	text-align: left;
	font-family:"Brolly-Ember-Regular";
	padding-top: 0px;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0px;
	margin-bottom: 10px;
	text-transform: none;
	word-spacing: 2px;
    font-size: 14px;
    line-height:25px;
    color: #FFF;
    letter-spacing: 1px;
}

.centre-link{
    font-family: 'Brolly-Ember-Bold';
    display: block;
}

.centre-link button a{
    text-align: center;
    color: #FF6600;
    border: 1px solid #F9F9F9;
    display: block;
    text-decoration: none;
    text-transform: capitalize;
    margin-top: 10px;
    line-height: 20px;
    word-spacing: 0px;
    padding: 10px;
    font-size: 14px;}


.notshow a {
    font-family: 'Brolly-Ember-Regular';
    display:block;
    text-decoration: none;
	text-transform: capitalize;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left:0px;
	padding-right:0px;
	font-size: 14px;
    color: #FFF;
    margin-top: 10px;
	line-height: 20px;
	word-spacing: 0px;
    letter-spacing:1px;
}

.notshow a:hover {
    color: #FF6600;
	text-decoration: underline;}

.show {
  display: block;}

.edged{
border-radius: 4px;
overflow: hidden;}

.edged img{
	width: 100%;
	background-image:url(../images/hot-deals/hot-deals-header/hot-deals-header.png);}
	
.with-line{
	display: block;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #D6D6D6;}

deal, trending{
    background: #FFF;
	display: block;
	margin:10px;
	border-radius:4px; 
	/*box-shadow: 0 2px 5px 0 rgba(0,0,0,0.05);
	margin-left: 10px;
	margin-right: 10px;*/}

kids, men, female, sports, family, patio, shower-curtain, table-cover, rain-coat, medical-coverall, safety-coverall, car-cover, bed-cover, hand-glove, apron, shopping-bag, face-mask{
	background: #FFF;
	display: block;
	margin-top:10px;
	border-radius:4px; 
	/*box-shadow: 0 2px 5px 0 rgba(0,0,0,0.05);
	margin-left: 10px;
	margin-right: 10px;*/}
	
deal h1, trending h1, kids h1, men h1, female h1, sports h1, family h1, patio h1, shower-curtain h1, table-cover h1, rain-coat h1, medical-coverall h1, safety-coverall h1, car-cover h1, bed-cover h1, hand-glove h1, apron h1, shopping-bag h1, face-mask h1{
	color:#FFF;
	font-family: 'Brolly-Ember-Bold';
	font-weight:700;
	font-size: 14px;
	display:block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;}

deal p, trending p, kids p, men p, female p, sports p, family p, patio p, shower-curtain p, table-cover p, rain-coat p, medical-coverall p, safety-coverall p, car-cover p, bed-cover p, hand-glove p, apron p, shopping-bag p, face-mask p{
	color:#FFF;
	font-family: 'Inter';
	font-weight:300;
	font-size: 12px;
	display:block;
	padding-top:5px;
	padding-bottom: 5px;
	text-transform:capitalize;}

deal p span, trending p span, kids p span, men p span, female p span, sports p span, family p span, patio p span, shower-curtain p span, table-cover p span, rain-coat p span, medical-coverall p span, safety-coverall p span, car-cover p span, bed-cover p span, hand-glove p span, apron p span, shopping-bag p span, face-mask p span{
	font-family: 'Brolly-Ember-Bold';
	font-weight:700;
	color: #000;
	font-size: 12px;
	display:inline-block;
	text-transform:capitalize;
	background: #FFF;
	border-radius: 4px;
	padding-left: 5px;
	padding-right: 5px;}

.row-title{
	width: 70%;
	display:block;
	float:left;}

.see-all{
	width: 30%;
	display:block;
	float:left;
	text-align:right;}

.see-all a{
	text-decoration:none;
	color: #FFF;
	font-family: 'Brolly-Ember-Bold';
	font-weight:700;
	font-size: 14px;
	text-transform: capitalize;}
	

.see-all a:hover{
	text-decoration:underline;}


.deal-hanging-img, .trending-hanging-img, .kids-hanging-img, .female-hanging-img, .sports-hanging-img, .family-hanging-img, .patio-hanging-img{
	height: 50px;
	margin:0;}

.deals, .trend{
    background-color:#FFF;
    margin:10px;
    display:flex;
	overflow:hidden;
	overflow-x: scroll;
	scroll-snap-type: x mandatory;
	scroll-behavior: smooth;
	flex-wrap: nowrap;}

.deals.item{
	scroll-snap-align: center;}

.deal_of_the_day img, .top_trending img {
    width: 100%;
    border-style: none;
    overflow: hidden;}
	

.kid-item a, .ladies-item a, .gents-item a, .sports-item a, .family-item a, .patio-item a, .top_trending a, .shower-curtain-item a, .table-cover-item a, .rain-coat-item a, .medical-coverall-item a, .safety-coverall-item a, .car-cover-item a, .bed-cover-item a, .hand-glove-item a, .apron-item a, .shopping-bag-item a, .face-mask-item a{
	cursor: pointer;
	text-decoration: none;
	color: inherit;}


.top_trending{
	display:inline-block;
	margin:1%;
	padding:1%;
	float: left;
	width:50%;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1);}

.top_trending img{
	transition:ease-in linear all;
	width: 100px;}
	
	
.top_trending img a:hover{
	transition:ease-out linear all;
	width: 150px;
	height: 150px;}	
	

.item{
	display: inline-block;
	box-sizing:border-box;
	margin:2px;
	padding:5px;
	float: left;
	/*border: 2px solid #000;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1);*/}

.item a{}

.item img{
	width: 120px;
    height: 120px;
}

.item h3{
	text-align: left;} 

.item h4{
	text-align: left;} 

/* KIDS */

kids .kid-item{
	display:block;
	float: left;
	}

.kid-item, .ladies-item, .gents-item, .sports-item, .family-item, .patio-item, .shower-curtain-item, .table-cover-item, .rain-coat-item, .medical-coverall-item, .safety-coverall-item, .car-cover-item, .bed-cover-item, .hand-glove-item, .apron-item, .shopping-bag-item, .face-mask-item{
	display:inline-block;
	margin:2%;
	padding:2%;
	float: left;
	width:46%;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1);
	border-radius: 2px;}

.kid-item:hover, .ladies-item:hover, .gents-item:hover, .sports-item:hover, .family-item:hover, .patio-item:hover, .shower-curtain-item:hover, .table-cover-item:hover, .rain-coat-item:hover, .medical-coverall-item:hover, .safety-coverall-item:hover, .car-cover-item:hover, .bed-cover-item:hover, .hand-glove-item:hover, .apron-item:hover, .shopping-bag-item:hover, .face-mask-item:hover{
	 -webkit-animation-delay: 0.5s;
     animation-delay: 0.5s;
	 border-radius: 2px;
	 transition: .4s ease-in-out,-webkit-box-shadow .4s ease-in-out;
	 box-shadow: 0 .25rem .5rem 0 rgba(0,0,0,.12),0 .125rem .25rem 0 rgba(0,0,0,.08);}

kids .kid-item img{
	width: 100%;
	border-style: none;
	display:block;}



.kid-item a{
	cursor: pointer;
	text-decoration: none;
	color: inherit;}



/* FEMALE/LADIES */
female .ladies-item{
	display:block;
	float: left;}

female .ladies-item img{
	width: 100%;
	border-style: none;
	display:block;}





/* GENTS/MEN */
men .gents-item{
	display:block;
	float: left;}


men .gents-item img{
	width: 100%;
	border-style: none;
	display:block;}





/* SPORTS/GOLF */
sports .sports-item{
	display:block;
	float: left;}

sports .sports-item img{
	width: 100%;
	border-style: none;
	display:block;}





/* FAMILY */
family .family-item{
	display:block;
	float: left;}

family .family-item img{
	width: 100%;
	border-style: none;
	display:block;}
	
	
	
	
/* PATIO */
patio .patio-item{
	display:block;
	float: left;}

patio .patio-item img{
	width: 100%;
	border-style: none;
	display:block;}


/* SHOWER CURTAIN */
shower-curtain .shower-curtain-item{
	display:block;
	float: left;}

shower-curtain .shower-curtain-item img{
	width: 100%;
	border-style: none;
	display:block;}


/* TABLE COVER */
table-cover .table-cover-item{
	display:block;
	float: left;}

table-cover .table-cover-item img{
	width: 100%;
	border-style: none;
	display:block;}


/* RAIN COAT */
rain-coat .rain-coat-item{
	display:block;
	float: left;}

rain-coat .rain-coat-item img{
	width: 100%;
	border-style: none;
	display:block;}


/* MEDICAL COVERALL */
medical-coverall .medical-coverall-item{
	display:block;
	float: left;}

medical-coverall .medical-coverall-item img{
	width: 100%;
	border-style: none;
	display:block;}


/* SAFETY COVERALL */
safety-coverall .safety-coverall-item{
	display:block;
	float: left;}

safety-coverall .safety-coverall-item img{
	width: 100%;
	border-style: none;
	display:block;}


/* CAR COVER */
car-cover .car-cover-item{
	display:block;
	float: left;}

car-cover .car-cover-item img{
	width: 100%;
	border-style: none;
	display:block;}


/* BED COVER */
bed-cover .bed-cover-item{
	display:block;
	float: left;}

bed-cover .bed-cover-item img{
	width: 100%;
	border-style: none;
	display:block;}


/* HAND GLOVE */
hand-glove .hand-glove-item{
	display:block;
	float: left;}

hand-glove .hand-glove-item img{
	width: 100%;
	border-style: none;
	display:block;}


/* APRON */
apron .apron-item{
	display:block;
	float: left;}

apron .apron-item img{
	width: 100%;
	border-style: none;
	display:block;}

/* SHOPPING BAG */
shopping-bag .shopping-bag-item{
	display:block;
	float: left;}

shopping-bag .shopping-bag-item img{
	width: 100%;
	border-style: none;
	display:block;}


/* FACE MASK */
face-mask .face-mask-item{
	display:block;
	float: left;}

face-mask .face-mask-item img{
	width: 100%;
	border-style: none;
	display:block;}




.image{
    background-image:url(../images/svg/brollymart_img-bg.svg);
	background-position:center;
	background-origin:content-box;
	background-repeat: no-repeat;
    background-size: contain;
    height:151.22px;
    width:151.22px;}

.name{
	font-family: 'Brolly-Ember-Bold';
	font-weight:300;
	font-size: 12px;
	overflow:hidden;
	text-overflow: ellipsis;
	text-align:left;
	text-decoration: none;
    color: #333;}

.disc{
	    font-family: 'Brolly-Ember-Regular';
    font-weight: 200;
    font-size: 12px;
    color: #999;
	text-align:left;}

ad{
	background: #FFF;
	padding: 10px;
	display:block;
	overflow:auto;
	margin-bottom: 10px;}


ad .advert h3{
	position: relative;
	top: 20px;
	right: 15px;
	color: #FFF;
	font-family: 'Inter';
	font-weight: 800;
	font-size: 8px;
	text-align:right;
	margin:0;}
	

.advert{
	margin:0px;}

.advert h3{
	position: relative;
	top: 20px;
	right: 15px;
	color: #FFF;
	font-family: 'Inter';
	font-weight: 800;
	font-size: 8px;
	text-align:right;
	margin:0;}

.advert img{
	display:block;
	margin:0;
	width:100%;
	height:auto;
	border-radius: 8px;}





.whatsapp {
    position: fixed;
    bottom: 5%;
    right: 2%;
    max-width: 75px;
    max-height: 75px;}


.title h4 .icon{	
	display: block;
	position: absolute;
	right: 2.2rem;	
	-webkit-transform: translate(0,-50%);
	transform: translate(0,-50%);}

.title h4 .icon svg {
    display: inline-block;
    margin-top: -40px;
    vertical-align: middle;
    overflow: visible;}
	

.itsOpen{
	transform: rotate(45deg);	
	transition: all .2s cubic-bezier(.455,.03,.515,.955),visibility 0s;}
	
.ic {
    fill: #FF6600;}
	
.icon{
    margin-top: 8px;
    float: right;}

.product-badge{
    overflow:hidden;
	display:block;
	padding-bottom: 30px;
	background: #9A0000;}

.product-badge-container{
	display:inline-block;
	width:22%;
    margin-left:1%;
    margin-right:1%;}

.product-badge-container h1{
	display:block;
	text-align: center;
	font-family: 'Brolly-Ember-Regular';
	font-weight: 500;
	font-size:10px;
	text-transform:capitalize;
	color: #FFF;}

.product-badge-container img{
    display:block;
	width:75%;
	margin: auto;
	text-align:center;}

.product-badge-container img a{
	text-decoration: none;}

.product-badge-container img a:hover {
	text-decoration: none;}

.product-badge-container h1 a{
	text-decoration: none;
	color: #FFF;}

.product-badge-container h1 a:hover{
	text-decoration: none;	
	color: #FFF;}

.mobile-padder{
	padding-left: 30px;
	padding-right: 30px;}
	



/* About Brollymart menu */

.company-overview, .umbrella-history, .customized-bespoke, .featured-brands{
	background-color:#FFF; 
	overflow: hidden;
	padding-bottom: 150px;}

.company-overview img, .umbrella-history img, .customized-bespoke img, .featured-brands img{
	/*display: block;
	text-align:center;
	padding:16px;
	margin:auto;
	width: 100%;*/}

.company-overview-left-half{}

.company-overview-right-half{
	display:block;
	border-radius:8px;
	padding: 16px;}

.skills{
	display:block;
	margin-left: 0px;
	margin-bottom: 15px;
	overflow:hidden;}

.skills h1{
	display: block;
	font-family: "Brolly-Ember-Bold";
	font-size: 24px;
	display: block;
	padding-top: 0px;
	
	float: left;}

.skills img{
	width: 60%;
	position: relative;
	margin-top: 78px;
	display: block;
	bottom: 0;
	float: right;
	padding: 0px;
	background-position:center;
	background-origin:content-box;
	border-radius: 8px 8px 0 0;}


.about-brollymart-bg{
	/*background-image: url(../images/about-brollymart.svg);
	background-position:top left;
	background-origin:content-box;
	background-repeat: no-repeat;*/}
	
.dashboard-menu{
	padding-top:0px;
	padding-bottom:0px;
	font-family:Inter;
	overflow: hidden;
    background:#75010D;}

.alternate{
    display:block;}

.alternate--switch{
    width:100%;
    display:block;
    position: fixed;
    top:73px;
    z-index:2000;
    border-bottom-width: 3px;
    border-bottom-style: solid;
    border-bottom-color: #FF6600;}
	
.dashboard-menu h2{		
	display:block;
	color: #AEAEAE;
	font-size: 16px;
	line-height: 16px;
	text-align:left;
	margin-left: 25px;
	margin-right: 25px;
	background:#FFF;
	border-radius: 20px;
	padding: 14px;}
	
	.dashboard-menu h2 span{
	display: block;
	color: #333;
	font-size: 20px;
	line-height: -20px;
	text-align: right;
	float: right;
	letter-spacing: 1px;
}	
	
	.dashboard-menu ul{
	margin-left: 10px;
	margin-right: 10px;
	list-style: none;
	overflow: hidden;
	background: none;
	padding: 0;
	}
	
	.dashboard-menu ul li{
	text-decoration: none;
	display: inline-block;
	color: #FFF;
	font-size: 11px;
	cursor: pointer;
	float: left;
	text-align: center;
	padding: 7px;
	}
	
	.dashboard-menu ul li a{
	scroll-behavior: smooth;

}
	
	
	.dashboard-menu ul li a span{
	text-decoration: none;	
	padding-left: 2px;
	color: #EA4324;
	font-size: 18px;
	font-weight: 800;}	


/* DASHBOARD MENU SWITCH CONTROLLERS ! */
/* DASHBOARD MENU SWITCH CONTROLLERS ! */
.sign-in{
	font-family: "Brolly-Ember-Regular";
	font-size: 16px;}
	
.map-container{
	background-color: #F2F2F2;
	overflow:hidden;}

.map-container p{
	font-family: "Brolly-Ember-Regular";
	font-size: 14px;
    line-height: 25px;
    display: block;
	padding-bottom: 20px;
	line-height: 24px;
	background-color: #FFF;}-

.map-container p span{}

.map-container h2{
	font-family: "Brolly-Ember-Bold";
	font-weight: 600;
	font-size: 24px;
	display: block;
	padding-top: 100px;
	padding-bottom: 15px;}

.map-container h2 img{
	display: block;
	float: right;
	width: 40%;
	margin-left: 10%;}

.map-container h3{
	font-family: "Brolly-Ember-Bold";
	font-size: 18px;
	display: block;
	padding-top: 15px;
	padding-bottom: 5px;
	color: #FF6600;}

.hide {
  display: none;}
  
.switcher .here {
  color: #FF6600;
    background: none;
}
	
/* DASHBOARD MENU SWITCH CONTROLLERS ! */
/* DASHBOARD MENU SWITCH CONTROLLERS ! */


.featured-brands-list{
	display: block;}

.featured-brands-list img{
	padding: 3px;
	display: inline-block;
	width: 12%;
	margin: 0;
	}

.email-add{
color: #FF6600;
text-decoration:none;
}

.email-add:hover{
	text-decoration:underline; 	
}

.lg{ display: none;} 
.xs{ display: block; width: 100%;}



/* ORDER QUOTE PAGE */

quote{
	background: #F9F9F9;
	overflow:hidden;
	display: block;}
	
.quote-container{
	margin-top: 10px;
	margin-bottom:20px;
	background: #FFF;
	display:block;
	padding: 10px;
	overflow:hidden;
	}

.quote-container img{
	width: 75%;
	padding-top: 20px;
	padding-bottom: 20px;
	height:auto;
	display:block;
	margin: auto;}

.hold{
    display:block;
    padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: solid #F9F9F9 1px;
    overflow:hidden;}
	
.product-category{
	font-size: 14px;
	font-family: 'Brolly-Ember-Regular';
	display:inline-block;
    width:100%;}

.product-category span{
    display:inline-block;
    float:right;
    width:50%;
    color: #999;}
    
.product-code{
	font-size: 14px;
	font-family: 'Brolly-Ember-Regular';
	display:inline-block;
    width:100%;}

.product-code span{
	display:inline-block;
    float:right;
    width:50%;
    color: #999;}

.product-review{
	font-size: 14px;
	font-family: 'Brolly-Ember-Regular';
	display:inline-block;
    width:100%;}

.product-review span{
	display:inline-block;
    float:right;
    width:50%;
    color: #999;}

.order-quantity{
	font-size: 14px;
	font-family: 'Brolly-Ember-Regular';
	display:inline-block;
    width:100%;}

.order-quantity span{
	display:inline-block;
    float:right;
    width:50%;
    color: #999;}

.product-order{
	margin-top: 20px;
	margin-bottom: 20px;
	display:block;
	overflow:hidden;}

.product-order button{
	font-family: 'Inter';
	width: 100%;
	font-weight: 600;
	text-align: center;
	font-size: 18px;
	border: none;
	outline: none;
	cursor: pointer;
	padding: 15px;
	border-radius: 4px;
    margin-bottom:10px;
    text-decoration:none;
}

.order{
	background-color: #FF6600;
	color:#FFF;
	float: left;}
	
.order:hover{
	transform: scale(0.95);
	transition: all 0.3s ease 0s;
	cursor: pointer;
	background-color: #FF3300;}

#customize a{
	text-decoration:none;}

#customize{
	background-color: #EAEAEA;
    text-decoration:none;
    color: #FF6600;
}
	
#customize:hover{
	transform: scale(0.95);
	transition: all 0.3s ease 0s;
	cursor: pointer;
	background-color: #BCBCBC;
	color:#FFF;
    text-decoration:none;
}


.submit-quote{}

.product-overview{
	display:block;
	padding-bottom: 20px;
	border-top: solid #FF6600 1px; 
	
	}

.product-overview h3{
	display:block;
	margin-bottom: 20px;
	font-size: 24px;
	font-weight: 500;
	font-family: Inter;
	color: #000000;}

.product-overview p{
	border-radius: 0 0 4 4px;
	
	padding:20px;
	}


/*QUANTITY INCREAMENT*/
.value-button {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  padding: 11px 0;
  background: #eee;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.value-button:hover {
  cursor: pointer;
}

#decrease {
  display: inline-block;
  border-radius: 8px 0 0 8px;
  height: 40px;
  width: 40px;
  margin-right: -4px;}

#increase {
  display: inline-block;
  border-radius: 0 8px 8px 0;
  height: 40px;
  width: 40px;
  margin-left: -4px;
  }

input#number {
  text-align: center;
  border: none;
  height: 40px;
  width: 80px;
  white-space: nowrap;
  
  
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}




/* Star Rated review */

.ba6f2_18Jb4 {
    fill: #fba100;
}



/* QUOTE PRODUCT DETAILS ! */

.product-overview-map-container{
	background-color: #F2F2F2;
	overflow:hidden;
	display:block;}

.product-overview-map-container p{
	font-family: 'Inter';
	font-weight: 400;
	font-size: 14px;
	display: block;
	padding-bottom: 20px;
	line-height: 24px;
	background-color: #FFF;}

.product-overview-map-container p span{}

.product-overview-map-container h2{
	font-family: 'Inter';
	font-weight: 600;
	font-size: 24px;
	display: block;
	padding-top: 100px;
	padding-bottom: 15px;}

.product-overview-map-container h2 img{
	display: block;
	float: right;
	width: 40%;
	margin-left: 10%;}

	
.product-overview-map-container h3{
	font-family: 'Inter';
	font-weight: 600;
	font-size: 18px;
	display: block;
	padding-top: 15px;
	padding-bottom: 5px;
	color: #FF6600;}

.hide {
  display: none;}
  
.switcher .here {
  color: #FF6600;}
 
 .product-overview-dashboard-output{
	display:block;
	overflow:hidden;} 
  
  .product-overview-dashboard-menu{
	display:block;
	padding-top:10px;
	padding-bottom:10px;
	font-weight: 600;
	font-family:'Brolly-Ember-Regular';
	border-radius:8px 8px 0px 0px;
	overflow: hidden;
	}

	
	.product-overview-dashboard-menu h2{		
	color: #FFF;
	font-size: 20px;
	padding-left: 40px;
	margin-bottom: 0;}
	
	.product-overview-dashboard-menu h2 span{
	padding-left: 10px;}	
	
	.product-overview-dashboard-menu ul{
	margin: 0;
	list-style: none;
	overflow: hidden;
	background: none;
	padding: 0;
	}
	
	.product-overview-dashboard-menu ul li{
	font-family: 'Brolly-Ember-Regular';
	font-weight: 300;
	text-decoration: none;
	float: left;
	color: #000;
	font-size: 12px;
	cursor: pointer;
	padding-left: 7px;
	padding-right: 7px;
	display:inline-block;}
	
	.product-overview-dashboard-menu ul li a{
	text-decoration: none;	
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;	
	color: #FFF;}
	
	
	.product-overview-dashboard-menu ul li a span{
	text-decoration: none;	
	padding-left: 2px;
	color: #EA4324;
	font-size: 18px;
	font-weight: 800;}
	
	.product-overview-featured-brands-list{
	display: block;
	border: solid #F9F9F9 1px;
	overflow:scroll;
	height: 240px;}
	
	
	.product-overview-featured-brands-list img{
	display: block;
	float:left;
	box-sizing:border-box;
	width: 33.3%;
	margin: 0;
	    padding:0px;
	}
	

/* CUSTOMIZE QUOTE */
#customize-quote-container{
	margin-bottom:40px;
	background: #FFF;
	display:block;
	padding: 10px;
	overflow:hidden;
	}

#customize-quote-container form input[type=text]{
	display:block;
	padding: 20px;}

#customize-quote-container form input[type=number]{
	display:block;
	padding: 20px;}

#customize-quote-container form input[type=email]{
	display:block;
	padding: 20px;}

#customize-quote-container form select {
    width: 70%;
    font-size: 14px;
    padding: 5px;
	border: solid 1px #F9F9F9;
    color: #666;
	font-family:'Brolly-Ember-Regular';}
	
.padded-select-list{
    width:100%;
    display:block;
    box-sizing:border-box;
    padding:10px;
    font-family:'Brolly-Ember-Regular';}	

#customize-quote-container h1 {
    font-weight: 400;
    font-family: 'Brolly-Ember-Bold';
    font-size: 18px;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    background-color: #FF6600;
    color:#FFF;
}

#customize-quote-container form h2{
	font-weight: 400;
	font-family:'Brolly-Ember-Bold';
	font-size: 14px;
	width: 30%;
	float: left;
    line-height:30px;
}


#customize-quote-container img{
	display:block;
	width: 100%;
	margin-bottom:20px;}
	
.margined-20{ 
    margin-left:0px; 
    margin-right:0px;
    box-sizing: border-box;}	

.padded-border {
    border: solid 1px #EEE;
    padding: 10px;}

.get-quote-order{
	background-color: #FF6600;
	float: left;
	font-family: 'Inter';
	font-weight: 600;
	letter-spacing: 1px;
	font-size: 10px;
	color: #FFF;
	display: block;
	text-align: center;
	font-size: 18px;
	border: none;
	outline: none;
	cursor: pointer;
	border-radius: 4px;
	margin-top: 10px;
	line-height:50px;
	width: 100%;}
	
get-quote-order:hover{
	transform: scale(0.95);
	transition: all 0.3s ease 0s;
	cursor: pointer;
	background-color: #FF3300;}

/* DASHBOARD MENU SWITCH CONTROLLERS ! */
/* DASHBOARD MENU SWITCH CONTROLLERS ! */

.sign-in{
    display:block;
    padding-top:30px;
    padding-bottom:60px;
    padding-left:10px;
    padding-right:10px;
    margin-bottom:50px;
	font-family:"Brolly-Ember-Regular";
	font-weight: 300;}

.sign-in p{
    display:block;
    text-align:center;
    letter-spacing: 0.3px;
    font-family: "Brolly-Ember-Regular";
    text-align: center;
    font-weight: 300;
    font-size: 14px;;
    color:#000;}

login, register img{
    padding-top:50px;
    padding-bottom:50px;
    width:40%;
    display:block;
    margin:auto;
    text-align:center;
}


login, register{
	background: #F9F9F9;
	overflow:hidden;
	display: block;
	font-family: 'Brolly-Ember-Regular';}



/* Add padding to containers */
.reg-form-container {
  padding: 20px;
  background-color: #FFF;
  width: 100%;
  margin-left: auto;
  margin-right: auto;}

.reg-form-container h1{
 font-family: "Brolly-Ember-Bold";
 text-align: center;
 font-size: 24px;
 margin-top: 10px;
 margin-bottom: 20px;}


.reg-form-container p{
    display:block;
    padding:24px;
    overflow: hidden;
    border-radius: 4px;
    background:#F8F8F8;
    font-family:"Brolly-Ember-Regular";
    text-align: center;
    font-weight: 300;
    font-size: 14px;
    margin-bottom: 20px;
    color: #000;
    letter-spacing: 0.3px;
    word-spacing: 0.7px;
}
 

.reg-form-container p span{
    width: 30px;
    height: 30px;
    position: absolute;
    background: #F00;
    right: 40px;
    top: 66px;
    display:inline-block;
    border-radius: 4px;
    font-family:"Brolly-Ember-Bold";
    color:#FFF;
    line-height:30px;
    font-size: 16px;
    
} 



 
 .reg-form-container textarea{
    display:block;
    width:100%;
    height: 200px;
    padding:10px;
    word-wrap: break-word;
    color: #202124;
    font-family:"Brolly-Ember-Regular";
    font-size: 12px;
    border-radius: 4px;
    margin: 5px 0 22px 0;}

.reg-form-container label{
    font-family: Brolly-Ember-Bold;}


/* Full-width input fields */
.reg-form-container input[type=text], .reg-form-container input[type=password], .reg-form-container input[type=email], .reg-form-container input[type=date] {
  font-family:"Brolly-Ember-Regular";
  width: 100%;
  padding: 15px;
  margin: 5px 0 22px 0;
  display: inline-block;
  border: none;
  background: #f1f1f1;
  border-radius: 4px;}


.reg-form-container textarea:focus, .reg-form-container input[type=text]:focus, .reg-form-container input[type=password]:focus, .reg-form-container input[type=date]:focus {
    outline: #FF6600 3px solid transparent;
    transition: 180ms box-shadow ease-in-out;
    background-color: #ddd;}


/* Overwrite default styles of hr */
hr {
    display: block;
    unicode-bidi: isolate;
    margin-block-start: 0.5em;
    margin-block-end: 0.5em;
    margin-inline-start: auto;
    margin-inline-end: auto;
    overflow: hidden;
    border-style: inset;
    border-width: 1px;
    margin-top: 20px;
    margin-bottom: 20px;
  
  border-color:#f0f0f0;
}

/* Set a style for the submit button */
.registerbtn {
  background-color: #FF6600;
  font-size:18px;
  color: #FFFFFF;
  padding: 16px 20px;
  margin: 8px 0;
  border: none;
  cursor: pointer;
  width: 100%;
  opacity: 0.9;
  border-radius: 8px;
}

.registerbtn:hover {
  transform: scale(0.95);
  transition: all 0.3s ease 0s;
  cursor: pointer;
}

/* Add a blue text color to links */


/* Set a grey background color and center the text of the "sign in" section */
.signin {
  background-color: #f1f1f1;
  text-align: center;
}

.wrapper{
	display:block;
	overflow: hidden;
	background: #F9F9F9;
	padding: 10px;
	margin:auto;
    width:200px;
}




/* MY ACCOUNT DASHBOARD MENU CONTROLS */

	my-account{
	background: #F9F9F9;
	overflow:hidden;
	display: block;}
	
	my-account .greeting{
	display: inline-block;
	font-family: 'Brolly-Ember-Regular';
	font-size: 14px;
	color: #FF6600;
	line-height:28px;
	padding-top: 10px;
	padding-right: 10px;}
	
	my-account .greeting img{
	width: 18px;
    height: 18px;
    margin: 8px;
    float: left;}
	
	my-account .greeting span{
	line-height:15px;
	display: inline-block;
	margin: 8px;
	font-family: 'Brolly-Ember-Regular';
	font-size: 14px;
	color: #000;
	text-transform: Capitalize;}
	
	my-account .logout{
	display: block;
	font-family: Inter;
	font-size: 12px;
	color: #000000;}
	
	my-account .logout a{
	text-decoration: none;}
	
	my-account .logout a {
	text-decoration:none;}
	
	my-account .logout span{
	display:inline-block;}
	
	my-account .logout img{
	margin-top:10px;
	margin-bottom:10px;
	width:80px;
    float:right;}
	
	.my-account-overview{
	display:block;
	overflow: hidden;}

	.my-account-map-container{
	/*background-color: #F2F2F2;*/
	overflow:hidden;}

	.my-account-map-container p{
	font-family: 'Brolly-Ember-Regular';
	font-weight: 200;
	font-size: 12px;
	display: block;
	padding: 5px;
	line-height: 24px;
	background-color: #FFF;}

	.my-account-map-container p span{
	left: 120px;
	width: 100%;
	box-sizing:border-box;
	padding-left: 10px;
	padding-right: 10px;
	border-radius: 4px;
	background:  #F9F9F9;
	position: absolute;
	display: inline-block;}

	.my-account-map-container h2{
	font-family: 'Inter';
	font-weight: 600;
	font-size: 24px;
	display: block;
	padding-top: 100px;
	padding-bottom: 15px;}

	.my-account-map-container h2 img{
	display: block;
	float: right;
	width: 40%;
	margin-left: 10%;}

	.my-account-map-container h3{
	font-family: 'Inter';
	font-weight: 600;
	font-size: 18px;
	display: block;
	padding-top: 15px;
	padding-bottom: 5px;
	color: #FF6600;}

	.my-account-dashboard-output{
	display:block;
	overflow:hidden;
	padding-top: 20px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
	margin-bottom: 20px;
	margin-left: 8px;
	margin-right: 8px;
	margin-bottom: 20px;
	background: #FFF;
	font-family:Inter;
	font-size: 12px;
	border-radius:0px 0px 8px 8px;} 
  
	.my-account-dashboard-menu{
	display:block;
	font-weight: 600;
	font-family:Inter;
	border-radius:8px 8px 0px 0px;
	overflow: hidden;
	background: #000;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;}
	
	.my-account-dashboard-menu h2{		
	color: #FFF;
	font-size: 20px;
	padding-left: 40px;
	margin-bottom: 0;}
	
	.my-account-dashboard-menu h2 span{
	padding-left: 10px;}	
	
	.my-account-dashboard-menu ul{
	margin: 0;
	list-style: none;
	overflow: hidden;
	background: none;
	padding: 0;}
	
	.my-account-dashboard-menu ul li{
	text-decoration: none;
	text-align: center;
	float: left;
	color: #FFF;
	font-size: 12px;
	cursor: pointer;
	display:inline-block;
	font-family:'Brolly-Ember-Regular';
	font-weight:200;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
	border-radius: 6px 6px 0px 0px;}
	
	.my-account-dashboard-menu ul li a{
	text-decoration: none;	
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;	
	color: #FFF;
	font-size: 18px;}
	
	
	.my-account-dashboard-menu ul li a span{
	text-decoration: none;	
	padding-left: 2px;
	color: #EA4324;
	font-size: 18px;
	font-weight: 800;}
	


/* COLLAPSIBLE STARTS HERE */	

.collapsible {
    background-color: #9A0000;
    color: white;
    cursor: pointer;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 100%;
    border: none;
    border-radius: 0px !important;
    text-align: left;
    outline: none;
    font-size: 14px;
    line-height:30px;
    text-decoration: none;
    font-family: 'Brolly-Ember-Bold';}

.collapsible:after {
  content: '\271A';
  color: white;
  background-color: #900000;
  text-align: center;
  font-size: 14px;
  line-height:14px;
  margin:auto;
  float: right;
  padding:10px;
  border-radius:50px;
  font-family: 'Brolly-Ember-Bold';}

.active:after {
  content: "\2796";
  font-family: 'Brolly-Ember-Bold';
  color: white;
  font-weight: bold;
}

.active{
  background-color: #9A0000;}

.collapsible:hover {
   background-color: #4A0108;}



.content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  background-color: #9A0000;}
	
	
}



@media screen and (min-width: 481px) and (max-width: 768px){
	
	.img-xs{
	display: block;
	height: 200px;}

.img-lg{
	display: none;}
	
	
	body{
	background-color: #F5F5F5;	
	}

header{
	display: block;
	width: 100%;
	background: #F00;
	padding-top: 10px;
	overflow:auto;
	z-index:1000;}

.header--switch{
	position: fixed;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #FF6600;
	}
	

.search-bar{
	display: block;}

.search-bar--switch{
	display: none;}


header name logo{
	display: block;
	width: 100%;
	background: #FFFFFF;
	padding-top: 10px;
	overflow:hidden;}
	
.sidenav name logo{
	display: block;
	width: 100%;
	background: #FFFFFF;
	
	overflow:hidden;}

header a{
	text-decoration: none;
	text-align: center;}

header name{
	font-family: 'Inter';
	text-transform: capitalize;
	text-align: center;
	color: #BBBBBB;
	font-size: 19px;
	display: block;
	font-weight: 800;}

header name img{
	width: 200px;
	text-align:center;
	display:block;
	padding-top: 10px;
	margin:auto;}

.ham-padder{
	float: right !important;
	padding-right: 20px !important;}

.ribbon{
	display: block;
	overflow: hidden;
	background: #FF6600;
    background-repeat: repeat;
    background-image: none;
    background-size: auto;
	background-image: url(../images/svg/ribbon_bg.svg);
	background-repeat: repeat-x;
	background-size: cover;
	padding-top: 10px;
	padding-bottom: 10px;}

.ribbon--switch{
	display: none;}


.ribbon-left{
	display:none;}

.ribbon-left p{
	display:none;
	font-family: 'Brolly-Ember-Regular';
	font-size: 16px;
	color: #FFF;
	font-weight:600;}
	
.ribbon-right{
	width: 100% !important;
	float: left !important;
	text-align:center !important;
	}

.ribbon-right a{
	text-decoration: none;
	font-family: 'Brolly-Ember-Bold';
	font-size: 14px;
	color: #FFF;
	font-weight:600;
	margin-left:8px;
	margin-right:8px;
	text-transform:capitalize;}

.ribbon-right a:hover{
	text-decoration:underline;}


.sidenav name img{
	width: 100%;
	text-align:center;
	display:block;
	padding-top: 20px;
	overflow:hidden}



.jumps{
	display:block;}



/* THE SEARCH FORM */
form.example input[type=text] {
  font-family: 'Brolly-Ember-Regular';
  padding-left: 10px;
  padding-right: 8px;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 13px;
  border: 1px solid grey;
  float: left;
  width: 85%;
  background: #fff;
  border-radius: 8px 0 0 8px;
  border-top: 1px #E5E5E5 solid;
  border-left: 1px #E5E5E5 solid;
  border-bottom: 1px #E5E5E5 solid;
  border-right: none;}

form.example button {
  float: left;
  width: 15%;
  padding: 8px;
  background: #FF6600;
  color: white;
  font-size: 13px;
  border: 1px solid grey;
  border-left: none;
  cursor: pointer;
  border-radius: 0 8px 8px 0;
  border: 1px #FF6600 solid;
}

form.example button:hover {
  background: #0b7dda;
}

form.example::after {
  content: "";
  clear: both;
  display: table;
}







/*Resize the wrap to see the search bar change!*/
.wrap{
  width: 100%;
  margin:auto;

}


.static-banner{
	margin: 0;
	box-sizing:content-box;}

.static-banner img{
	width: 100%;
	}

.sales-flash, .sales-flash p{
	font-family: 'Univers-LT-W02-47-Light-Condensed'; 
	font-size: 11px; 
	text-align: left;
	letter-spacing: .03em;
	line-height: 1.5; 
	color: #FFF;
	font-weight:500;
	text-transform:uppercase;}
	
middle{
	display: block;
	background-color: #FFF;	
	/*background-image:url(../images/pattern-bg/water-drops-2.png);
	background-repeat:repeat;
	background-position:top left;
	background-attachment:fixed;*/}

footer{
	display: block;
	width: 100%;
	padding-bottom: 20px;
	overflow: auto;
	background-color: #232323;
	}

.footer-cala{
	display: block;
	background: none;}

.newsletter{
	background-color: #000000;
	padding-top:40px;
	padding-bottom:40px;
}

.newsletter-form{
	display:block;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;
	padding-top:0;}

.newsletter-form h1{
	color: #FFF;
	font-family: 'Brolly-Ember-Bold';
	font-weight:700;
	font-size: 16px;
	text-transform: uppercase;}

.newsletter-form h2{
	color: #FFF;
	font-family: "Inter";
	font-size: 11px;
	padding-top: 10px;
	padding-bottom: 15px;
	font-weight: 400;
}

.newsletter-form input[type=email]{
	padding: 10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width:75%;
	float: left;
	border-radius: 4px 0 0 4px;}

.newsletter-form input[type=submit]{
	font-family: 'Inter';
	font-weight:600;
	font-size: 13px;
	color:#FFF;
	text-transform:uppercase;
	background: #FF6600!important;
	text-transform:uppercase;
	padding: 10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width:25%;
	float: left;
	text-align:center;
	border-radius: 0 5px 5px 0;}

.scroll-to-top{}

.scroll-to-top button{}

#myBtn {
  font-family: 'Inter';
  font-weight:600;
  letter-spacing: 1px;
  font-size: 10px;
  color:#FFF;
  text-transform:uppercase;
  display: block;
  margin:auto;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background: none;
  cursor: pointer;
  padding-top: 30px;
  border-radius: 4px;
}



.footer-logo{
	padding-left:20px;
	padding-right:20px;}

.footer-logo img{
	width: 170px;
	text-align:center;
	display:block;
	margin:auto;
	padding-top: 20px;
	padding-bottom: 20px;}

footer p{
	font-family: 'Brolly-Ember-Bold';
	text-align: center;
	color: #FFF;
	font-size: 13px;
	display: block;
	padding-top: 20px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	text-transform: uppercase;}

footer a{
	font-family: 'Inter';
	text-decoration: none;
	padding-left: 7px;
	padding-right: 7px;
	font-size: 11px;
	color: #FFF;
	display: inline-block;
	margin: 0;
	line-height: 20px;	
}

footer a:hover{
	text-decoration: underline;}	

.mobile-social{
	display: block;
	margin-top: 20px;
	margin-bottom: 20px;
	overflow: hidden;}

.copy-right{
	text-align: left;}
	
.credit{
	text-align: right;}

.credit a{
	text-decoration: none !important;
	line-height: 0px !important;
	color:#FFF !important;
	text-transform: lowercase !important;
	font-weight: 300 !important;}


.dtbm{
	padding-top:20px;
	padding-bottom:0px;
	}	

.ffk{
	padding-top:0px;	
	padding-bottom:10px;}
		
website, phone, email, address{
	display:block !important;}	

website p, phone p, email p, address p{
	display:block;
	color: #FFF;
	font-family: 'Inter';
	font-size:11px;
	text-align: left;
	margin:0;
	padding: 0px;
	text-transform: none;
	font-weight: 300;
	float: left;}


website img, phone img, email img, address img{
	width: 20px;
	display: block;
	fill: #fff;}

.main{
	padding-left: 20px;
	padding-right: 20px;}

.nohide{
	padding-top: 20px;}
	
.title{
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #404040;
}
	
.title h4{
	display: block;
	color: #FFF;
	font-family: 'Brolly-Ember-Bold';
	font-size: 15px;
	text-align: left;
	font-weight: 500;
	cursor: pointer;
	} 
 
.notshow {
  display: none;
}

.notshow p{
	text-align: left;
	font-family: Inter;
	font-size: 12px;
	padding-top: 0px;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0px;
	margin-bottom: 10px;
	text-transform: none;
	font-weight: 300;
	word-spacing: 2px;
	}

.notshow a {
    font-family: 'Inter';
    text-decoration: none;
	text-transform: capitalize;
    padding-left: 0px;
    padding-right: 7px;
    font-size: 12px;
    color: #FFF;
    display: block;
    margin: 0;
	line-height: 20px;
	word-spacing: 0px;}

.notshow a:hover {
    color: #FF6600;
	text-decoration: underline;
    }

.show {
  display: block;
}


.edged{
border-radius: 4px;
overflow: hidden;}

.edged img{
	width: 100%;
	background-image:url(../images/hot-deals/hot-deals-header/hot-deals-header.png)}
	
.with-line{
	display: block;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #D6D6D6;
}


deal, trending, kids, men, female, sports, family, patio{
	background: #FFF;
	display: block;
	margin-bottom: 10px;
	padding-top:0;
	padding-bottom: 20px;
	border-radius:4px; 
	/*box-shadow: 0 2px 5px 0 rgba(0,0,0,0.05);
	margin-left: 10px;
	margin-right: 10px;*/}
	
deal h1, trending h1, kids h1, men h1, female h1, sports h1, family h1, patio h1{
	font-family: 'Brolly-Ember-Bold';
	font-weight:700;
	font-size: 18px;
	display:block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	}

deal p, trending p, kids p, men p, female p, sports p, family p, patio p{
	font-family: 'Inter';
	font-weight:300;
	font-size: 12px;
	display:block;
	padding-top:5px;
	padding-bottom: 5px;
	text-transform:capitalize;
	}

deal p span, trending p span, kids p span, men p span, female p span, sports p span, family p span, patio p span{
	font-family: 'Brolly-Ember-Bold';
	font-weight:700;
	color: #000;
	font-size: 12px;
	display:inline-block;
	text-transform:capitalize;
	background: #FFF;
	border-radius: 4px;
	padding-left: 5px;
	padding-right: 5px;
	}

.row-title{
	width: 70%;
	display:block;
	float:left;}

.see-all{
	width: 30%;
	display:block;
	float:left;
	text-align:right;}

.see-all a{
	text-decoration:none;
	color: #FFF;
	font-family: 'Brolly-Ember-Bold';
	font-weight:700;
	font-size: 14px;
	text-transform: capitalize;}
	

.see-all a:hover{
	text-decoration:underline;}


.deal-hanging-img, trending-hanging-img, kids-hanging-img, female-hanging-img, sports-hanging-img, family-hanging-img, patio-hanging-img{
	height: 50px;
	margin:0;
	}

.deals, .trend{
	display:flex;
	overflow:hidden;
	overflow-x: scroll;
	scroll-snap-type: x mandatory;
	scroll-behavior: smooth;
	flex-wrap: nowrap;}

.deals.item{
	scroll-snap-align: center;}

.deal_of_the_day img, .top_trending img {
    width: 100%;
    border-style: none;
    overflow: hidden;}
	

.kid-item a, .ladies-item a, .gents-item a, .sports-item a, .family-item a, .patio-item a, .top_trending a{
	cursor: pointer;
	text-decoration: none;
	color: inherit;}


.top_trending{
	display:inline-block;
	margin:1%;
	padding:1%;
	float: left;
	width:50%;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1);}

.top_trending img{
	transition:ease-in linear all;
	width: 100px;}
	
	
.top_trending img a:hover{
	transition:ease-out linear all;
	width: 150px;
	height: 150px;}	
	

.item{
	margin:1%;
	padding:1%;
	float: left;
	width:24%;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1);}

.item a{}

.item img{
	width: 100px;}

.item h3 h4{
	text-align: left;} 



/* KIDS */

kids .kid-item{
	display:block;
	float: left;
	}


kids .kid-item img{
	width: 112px;
	border-style: none;
	display:block;}



.kid-item a{
	cursor: pointer;
	text-decoration: none;
	color: inherit;}



/* FEMALE/LADIES */
female .ladies-item{
	display:block;
	float: left;}

female .ladies-item img{
	width: 112px;
	border-style: none;
	display:block;}





/* GENTS/MEN */
men .gents-item{
	display:block;
	float: left;}


men .gents-item img{
	width: 112px;
	border-style: none;
	display:block;}





/* SPORTS/GOLF */
sports .sports-item{
	display:block;
	float: left;}

sports .sports-item img{
	width: 112px;
	border-style: none;
	display:block;}





/* family */
family .family-item{

	display:block;
	float: left;}

family .family-item img{
	width: 112px;
	border-style: none;
	display:block;}
	
	
	
	
/* PATIO */
patio .patio-item{
	display:block;
	float: left;}

patio .patio-item img{
	width: 112px;
	border-style: none;
	display:block;}




.image{}

.name{
	font-family: 'Inter';
	font-weight:500;
	font-size: 12px;
	overflow:hidden;
	text-overflow: ellipsis;
	text-align:center;}

.disc{
	font-family: 'Inter';
	font-weight: 500;
	font-size: 12px;
	color: #FF6600;
	text-align:center;}

ad{
	background: #FFF;
	padding: 10px;
	display:block;
	overflow:auto;
	margin-bottom: 10px;}


ad .advert h3{
	position: relative;
	top: 20px;
	right: 15px;
	color: #FFF;
	font-family: 'Inter';
	font-weight: 800;
	font-size: 8px;
	text-align:right;
	margin:0;}
	

.advert{
	margin:0px;}

.advert h3{
	position: relative;
	top: 20px;
	right: 15px;
	color: #FFF;
	font-family: 'Inter';
	font-weight: 800;
	font-size: 8px;
	text-align:right;
	margin:0;}

.advert img{
	display:block;
	margin:0;
	width:100%;
	height:auto;
	border-radius: 8px;}



/* NAV */
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}


.nav-toggle {
  width: 20px;}

.nav-toggle input {
  display: none;
}

.nav-toggle input + label {
  display: block;
  padding: 20px;
  /*background-color: #CECECE;*/
  position: relative;
  cursor: pointer;
}

.nav-toggle input + label::before,
.nav-toggle input + label::after {
  content: "";
  height: 2px;
  background: #FF6600;
  position: absolute;
  left: 20%;
  transition: 0.3s all cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.nav-toggle input + label::before {
  top: 37%;
  width: 70%;
}

.nav-toggle input + label::after {
  top: 55%;
  width: 70%;
}

.nav-toggle input:checked + label::before {
  transform: rotate(45deg);
  top: 30%;
  width: 70%;
}

.nav-toggle input:checked + label::after {
  transform: rotate(-45deg);
  top: 30%;
}

.sidenav {
	position: fixed;
	left: 0;
	top: 0;
	width: 0;
	height: 100vh;
	background-color: #FFF;
	transition: 0.3s all cubic-bezier(0.175, 0.885, 0.32, 1.275);
	align-items: center;
	overflow-x: hidden;
	overflow-y: auto;
	flex-direction: column;
	z-index: 99999;
	overflow-y: auto;
	overflow: scroll;}


.sidenav h1 {
	display: block;
	font-family: 'Brolly-Ember-Bold';
	font-size: 16px;
	font-weight: 600;
	text-transform:uppercase;
	width: 100%;
	padding: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E9E9E9;}

.sidenav h2 {
	display: block;
	font-family: 'Brolly-Ember-Regular';
	font-size: 16px;
	font-weight:100;
	text-align: left !important;
	color: #FF6600;
	padding: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E9E9E9;}

.sidenav h2 span{
	display: block;
	float:left;
	text-align: right!important;
	font-family: 'Brolly-Ember-Italic';
	font-size: 12px;
	font-weight: 100;
	text-transform:lowercase;
	width: 50%;
	padding: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E9E9E9;}

.sidenav-links {
  width: 100%;
  padding: 20px;
  cursor: pointer;}
  
  
.sidenav-links h1 {
	display: block;
	font-family: 'inter', sans-serif;
	font-size: 12px;
	font-weight: 800;
	width: 100%;
	padding: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E9E9E9;
}

.sidenav-links-item{
	display:block;
    margin-top: 12px;
    margin-bottom: 12px;
}

.sidenav-links-item a{
	color: #555559;
	text-decoration: none;}



.sidenav-links-item img{
	display:inline-block;
	margin-left: 0px;
	margin-right: 15px;
    width: 20px;
    height:20px;
    float: left;
    fill: #000000;
}

.sidenav-links-item span{
	display:inline-block;
    color: #555559;
    text-decoration: none;
    font-family: 'Brolly-Ember-Regular';
    font-size:14px;
}

.sidenav-links-item span:hover .sidenav-links-item a:hover{
	display:inline-block;
    color: #FF6600;
    text-decoration: none;
}

.nav-toggle input:checked + label + .sidenav {
  width: 260px;
}

.whatsapp {
    position: fixed;
    bottom: 5%;
    right: 2%;
    max-width: 75px;
    max-height: 75px;}


.title h4 .icon{	
	display: block;
	position: absolute;
	right: 2.2rem;	
	-webkit-transform: translate(0,-50%);
	transform: translate(0,-50%);}

.title h4 .icon svg {
    display: inline-block;
    margin-top: -40px;
    vertical-align: middle;
    overflow: visible;}
	

.itsOpen{
	transform: rotate(45deg);	
	transition: all .2s cubic-bezier(.455,.03,.515,.955),visibility 0s;}
	
.ic {
    fill: #FF6600;}
	
.icon{
	margin-left: 16px;
	margin-top: 10px;}

.product-badge{
	display:block;
	padding-top: 20px;
	padding-bottom: 20px;
	background: #FF6600;
	margin-bottom: 10px;}

.product-badge-container{
	display:inline-block;
	margin: 5px;
	width:13.5%;}

.product-badge-container h1{
	display:block;
	text-align: center;
	font-family: 'Inter';
	font-weight: 500;
	font-size:10px;
	margin-top: 20px;
	text-transform:capitalize;
	color: #FFF;}

.product-badge-container img{
	width:100%;
	margin: auto;
	text-align:center;
	float:left;}

.product-badge-container img a{
	text-decoration: none;}

.product-badge-container img a:hover {
	text-decoration: none;}

.product-badge-container h1 a{
	text-decoration: none;
	color: #FFF;}

.product-badge-container h1 a:hover{
	text-decoration: none;	
	color: #FFF;}

.mobile-padder{
	padding-left: 40px;
	padding-right: 40px;}
	



/* About Brollymart menu */

.company-overview, .umbrella-history, .customized-bespoke, .featured-brands{
	background-color:#FFF; 
	overflow: hidden;
	padding-bottom: 150px;}

.company-overview img, .umbrella-history img, .customized-bespoke img, .featured-brands img{
	display: block;
	text-align:center;
	padding:16px;
	margin:auto;
	width: 100%;}

.company-overview-left-half{}

.company-overview-right-half{
	display:block;
	border-radius:8px;
	padding: 16px;}

.skills{
	display:block;
	margin-left: 0px;
	margin-bottom: 15px;
	overflow:hidden;}

.skills h1{
	display: block;
	font-family: 'Inter';
	font-weight: 600;
	font-size: 24px;
	display: block;
	padding-top: 0px;
	float: left;}

.skills img{
	width: 60%;
	position: relative;
	margin-top: 78px;
	display: block;
	bottom: 0;
	float: right;
	padding: 0px;
	background-position:center;
	background-origin:content-box;
	border-radius: 8px 8px 0 0;}


.about-brollymart-bg{
	/*background-image: url(../images/about-brollymart.svg);
	background-position:top left;
	background-origin:content-box;
	background-repeat: no-repeat;*/}
	
.dashboard-menu{
	padding-top:20px;
	padding-bottom:20px;
	font-family:Inter;
	border-radius:8px;
	overflow: hidden;}

	
	.dashboard-menu h2{		
	display:block;
	color: #AEAEAE;
	font-size: 16px;
	line-height: 16px;
	text-align:left;
	margin-left: 25px;
	margin-right: 25px;
	background:#FFF;
	border-radius: 20px;
	padding: 14px;}
	
	.dashboard-menu h2 span{
	display: block;
	color: #333;
	font-size: 20px;
	line-height: -20px;
	text-align: right;
	float: right;
	letter-spacing: 1px;}	
	
	.dashboard-menu ul{
	margin-left: 20px;
	margin-right: 20px;
	list-style: none;
	overflow: hidden;
	background: none;
	padding: 0;}
	
	.dashboard-menu ul li{
	text-decoration: none;
	width: 45%;
	display: inline-block;
	color: #FFF;
	font-size: 12px;
	cursor: pointer;
	float: left;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #999999;
	border-radius: 50px;
	margin: 2%;}
	
	.dashboard-menu ul li a{
	text-decoration: none;	
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;	
	color: #FFF;
	font-size: 18px;}
	
	
	.dashboard-menu ul li a span{
	text-decoration: none;	
	padding-left: 2px;
	color: #EA4324;
	font-size: 18px;
	font-weight: 800;}	



/* DASHBOARD MENU SWITCH CONTROLLERS ! */
/* DASHBOARD MENU SWITCH CONTROLLERS ! */

.map-container{
	background-color: #F2F2F2;
	overflow:hidden;}

.map-container p{
	font-family: 'Inter';
	font-weight: 400;
	font-size: 14px;
	display: block;
	padding-bottom: 20px;
	line-height: 24px;
	background-color: #FFF;}

.map-container p span{}

.map-container h2{
	font-family: 'Inter';
	font-weight: 600;
	font-size: 24px;
	display: block;
	padding-top: 100px;
	padding-bottom: 15px;}

.map-container h2 img{
	display: block;
	float: right;
	width: 40%;
	margin-left: 10%;}

	
.map-container h3{
	font-family: 'Inter';
	font-weight: 600;
	font-size: 18px;
	display: block;
	padding-top: 15px;
	padding-bottom: 5px;
	color: #FF6600;}

.hide {
  display: none;}
  
.switcher .here {
  color: #FF6600;}
	
/* DASHBOARD MENU SWITCH CONTROLLERS ! */
/* DASHBOARD MENU SWITCH CONTROLLERS ! */


.featured-brands-list{
	display: block;}

.featured-brands-list img{
	padding: 3px;
	display: inline-block;
	width: 12%;
	margin: 0;}

.email-add{
color: #FF6600;}

.email-add:hover{
	text-decoration:underline;}

.lg{ display: block; width: 100%;}
.xs{ display: none;}



/* ORDER QUOTE PAGE */

quote{
	background: #F9F9F9;
	padding: 20px;
	overflow:hidden;
	display: block;}
	
.quote-container{
	margin-top: 40px;
	margin-bottom:40px;
	background: #FFF;
	display:block;
	padding: 40px;
	overflow:hidden;}
	
.product-category{
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom: solid #F9F9F9 1px;
	font-size: 24px;
	font-weight: 500;
	font-family: Inter;
	display:block;}

.product-code{
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom: solid #F9F9F9 1px;
	font-weight: 500;
	font-family: Inter;
	display:block;
	color: #DBDBDB;}

.product-code span{
	padding-left: 10px;
	font-weight: 500;
	font-family: Inter;
	display:inline-block;
	color: #000000;}

.product-review{
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom: solid #F9F9F9 1px;
	font-weight: 500;
	font-family: Inter;
	display:block;}

.product-review span{
	padding-left: 10px;
	font-weight: 500;
	font-family: Inter;
	display:inline-block;}

.order-quantity{
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom: solid #F9F9F9 1px;
	margin-bottom: 20px;
	display:block;
	font-weight: 500;
	font-family: Inter;}

.order-quantity span{
	display:inline-block;
	margin-left: 10px;}

.product-order{
	margin-top: 20px;
	margin-bottom: 20px;
	display:block;
	overflow:hidden;}

.product-order button{
	font-family: 'Inter';
	width: 95%;
	font-weight: 600;
	letter-spacing: 1px;
	font-size: 10px;
	color: #FFF;
	display: block;
	text-align: center;
	font-size: 18px;
	border: none;
	outline: none;
	cursor: pointer;
	padding: 15px;
	border-radius: 4px;}

.order{
	background-color: #FF6600;
	float: left;}
	
.order:hover{
	transform: scale(0.95);
	transition: all 0.3s ease 0s;
	cursor: pointer;
	background-color: #FF3300;}


.customize{
	background-color: #EAEAEA;
	float: right;}
	
.customize:hover{
	transform: scale(0.95);
	transition: all 0.3s ease 0s;
	cursor: pointer;
	background-color: #BCBCBC;}


.submit-quote{}

.product-overview{
	display:block;
	padding-top: 20px;
	padding-bottom: 20px;
	border: solid #F9F9F9 1px; 
	height: 300px;}

.product-overview h3{
	display:block;
	margin-bottom: 20px;
	font-size: 24px;
	font-weight: 500;
	font-family: Inter;
	color: #000000;}

.product-overview p{
	border-radius: 0 0 4 4px;
	
	padding:20px;
	}


/*QUANTITY INCREAMENT*/
.value-button {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  padding: 11px 0;
  background: #eee;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.value-button:hover {
  cursor: pointer;
}

#decrease {
  display: inline-block;
  border-radius: 8px 0 0 8px;
  height: 40px;
  width: 40px;
  margin-right: -4px;}

#increase {
  display: inline-block;
  border-radius: 0 8px 8px 0;
  height: 40px;
  width: 40px;
  margin-left: -4px;}

input#number {
  text-align: center;
  border: none;
  height: 40px;
  width: 80px;
  white-space: nowrap;}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}




/* Star Rated review */

.ba6f2_18Jb4 {
    fill: #fba100;
}



/* QUOTE PRODUCT DETAILS ! */

.product-overview-map-container{
	background-color: #F2F2F2;
	overflow:hidden;}

.product-overview-map-container p{
	font-family: 'Inter';
	font-weight: 400;
	font-size: 14px;
	display: block;
	padding-bottom: 20px;
	line-height: 24px;
	background-color: #FFF;}

.product-overview-map-container p span{}

.product-overview-map-container h2{
	font-family: 'Inter';
	font-weight: 600;
	font-size: 24px;
	display: block;
	padding-top: 100px;
	padding-bottom: 15px;}

.product-overview-map-container h2 img{
	display: block;
	float: right;
	width: 40%;
	margin-left: 10%;}

	
.product-overview-map-container h3{
	font-family: 'Inter';
	font-weight: 600;
	font-size: 18px;
	display: block;
	padding-top: 15px;
	padding-bottom: 5px;
	color: #FF6600;}

.hide {
  display: none;}
  
.switcher .here {
  color: #FF6600;}
 
 .product-overview-dashboard-output{
	display:block;
	overflow:hidden;} 
  
  .product-overview-dashboard-menu{
	display:block;
	padding-top:10px;
	padding-bottom:30px;
	font-weight: 600;
	font-family:Inter;
	border-radius:8 8 0 0px;
	overflow: hidden;
	}

	
	.product-overview-dashboard-menu h2{		
	color: #FFF;
	font-size: 20px;
	padding-left: 40px;
	margin-bottom: 0;}
	
	.product-overview-dashboard-menu h2 span{
	padding-left: 10px;}	
	
	.product-overview-dashboard-menu ul{
	margin: 0;
	list-style: none;
	overflow: hidden;
	background: none;
	padding: 0;
	}
	
	.product-overview-dashboard-menu ul li{
	text-decoration: none;
	float: left;
	color: #DDD;
	font-size: 18px;
	cursor: pointer;
	padding-left: 20px;
	padding-right: 20px;
	display:inline-block;}
	
	.product-overview-dashboard-menu ul li a{
	text-decoration: none;	
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;	
	color: #FFF;
	font-size: 18px;}
	
	
	.product-overview-dashboard-menu ul li a span{
	text-decoration: none;	
	padding-left: 2px;
	color: #EA4324;
	font-size: 18px;
	font-weight: 800;}
	
	.product-overview-featured-brands-list{
	display: block;
	border: solid #F9F9F9 1px;
	overflow:scroll;
	height: 240px;}
	
	
	.product-overview-featured-brands-list img{
	display: inline-block;
	width: 17%;
	margin: 1%;}
	

/* CUSTOMIZE QUOTE */
#customize-quote-container{
	margin-bottom:40px;
	background: #FFF;
	display:block;
	padding: 40px;
	overflow:hidden;
	}

#customize-quote-container form input[type=text]{
	display:block;
	padding: 20px;}

#customize-quote-container form input[type=number]{
	display:block;
	padding: 20px;}

#customize-quote-container form input[type=email]{
	display:block;
	padding: 20px;}

#customize-quote-container form select {
    width: 100%;
    font-size: 14px;
    padding: 5px;
	border: solid 1px #F9F9F9;
    color: #666;
	font-family:Inter;}

#customize-quote-container form h2{
	font-weight: 400;
	font-family:Inter;
	font-size: 16px;
	padding-bottom: 5px;}


#customize-quote-container img{
	display:block;
	width: 80%;}
	

.padded-border {
    border: solid 1px #EEE;
    padding: 10px;}

.get-quote-order{
	background-color: #FF6600;
	float: left;
	font-family: 'Inter';
	font-weight: 600;
	letter-spacing: 1px;
	font-size: 10px;
	color: #FFF;
	display: block;
	text-align: center;
	font-size: 18px;
	border: none;
	outline: none;
	cursor: pointer;
	border-radius: 4px;
	margin: 10px;
	line-height:50px;
	width: 150px;}
	
get-quote-order:hover{
	transform: scale(0.95);
	transition: all 0.3s ease 0s;
	cursor: pointer;
	background-color: #FF3300;}

/* DASHBOARD MENU SWITCH CONTROLLERS ! */
/* DASHBOARD MENU SWITCH CONTROLLERS ! */



login, register{
	background: #F9F9F9;
	overflow:hidden;
	display: block;
	font-family:Inter;}


/* Add padding to containers */
.reg-form-container {
  padding: 40px;
  background-color: #FFF;
  width: 500px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 40px;
  margin-bottom: 40px;
}

.reg-form-container h1{
 font-family: Inter;
 text-align: center;}


/* Full-width input fields */
.reg-form-container input[type=text], .reg-form-container input[type=password] {
  width: 100%;
  padding: 15px;
  margin: 5px 0 22px 0;
  display: inline-block;
  border: none;
  background: #f1f1f1;
}

.reg-form-container input[type=text]:focus, .reg-form-container input[type=password]:focus {
  background-color: #ddd;
  outline: none;
}

/* Overwrite default styles of hr */
hr {
  border: 1px solid #F9F9F9;
  margin-bottom: 20px;
}

/* Set a style for the submit button */
.registerbtn {
  background-color: #FF6600;
  color: white;
  padding: 16px 20px;
  margin: 8px 0;
  border: none;
  cursor: pointer;
  width: 100%;
  opacity: 0.9;
}

.registerbtn:hover {
  opacity: 1;
}

/* Add a blue text color to links */
a {
  color: dodgerblue;
  text-decoration:none;
}

/* Set a grey background color and center the text of the "sign in" section */
.signin {
  background-color: #f1f1f1;
  text-align: center;
}

.wrapper{
	display:block;
	overflow: hidden;
	background: #F9F9F9;
	padding: 10px;
	margin:auto;}
}





@media screen and (min-width: 769px) and (max-width: 1600px){
/* About Page style */

.read-content {
    display: block;
    padding: 100px;
    background-color: #f5f7f8;}

.read-content img{
	display:inline-block;
	width: 100%;
	float: left;
	box-sizing: border-box;
	clear:both;}

.read-content h2 {
    color: #0047bb;
    font-family: "Graphik", sans-serif;
    font-size: 32px;
    margin-top: 0px;
    margin-bottom: 50px;
    letter-spacing: 1px;
    padding-right: 70px;}

.read-content p {
    font-family: "Graphik", sans-serif;
    font-size: 18px;
    margin-bottom: 30px;
    padding-right: 70px;
    color: #807F83;
    color: #000;
    line-height: 1.55em;}

.read-content ul {
    margin: 0;
    
    line-height: inherit;
    overflow: hidden;}

.read-content ul li {
    font-family: "Graphik", sans-serif;
    list-style-position: inside;
    margin-bottom: 10px;}


about-hero-bg h1, mgt-hero-bg h1, hse-hero-bg h1, qc-hero-bg h1, civil-hero-bg h1, road-hero-bg h1, proc-hero-bg h1, marine-hero-bg h1, earth-hero-bg h1{
    font-family: "Graphik", sans-serif;
    color: #FFF;
	font-size: 40px;
	position: absolute;
	left: 90px;
	bottom: 90px;
	text-shadow: 2px 2px 5px black;}

about-hero-bg{
	width: 100%;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	height: 400px;
	display: block;
	background-image: url(../images/about-tevoscha.jpg);}	
	
mgt-hero-bg{
	width: 100%;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	height: 400px;
	display: block;
	background-image: url(../images/mgt-tevoscha.jpg);}

hse-hero-bg{
	width: 100%;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	height: 400px;
	display: block;
	background-image: url(../images/hse-tevoscha.jpg);}

qc-hero-bg{
	width: 100%;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	height: 400px;
	display: block;
	background-image: url(../images/qc-tevoscha.jpg);}

/* Services Page style */
civil-hero-bg{
	width: 100%;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	height: 400px;
	display: block;
	background-image: url(../images/civil-construction-tevoscha.jpg);}
	
road-hero-bg{
	width: 100%;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	height: 400px;
	display: block;
	background-image: url(../images/road-construction-tevoscha.jpg);}

proc-hero-bg{
	width: 100%;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	height: 400px;
	display: block;
	background-image: url(../images/procurement-tevoscha.jpg);}

marine-hero-bg{
	width: 100%;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	height: 400px;
	display: block;
	background-image: url(../images/marine-tevoscha.jpg);}

earth-hero-bg{
	width: 100%;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	height: 400px;
	display: block;
	background-image: url(../images/earth-tevoscha.jpg);}

.oil-price-widget {
    display: block;
    padding: 5px;
    background: #fff;
    position: absolute;
    top: 250px;
    right: 80px;
    z-index: 300;
	
   	/*border: solid #00003D 4px;*/
	background:#0F2C4A;}
	
key-service-bg{
	display: block;
	padding: 100px;
	margin: 0 0 500px 0;
	z-index: 2;
	background: #FFC82A;
	height: 390px;}	

.key-service img{
	display: block;
	width: 100%; 
	height: 280px;}


.key-service{
	box-sizing: border-box;
	display:inline-block;
	overflow: hidden;
	width: 20%;
	margin:0;
	float: left; }

.key-service a{
	display:block;	
	box-sizing: border-box;
	background-color: #FFF;
	border-bottom: solid 5px #2A5279;
	height: 420px;
	margin:3%;
	overflow: hidden;
	cursor: pointer;
	text-decoration: none;}

.key-service a:hover, .key-service a img:hover{
	border-bottom: solid 5px #FFC82A;
	display:block;}

.key-service a:hover{
	display:block;
	box-sizing: border-box;
	text-decoration: none;
	background-color: #FFF;
	border-bottom: solid 5px #FFC82A;
	margin:3%;}



.key-service h2{
	display: block;
	color: #0F2C4A;
	font-family: "nobel-pakt" ;
	text-align: left;
	font-size: 22px;
	padding: 16px;}

.index--intro{
	display: block;
	margin: 50px 0 100px 0;}

.index--intro img{
	display: block;
	float: right;
	width: 262px;
	height: 420px;
	position: relative;
	border-left: solid 16px #0F2C4A; }
	
.index--intro h2{
	display: block;
	font-family: "Graphik", sans-serif;
	text-align: left;
	font-size: 50px;
	margin: 0 0 20px 0;
	color:#FFC82A;}

.index--intro h3{
	display: block;
	font-family: "Graphik", sans-serif;
	/*font-family: "nobel-pakt";*/
	text-align: left;
	font-size: 30px;
	margin: 0 0 20px 0;
	color: #0F2C4A;
	width: 70%;}

.index--intro p{
	display: block;
	font-family: "Graphik", sans-serif;
	text-align: left;
	font-weight: 100;
	font-size: 18px;
	color: #4B4B4D;
	line-height: 30px;
	letter-spacing: 0.2px;
	word-spacing: 1px;
	width: 70%;
	margin-bottom: 20px;}

.index--intro p strong{
	font-family: "Graphik", sans-serif;
	text-align: left;
	font-weight: 600;
	font-size: 16px;
	color: #4B4B4D;
	line-height: 30px;
	letter-spacing: 0.2px;
	word-spacing: 1px;}
	
.index--intro a{
	margin: 20px 0 0 0;
	color: #0F2C4A;
	text-decoration: none;
	font-family: "Graphik", sans-serif;
	font-size: 16px;}

.index--intro a:hover{
	color: #0F2C4A;
	text-decoration: underline;}


.key-service p{
	display: block;
	text-align: left;
	font-size: 12px;
	padding: 0 16px 16px 16px;
	font-family: "Graphik", sans-serif;
	color: #4B4B4D;}
	
svg{
    shape-rendering:crispEdges;}

.img-xs{
	display: none;}

.img-lg{
	display: block;	
	height: 300px;}
	
	body{
	background-color: #F5F5F5;	
	}

header{
	display: block;
	width: 100%;
	background: #FFF;
	position: fixed;
	/*background-image: linear-gradient(to right, #F9F9FA, #E6E6E6);*/
	padding-top: 20px;
	/*padding-bottom: 20px;*/
	border-bottom: solid #0F2C4A 5px;
	overflow:hidden;
	z-index:1000;}

.header--switch{
	position: fixed;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #FF6600;
	padding-top: 10px;
	padding-bottom: 0px;}
	
#search-bar{
	display: none;
    width:100%;}

header logo{
	display: inline-block;
	width: 20%;
	overflow:hidden;
    float:left;
	margin-bottom: 20px;}

header logo img{
	text-align:center;
	width: 80px;
	display:block;
	overflow:hidden}

header .logo--switch{
    display: inline-block;
	width: 25%;
	padding-top: 10px;
	overflow:hidden;
    float:left;}	

header name{
	font-family: 'AktivGrotesk' !important;
	text-align:center;
	font-weight:200;
	font-size: 35px;
    display: block;
	width: 60%;
	float:left;
	color: #2A5279;
	margin-top: 10px;}

header name span{
	font-family: 'AktivGrotesk' !important;
	text-align:center;
	font-weight:100;
	font-size: 10px;
	color: #4B4B4D;
	display: block;
	margin-top: 2px;
	letter-spacing: 1px;
	word-spacing: 1px;}

header .name--switch{
    padding-top: 10px;
	display: inline-block;
	width: 50%;
    float:left;}

header name img{	
	width: 150px;
	display:block;
	margin: auto;
	overflow:hidden}

header search{
    width: 21%;
    margin-top:15px;
	display: inline-block;
	float:left;}

header .search--switch{
    width: 21%;
    margin-top:15px;
	display: inline-block;
	float:left;}

header search #search-button{
    float:right;
    cursor: pointer;}

header search img{
    text-align:center;
    width: 26px;
	height: 26px;
	background-color: F9F9F9;
	border-radius:2px;
	display:block;
	margin: auto;
	overflow:hidden;
	cursor: pointer;}

header .hamburger-menu{
	width: 20%;
    display: inline-block;
	float:left;
    overflow:hidden;}


/* NAViGATION  STARTS*/
.center-menu{
	display: block;
	box-sizing: border-box;
	margin:auto;
	overflow: hidden;
	width: 1200px;}

.left{
	margin: 60px auto;
	width: 250px;}

.center{
	margin: 60px auto;
	width: 300px;}

.right{
	margin: 60px auto;
	width: 400px;}

.big-logo{
	margin: 60px auto 0 auto;
	width: 200px;
	height: 200px;
	background: #FFF;
	float: right;
	display: block;}

.big-logo img{
	display: block;
	width: 80%;
	margin: auto;}
	
.big-logo p{
	font-family: 'AktivGrotesk' !important;
	text-align: center;
	font-size: 14px;
	display: block;
	color: #2A5279;
	margin: 5px auto 0 auto;}

#menu__toggle {
  opacity: 0;}

#menu__toggle:checked ~ .menu__btn > span {
    transform: rotate(45deg);}
  
#menu__toggle:checked ~ .menu__btn > span::before {
    top: 0;
    transform: rotate(0);}
  
#menu__toggle:checked ~ .menu__btn > span::after {
    top: 0;
    transform: rotate(90deg);}

#menu__toggle:checked ~ .menu__box {
    visibility: visible;
    right:0;
	top:124px;}

webmail{
	position: relative;
    margin-left: 150px;
	margin-top: 33px;
	float:left;}

webmail img{
	width: 25px;
    cursor: pointer;
    z-index: 1;}

.menu__btn {
	display: flex;
    align-items: center;
    position: relative;
    width: 30px;
    height: 24px;
    cursor: pointer;
    z-index: 1;
    float:right;
	margin-top: 30px;}

.menu__btn--switch {
    align-items: center;
    position: relative;
    padding-top: 12px;
    width: 24px;
    height: 24px;
    cursor: pointer;
    z-index: 1;
    float:right;}


.menu__btn > span,
.menu__btn > span::before,
.menu__btn > span::after {
    display: block;
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #2A5279;
    transition-duration: .25s;}

.menu__btn > span::before {
    content: '';
    top: -8px;}
  
.menu__btn > span::after {
    content: '';
    top: 8px;}

.menu__box {
    display: block;
    position: fixed;
    visibility: hidden;
    /*overflow: scroll;
    scroll-behavior: smooth;
    overscroll-behavior: contain ;*/
    top:118px;
    right: 0;
    width: 100%;
    margin: 0;
    list-style: none;
    background-color: #5C4605;
	border-bottom: solid #FFC82A 5px;
    box-shadow: 1px 0px 6px rgba(0, 0, 0, .2);
    transition-duration: .25s;
    z-index: 50;}

.menu__box ul{
    padding-inline-start:0px;}

.menu__item {
    display: block;
    color: #555559;
    text-decoration: none;
    font-size:16px;}

.menu__item p{
	font-family: 'AktivGrotesk' !important;
	line-height: 20px;
	font-size: 14px;
	font-weight: 100;
	letter-spacing: 0.5px;
	word-spacing: 1px;
	color: #FFF;
	margin-bottom: 20px;}


.menu__box h1{
    display: block;
    color: #FFC82A;
    text-decoration: none;
    font-family: 'nobel-bold' !important;
	text-transform: uppercase;
	font-size:20px;
	font-weight: 100;
	letter-spacing: 0.03em;
	word-spacing: 0.09em;
	margin: 0 0 10px 0;}

.menu__box h2{
    display: block;
    padding: 12px 24px;
    color: #FF6600;
    text-decoration: none;
    font-family:'Brolly-Ember-Bold';
    font-size:14px;}

.menu__item img {
    display:inline-block;
	margin-left: 0px;
	margin-right: 15px;
	margin-top: 3px;
    width: 20px;
    height:20px;
    float: left;}

.menu__item span{
    display:inline-block;
	font-family: 'AktivGrotesk' !important;
	line-height:20px;	
    font-size: 14px;
	font-weight: 100;
	letter-spacing: 0.5px;
	word-spacing: 1px;
	color: #FFF;
	margin: 0 0 10px 0;}

.menu__item:hover {
	background-color: none;
	color: #2A5279;}

/* NAVIGATION ENDS */



.ribbon{
	display: block;
	overflow:hidden; 
	background: #FF6600;
	background-image: url(../images/svg/ribbon_bg.svg);
	background-repeat:repeat-x;
	background-size:cover;
	padding-top: 10px; 
	padding-bottom: 10px;}

.ribbon--switch{
	display: none;}


.ribbon-left{
	width: 50%;
	float: left;}

.ribbon-left p{
	font-family: 'Brolly-Ember-Bold';
	font-size: 16px;
	color: #FFF;
	font-weight:600;}
	
.ribbon-right{
	width: 50%;
	float: left;
	text-align:right;}

.ribbon-right a{
	text-decoration: none;
	font-family: 'Brolly-Ember-Bold';
	font-size: 16px;
	color: #FFF;
	font-weight:600;
	margin-left:10px;
	text-transform:capitalize;}

.ribbon-right a:hover{
	text-decoration:underline;}

.sidenav name img{
	width: 100%;
	text-align:center;
	display:block;
	padding-top: 20px;
	overflow:hidden}


.jumps{
	display:block;}


/* THE SEARCH FORM */
form.example{
    display: block;
    border-radius: 16px;
    background: #FFF;
    border: 1px solid #E6E6E6;}

form.example input[type=text] {
    font-family: 'Brolly-Ember-Regular';
    padding-left: 10px;
    padding-right: 8px;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 13px;
    border: 1px solid grey;
    float: left;
    width: 90%;
    background: #fff;
    border-radius: 16px 0 0 16px;
    border-top: 2px #FFF solid;
    border-left: 2px #FFF solid;
    border-bottom: 2px #FFF solid;
    border-right: none;}

form.example input[type=text]:focus{
    width: 89%;
    border-radius: 16px 8px 8px 16px;
    outline: none;
    transition: 180ms box-shadow ease-in-out;
    background-color: #ddd;}

form.example button {
    float: right;
    width: 10%;
    padding: 9px;
    background: #000;
    color: white;
    font-size: 13px;
    border-left: none;
    cursor: pointer;
    border-radius: 8px 16px 16px 8px;
    border: 2px #000 solid;}

form.example button:hover {
    background: #FF6600;
    border-radius: 8px 16px 16px 8px;
    border: 2px #FF6600 solid;}

form.example::after {
  content: "";
  clear: both;
  display: table;
}







/*Resize the wrap to see the search bar change!*/
.wrap{
  width: 100%;
  margin:auto;

}


.static-banner{
	margin: 0;
	box-sizing:content-box;}

.static-banner img{
	width: 100%;
	}

.sales-flash, .sales-flash p{
	font-family: 'Univers-LT-W02-47-Light-Condensed'; 
	font-size: 11px; 
	text-align: left;
	letter-spacing: .03em;
	line-height: 1.5; 
	color: #FFF;
	font-weight:500;
	text-transform:uppercase;}
	
middle{
	display: block;
	padding: 123px 0 0 0;}	
	/*background-image:url(../images/pattern-bg/water-drops-2.png);
	background-repeat:repeat;
	background-position:top left;*/

.fancy-contact-card{
	background-color: #5C4605; 
	margin: 40px 0; 
	border-bottom: solid 5px #FFC82A;}

footer{
	display:block;
	margin: 0;
	padding:100px;
	background-color: #0F2C4A;
	overflow: hidden;
	border-top: solid 100px #FFC82A;}

footer-about-intro{
	display: block;
	margin: 0 40px 0 0;}

footer-about-intro h2 {
    display: block;
    color: #FFC82A;
    text-decoration: none;
    font-family: "Graphik", sans-serif;
    text-transform: capitalize;
    font-size: 20px;
    margin: 0 0 10px 0;}

footer-about-intro p{
	font-family: "Graphik", sans-serif;
	line-height: 24px;
	font-size: 12px;
	font-weight: 100;
	color: #FFF;
	margin: 0 0 10px 0;}


.footer-links{
	display: block;
	box-sizing: border-box;
	background: rgba(201, 224, 247, 0.3);
	padding: 10px;
	margin-right: 10px;}

.footer-links h2{
	display: block;
	color: #FFC82A;
	text-decoration: none;
	font-family: "Graphik", sans-serif;
	text-transform: capitalize;
	font-size: 20px;
	letter-spacing: 0.03em;
	word-spacing: 0.09em;
	margin: 0 0 10px 0;}

.footer-links a{
	display: block;
	font-family: "Graphik", sans-serif;
	line-height: 28px;
	font-size: 13px;
	font-weight: 100;
	color: #FFF;
	margin: 0 0 10px 0;
	text-decoration: none;}

.footer-links a:hover{
	text-decoration: underline;}

.footer-logo{
	height: 244px;
    background: #FFF;
    float: right;
    display: block;}

.footer-logo p{
	font-family: 'AktivGrotesk' !important;
	text-align: center;
	font-size: 14px;
	display: block;
	color: #2A5279;
	margin: 5px auto 0 auto;}

.footer-logo img {
    display: block;
    width: 80%;
    margin: auto;
}

.newsletter{
	background-color: #000000;
	padding-top:40px;
	padding-bottom:40px;}

.newsletter-form{
	display:block;}

.newsletter-form h1{
	color: #FFF;
	font-family: 'Brolly-Ember-Bold';
	font-weight:700;
	font-size: 16px;
	text-transform: uppercase;}

.newsletter-form h2{
	color: #FFF;
	font-family: 'Brolly-Ember-Regular';
	font-size: 11px;
	padding-top: 10px;
	padding-bottom: 15px;
	font-weight: 400;}

.newsletter-form input[type=email]{
    font-family: 'Brolly-Ember-Regular';
	padding: 10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width:75%;
	float: left;
	border-radius: 4px 0 0 4px;}

.newsletter-form input[type=submit]{
	font-family: 'Brolly-Ember-Bold';
	letter-spacing: 1px;
	font-size: 13px;
	color:#FFF;
	text-transform:uppercase;
	background: #FF6600!important;
	padding: 10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width:25%;
	float: left;
	text-align:center;
	border-radius: 0 5px 5px 0;}

.scroll-to-top{
	text-align:center;
	margin: auto;
	display:block;
	padding-top: 70px;}

.scroll-to-top button{}

#myBtn {
  /*display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;*/
  font-family: 'Brolly-Ember-Bold';
  letter-spacing: 1px;
  font-size: 10px;
  color:#FFF;
  text-transform:uppercase;
  display: block;
  text-align:center;
  margin-left:auto;  
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: #FF6600;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;}

#myBtn:hover {
  background-color: #FF6600;}

.visible-lg{
	display: block;
	padding-bottom: 40px;
	padding-top: 40px;}

.visible-lg h1{
	display: block;
	padding-bottom: 15px;
	color: #FFF;
	font-family: 'Brolly-Ember-Regular';
	font-size: 16px;
	text-align: left;
	font-weight: 500;
	cursor: pointer;}

.visible-lg-padder{
	margin-left: 0px;}

.visible-lg p{
	display:block;
	color: #FFF;
	font-family: 'Brolly-Ember-Regular';
	font-size:12px;
	text-align: left;
	margin:0;
	padding-top: 0px;
	text-transform: none;
	font-weight: 300;
	float: left;
	letter-spacing: 0.5px;
	line-height: 16px;}

.visible-lg a{
	font-family: 'Brolly-Ember-Regular';
	text-decoration: none;
	font-size: 12px;
	color: #CCC;
	display: block;
	padding-left: 0px;
	padding-right: 0px;
	margin: 0;
	line-height: 24px;
	text-transform: capitalize;}

.no-link-style a{
	text-decoration: none;
	color: #FFF;
	text-transform: lowercase;}

.no-link-style a:hover{
	text-decoration: underline;
	color: #CCC;}

.visible-lg a:hover{
	color: #FFF;
	text-decoration:underline;}


.copy-right{
	text-align: left;
	font-family: "Graphik", sans-serif;
	color: #FFF;}
	
.credit a{
	text-align: right;
	font-family: "Graphik", sans-serif;
	color: #C9E0F7;
	text-decoration: none;}

.credit{
	color: #C9E0F7;
	float: right;
	text-align: right;}

.credit p{
	text-decoration: none;
	font-family: "Graphik", sans-serif;
	color: #FFF;}

.dtbm{
	padding-top:20px;
	padding-bottom:20px;}	

.ffk{
	padding-top:0px;	
	padding-bottom:10px;}
		
website, phone, email, address{
	display:block !important;}	

website p, phone p, email p, address p{}

website img, phone img, email img, address img{
	width: 20px;
	display: block;
	fill: #fff;
	padding-top: 0px;}

.main{
	display:block !important;}

.nohide{
	padding-top: 20px;}
	
.title{
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #404040;}
	
.title h4{
	display: block;
	color: #FFF;
	font-family: 'Inter';
	font-size: 15px;
	text-align: left;
	font-weight: 500;
	cursor: pointer;} 
 
.notshow {
  display: none;}

.notshow p{
	text-align: left;
	font-family: Inter;
	font-size: 12px;
	padding-top: 0px;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0px;
	margin-bottom: 5px;
	text-transform: none;
	font-weight: 200;
	word-spacing: 2px;}

.notshow a {
    font-family: 'Inter';
    text-decoration: none;
    padding-left: 0px;
    padding-right: 7px;
    font-size: 12px;
    color: #FF6600;
    display: inline-block;
    margin: 0;
	line-height: 0;
	word-spacing: 0px;}

.notshow a:hover {
    color: #FF6600;}

.show {
  display: block;}


.edged{
border-radius: 8px;
overflow: hidden;}

.edged img{
	width: 100%;
	background-image:url(../images/hot-deals/hot-deals-header/hot-deals-header.png)}
	
.with-line{
	display: block;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #D6D6D6;}


kids, men, female, sports, family, patio, shower-curtain, table-cover, rain-coat, medical-coverall, safety-coverall, car-cover, bed-cover, hand-glove, apron, shopping-bag, face-mask{
	background: #FFF;
	display: block;
	padding: 20px;
    border-radius: 4px;
    margin-top:10px;
}

deal, trending{
	background: #FFF;
	display: block;
	margin-top: 10px;
	padding: 20px;
    border-radius: 4px;}
	
.border{
	border: solid 1px #EEE;
	border-radius: 0 0 4px 4px ;}

.border-2{
	border-left: solid 1px #EEE;
	border-right: solid 1px #EEE;}

	
deal h1, trending h1, kids h1, men h1, female h1, sports h1, family h1, patio h1, shower-curtain h1, table-cover h1, rain-coat h1, medical-coverall h1, safety-coverall h1, car-cover h1, bed-cover h1, hand-glove h1, apron h1, shopping-bag h1, face-mask h1{
	font-family: 'Brolly-Ember-Bold';
	font-weight:600;
	font-size: 24px;
	display:block;
    color:#FFF;
}

deal p, trending p, kids p, men p, female p, sports p, family p, patio p, shower-curtain p, table-cover p, rain-coat p, medical-coverall p, safety-coverall p, car-cover p, bed-cover p, hand-glove p, apron p, shopping-bag p, face-mask p{
	font-family: 'Brolly-Ember-Regular';
	font-weight:300;
	font-size: 12px;
	display:block;
	padding-top:10px;
	padding-bottom: 0;
	text-transform:capitalize;}


deal p span, trending p span, kids p span, men p span, female p span, sports p span, family p span, patio p span, shower-curtain p span, table-cover p span, rain-coat p span, medical-coverall p span, safety-coverall p span, car-cover p span, bed-cover p span, hand-glove p span, apron p span, shopping-bag p span, face-mask p span{
    font-family: 'Brolly-Ember-Bold';
    font-weight: 700;
    color: #000;
    font-size: 12px;
    display: inline-block;
    text-transform: capitalize;
    background: #FFF;
    border-radius: 4px;
    padding-left: 5px;
    padding-right: 5px;}


.row-title{
	width: 50%;
	display:block;
	float:left;}

.see-all{
    width: 50%;
	display:block;
	float:left;
	text-align:right;}

.see-all a{
    display:inline-block;
	text-decoration:none;
	background-color: #FFF;
	color: #000;
	font-family: 'Brolly-Ember-Bold';
	margin:auto;
	padding: 5px;
    border-radius: 4px;
    text-transform: capitalize;
    font-weight: 700;}
    
.see-all a:hover{
	text-decoration:underline;}

.deal-hanging-img, .trending-hanging-img, .kids-hanging-img, .female-hanging-img, .sports-hanging-img, .family-hanging-img, .patio-hanging-img{
	height: 50px;
	margin:0;}

.deals, .trend{
	display:flex;
	overflow:hidden;
	overflow-x: scroll;
	scroll-snap-type: x mandatory;
	scroll-behavior: smooth;
	flex-wrap: nowrap;}

.deals.item{
	scroll-snap-align: center;}

.item{
	margin:10px;
	padding:20px;
	float: left;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1);}

.item a{}

.item img{
	width: 200px;}

.item h3{
	text-align: left;} 

.item h4{
	text-align: left;} 


/* KIDS */

kids .kid-item{
	display:block;
	float: left;
	}

.kid-item, .ladies-item, .gents-item, .sports-item, .family-item, .patio-item, .shower-curtain-item, .table-cover-item, .rain-coat-item, .medical-coverall-item, .safety-coverall-item, .car-cover-item, .bed-cover-item, .hand-glove-item, .apron-item, .shopping-bag-item, .face-mask-item{
	margin:2%;
	padding:2%;
	float: left;
	width:21%;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1);}

.kid-item:hover, .ladies-item:hover, .gents-item:hover, .sports-item:hover, .family-item:hover, .patio-item:hover, .shower-curtain-item:hover, .table-cover-item:hover, .rain-coat-item:hover, .medical-coverall-item:hover, .safety-coverall-item:hover, .car-cover-item:hover, .bed-cover-item:hover, .hand-glove-item:hover, .apron-item:hover, .shopping-bag-item:hover, .face-mask-item:hover item:hover{
	 -webkit-animation-delay: 0.5s;
     animation-delay: 0.5s;
	 border-radius: 2px;
	 transition: .4s ease-in-out,-webkit-box-shadow .4s ease-in-out;
	 box-shadow: 0 .25rem .5rem 0 rgba(0,0,0,.12),0 .125rem .25rem 0 rgba(0,0,0,.08);}

kids .kid-item img{
	width: 100%;
	border-style: none;
	display:block;}

.kid-item a, .ladies-item a, .gents-item a, .sports-item a, .family-item a, .patio-item a, .top_trending a, .shower-curtain-item a, .table-cover-item a, .rain-coat-item a, .medical-coverall-item a, .safety-coverall-item a, .car-cover-item a, .bed-cover-item a, .hand-glove-item a, .apron-item a, .shopping-bag-item a, .face-mask-item a{
	cursor: pointer;
	text-decoration: none;
	color: inherit;}


/* FEMALE/LADIES */
female .ladies-item{
	display:block;
	float: left;}

female .ladies-item img{
	width: 100%;
	border-style: none;
	display:block;}





/* GENTS/MEN */
men .gents-item{
	display:block;
	float: left;}


men .gents-item img{
	width: 100%;
	border-style: none;
	display:block;}





/* SPORTS/GOLF */
sports .sports-item{
	display:block;
	float: left;}

sports .sports-item img{
	width: 100%;
	border-style: none;
	display:block;}





/* family */
family .family-item{
	display:block;
	float: left;}

family .family-item img{
	width: 100%;
	border-style: none;
	display:block;}
	
	
	
	
/* PATIO */
patio .patio-item{
	display:block;
	float: left;}

patio .patio-item img{
	width: 100%;
	border-style: none;
	display:block;}


/* SHOWER CURTAIN */
shower-curtain .shower-curtain-item{
	display:block;
	float: left;}

shower-curtain .shower-curtain-item img{
	width: 100%;
	border-style: none;
	display:block;}


/* TABLE COVER */
table-cover .table-cover-item{
	display:block;
	float: left;}

table-cover .table-cover-item img{
	width: 100%;
	border-style: none;
	display:block;}


/* RAIN COAT */
rain-coat .rain-coat-item{
	display:block;
	float: left;}

rain-coat .rain-coat-item img{
	width: 100%;
	border-style: none;
	display:block;}


/* MEDICAL COVERALL */
medical-coverall .medical-coverall-item{
	display:block;
	float: left;}

medical-coverall .medical-coverall-item img{
	width: 100%;
	border-style: none;
	display:block;}


/* SAFETY COVERALL */
safety-coverall .safety-coverall-item{
	display:block;
	float: left;}

safety-coverall .safety-coverall-item img{
	width: 100%;
	border-style: none;
	display:block;}


/* CAR COVER */
car-cover .car-cover-item{
	display:block;
	float: left;}

car-cover .car-cover-item img{
	width: 100%;
	border-style: none;
	display:block;}


/* BED COVER */
bed-cover .bed-cover-item{
	display:block;
	float: left;}

bed-cover .bed-cover-item img{
	width: 100%;
	border-style: none;
	display:block;}


/* HAND GLOVE */
hand-glove .hand-glove-item{
	display:block;
	float: left;}

hand-glove .hand-glove-item img{
	width: 100%;
	border-style: none;
	display:block;}


/* APRON */
apron .apron-item{
	display:block;
	float: left;}

apron .apron-item img{
	width: 100%;
	border-style: none;
	display:block;}

/* SHOPPING BAG */
shopping-bag .shopping-bag-item{
	display:block;
	float: left;}

shopping-bag .shopping-bag-item img{
	width: 100%;
	border-style: none;
	display:block;}


/* FACE MASK */
face-mask .face-mask-item{
	display:block;
	float: left;}

face-mask .face-mask-item img{
	width: 100%;
	border-style: none;
	display:block;}






.deal_of_the_day img{
	width:100%;
	border-style: none;
	overflow:hidden;
	background: #FF6600;
	}

.top_trending{
	display:inline-block;
	margin:1%;
	padding:1%;
	float: left;
	width:24%;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1);}

.top_trending img{
	transition:ease-in linear all;
	width: 100px;
	height: 100px;}
	
	
.top_trending img a:hover{
	transition:ease-out linear all;
	width: 150px;
	height: 150px;}


.image{
    background-image:url(../images/svg/brollymart_img-bg.svg);
	background-position:center;
	background-origin:content-box;
	background-repeat: no-repeat;
    background-size: contain;
    height:auto;
    width:222.53px;
}

.name{
	font-family: 'Brolly-Ember-Bold';
	font-weight:600;
	font-size: 14px;
	overflow:hidden;
	text-overflow: ellipsis;
	text-align:left;
	text-decoration: none;
	color: #333;}

.disc{
	font-family: 'Brolly-Ember-Regular';
	font-weight:200;
	font-size: 12px;
	color: #999;
	text-align:left;}

.name a{
	text-decoration: none !important;}


ad{
	background: #FFF;
	padding: 10px;
	display:block;
	overflow:auto;
	margin-bottom: 10px;}


ad .advert h3{
	position: relative;
	top: 20px;
	right: 15px;
	color: #FFF;
	font-family: 'Inter';
	font-weight: 800;
	font-size: 8px;
	text-align:right;
	margin:0;}


.advert{
	margin:0px;}

.advert h3{
	position: relative;
	top: 20px;
	right: 15px;
	color: #FFF;
	font-family: 'Inter';
	font-weight: 800;
	font-size: 8px;
	text-align:right;
	margin:0;}

.advert img{
	display:block;
	margin:0;
	width:100%;
	height:auto;
	border-radius: 8px;}



/* NAV */
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}


.nav-toggle {
    float: right;
}

.nav-toggle input {
  display: none;
}

.nav-toggle input + label {
  display: block;
  padding: 20px;
  background-color: #CECECE;
  position: relative;
  cursor: pointer;
}

.nav-toggle input + label::before,
.nav-toggle input + label::after {
  content: "";
  border-radius: 10px;
  height: 3px;
  background: #000000;
  position: absolute;
  transition: 0.3s all cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.nav-toggle input + label::before {
  top: 37%;
  width: 100%;
}

.nav-toggle input + label::after {
  top: 55%;
  width: 100%;
}

.nav-toggle input:checked + label::before {
  transform: rotate(45deg);
  top: 30%;
  width: 70%;
}

.nav-toggle input:checked + label::after {
  transform: rotate(-45deg);
  top: 30%;
}

.sidenav {
	position: fixed;
	left: 0;
	top: 0;
	width: 0;
	height: 100vh;
	background-color: #FFF;
	transition: 0.3s all cubic-bezier(0.175, 0.885, 0.32, 1.275);
	align-items: center;
	overflow-x: hidden;
	overflow-y: auto;
	flex-direction: column;
	z-index: 99999;
	overflow-y: auto;
	overflow: scroll;
}


.sidenav h1 {
	display: block;
	font-family: 'Brolly-Ember-Bold';
	font-size: 16px;
	font-weight: 600;
	text-transform:uppercase;
	width: 100%;
	padding: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E9E9E9;}

.sidenav h2 {
	display: block;
	font-family: 'Brolly-Ember-Regular';
	font-size: 16px;
	font-weight:100;
	text-align: left !important;
	color: #FF6600;
	padding: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E9E9E9;}

.sidenav h2 span{
	display: block;
	float:left;
	text-align: right!important;
	font-family: 'Brolly-Ember-Italic';
	font-size: 12px;
	font-weight: 100;
	text-transform:lowercase;
	width: 50%;
	padding: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E9E9E9;}

.sidenav-links {
  width: 100%;
  padding: 20px;
  cursor: pointer;}
  
  
.sidenav-links h1 {
	display: block;
	font-family: 'inter', sans-serif;
	font-size: 12px;
	font-weight: 800;
	width: 100%;
	padding: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E9E9E9;
}

.sidenav-links-item{
	display:block;
    margin-top: 12px;
    margin-bottom: 12px;
}

.sidenav-links-item a{
	color: #555559;
	text-decoration: none;}


.sidenav-links-item img{
	display:inline-block;
	margin-left: 0px;
	margin-right: 15px;
    width: 22px;
    height:22px;
    float: left;
    fill: #000000;
}

.sidenav-links-item span{
	display:inline-block;
    color: #555559;
    text-decoration: none;
    font-family: 'Brolly-Ember-Regular';
    font-size:16px;
}

.sidenav-links-item span:hover, .sidenav-links-item a:hover, .sidenav-links-item:hover{
	color: #FF6600;
    text-decoration: none;
}


  


.nav-toggle input:checked + label + .sidenav {
  width: 300px;
}

.whatsapp {
    position: fixed;
    bottom: 5%;
    right: 2%;
    max-width: 75px;
    max-height: 75px;}


.title h4 .icon{	
	display: block;
	position: absolute;
	-webkit-transform: translate(0,-50%);
	transform: translate(0,-50%);
	right: 20px;}

.title h4 .icon svg {
    display: inline-block;
    margin-top: -20px;
    vertical-align: middle;
    overflow: visible;
	right: 70px;}
	

.itsOpen{
	transform: rotate(45deg);	
	transition: all .2s cubic-bezier(.455,.03,.515,.955),visibility 0s;}
	
.ic {
    fill: #FF6600;}
	
.icon{
	margin-top: 10px;
	margin-left: 20px;
    float: right;
}
		

.product-badge{
    overflow:hidden;
	display:block;
	padding-top: 0px;
	padding-left: 40px;
	padding-right: 40px;
	padding-bottom: 40px;
	background: #9A0000;}

.product-badge-container{
	display:inline-block;
	width:8%;
    margin: 0px;
}

.product-badge-container h1{
	display:block;
	text-align: center;
	margin: auto;
	font-family: 'Inter';
	font-weight: 500;
	font-size:12px;
	text-transform:capitalize;
	color: #FFF;}

.product-badge-container img{
	display:block;
	width:100%;
	margin: auto;
	text-align:center;
	float:left;}

.product-badge-container img a{
	text-decoration: none;}

.product-badge-container img a:hover {
	text-decoration: none;}

.product-badge-container h1 a{
	text-decoration: none;
	color: #FFF;
    font-size: 9px;
}

.product-badge-container h1 a:hover{
	text-decoration: none;	
	color: #FFF;}


.mobile-padder{
	padding-left: 0px;
	padding-right: 0px;}


/* About Brollymart menu */
.company-overview, .umbrella-history, .customized-bespoke, .featured-brands{
	background-color:#FFF; 
	overflow: hidden;
	padding-bottom: 150px;}

.company-overview img, .umbrella-history img, .customized-bespoke img, .featured-brands img{
	text-align:center;
	padding-left:70px;
    padding-top:70px;}

.company-overview-left-half{}

.company-overview-right-half{
	display:block;
	padding: 70px;}

.skills{
	display:block;
	margin-left: 0px;
	margin-bottom: 20px;
	overflow:hidden;}

.skills h1{
	display: block;
	font-family: "Brolly-Ember-Bold";
    font-size: 24px;
	font-weight: 600;
	font-size: 24px;
	display: block;
	padding-top: 0px;
	float: left;}

.skills img{
	width: 60%;
	position: relative;
	margin-top: 78px;
	display: block;
	bottom: 0;
	float: right;
	padding: 0px;
	background-position:center;
	background-origin:content-box;
	border-radius: 8px 8px 0 0;}


.about-brollymart-bg{
	width: 100%;
	display:block;
	background-image: url(../images/about-brollymart-2.svg);
	background-position:top left;
	background-repeat: no-repeat;
	}

.about-brollymart-bg-switcher{
	width: 100%;
	display:block;
	background-image: url(../images/about-brollymart.svg);
	background-position:top left;

	background-repeat: no-repeat;
	display:block;
	position: fixed;
	top: 80px;
	z-index: 100;}


.about-brollymart-bg h1{
	color: #DEDEDE;
	font-family:Inter;
	font-size: 30px;
	line-height: 95px;}

.dashboard-menu{
	display: block;
    font-weight: 600;
    font-family: "Brolly-Ember-Bold";
    overflow: hidden;
    background: #75010D;
    padding-right: 75px;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 10px;
}

	
	.dashboard-menu h2{		
	color: #FFF;
	font-size: 20px;
	padding-left: 40px;
	margin-bottom: 0;}
	
	.dashboard-menu h2 span{
	padding-left: 10px;}	
	
	.dashboard-menu ul{
	margin: 0;
	list-style: none;
	overflow: hidden;
	background: none;
	padding: 0;
	float: right;}
	
	.dashboard-menu ul li{
	text-decoration: none;
    text-align: center;
    float: left;
    color: #FFF;
    font-size: 14px;
    cursor: pointer;
    display: inline-block;
    font-family: 'Brolly-Ember-Regular';
    font-weight: 200;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 6px 6px 0px 0px;}
	
	.dashboard-menu ul li a{
	text-decoration: none;	
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;	
	color: #FFF;
	font-size: 18px;}
	
	
	.dashboard-menu ul li a span{
	text-decoration: none;	
	padding-left: 2px;
	color: #EA4324;
	font-size: 18px;
	font-weight: 800;}
	
/* DASHBOARD MENU SWITCH CONTROLLERS ! */
/* DASHBOARD MENU SWITCH CONTROLLERS ! */



.map-container{
	background-color: #F2F2F2;
	overflow:hidden;}

.map-container p{
	font-family: "Brolly-Ember-Regular";
    font-size: 14px;
    line-height: 25px;
    display: block;
    padding-bottom: 20px;
    line-height: 24px;
    background-color: #FFF;}

.map-container p span{}

.map-container h2{
	font-family: 'Inter';
	font-weight: 600;
	font-size: 24px;
	display: block;
	padding-top: 100px;
	padding-bottom: 15px;}

.map-container h2 img{
	display: block;
	float: right;
	width: 40%;
	margin-left: 10%;}

	
.map-container h3{
	font-family: "Brolly-Ember-Bold";
	font-weight: 600;
	font-size: 18px;
	display: block;
	padding-top: 15px;
	padding-bottom: 5px;
	color: #FF6600;}

.hide {
  display: none;}
  
.switcher .here {
    color: #FF6600;}
	
/* DASHBOARD MENU SWITCH CONTROLLERS ! */
/* DASHBOARD MENU SWITCH CONTROLLERS ! */


.featured-brands-list{
	display: block;}

.featured-brands-list img{
	padding: 3px;
	display: inline-block;
	width: 12%;
	margin: 0;
	}

.email-add{
color: #FF6600; 	
}

.email-add:hover{
	text-decoration:underline; 	
}

.lg{ display: block; width: 100%;}
.xs{ display: none;}



/* ORDER QUOTE PAGE */

quote{
	overflow:hidden;
	display: block;}
	
.quote-container{
	margin-top: 40px;
	margin-bottom:40px;
	background: #FFF;
	display:block;
	padding: 40px;
	overflow:hidden;
	}

.quote-container img {
    width: 65%;
    height: auto;
    display: block;
    margin: auto;}
	
.product-category{
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom: solid #F9F9F9 1px;
	font-size: 24px;
	font-weight: 500;
	font-family: Inter;
	display:block;}

.product-category span{
	font-size: 24px;
	font-weight: 500;
	font-family: Inter;
	display:inline-block;
    color: #FF6600;
    margin-left: 20px;
}


.product-code{
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom: solid #F9F9F9 1px;
	font-weight: 500;
	font-family: Inter;
	display:block;
	color: #DBDBDB;}

.product-code span{
	padding-left: 10px;
	font-weight: 500;
	font-family: Inter;
	display:inline-block;
	color: #000000;}

.product-review{
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom: solid #F9F9F9 1px;
	font-weight: 500;
	font-family: Inter;
	display:block;}

.product-review span{
	padding-left: 10px;
	font-weight: 500;
	font-family: Inter;
	display:inline-block;}

.order-quantity{
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom: solid #F9F9F9 1px;
	margin-bottom: 20px;
	display:block;
	font-weight: 500;
	font-family: Inter;}

.order-quantity span{
	display:inline-block;
	margin-left: 10px;}

.product-order{
	margin-top: 20px;
	margin-bottom: 20px;
	display:block;
	overflow:hidden;}

.product-order button{
	font-family: 'Inter';
	width: 95%;
	font-weight: 600;
	letter-spacing: 1px;
	font-size: 10px;
	color: #FFF;
	display: block;
	text-align: center;
	font-size: 18px;
	border: none;
	outline: none;
	cursor: pointer;
	padding: 15px;
	border-radius: 4px;}

.order{
	background-color: #FF6600;
	float: left;}
	
.order:hover{
	transform: scale(0.95);
	transition: all 0.3s ease 0s;
	cursor: pointer;
	background-color: #FF3300;}


.submit-quote{
	}

.product-overview{
	display:block;
	padding-top: 20px;
	padding-bottom: 20px;
	border: solid #F9F9F9 1px; 
	height: 300px;}

.product-overview h3{
	display:block;
	margin-bottom: 20px;
	font-size: 24px;
	font-weight: 500;
	font-family: Inter;
	color: #000000;}

.product-overview p{
	border-radius: 0 0 4 4px;
	
	padding:20px;
	}


/*QUANTITY INCREAMENT*/
.value-button {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  padding: 11px 0;
  background: #eee;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.value-button:hover {
  cursor: pointer;
}

#decrease {
  display: inline-block;
  border-radius: 8px 0 0 8px;
  height: 40px;
  width: 40px;
  margin-right: -4px;}

#increase {
  display: inline-block;
  border-radius: 0 8px 8px 0;
  height: 40px;
  width: 40px;
  margin-left: -4px;}

input#number {
  text-align: center;
  border: none;
  height: 40px;
  width: 60px;
  white-space: nowrap;}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;}




/* Star Rated review */

.ba6f2_18Jb4 {
    fill: #fba100;
}



/* QUOTE PRODUCT DETAILS ! */

.product-overview-map-container{
	background-color: #F2F2F2;
	overflow:hidden;}

.product-overview-map-container p{
	font-family: 'Inter';
	font-weight: 400;
	font-size: 14px;
	display: block;
	padding-bottom: 20px;
	line-height: 24px;
	background-color: #FFF;}

.product-overview-map-container p span{}

.product-overview-map-container h2{
	font-family: 'Inter';
	font-weight: 600;
	font-size: 24px;
	display: block;
	padding-top: 100px;
	padding-bottom: 15px;}

.product-overview-map-container h2 img{
	display: block;
	float: right;
	width: 40%;
	margin-left: 10%;}

	
.product-overview-map-container h3{
	font-family: 'Inter';
	font-weight: 600;
	font-size: 18px;
	display: block;
	padding-top: 15px;
	padding-bottom: 5px;
	color: #FF6600;}

.hide {
  display: none;}
  
.switcher .here {
  color: #FF6600;}
 
 .product-overview-dashboard-output{
	display:block;
	overflow:hidden;} 
  
  .product-overview-dashboard-menu{
	display:block;
	padding-top:10px;
	padding-bottom:30px;
	font-weight: 600;
	font-family:Inter;
	border-radius:8 8 0 0px;
	overflow: hidden;
	}

	
	.product-overview-dashboard-menu h2{		
	color: #FFF;
	font-size: 20px;
	padding-left: 40px;
	margin-bottom: 0;}
	
	.product-overview-dashboard-menu h2 span{
	padding-left: 10px;}	
	
	.product-overview-dashboard-menu ul{
	margin: 0;
	list-style: none;
	overflow: hidden;
	background: none;
	padding: 0;
	}
	
	.product-overview-dashboard-menu ul li{
	text-decoration: none;
	float: left;
	color: #DDD;
	font-size: 18px;
	cursor: pointer;
	padding-left: 20px;
	padding-right: 20px;
	display:inline-block;}
	
	.product-overview-dashboard-menu ul li a{
	text-decoration: none;	
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;	
	color: #FFF;
	font-size: 18px;}
	
	
	.product-overview-dashboard-menu ul li a span{
	text-decoration: none;	
	padding-left: 2px;
	color: #EA4324;
	font-size: 18px;
	font-weight: 800;}
	
	.product-overview-featured-brands-list{
	display: block;
	border: solid #F9F9F9 1px;
	overflow:scroll;
	height: 240px;}
	
	
	.product-overview-featured-brands-list img{

	display: inline-block;
	width: 17%;
	margin: 1%;}
	

/* CUSTOMIZE QUOTE */

#customize{
	background-color: #EAEAEA;
	float: right;}
	
#customize:hover{
	transform: scale(0.95);
	transition: all 0.3s ease 0s;
	cursor: pointer;
	background-color: #BCBCBC;}


#customize-quote-container{
	margin-bottom:40px;
	background: #FFF;
	display:block;
	overflow:hidden;}


#customize-quote-container h1{
    font-weight: 400;
	font-family:'Brolly-Ember-Bold';
	font-size: 25px;
	margin-top:40px;
	margin-bottom:40px;
    text-align:center;
    color:#FF6600;}

#customize-quote-container form input[type=text]{
	display:block;
	padding: 20px;}

#customize-quote-container form input[type=number]{
	display:block;
	padding: 20px;}

#customize-quote-container form input[type=email]{
	display:block;
	padding: 20px;}

#customize-quote-container form select {
    width: 100%;
    font-size: 14px;
    padding: 5px;
	border: solid 1px #F9F9F9;
    color: #666;
	font-family:'Brolly-Ember-Regular';
    box-sizing: border-box;}

#customize-quote-container form h2{
	font-weight: 800;
	font-family:'Brolly-Ember-Regular';
	font-size: 16px;
	padding-bottom: 5px;
    color: #FF6600;}

#customize-quote-container img{
	display:block;
	height:auto;
	width: 100%;
    Margin: auto;
    text-align:center;}

.margined-20{ 
    margin-left:20px; 
    margin-right:20px;
    box-sizing: border-box;
    display:block;}	

.padded-border {
    border: solid 1px #EEE;
    padding: 10px;
    box-sizing: border-box;}

.get-quote-order{
	background-color: #FF6600;
	float: left;
	font-family: 'Inter';
	font-weight: 600;
	letter-spacing: 1px;
	font-size: 10px;
	color: #FFF;
	display: block;
	text-align: center;
	font-size: 18px;
	border: none;
	outline: none;
	cursor: pointer;
	border-radius: 4px;
	line-height:61px;
	width: 100%;}
	
.get-quote-order:hover{
	transform: scale(0.95);
	transition: all 0.3s ease 0s;
	cursor: pointer;
	background-color: #FF3300;}

/* DASHBOARD MENU SWITCH CONTROLLERS ! */
/* DASHBOARD MENU SWITCH CONTROLLERS ! */



login, register{
	background: #F9F9F9;
	overflow:hidden;
	display: block;
	font-family:Inter;}


/* Add padding to containers */

.reg-form-container {
    box-sizing: border-box;
    padding-left: 40px;
    width:70%;
    background-color: #FFF;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;}

.reg-form-container p {
    display: block;
    padding: 24px;
    overflow: hidden;
    border-radius: 4px;
    background: #F8F8F8;
    font-family: "Brolly-Ember-Regular";
    text-align: center;
    font-weight: 300;
    font-size: 14px;
    margin-bottom: 20px;
    color: #000;
    letter-spacing: 0.3px;
    word-spacing: 0.7px;
}

.reg-form-container h1{
    font-family: Brolly-Ember-Bold;
    text-align: center;
    font-size: 24px;
    padding-bottom:20px;
}


/* Full-width input fields */
.reg-form-container input[type=text], .reg-form-container input[type=password], .reg-form-container input[type=date] {
  font-family: Brolly-Ember-Regular;
  width: 100%;
  padding: 15px;
  margin: 5px 0 22px 0;
  display: inline-block;
  border: none;
  background: #f1f1f1;}

.reg-form-container textarea:focus, .reg-form-container input[type=text]:focus, .reg-form-container input[type=password]:focus, .reg-form-container input[type=date]:focus {
    outline: #FF6600 3px solid transparent;
    transition: 180ms box-shadow ease-in-out;
    background-color: #ddd;}

.reg-form-container textarea{
    display:block;
    width:100%;
    height: 200px;
    padding:10px;
    word-wrap: break-word;
    color: #202124;
    font-family:"Brolly-Ember-Regular";
    font-size: 12px;}


.reg-form-container label{
    font-family: Brolly-Ember-Bold;} 
    
/* Overwrite default styles of hr */
hr {
  display: block;
    unicode-bidi: isolate;
    margin-block-start: 0.5em;
    margin-block-end: 0.5em;
    margin-inline-start: auto;
    margin-inline-end: auto;

    overflow: hidden;
    border-style: inset;
    border-width: 1px;
    margin-top: 20px;
    margin-bottom: 20px;
    border-color: #FFF;
}

/* Set a style for the submit button */
.registerbtn {
  background-color: #FF6600;
  color: white;
  padding: 16px 20px;
  margin: 8px 0;
  border: none;
  cursor: pointer;
  width: 100%;
  opacity: 0.9;
}

.registerbtn:hover {
  opacity: 1;
}

/* Add a blue text color to links */


/* Set a grey background color and center the text of the "sign in" section */
.signin {
  background-color: #f1f1f1;
  text-align: center;
}

.wrapper{
	display:block;
	overflow: hidden;
	background: #F9F9F9;
	padding: 10px;
	margin:auto;}




/* MY ACCOUNT DASHBOARD MENU CONTROLS */

	my-account{
	background: #F9F9F9;
	overflow:hidden;
	display: block;}
	
	my-account .greeting{
	display: inline-block;
	font-family: 'Brolly-Ember-Regular';
	font-size: 14px;
	color: #FF6600;
	margin-top: 40px;
	margin-bottom: 40px;}
	
	my-account .greeting img{
	width:28px;
	height:28px;
	margin:auto;
	float:left;}
	
	my-account .greeting span{
	display: inline-block;
	font-family: 'Brolly-Ember-Regular';
	font-size: 18px;
	margin-left: 20px;
	color: #BBB;
	text-transform: lowercase;
	letter-spacing:1px;
	float:left;
	line-height:28px;
	}
	
	my-account .logout{
	display: block;
	margin-top: 40px;
	font-family: Inter;
	font-size: 12px;
	color: #000000;}
	
	my-account .logout a{
	text-decoration: none;}
	
	my-account .logout a {
	text-decoration:none;}
	
	my-account .logout span{
	display:inline-block;}
	
	my-account .logout img{
	width:80px;
    float:left;}

	
	.my-account-overview{
	display:block;
	padding-top: 40px;
	padding-bottom: 40px;
	border: solid #F9F9F9 1px;
	overflow: hidden;
	text-align:right;}

	.my-account-map-container{
	/*background-color: #F2F2F2;*/
	overflow:hidden;}

	.my-account-map-container p{
	font-family: 'Brolly-Ember-Regular';
	font-weight: 200;
	font-size: 14px;
	display: block;
	padding: 5px;
	line-height: 24px;
	background-color: #FFF;
	width: 50%;	}

	.my-account-map-container p span{
	left: 250px;
	padding-left: 10px;
	padding-right: 10px;
	border-radius: 4px;
	background:  #F9F9F9;
	position: absolute;
	display: inline-block;}

	.my-account-map-container h2{
	font-family: 'Inter';
	font-weight: 600;
	font-size: 24px;
	display: block;
	padding-top: 100px;
	padding-bottom: 15px;}

	.my-account-map-container h2 img{
	display: block;
	float: right;
	width: 40%;
	margin-left: 10%;}

	.my-account-map-container h3{
	font-family: 'Inter';
	font-weight: 600;
	font-size: 18px;
	display: block;
	padding-top: 15px;
	padding-bottom: 5px;
	color: #FF6600;}

	.my-account-dashboard-output{
	display:block;
	overflow:hidden;
	padding: 40px;
	margin-bottom: 40px;
	margin-left: 80px;
	margin-right: 80px;
	border: solid  #F9F9F9 1px;
	background: #FFF;
	font-family:Inter;
	font-size: 14px;} 
  
  	
	.my-account-dashboard-menu{
	display:block;
	font-weight: 600;
	font-family:Inter;
	border-radius:8 8 0 0px;
	overflow: hidden;
	text-align:right;}
	
	.my-account-dashboard-menu h2{		
	color: #FFF;
	font-size: 20px;
	padding-left: 40px;
	margin-bottom: 0;}
	
	.my-account-dashboard-menu h2 span{
	padding-left: 10px;}	
	
	.my-account-dashboard-menu ul{
	margin: 0;
	list-style: none;
	overflow: hidden;
	background: none;
	padding: 0;
	text-align:right;}
	
	.my-account-dashboard-menu ul li{
	text-decoration: none;
	color: #000;
	font-size: 18px;
	cursor: pointer;
	padding-left: 30px;
	display:inline-block;
	font-family:'Brolly-Ember-Regular';
	font-weight:200;
    text-align: right;}
	
	.my-account-dashboard-menu ul li a{
	text-decoration: none;	
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;	
	color: #FFF;
	font-size: 18px;}
	
	
	.my-account-dashboard-menu ul li a span{
	text-decoration: none;	
	padding-left: 2px;
	color: #EA4324;
	font-size: 18px;
	font-weight: 800;}
	

/* COLLAPSIBLE STARTS HERE */	

.collapsible {
    background-color: #9A0000;
    color: white;
    cursor: pointer;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 20px;
    padding-bottom: 20px;
    width: 100%;
    border: none;
    border-radius: 0px !important;
    text-align: left;
    outline: none;
    font-size: 16px;
    line-height:34px;
    text-decoration: none;
    font-family: 'Brolly-Ember-Bold';}

.collapsible:after {
  content: '\271A';
  color: white;
  background-color: #900000;
  text-align: center;
  font-size: 14px;
  line-height:14px;
  margin:auto;
  float: right;
  padding:10px;
  border-radius:50px;
  font-family: 'Brolly-Ember-Bold';}




.active{
  background-color: #9A0000;}

.collapsible:hover {
   background-color: #4A0108;}

.active:after {
  content: '\2796';
  font-family: 'Brolly-Ember-Bold';}

.content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  background-color: #9A0000;}

.readables{
    display:block;
    width: 1184px;
    padding:20px;
    margin-bottom:50px;
    margin-left:auto;
    margin-right:auto;
    background-color: #FFF;}

.readables img{
    display:block;}

.readables p{
    font-family: "Brolly-Ember-Regular";
    font-size: 14px;
    display: block;
    padding-bottom: 20px;
    color:#666;}

.readables ol {
  background: #000;
  padding: 20px;}

.readables ul {
    border-top: solid 5px #FF6600;
    background: #F9F9F9;
    padding: 15px;
    margin-bottom: 20px;}

.readables ol li {
    background: #F9F9F9;
    padding: 5px;
    margin-left: 35px;}

.readables ul li {
    font-family: "Brolly-Ember-Regular";
    font-size: 14px;
    list-style: square inside url("sqpurple.gif");
    list-style-position: inside;
    color: #666;
    padding-bottom: 10px;
    }

.readables ul li strong{
    font-family: "Brolly-Ember-Bold";
    font-size: 14px;}

.readables h1{
    font-family: "Brolly-Ember-Bold";
    font-size: 24px;
    display: block;
    padding-top: 0px;}

.readables h2{
    font-family: "Brolly-Ember-Bold";
    font-size: 18px;
    display: block;
    padding-top: 0px;
    padding-bottom: 10px;
}

.readables h3{
    font-family: "Brolly-Ember-Bold";
    font-size: 16px;
    display: block;
    padding-top: 0px;}

.readables h4{
    font-family: "Brolly-Ember-Regular";
    font-weight:200;
    color: #CCC;
    font-size: 12px;
    display: block;
    padding-top: 0px;
    margin-top:-8px;
    margin-bottom:5px;}

    
    .fine-button{
        background-color: #FF6600;
        padding:10px;
        margin:3px;
        text-align: center;
        border-radius: 4px;
        color: #fff;
        font-family: 'Brolly-Ember-Bold';
        text-decoration: none; 
        font-size: 12px;
    }


.sign-in{
    display: block;
    padding: 30px;
    margin-bottom: 50px;
    font-family: "Brolly-Ember-Regular";
    font-weight: 300;}

login, register img{
    padding-top:50px;
    padding-bottom:50px;
    width:10%;
    display:block;
    margin:auto;
    text-align:center;}

.reg-form-container p span{
    width: 30px;
    height: 30px;
    position: absolute;
    background: #F00;
    right: 220px;
    top: 76px;
    display:inline-block;
    border-radius: 4px;
    font-family:"Brolly-Ember-Bold";
    color:#FFF;
    line-height:30px;
    font-size: 16px;} 





.v-l{
	display: block;
	border-left: solid 1px #CCC;}

main-address{
	margin: 0px auto 0px 0px !important;
	float: left;}

main-phone{
	box-sizing: border-box;
	display: block;
	width: 90%;	
	margin: auto;}

main-email{
	margin: 0px 0px 0px auto !important;
	}
	
main-address, main-phone, main-email{
	display: block;
	box-sizing: border-box;
	padding: 30px;
	text-align: center;
	margin: auto;}

main-address img, main-phone img, main-email img{
	display: block;
	box-sizing: border-box;
	width: 15%;
	margin: auto;
	}

main-address-h2-p-wrap{
	box-sizing: border-box;}

main-address h2, main-phone h2,  main-email h2{
	display: block;
	box-sizing: border-box;
	font-size: 16px;
	margin: 10px auto;
	text-align: center;
	font-family: "Graphik", sans-serif;
	color: #FFF;}
	
main-address p, main-phone p,  main-email p{
	display: block;
	box-sizing: border-box;
	font-size: 14px;
	margin: 0 auto 10px auto;
	text-align: center;
	font-family: "Graphik", sans-serif;
	color: #FFF;}

	
	
}