*{ 
    margin:0; 
    padding:0; 
    outline:none;
    box-sizing: border-box;
}
body{ margin:0; padding:0; -ms-word-wrap:break-word; word-wrap:break-word; background-color:#fff; position:relative; font:400 14px/22px Arial; color:#000000;}

h3{
	margin-bottom: 10px;
}

.clear{ clear:both;}
.custom-logo {
   max-width: 160px;
   margin-top: 8px;
   margin-bottom: 8px;
}
a {
    text-decoration: none;
    
}


#phone1{
    display: block;
    margin: 0.2em 0;
    padding: 1.0em;
    text-align: center;
    font-size: 1.5em;
    border-bottom: 1px solid #999;
    text-decoration: none;
    color: #b1272a;
    font-weight: bold;
}

#phone2{
    display: none;
}

@media screen and (min-width: 600px){
    #phone1{
        display: none;
    }
    
    #phone2{
        display: block;
        background-color: #999;
    }
}

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

    .custom-logo {
        max-width: 90px;
    }
    #header {
        padding: 10px 0 10px !important;
        background-color: #000000;
    }
    
    
} 
/* HOME PAGE CARDS END*/

/*FOOTER START*/
.footer-wrap{
  width: 100%;
  margin-top: 50px;
  background: #000;
  font-family: arial;
}
.copyright-wrapper {
    position: relative;
    padding: 20px 0;
    background-color: #000000;
}
.copyright-wrapper .inner {
    width: 1170px;
    margin: auto;
}
.footer-menu {
    float: left;
}
.footer-menu ul {
    margin: 0;
    padding: 0;
    text-align: center;
}
.footer-menu ul li {
    display: inline;
    list-style: none;
    /*float: left;*/
}
.footer-menu ul li a {
    color: #c6c6c6;
    font: 400 12px arial;
    /*border-right: 1px solid #ffffff;*/
    padding: 0px 10px;
    text-decoration: none;
}
.footer-menu ul li a:hover{
	color: #e25050;
}
.copyright {
    float: right;
    text-align: right;
    color: #ffffff;
}
.copyright {
    font: 400 12px arial;
}

