@charset "UTF-8";
/* CSS Document */


textarea { 
    white-space: nowrap; 
    height: 28px; 
    width: 100%; 
    font-size: 15px; 
    line-height: 20px; 
} 



.nav			{position: fixed; top:30px; left: 50px; width: 50px; z-index: 999; cursor: pointer;}
.navclose		{position: absolute; top:30px; left: 50px; width: 50px; z-index: 999; cursor: pointer;}

.nav_login		{position: fixed; top:30px; right: 20px; z-index: 999; cursor: pointer; text-align: right;}

.nimg			{width: 35px; margin-right: 30px;}

.nav_inner		{padding:145px 25px 25px 40px;}

.navigation {
  opacity: 0;
  visibility: hidden;
  -moz-transition: opacity 600ms linear, visibility 0s linear 600ms;
  -o-transition: opacity 600ms linear, visibility 0s linear 600ms;
  -webkit-transition: opacity 600ms linear, visibility 0s linear;
  -webkit-transition-delay: 600ms;
  transition: opacity 600ms linear, visibility 0s linear 750ms; position: fixed; top:0px; left: 0px; bottom:0px; right: 0px; z-index: 9;
}

.navigation--show {
  opacity: 0.8;
  visibility: visible;
  -moz-transition: opacity 600ms linear, visibility 0s linear;
  -o-transition: opacity 600ms linear, visibility 0s linear;
  -webkit-transition: opacity 600ms linear, visibility 0s linear;
  transition: opacity 600ms linear, visibility 0s linear;position: fixed; top:0px; left: 0px; bottom:0px; right: 0px; z-index: 998;
background: #da2c13;}




.gold		{ background: #f19b1f;}
.pink		{ background: #FF9091;}

.hero 		{ position: relative;}

.grad		{position: absolute; top;0px; left: 0px; right: 0px;}
.gimg		{ width: 100%; height:150px}

.pl			{ margin: 8px 0px 0px 40px;}
.sup 		{ font-size: 12px; margin-top: -5px;}

.ho			{height: 350px}
.dr			{position: relative}

.h_center {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 600px;
}

.al_baseline {
  display: flex;
vertical-align: bottom;
}


.mb			{ margin-bottom: 25px;}

#intro		{position: fixed; top:0px; left: 0px; right: 0px; bottom: 0px; background:#da2c13; opacity: 0.75; z-index: 900;}
.int_rel	{position: relative}
.int_bg		{position: absolute; top:0px; left: 0px; right: 0px; bottom: 0px; z-index: 1}
.modclas	{width: 100%; max-width: 250px;}


.about		{padding:100px;}

.uma		{position: absolute;top:0px; left: 0px; right: 0px; text-align: center; padding-top: 26%;}
.load		{width:150px;}


.sf			{ max-height: 200px;}

body        {margin: 0; font-family: 'Inter', sans-serif; font-size:12px; line-height:21px;padding: 0; margin: 0; background: #da2c13;}
container   {text-align: center;z-index: 2}
content  	{z-index: 101}
.img		{width: 100%; margin-bottom: -20px;} 	
.img50		{width: 50%;} 	
.img330		{max-width: 360px;} 	
.img260		{max-width: 260px;} 	


	.lead		{position: fixed; top;0px; bottom;0px; left: 0px; right:0px; z-index: 1;}	

	.cl			{height: 100%;}	
	
	
	.content		{position: absolute;top:100%; background: #EC7879; z-index: 3}
	

	.top	{position: fixed; top:0px; left: 0px; height: 5px; right:0px; background: #da2c13;z-index: 10}
	.left	{position: absolute; top:0px; left: 0px; bottom: 0px; width:10px; background:#010310;z-index: 10}
	.bottom	{position: absolute; bottom:0px; left: 0px; height: 10px; right:0px; background: #010310;z-index: 10}
	.right	{position: absolute; top:0px; right: 0px; bottom: 0px; width:10px; background: #010310;z-index: 10}
	.heroimg{z-index: 10; padding-top: 0px;}	

.rel		{clear: both; border: 20px solid #D47779;}
.abs		{position:absolute; top: 0px; left: 0px; right: 0px;}
.ft			{text-align: left; font-size: 14px; line-height: 18px;  text-transform: none; margin-top: 0px; opacity: 1.0; font-family:'Oakes', "Helvetica Neue", Helvetica, Arial, "sans-serif";}	

.ft_h			{text-align: left; font-size: 14px; line-height: 18px;  text-transform: none; margin-top: 0px; opacity: 1.0; font-family:'Oakes', "Helvetica Neue", Helvetica, Arial, "sans-serif";}	

.alp		{text-align: left; font-size: 8px; line-height: 16px;  text-transform: none; margin-top: 0px; opacity: 1.0; font-family:'Oakes', "Helvetica Neue", Helvetica, Arial, "sans-serif"; letter-spacing: 5px; color: #fff;}	



.bt			{ border-top: 3px solid #353e3d;}

.lead_cta	{width: 50%; float: left; color: #ffba00;}

.menu 	{position: absolute; top: 30px; left: 10px;}	



.wht		{text-align:left; color:#000; background: #fff}
.blk		{text-align:left; color:#000000}
.red		{text-align:left; color:#999999; background: #da2c13;}
.dblu		{text-align:left; color:#999999; background: #080c1b;}
.gry		{text-align:left; color:#999999; background: #d7d7d7;}
.grn 		{text-align:left; color:#353e3d;}
.rev 		{text-align:left; color:#00a36e;}
.rev_cre	{text-align:left; color:#86a4a1;}
.ylw		{color: #ffc801}	
.dblu		{background: #010310;}
.lgry		{background: #f6f6f6}



.terms {font-family:'Oakes', 'Helvetica Neue', Helvetica, Arial, 'sans-serif'; font-size:14px; line-height:18px;padding: 195px 25px 0px 25px; margin: 0; text-align: left;  color: #da2c13; letter-spacing: 0px; font-weight: 400; background: #fff}



.rating		{color:#fff; height: 20px;}

#subscribe {text-align: left;}

.amenities	{height: 40px; float: none; clear: both;}
.cta        {width:100%; max-width: 235px; margin: auto; clear: padding: 40px 0px 10px 0px; text-align: center;}
clear       { width: 100%; height: 1px;}
section		{width:100%; margin: auto; clear: both;} 
 

.sect_title	{ padding-top: 50px; text-decoration: underline; text-transform: none; padding-bottom: 100px;font-family: 'Inter', sans-serif; font-size:12px; color: #fff}
.sect_titlew{ padding-top: 50px; text-decoration: underline; text-transform: none; padding-bottom: 100px;font-family: 'Inter', sans-serif; font-size:12px; color: #fff}


.social	{ width:18px;}

.va		{ vertical-align: middle}

.uc		{ text-transform: uppercase;}

.welcome{ max-width: 400px; margin: auto; padding-top: 24%;}

h1 {font-family:'Oakes', 'Helvetica Neue', Helvetica, Arial, 'sans-serif'; font-size:28px; line-height:30px;padding: 0; margin: 0; text-align: left;  color: #da2c13; letter-spacing: 0px; font-weight: 400}

h3 {font-family:'Oakes', 'Helvetica Neue', Helvetica, Arial, 'sans-serif'; font-size:28px; line-height:30px;padding: 0; margin: 0; text-align: left;  color: #080c1b; letter-spacing:  0px; font-weight: 400}

h2 {font-family:'Oakes', 'Helvetica Neue', Helvetica, Arial, 'sans-serif'; font-size:28px; line-height:30px;padding: 0; margin: 0; text-align: left;  color: #fff; letter-spacing:  0px; font-weight: 400}

h4 {font-family:'Oakes', 'Helvetica Neue', Helvetica, Arial, 'sans-serif'; font-size:28px; line-height:30px;padding: 0; margin: 0; text-align: left;  color: #fff; letter-spacing:  0px; font-weight: 400}


.h1 {font-family:'Oakes', 'Helvetica Neue', Helvetica, Arial, 'sans-serif'; font-size:28px; line-height:30px;padding: 0; margin: 0; text-align: left;  color: #da2c13; letter-spacing: 0px; font-weight: 400}


.h2 {text-align: left; font-size: 14px; line-height: 18px;  text-transform: none; margin-top: 0px; opacity: 1.0; font-family:'Oakes', 'Helvetica Neue', Helvetica, Arial, "sans-serif"; color: #da2c13;}

.h2 {text-align: left; font-size: 14px; line-height: 18px;  text-transform: none; margin-top: 0px; opacity: 1.0; font-family:'Oakes', 'Helvetica Neue', Helvetica, Arial, "sans-serif"; color: #da2c13;}

.h2b {text-align: left; font-size: 14px; line-height: 18px;  text-transform: none; margin-top: 0px; opacity: 1.0; font-family:'Oakes', 'Helvetica Neue', Helvetica, Arial, "sans-serif"; color: #010310;}


.h1h {text-align: left; font-size: 22px; line-height: 25px;  text-transform: none; margin-top: 0px; opacity: 1.0; font-family:'Oakes', 'Helvetica Neue', Helvetica, Arial, "sans-serif"; color: #da2c13; padding: 10px 0px 20px 0px;}

.h1b {text-align: left; font-size: 22px; line-height: 25px;  text-transform: none; margin-top: 0px; opacity: 1.0; font-family:'Oakes', 'Helvetica Neue', Helvetica, Arial, "sans-serif"; color: #010310; padding: 10px 0px 20px 0px;}


h1h {text-align: left; font-size: 22px; line-height: 25px;  text-transform: none; margin-top: 0px; opacity: 1.0; font-family:'Oakes', 'Helvetica Neue', Helvetica, Arial, "sans-serif"; color: #da2c13; padding: 10px 0px 20px 0px;}

.h1w {text-align: left; font-size: 22px; line-height: 25px;  text-transform: none; opacity: 1.0; font-family:'Oakes', 'Helvetica Neue', Helvetica, Arial, "sans-serif"; color: #fff; padding: 10px 0px 25px 0px; clear: both;}


h1b {text-align: left; font-size: 22px; line-height: 25px;  text-transform: none; margin-top: 0px; opacity: 1.0; font-family:'Oakes', 'Helvetica Neue', Helvetica, Arial, "sans-serif"; padding: 10px 0px 20px 0px;}

.price {color: #010310; opacity: 0.6;}

.services {margin-bottom: 15px;}

.pl	{padding: 0px 15px 25px 0px; }

@font-face {
    font-family: 'Oakes';
    font-weight: medium;
    font-style: medium;  
	src: url('oakes-grotesk-medium.eot'); /* IE9 Compat Modes */
 	src: url('oakes-grotesk-medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('oakes-grotesk-medium.woff2') format('woff2'), /* Super Modern Browsers */
         url('oakes-grotesk-medium.woff') format('woff'), /* Pretty Modern Browsers */
         url('oakes-grotesk-medium.ttf')  format('truetype'), /* Safari, Android, iOS */
         url('oakes-grotesk-medium.svg#svgFontName') format('svg'); /* Legacy iOS */
}



.legal	{	outline: none;text-align: left;
	background:none; font-size: 10px; line-height: 11px;  text-transform: none; margin-top: 0px; font-family:'Oakes', "Helvetica Neue", Helvetica, Arial, "sans-serif"; color: #da2c13;  font-weight: 400; margin: auto; opacity: 0.5; padding-top: 25px;}



.inner	{background-color:#dfe0df; padding: 10px; margin-top: -5px; height: 200px;}

.block {background-color:none; padding: 10px 20px 10px 0px; margin-top: -7px; height: 200px;}

.b_block {background-color:#fff; padding: 10px; margin-top: -7px; height: auto;}

.fw			{color: #fff;}

.li				{text-align: left; font-size: 14px; line-height: 18px;  text-transform: none; margin-top: 0px; opacity: 1.0; font-family:'Oakes' 'Helvetica Neue', Helvetica, Arial, "sans-serif"; color: #da2c13;  font-weight: 500;}
a.li:link 		{text-decoration:none; border:none; text-align: left; font-size: 14px; line-height: 18px;  text-transform: none; margin-top: 0px; opacity: 1.0; font-family:'Oakes' "Helvetica Neue", Helvetica, Arial, "sans-serif"; color: #da2c13;  font-weight: 500;}
a.li:visited 	{text-decoration:none; border:none;}
a.li:hover 		{color:#da2c13; text-decoration:underline; border:none; }
a.li:active 	{text-decoration:none; border:none;}

.ft				{color:#fff;}
a.ft:link 		{text-decoration:none; border:none;}
a.ft:visited 	{text-decoration:none; border:none;}
a.ft:hover 		{color:#080c1b; text-decoration:underline; border:none;}
a.ft:active 	{text-decoration:none; border:none;}

.ft_h			{color:#fff;}
a.ft_h:link 	{text-decoration:none; border:none;}
a.ft_h:visited 	{text-decoration:none; border:none;}
a.ft_h:hover	{color:#da2c13; text-decoration:underline; border:none;}
a.ft_h:active 	{text-decoration:none; border:none;}

a.h1:link 		{color:#da2c13;text-decoration:none; border:none;}
a.h1:visited 	{color:#da2c13;text-decoration:none; border:underline;}
a.h1:hover 		{color:#da2c13; text-decoration:underline; border:none; }
a.h1:active 	{color:#da2c13;text-decoration:none; border:underline;}

a.h2:link 		{color:#fff;text-decoration:underline; border:none;}
a.h2:visited 	{color:#fff;text-decoration:underline; border:underline;}
a.h2:hover 		{color:#465546; text-decoration:underline; border:none; }
a.h2:active 	{color:#fff;text-decoration:none; border:underline;}

a.h3:link 		{color:#fff;text-decoration:underline; border:none;}
a.h3:visited 	{color:#fff;text-decoration:underline; border:underline;}
a.h3:hover 		{color:#a1ada1; text-decoration:underline; border:none; }
a.h3:active 	{color:#fff;text-decoration:none; border:underline;}

.nav			{position: fixed; top:30px; left: 50px; width: 50px; z-index: 999; cursor: pointer;}

.makerworks		{text-align: left; font-size: 28px; line-height: 35px;  text-transform: none; margin-top: 0px; opacity: 1.0; font-family:'Oakes' 'Helvetica Neue', Helvetica, Arial, "sans-serif"; color: #fff;  font-weight: 500;}
a.makerworks:link 		{text-decoration:none; border:none;}
a.makerworks:visited 	{text-decoration:none; border:none;}
a.makerworks:hover 		{color:#fff; text-decoration:underline; border:none; }
a.makerworks:active 	{text-decoration:none; border:none;}



a.social:link 	{text-decoration:none; border:none;}
a.social:visited{text-decoration:none; border:none;}
a.social:hover 	{text-decoration:none; border:none; opacity: 0.4;}
a.social:active {text-decoration:none; border:none;}


a.rev:link 		{color:#00a36e;text-decoration:underline; border:none;}
a.rev:visited 	{color:#00a36e;text-decoration:underline; border:none;}
a.rev:hover 	{color:#00a36e;text-decoration:underline; border:none; opacity: 0.6;}
a.rev:active 	{color:#00a36e;text-decoration:underline; border:none;}




.pr			{position: relative;}
.ac			{text-align: center;}
.al			{text-align: left;}
.ar			{text-align: right;}


.map		{position: absolute; top: 0px; left: 0px; z-index: 1;}
.coverage	{position: absolute; top: 0px; left: 0px; z-index: 0;text-align:left; background:#353e3d; height: 100%; width: 33.33%; border-bottom: 10px solid #fff; opacity: 0.95}
.cbase		{z-index: 4; background:#fff; height: 10px;clear: both;content: "";display: block;clear: both; margin-top: -5px;}
.cinfo		{position: absolute; top: 20px; left: 20px; right:20%; z-index: 5;}
.ccta		{position: absolute; bottom: 0px; left: 0px; right:0%; z-index: 5;width:100%;background: #FF3A3D; padding-left: 20px;}

.p5			{padding: 5px;}
.p30		{padding: 50px;}


* {box-sizing: border-box;}

/* Create three equal columns that floats next to each other */
.column2 {float: left;width: 50%;padding: 0px;
  /*height: 300px; /* Should be removed. Only for demonstration */}
.column2r {float: right;width: 50%;padding: 0px;}


/* Create three equal columns that floats next to each other */
.column {float: left;width: 31%;padding: 0px 2.33% 0px 0px;
/*height: 300px; /* Should be removed. Only for demonstration */}
.column4 {float: left;width: 25%;padding: 10px;}
.column5 {float: left;width: 20%;padding: 10px;}

	

.cov_col_t {float: left;width: 33.33%;padding: 0px; }
.cov_col_m {float: left;width: 33.33%;padding: 0px; }

/* Clear floats after the columns */
.row:after {content: "";display: table;clear: both;}


	.mf	{}
.m_img		{ max-height: 500px; min-height: 500px; overflow: hidden;}
	.t75	{margin-top:  0;}	

.logoblock	{width: 20%; max-width: 175px; padding: 18px 0 12px 0}
.logoblockfooter	{width: 100%; max-width: 150px; padding-top: 0px;}


	.tpfooter {text-align: center; padding-top: 50px;}	



.menus		{position: absolute; top:50px; left: 50px; width: 50px; text-align: left; z-index: 999;}
.hours		{position: absolute; top:50px; right: 50px; width: 120px; text-align: right; z-index: 999;}

			
.pt		{margin-top:50px}
.footer	{background:#da2c13; min-height: 300px; padding: 50px}
.bl_rd	{max-width: 600px; padding: 75px 50px 50px 75px;}
.bl_bl	{max-width: 600px; padding: 350px 50px 50px 75px;}
.bl_lead{max-width: 600px; padding: 100px 50px 50px 75px;}

formwrapper{ padding: 0px;}

/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
	
.nav			{position: fixed; top:25px; left: 20px; width: 35px; z-index: 999; cursor: pointer;}

.makerworks		{text-align: left; font-size: 21px; line-height: 29px;  text-transform: none; margin-top: 0px; opacity: 1.0; font-family:'Oakes' 'Helvetica Neue', Helvetica, Arial, "sans-serif"; color: #fff;  font-weight: 500;}
a.makerworks:link 		{text-decoration:none; border:none;}
a.makerworks:visited 	{text-decoration:none; border:none;}
a.makerworks:hover 		{color:#fff; text-decoration:underline; border:none; }
a.makerworks:active 	{text-decoration:none; border:none;}

.nav_inner		{padding:145px 0px 25px 12px;}

	
.pt		{margin-top:0px}
.footer	{background:#da2c13; min-height: 650px; padding: 50px}
formwrapper{ padding: 25px;}

.bl_rd	{max-width: 600px; padding: 140px 35px 80px 35px;}
.bl_bl	{max-width: 600px; padding: 140px 35px 80px 35px;}	
.bl_lead{max-width: 600px; padding: 140px 35px 80px 35px;}

.welcome{ max-width: 400px; margin: auto; padding: 235px 35px 0px 25px;;}
	
	
h1 {font-family:'Oakes', 'Helvetica Neue', Helvetica, Arial, 'sans-serif'; font-size:24px; line-height:27px;padding: 0; margin: 0; text-align: left;  color: #da2c13; letter-spacing: 0px; font-weight: 400}

h3 {font-family:'Oakes', 'Helvetica Neue', Helvetica, Arial, 'sans-serif'; font-size:24px; line-height:27px;padding: 0; margin: 0; text-align: left;  color: #080c1b; letter-spacing:  0px; font-weight: 400}

h2 {font-family:'Oakes', 'Helvetica Neue', Helvetica, Arial, 'sans-serif'; font-size:24px; line-height:27px;padding: 0; margin: 0; text-align: left;  color: #fff; letter-spacing:  0px; font-weight: 400}

.h1 {font-family:'Oakes', 'Helvetica Neue', Helvetica, Arial, 'sans-serif'; font-size:24px; line-height:27px;padding: 0; margin: 0; text-align: left;  color: #da2c13; letter-spacing: 0px; font-weight: 400}
	
	
	
	
	
label		{ padding: 50px; opacity: 0.5}
.acm			{text-align: left;}
.acmr			{text-align: center; padding-top: 35px;}


.sl {
    border: none;
    outline: none; width: 100%;	
}
	
	.int_mc		{position: absolute; padding-top: 300px; left:0px; right:0px; z-index: 2;text-align: center;}


.menus		{position: absolute; top:30px; left: 30px; width: 50px; text-align: left; z-index: 999;}
.hours		{position: absolute; top:30px; right: 44px; width: 120px; text-align: right; z-index: 999;}
		

.about		{min-height: 400px; vertical-align: middle; padding: 22% 10% 10% 10%;}
	
	
.ar			{text-align: left; margin-top: 15px;}
	
	
.logoblock	{width: 45%; padding-top: 25px;}
.logoblockfooter	{width: 100%; max-width: 150px; padding-top: 0px;}

	
.tpfooter {text-align: center; padding-top: 50px; background: #tpfooter}	
	
.uma		{position: absolute;top:0px; left: 0px; right: 0px; text-align: center; padding-top: 75%;}
.load		{width:150px;}	
	
.p15	{padding:8% 12.5% 15% 12.5%}
.p25	{padding:50px 30px 50px; 30px;}	
	
	
	.sidenav a {
  padding: 5px 5px 5px 0px;
  text-decoration: none;
  font-size: 17px;
  color: #ffba00;
  display: block;
  transition: 0.3s; border: none;
}

	.t75	{margin-top:  75px;}	
	.mf	{ position: fixed; top:0px;left:0px;right:0px; z-index: 999;}
.m_img		{ max-height: 325px; min-height: 325px; overflow: hidden;}

	.dv		{visibility: hidden; display: none;}
	.mv		{visibility: visible; display: block;}



.mt			{margin-top: 35px;}	
	
.bgvid	{overflow: hidden}
.lvid	{ height: 100%; margin-bottom: -20px;}	
	
#navopen {width: 48px;}
#navclose{width: 48px;}
	
.nnav {width: 1065px; padding-top: 125px; margin: auto; padding-left: 20px; }
	
.mr{position: relative; height: 650px; width: 100%;}
.ma{position: absolute; width: 100%; z-index: 3; text-align: center; margin: 0px 0 0 0px;}
.mleft{position: absolute; height: 550px; width: 20%; background:#353e3d; z-index: 2;}

.column_mp {float: left;width: 100%;margin: 0px; background: url("../img/taha-removals/m_grad.png")repeat right;
padding-right: 20px; padding-left: 20px; height: auto; padding-bottom: 40px; opacity: 0.95;
}
	.column_mb {visibility: hidden; display: none;}

.mapframe {width:100%; height:650px;}

	.column {width: 100%;}
	.column2r {width: 100%;}
  .column2 {width: 100%;}
.cov_col_t {float: left;width: 100%;padding: 0px; }
.cov_col_m {float: left;width: 50%;padding: 0px; }
.column4 {float: left;width: 100%;padding: 10px;}
.column5 {float: left;width: 100%;padding: 10px;}
	
.s_img  {width: 100%;}
.s_copy {width: 100%; padding: 20px;}
.s_container { max-width: 350px; padding-top: 0;}
	.m	{ visibility: hidden; display: none;}
.p1 	{padding: 30px 0px 30px 20px}
.p2 	{padding: 10px 0px 20px 0px}
.lead 	{padding: 60px 0px 60px 0px}
.po 	{padding: 30px 0px 30px 10px}
.pl		{ padding-left: 10px;}
	
.p3 	{padding: 0px 0px 0px 20px}

.header	{top:0px; left: 0px; right:0px; margin: auto; text-align:center; background:#000; z-index:101; margin-top: -12px; height: 70px; position:fixed}
.logo 	{ position: fixed; top:0px; right:0px; left:0px;margin: auto;z-index: 997; text-align: center; background-image: url("../img/grad.png");background-repeat: no-repeat;
  background-size: 100% 100px;}

.contactheader	{position: fixed; top:20px; right:18px; z-index: 998;}
	
.marque 	{ position: absolute; bottom:50px; right:0px; left:0px;margin: auto;z-index: 901; text-align: center;}
	
	
}

.fh	{min-height: 600px;}
.emailphone	{width:35px; padding-bottom: 5px;}

@media screen and (min-width: 601px) {
label		{ padding: 70px; opacity: 0.5}
.acm			{text-align:center;}
.acmr			{text-align:center;}

	
.sl {
    border: none;
    outline: none;	
}
	
	.int_mc		{position: absolute; padding-top: 27.5%; left:0px; right:0px; z-index: 2;text-align: center;}

	
.uma		{position: absolute;top:0px; left: 0px; right: 0px; text-align: center; padding-top: 26%;}
.load		{width:150px;}
	
.p15	{padding:8% 10% 15% 10%}
.p25	{padding:50px 50px 50px; 50px;}	
	
#navopen 	{width: 60px;}
#navclose	{width: 60px;}
	
	
	.dv		{visibility: visible; display: block;}
	.mv		{visibility: hidden; display: none;}

.mt			{margin-top: 0px;}	
	
.bgvid	{overflow: hidden}
.lvid	{ width: 100%; margin-bottom: -20px;}	
	
.sidenav a {
  padding: 5px 5px 5px 0px;
  text-decoration: none;
  font-size: 18px;
  color: #ffba00;
  display: block;
  transition: 0.3s; border: none;
}
	
	
.nnav {width: 1065px; padding-top: 150px; margin: auto; }
	
.column_mp {float: left;width: 33.33%;margin: 10px; background: url("../img/taha-removals/m_grad.png")repeat right;
padding-right: 8%; padding-left: 30px; margin-right: 20px; height: 550px;
}
	.column_mb {float: left;width: 33.33%;padding: 10px;visibility: hidden; display: none;}	
.column4 {float: left;width: 25%;padding: 10px;}
.column5 {float: left;width: 20%;padding: 10px;}
	
.mr{position: relative; height: 550px; width: 100%;}
.ma{position: absolute; width: 100%; z-index: 3; text-align: center; margin: -10px 0 0 -20px;}
.mleft{position: absolute; height: 550px; width: 20%; background:#353e3d; z-index: 2;}
.mapframe {width:100%; height:550px;}

	.s_img  {width: 50%; float: left;z-index: 1;}
.s_copy {width: 50%; float: left; z-index: 2; vertical-align:baseline; padding: 20px;}
.s_container { max-width: 350px; padding-top: 25%;}
	.m	{ visibility: visible; display: block;}	
.p1 	{padding: 30px 0px 30px 10px}
.p2 	{padding: 10px 0px 20px 0px}
.lead 	{padding: 60px 0px 60px 0px}
.po 	{padding: 30px 0px 30px 10px}
.pl		{ padding-left: 0px;}
.p3 	{padding: 0px 0px 0px 10px}

		
.header	{top:0px; left: 0px; right:0px; margin: auto; text-align:center; background:#000; z-index:101; margin-top: -12px; height: 70px; position:fixed}
.logo 	{ position: fixed; top:5px; right:0px; left:0px;margin: auto;z-index: 998; text-align: center; background-image: url("../img/grad.png");   background-repeat: no-repeat;
  background-size: 100% 100px;}
	
.contactheader	{position: fixed; top:40px; right:30px; z-index: 998;}
		
.marque 	{ position: absolute; bottom:100px; right:0px; left:0px;margin: auto;z-index: 901; text-align: center;}
	
}


@media screen and (min-width: 601px) {
.int_mc		{position: absolute; padding-top: 27.5%; left:0px; right:0px; z-index: 2;text-align: center;}
	
#navopen {width: 60px;}
#navclose{width: 60px;}	
.uma		{position: absolute;top:0px; left: 0px; right: 0px; text-align: center; padding-top: 26%;}
.load		{width:150px;}	
	
	.dv		{visibility: visible; display: block;}
	.mv		{visibility: hidden; display: none;}

.mt			{margin-top: 0px;}	

.bgvid	{overflow: hidden}
.lvid	{ width: 100%; margin-bottom: -20px;}	
	
	
.nnav {width: 1065px; padding-top: 150px; margin: auto; padding-left: 20px; }
.s_container { max-width: 350px; padding-top: 25%;}

.column_mp {float: left;width: 33.33%;margin: 10px; background: url("../img/taha-removals/m_grad.png")repeat right;
padding-right: 8%; padding-left: 30px; margin-right: 20px; height: 550px;
}
	.column_mb {float: left;width: 33.33%;padding: 10px; visibility: hidden; display: none;}	
.column4 {float: left;width: 25%;padding: 10px;}
.column5 {float: left;width: 20%;padding: 10px;}
	
.mr{position: relative; height: 550px; width: 100%;}
.ma{position: absolute; width: 100%; z-index: 3; text-align: center; margin: -10px 0 0 -20px;}
.mleft{position: absolute; height: 550px; width: 15%; background:#353e3d; z-index: 2;}
.mapframe {width:100%; height:550px;}	
}


.op		{opacity:0.7;}




.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #353e3d;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 0px; opacity: 0.97;
}

.sidenav a {
  padding: 5px 5px 5px 0px;
  text-decoration: none;
  font-size: 18px;
  color: #ffba00;
  display: block;
  transition: 0.3s; border: none;
}

.sidenav a:hover {
  color: #fff; text-decoration: none; border: none;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  left: 25px;
}



@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 15px; line-height: 21px;}
}








button {
  overflow: visible; border: none;
}

button, select {
  text-transform: none; border: none;
}


textarea {
  overflow: auto;
}


form {
	max-width: 400px;
  padding: 0px;
  margin: 0px 0; margin: auto; text-align: center;
}


.email {
	float: none;
}

#interest	{text-align: center;}
#sub_but	{border: none; border-bottom: 0px;}




input[id='fieldjikdqj']{
	background:none; text-align: left; font-size: 14px; line-height: 18px;  text-transform: none; margin-top: 0px; opacity: 1.0; font-family:'Oakes' "Helvetica Neue", Helvetica, Arial, "sans-serif"; color: #da2c13;  font-weight: 500;
  border: none;
	border-bottom: solid 1px #da2c13;

	margin: 0em 0 10px 0;
	padding: 10px 7px 12px 10px;
	
	width: 100%; max-width: 400px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-appearance: none;	
}





input[name='cm-f-jihtitj']{
	background:none; text-align: left; font-size: 14px; line-height: 18px;  text-transform: none; margin-top: 0px; opacity: 1.0; font-family:'Oakes' "Helvetica Neue", Helvetica, Arial, "sans-serif"; color: #da2c13;  font-weight: 500;
  border: none;
	border-bottom: solid 1px #da2c13;
	
	white-space: normal; 

	margin: 0em 0 10px 0;
	padding: 10px 7px 12px 10px;
	
	width: 100%; max-width: 400px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-appearance: none;	
}




input[name='cm-fo-jihtiir']{
	background:none; text-align: left; font-size: 14px; line-height: 18px;  text-transform: none; margin-top: 0px; opacity: 1.0; font-family:'Oakes' "Helvetica Neue", Helvetica, Arial, "sans-serif"; color: #da2c13;  font-weight: 500;
  border: none;
	border-bottom: solid 1px #da2c13;
	
	white-space: normal; 

	margin: 0em 0 10px 0;
	padding: 10px 7px 12px 10px;
	
	width: 100%; max-width: 400px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-appearance: none;	
}



input[name='cm-name']{
	background:none; text-align: left; font-size: 14px; line-height: 18px;  text-transform: none; margin-top: 0px; opacity: 1.0; font-family:'Oakes' "Helvetica Neue", Helvetica, Arial, "sans-serif"; color: #da2c13;  font-weight: 500;
  border: none;
	border-bottom: solid 1px #da2c13;

	margin: 0em 0 10px 0;
	padding: 10px 7px 12px 10px;
	
	width: 100%; max-width: 400px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-appearance: none;	
}



input[type='text'], [type='email'], [type='submit'], select, textarea {
	background:none; text-align: left; font-size: 14px; line-height: 18px;  text-transform: none; margin-top: 0px; opacity: 1.0; font-family:'Oakes' "Helvetica Neue", Helvetica, Arial, "sans-serif"; color: #da2c13;  font-weight: 500;
  border: none;
	border-bottom: solid 1px #da2c13;

	margin: 0em 0 10px 0;
	padding: 10px 7px 12px 10px;
	
	width: 100%; max-width: 400px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-appearance: none;
}

input[type='text']:focus, [type='email']:focus, [name='cm-name']:focus, [id='fieldjikdqj'], [name='cm-f-jihtitj']:focus, textarea:focus {
	outline: none;
	padding: 10px 7px 12px 10px; text-align: left;
	background:none; text-align: left; font-size: 14px; line-height: 18px;  text-transform: none; margin-top: 0px; opacity: 1.0; font-family:'Oakes', "Helvetica Neue", Helvetica, Arial, "sans-serif"; color: #da2c13;  font-weight: 500;

}



#mc-embedded-subscribe					{	background:none; text-align: left; font-size: 14px; line-height: 18px;  text-transform: none; margin-top: 0px; opacity: 1.0; font-family:"Helvetica Neue", Helvetica, Arial, "sans-serif"; color: #da2c13;  font-weight: 500;}

#mc-embedded-subscribe:hover 			{	background:none; text-align: left; font-size: 14px; line-height: 18px;  text-transform: none; margin-top: 0px; opacity: 1.0; font-family:"Helvetica Neue", Helvetica, Arial, "sans-serif"; color: #da2c13;  font-weight: 500;}








.message {
	float: none;
}

.name {
	float: none;
}

select {
  background: #none url("../img/arrow.svg") no-repeat right;
  outline: none;
  -moz-appearance: none;
  -webkit-appearance: none; text-align: center;
}

select::-ms-expand {
  display: none;
}

.subject {
  width: 100%;
}

.telephone {
  width: 100%;
}

textarea {
	line-height: 150%;
	height: 150px;
	resize: none;
  width: 100%;
}

::-webkit-input-placeholder {
	color: #da2c13;
}

:-moz-placeholder { 
	color: #da2c13;
	opacity: 1;
}

::-moz-placeholder {
	color: #da2c13;
	opacity: 1;
}

:-ms-input-placeholder {
	color: #da2c13;
}



@media screen and (max-width: 768px) {
  #container {
    margin: 20px auto;
    width: 95%;
  }
}

@media screen and (max-width: 480px) {

  .underline {
    width: 68px;
  }
  
  #form_button {
    padding: 15px 5px;
  }
}

@media screen and (max-width: 420px) {

  
  .icon {
    height: 35px;
    width: 35px;
  }
  
  .underline {
    width: 53px;
  }
  
  input[type='text'], [type='email'], select, textarea {
    font-size: 0.875em;
  }
}







/* http://prismjs.com/download.html?themes=prism-coy&languages=markup+css+clike+javascript */
/**
 * prism.js Coy theme for JavaScript, CoffeeScript, CSS and HTML
 * Based on https://github.com/tshedor/workshop-wp-theme (Example: http://workshop.kansan.com/category/sessions/basics or http://workshop.timshedor.com/category/sessions/basics);
 * @author Tim  Shedor
 */

code[class*="language-"],
pre[class*="language-"] {
	color: white;
	font-family: Consolas, Monaco, 'Andale Mono', monospace;
	font-size: 12px;
	direction: ltr;
	text-align: left;
	white-space: pre;
	word-spacing: normal;
	word-break: normal;
	line-height: 1.5;

	-moz-tab-size: 4;
	-o-tab-size: 4;
	tab-size: 4;

	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}

/* Code blocks */
pre[class*="language-"] {
	position: relative;
	margin: 0 10px 20px;
	padding: 10px;
	border: 1px solid #dfdfdf;
	background-color: #fdfdfd;
	background-size: 3em 3em;
	background-origin: content-box;
	overflow: visible;
}

code[class*="language"] {
	background: black;
	max-height: inherit;
	padding: 0px 15px;
	display: block;
	overflow: auto;
}

/* Margin bottom to accomodate shadow */
:not(pre) > code[class*="language-"],
pre[class*="language-"] {
	background-color: #fdfdfd;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 1em;
}

/* Inline code */
:not(pre) > code[class*="language-"] {
	position: relative;
	padding: .2em;
	-webkit-border-radius: 0.3em;
	-moz-border-radius: 0.3em;
	-ms-border-radius: 0.3em;
	-o-border-radius: 0.3em;
	border-radius: 0.3em;
	color: #c92c2c;
	border: 1px solid rgba(0, 0, 0, 0.1);
}

:not(pre) > code[class*="language-"]:after,
pre[class*="language-"]:after {
	right: 0.75em;
	left: auto;
	-webkit-transform: rotate(2deg);
	-moz-transform: rotate(2deg);
	-ms-transform: rotate(2deg);
	-o-transform: rotate(2deg);
	transform: rotate(2deg);
}

.token.comment,
.token.block-comment,
.token.prolog,
.token.doctype,
.token.cdata {
	color: #7D8B99;
}

.token.punctuation {
	color: white;
}

.token.property,
.token.tag,
.token.boolean,
.token.number,
.token.function-name,
.token.constant,
.token.symbol,
.token.deleted {
	color: #9b59b6;
}

.token.string {
	color: #e74c3c;
}

.token.selector,
.token.attr-name,
.token.char,
.token.function,
.token.builtin,
.token.inserted {
	color: #3498db;
}

.token.operator,
.token.entity,
.token.url,
.token.variable {
	color: white;
}

.token.atrule,
.token.attr-value,
.token.keyword,
.token.class-name {
	color: #f1c40f;
}

.token.regex,
.token.important {
	color: #e90;
}

.language-css .token.string,
.style .token.string {
	color: #e74c3c;
	background: rgba(255, 255, 255, 0.5);
}

.token.important {
	font-weight: normal;
}

.token.entity {
	cursor: help;
}

.namespace {
	opacity: .7;
}

@media screen and (max-width: 767px) {
	pre[class*="language-"]:before,
	pre[class*="language-"]:after {
		bottom: 14px;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}

}

/* Plugin styles */
.token.tab:not(:empty):before,
.token.cr:before,
.token.lf:before {
	color: #e0d7d1;
}

/* Plugin styles: Line Numbers */
pre[class*="language-"].line-numbers {
	padding-left: 0;
}

pre[class*="language-"].line-numbers code {
	padding-left: 3.8em;
}

pre[class*="language-"].line-numbers .line-numbers-rows {
	left: 0;
}






/* 
Slick Slider
--------------------
 */
 
.slider {
  max-width: 100%;
  margin: 0 auto;
}
.slick-slide {
  margin: 0 5px;
}
.slick-list {
  margin: 0px -5px 0px -5px;
}
button.slick-next, button.slick-next:hover {
  position: absolute;
  top: 41%;
  right: 54px;
  width: 47px;
  height: 75px;
  background-image: url("#");
  background-size: 95px;
}
button.slick-prev, button.slick-prev:hover {
  position: absolute;
  top: 41%;
  left: 15px;
  z-index: 1;
  width: 47px;
  height: 75px;
  background-image: url("#");
  background-size: 95px;
      background-position-x: right;
}
.slick-prev:before, .slick-next:before {
  font-size: 70px;
  color: #EA8496;
  line-height: inherit;
  font-weight: bold;
}
.slider img {
  width: 100%;
    border: none;
    outline: none;	
}
	
	
/* Slick Slider Styles -- Provided by https://kenwheeler.github.io/slick/ */
/* Slider */
.slick-slider
{
    position: relative;

    display: block;

    -moz-box-sizing: border-box;
         box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('http://maggiesadler.com/wp-content/uploads/2015/10/ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('file:///C:/Users/msadler/Desktop/slick-1.5.7/slick/fonts/slick.eot');
    src: url('file:///C:/Users/msadler/Desktop/slick-1.5.7/slick/fonts/slick.eot?#iefix') format('embedded-opentype'), url('file:///C:/Users/msadler/Desktop/slick-1.5.7/slick/fonts/slick.woff') format('woff'), url('file:///C:/Users/msadler/Desktop/slick-1.5.7/slick/fonts/slick.ttf') format('truetype'), url('file:///C:/Users/msadler/Desktop/slick-1.5.7/slick/fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    margin-top: -10px;
    padding: 0;

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '';
}
[dir='rtl'] .slick-prev:before
{
    content: '';
    font-weight: bold;
    font-size: 20px;
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '';
}
[dir='rtl'] .slick-next:before
{
    content: '';
}

/* Dots */
.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -45px;

    display: block;

    width: 100%;
    padding: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}







/* 
Style
--------------------
 */



*{-moz-box-sizing:border-box;box-sizing:border-box;}
.blue{background:#3498db;color:#fff;}
.blue h3{background:#fff;color:#3498db;font-size:36px;line-height:100px;margin:10px;padding:2%;position:relative;text-align:center;}
.variable-width .slick-slide p { background: #fff; height: 100px; color:#3498db; margin: 5px; line-height: 40px; }
.button{background:#3498db;color:#fff;display:block;font-size:16px;margin:20px auto;padding:20px;text-align:center;text-decoration:none;width:48%;}
.buttons{padding:0px 0px 0px; margin-bottom: 10px;}
.buttons .button{background:#FFF;color:#3498db;float:left;margin:5px;}

.content{margin:auto;padding:20px;width:600px;}

.slick-slide .image{padding:0px;}
.slick-slide img{border:0px solid #FFF;display:block;width:100%;}
.slick-slide img.slick-loading{border:0 }
.slick-slider{}
.ss50{margin:5px auto 50px;}
.ss20{margin:5px auto 30px;}
.ss_pdr {width: auto; height:25px;}


@media (max-width: 420px) {
ul.nav li a{display:block;font-size:14px;}
}
@media (max-width: 768px) {
.button{margin:0 auto 20px;width:auto;}
.button.first{margin-top:40px;}
.buttons{padding:0 0 10px;}
.buttons .button{float:left;font-size:12px;margin:1%;width:48%;}
.center{margin-left:0px;margin-right:0px;}
.center .slick-center h3{-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1);color:#e67e22;opacity:1;transform:scale(1);}
.center h3{-moz-transform:scale(0.95);-ms-transform:scale(0.95);-o-transform:scale(0.95);-webkit-transform:scale(0.95);opacity:0.8;transform:scale(0.95);transition:all 300ms ease;}
.content{margin:auto;padding:15px;width:auto;}
}	
	
	



/*Custom dropdown menu*/

/*the container must be positioned relative:*/
.custom-select {
  position: relative;
  font-family: Arial;
}

.custom-select select {
  display: none; /*hide original SELECT element:*/
}

.select-selected {
  background-color: DodgerBlue;
}

/*style the arrow inside the select element:*/
.select-selected:after {
  position: absolute;
  content: "";
  top: 14px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #fff transparent transparent transparent;
}

/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after {
  border-color: transparent transparent #fff transparent;
  top: 7px;
}

/*style the items (options), including the selected item:*/
.select-items div,.select-selected {
  color: #ffffff;
  padding: 8px 16px;
  border: 1px solid transparent;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;
  user-select: none;
}

/*style items (options):*/
.select-items {
  position: absolute;
  background-color: DodgerBlue;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
}

/*hide the items when the select box is closed:*/
.select-hide {
  display: none;
}

.select-items div:hover, .same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
}