@media screen and (max-width:814px){
	.copyright-wrapper {
        width: auto;
        padding-bottom: 0;
    }
    .copyright{
    	margin: 0 auto!important;
    	/*width: 320px;*/
    	float: none;
    	text-align: center;
    	clear: both;
    }
    .copyright-wrapper {
        position: relative;
        padding: 20px 0;
            padding-bottom: 20px;
        background-color: #000000;
    }
    .copyright-wrapper .inner {
        width: 95%;
    }
    .footer-menu{
    	width: 100%;
    	border-bottom: 1px solid #c2c2c2;
    	margin-bottom: 10px;
    	padding-bottom: 10px;
    }
    .footer-menu ul{
    	margin: 0 auto!important;
    	/*width: 220px;*/
    	font-family: Arial, sans-serif;
    }
}
/*FOOTER END*/
a.blog-more:hover, .nav-links .current, .nav-links a:hover, #commentform input#submit, input.search-submit, .nivo-controlNav a.active, .blog-date .date, a.read-more:hover, .main-nav ul li a:hover, #slider .top-bar h2, .entry-content p input[type="submit"], .main-nav ul li:hover a.parent, .toggle a {
    background-color: #e25050;
}
#header {
   padding: 5px 0 10px !important;
   background-color: #000000;
}
.container{
  max-width: 1170px;
  margin: 0 auto;
}
#header .logo {
 margin: 0px !important;
}
/** Header **/
#header { padding:20px 0 10px; background-color:#000000;}
#header .logo { width:25%; float:left;}
.logo h1 { padding-bottom:0; padding:0; text-transform:uppercase; font-size:25px; font-family:Arial; color:#ffffff; font-weight:bold; }
#header p { color:#ffffff;}
.toggle{display:none;}
.main-nav ul li a { font:400 15px Arial; color:#1d1d1d;}

@media screen and (min-width:1000px){
	.main-nav ul { margin:10px 0 0 0; padding:0; float:right;}
	.main-nav ul li { list-style:none; display:inline-block;  position:relative; }
	.main-nav ul li ul { display:none; width:175px;}
	.main-nav ul li a { text-decoration:none; padding:10px 15px; text-transform:uppercase; font:400 14px Arial; color:#ffffff;}
	.main-nav ul li a:hover, .main-nav ul li a:focus { text-decoration:none; padding:8px 15px; background-color:#e25050;}
	.main-nav ul li:hover ul {display:block; position:absolute; background-color:#222222; z-index:99; left:0px; top:20px;}
	.main-nav ul li:hover ul li {display:block; padding:0;}
	.main-nav ul li:hover ul li a { padding:0;  border-top:0; text-transform:capitalize;}
	.main-nav ul li:hover ul li ul { display:none; }
	.main-nav ul li:hover ul li:hover ul { display:block; position:absolute; z-index:999; left:100%; top:-23%;}
	.main-nav ul li:hover ul li:hover ul li { display:block;}
	#header .main-nav ul li ul li:last-child a{ border-bottom:none;}
	#header .logo{float:left; padding-bottom:8px;}
}
.toggleMenu{display:none;}


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

.custom-logo {
   max-width: 80px;
}
#header {
   padding: 10px 0 10px !important;
   background-color: #000000;
}
}


/* Mobile Portrait View */

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

*{box-sizing:border-box;}
	.container { width:90%; margin:0 auto;}
	#header { position:inherit !important; width:100%; padding:30px 0 15px 0;}
	#header .logo { float:none; text-align:center; width:100%;}

/* ------ Extra ------ */
	.toggle{display:block;}
	.toggle a{width:100%; color:#ffffff; background:url(../images/mobile_nav_right.png) no-repeat right center #e25050; padding:10px 10px; margin-top:20px; font-size:16px;}
	.toggle a:hover{ color:#ffffff !important;}
	.toggle a.active{color:#0bb5c7;}
	.main-nav{display:none;}
	.main-nav{float:none; margin:0; position:relative; overflow-x:hidden; }
	.main-nav ul{background:#000000; color:#000; width:100%; float:none !important; margin-left:0;}
	.main-nav ul li{border-top:1px #303030 solid; display:block; float:none; text-align:left;}
	.main-nav ul li a{padding:5px 10px; display:block; color:#ffffff !important; font-size:13px;}
	.main-nav ul li a:hover{color:#ffffff !important;}
	.main-nav ul li ul, .nav ul li ul ul{ display:block !important;}
	.main-nav ul li ul li a:before{content:"\00BB \00a0";}
	.main-nav ul li ul li a{padding-left:20px !important;}
	.main-nav ul li ul li ul li a{padding-left:30px !important;}

}

/* Mobile Landscape View */

@media screen and (max-width:719px) and (min-width:480px) {
	*{box-sizing:border-box;}
	.container { width:90%; margin:0 auto;}
	#header { position:inherit !important; width:100%; padding:30px 0 15px 0;}
	#header .logo { float:none; text-align:center; width:100%;}
	.toggle{display:block;}
	.toggle a{width:100%; color:#ffffff; background:url(../images/mobile_nav_right.png) no-repeat right center #e25050; padding:10px 10px; margin-top:20px; font-size:16px;}
	.toggle a:hover { color:#ffffff; text-decoration:none;}
	.toggle a.active{color:#ffffff; text-decoration:none;}
	.main-nav{display:none;}
	#header .main-nav{float:none; margin:0; position:relative; overflow-x:hidden; }
	#header .main-nav ul{background:#000000; color:#000; width:100%; float:none; margin-left:0; font-size:15px;}
	#header .main-nav ul li{border-top:1px #303030 solid; display:block; float:none; text-align:left;}
	#header .main-nav ul li a{padding:5px 10px; display:block; color:#ffffff;}
	#header .main-nav ul li a:hover{color:#ffffff;}
	#header .main-nav ul li ul li a:before{content:"\00BB \00a0";}
	#header .main-nav ul li ul li a{padding-left:20px;}
	#header .main-nav ul li ul li ul li a{padding-left:30px;}
}


@media screen and (max-width:899px) and (min-width:320px) {
	.toggle a { color:#ffffff;}
	.toggle a:hover { color:#ffffff; text-decoration:none;}
	.toggle a.active{color:#ffffff; text-decoration:none;}
	a.select { left:32%;}
}

/* Tablet View */

@media screen and (max-width:999px) and (min-width:720px) {
	*{box-sizing:border-box;}
	.container { width:95%;}
	#header { padding:30px 0 15px 0;}
	#header .logo{ float:none; text-align:center; margin:0 auto;}
	.toggle{display:block;}
	.toggle a{width:100%; color:#ffffff; background:url(c) no-repeat right center #e25050; padding:10px 10px; margin-top:20px; font-size:16px;}
	.toggle a:hover { color:#ffffff; text-decoration:none;}
	.toggle a.active{color:#ffffff; text-decoration:none;}
	.main-nav{display:none;}
	#header .main-nav{float:none; margin:0; position:relative; overflow-x:hidden; }
	#header .main-nav ul{background:#000000; color:#000; width:100%; float:none; margin-left:0; font-size:15px !important; }
	#header .main-nav ul li{border-top:1px #303030 solid; display:block; float:none; text-align:left;}
	.main-nav ul li a{padding:5px 5px; display:block; color:#ffffff !important;}
	.main-nav ul li a:hover{color:#ffffff !important; padding-left:5px; padding-right:5px;}
	.main-nav ul li ul li a:before{content:"\00BB \00a0";}
	.main-nav ul li ul li a{padding-left:20px !important;}
	.main-nav ul li ul li ul li a{padding-left:30px !important;}



}

@media screen and (min-width: 1000px) {
	#header { width:100%;}
	#header .main-nav{ width:100%;}
	#header .main-nav ul li ul li{display:block; position:relative; float:none;}
	#header .main-nav ul li ul li a{color:#ffffff; display:block; padding-top:10px; padding-bottom:10px; border-bottom:1px #313131 solid; padding-right:0px !important; padding-left:16px;}
	#header .main-nav ul li ul li ul li a{border-bottom:1px #313131 solid !important;}
	.toggle a { text-decoration:none;}
	.toggle a:hover { color:#0bb5c7; text-decoration:none;}
	.toggle a.active{color:#0bb5c7; text-decoration:none;}
}

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

.custom-logo {
    max-width: 80px;
}
#header {
    padding: 10px 0 10px !important;
    background-color: #000000;
}
}

.container{
position: relative;
}

#header .logo{
font-size: 2.5em;
text-align: left;
}

#header .logo p{
margin: 0;
padding: 0;
font-size: 12px;
text-align: left;
}

.toggle{
position: absolute;
top: 3px;
right: 0;
}

.toggle a{
margin: 0;
padding: 0;
color: transparent;
text-decoration: none;
background-color: inherit;
font-size: 1px;
line-height: 1px;
height: 25px;
width: 43px;
background-position: center center;
}

.toggle a:hover{
color: transparent !important;
}

.toggle a.active{
color: transparent;
}

#header .main-nav{
margin: 10px 0 0 0;
}


.top-bar-wrap{
	width: 100%;
	background: #000;
	padding: 0em 1em 0em 1em;
	/*height: 49px;*/
	box-sizing: border-box;
}
.top-bar{
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: 1170px;
	margin: 0px auto;
	justify-content: space-between;	 
	background: #000; 
}
ul.top-bar-menu{
	display: flex;
	justify-content: space-between;
	background: #000; 
}
ul.top-bar-menu li{
	margin-left: 0px;
	list-style-type: none;
	text-transform: uppercase;
}
ul.top-bar-menu li a{
	color: #fff;
	padding: 6px 17px;
}
ul.top-bar-menu li a:hover{
	background: #e25050;
}
.hamburger-menu{
	display: none;
}
	
@media screen and (max-width:414px){
		.top-bar-wrap{
		width: 100%;
		background: #000;
		padding: 0em 1em;
	}
	ul.top-bar-menu{
			display: none;
		}
		.hamburger-menu{
			background: #000; 
		display: block;
		border: 0;
		width: 33px;
		height: 30px;
		margin-top: -15px;
	}
		label {
			background: #000; 
	  display: block;
	  margin: 20px 0 0;
	}
	label:hover {
	  text-decoration: underline;
	  background: #000; 
	}
	input {
	  position: absolute;
	  left: -999em;
	  background: #000; 
	}
	.hide {
		background: #000; 
		opacity: 0;
	  max-height: 0;
	  border: none;
	  transition: opacity 0 linear, max-height 0s linear;
	}
	.hide p {
	  padding: 10px;
	  margin: 0;
	}
	.hamburger-menu input[type="checkbox"]:checked + div {
        position: absolute;
        width: 100%;
        left: 0;
        top: 45px;
        background: #000;
        max-height: 99em;
        opacity: 1;
        height: auto;
        overflow: hidden;
        z-index: 999;
	}
	.hamburger-menu p{
		padding: 0 0;
		margin: 0 0 6px 0;
	}
	.hamburger-menu a{
		text-decoration: none;
		color: #fff;
		border-bottom: 1px solid #c2c2c2;
		display: block;
		width: 100%;
		padding: 0.5em 0.2em;
	}
	.custom-logo{
		margin-top: 10px;
	}
} /* 414 */
	
	
	
	
	
#contactPage{
    margin: 1.0em auto;
    padding: 1.0em;
    max-width: 500px;
}

#contactPage .success{
    margin: 2.0em auto;
    padding: 0;
    min-height: 10em;
    text-align: center;
}

#contactPage .success h3{
    margin: 0 0 1.5em 0;
    padding: 0;
}


#contactPage h4{
    margin: 1.0em auto;
    padding: 1.0em;
    border: 3px solid #f00;
    text-align: center;
}

#contactPage .fields > div{
    margin: 0 0 1.7em 0;
    padding: 0;
    
    
}

	
#contactPage label{
    background-color: inherit;
}


#contactPage input[type=text],
#contactPage input[type=tel],
#contactPage input[type=email]
{
	position: relative;
	left: inherit;
	margin: 0;
	padding: 5px;
	border: 1px solid #aaa;
	background: inherit;
	width: 100%;
	font-size: 1.2em;
}


#contactPage .phone > span{
    display: block;
}

#contactPage .phone span input {
	display: inline-block;
	margin: 0;
	padding: 5px 8px;
	width: 100%;
	
}

#contactPage .phone span input[name="areacode"] {
	width: 3.5em;
	text-align: center;
}

#contactPage .phone span input[name="prefix"] {
	display: inline-block;
	width: 3.5em;
	text-align: center;
}

#contactPage .phone span input[name="line_number"] {
	margin-right: 0.5em;
	width: 3.7em;
	text-align: center;
}

#contactPage .phone span input[name="extension"] {
	width: 4em;
	text-align: center;
}

#contactPage .phone span.ext{
    white-space: nowrap;
}






#contactPage textarea {
	margin: 0;
	padding: 5px;
	border: 1px solid #aaa;
	width: 100%;
	font-size: 1.2em;
	font-family: Arial;
}


#contactPage span.error input,
#contactPage input[type=text].error,
#contactPage textarea.error {
    border: 3px solid #f00;
    background-color: lightyellow;
}


#contactPage input[type=submit] {
    position: relative;
	left: inherit;
    display: inline-block;
	margin: 1.0em auto;
	padding: 0.5em;
	border: 1px solid #aaa;
	font-size: 1.2em;
	font-family: Arial;
	background: inherit;
}