/*===================== 
	CSS reset/normalize 
=======================*/

/**Correct `block` display not defined in IE 8/9.**/
article,aside,details,figcaption,figure,footer,header,hgroup,
main,nav,section,summary {display: block;}
pre {white-space: pre-wrap;}
small { font-size: 80%;}




/*===================== 
	base styles 
=======================*/

html {
    -ms-text-size-adjust: 100%; 
    -webkit-text-size-adjust: 100%; 
    overflow-x: hidden!important;
    scroll-behavior: smooth;
}

body {
	font-family: 'montserrat', sans-serif !important; 
    margin: 0;
	padding:0;
    overflow-x:hidden!important;
    letter-spacing:0px;
}

svg:not(:root) {overflow:hidden}
.clear {clear:both}




/*===================== 
	typography 
=======================*/

h1, h2, h3, h4, h5, h6 {margin:0;padding:0}
p{margin:0}
a{text-decoration:none}

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




/*===================== 
	header styles 
=======================*/

.header-wrap{background:#f3f3f3}
.top-header{padding:0 1% 0 4%;}
.logo{width:100%;max-width:265px;float:left}
.info-img{width:100%;max-width:1100px;float:right}

.nav-wrap{
    text-align:center;
    background:#cc2127;
    padding: 0px 30px;
    text-transform:uppercase;
}





/*===================== 
	nav styles 
=======================*/

#menu-button{display:none}
nav.mobile {display:none}

nav.primary ul li a .click{
    cursor:pointer;
    z-index: 12;
    top:0;
    right:0;
    width:auto;
    height:auto;
}

nav.primary {
	padding:0;
	display:block;
	width:100%;
	position:relative;
	background:transparent;
}

nav.primary ul {
    margin:0; 
    padding:0;  
}

nav.primary ul li {
    display:inline-block;
    list-style-type:none; 
}

nav.primary ul li a {
    color:#fff!important;
    font-size:13px;
    text-decoration:none;
    display:block;
    margin:0;
    font-weight:700;
    padding:13px 20px;
    font-family:'montserrat', sans-serif;
    text-align:center;
    transition:.3s ease
}	

nav.primary ul li a:hover {color:#000!important}


/* sub-level links */

nav.primary ul.list {
    background: white;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    box-shadow: 1px 1px 10px -4px rgba(0,0,0,0.70);
    position: absolute; 
    z-index:99999999;
    border:0px!important
}

nav.primary ul.list li {
    display:block;
    width:250px;
    list-style-type:none;
}

nav.primary ul li li a { 
    font-size:13px;
    line-height:16px;
    padding:15px 35px;
    color:#000 !important;
    display:list-item;
    text-align:left;
    text-transform:capitalize!important;
    border-right:none;
    border-left:none;
}

nav.primary ul li li :hover { 
    background: #cc2127;
    color:#fff!important;
    box-shadow:none !important;
}


/* dropdown */

nav.primary ul ul {
    display: none;
    position: absolute; 
}

nav.primary ul ul ul {
    position: absolute; 
    left: 100%;
    top:0; 
}

nav.primary ul li:hover > ul {  
    display: block;
    line-height:18px; 
}

nav.primary ul ul li {
    float: none; 
	width: 230px;
    position: relative;
}






/*===================== 
	footer styles 
=======================*/

.top-footer{
    display:block;
    overflow:auto;
    background:#cc2127;
    text-align:center;
    padding:8px 0
}

.top-footer a{
    text-decoration:none;
    color:#fff!important;
    text-transform:uppercase;
    font-weight:700;
    padding:0 5% 
}

.bottom-footer{
    display:block;
    overflow:auto;
    background:#000;
    text-align:center;
    padding:30px
}

.copyright{
    float:left;
    color:#929292;
    font-size:12px;
}

.copyright a{
    color:#929292!important;
    font-size:12px;
    text-decoration:none;
    transition:.3s ease;
}

.copyright a:hover{color:#fff!important}

.social-links{
    float:right;
    text-align:right
}

.social-links i{color:#cc2127;padding:0 20px;}


/*========================== 
	  responsive styles 
============================*/

@media screen and (max-width: 1550px) {.top-header{padding:0 1% 0 2%}}
@media screen and (max-width: 1450px) {.info-img{max-width:1000px}}
@media screen and (max-width: 1350px) {.info-img{max-width:950px}}
@media screen and (max-width: 1300px) {.top-header{padding:0 .5% 0 1%}.info-img{max-width:900px}}
@media screen and (max-width: 1250px) {.info-img{display:none}}

    
@media screen and (max-width: 1100px)  {  
       
/* mobile nav */	 
nav.primary ul{display:none} 
 
#menu-button{ 
    display: block;
    font-size: 22px;
    position: relative;
    z-index: 10;
}
    
#menu-button a{
    color:#cc2127;
    text-decoration: none;
    font-weight:800;
    font-size:30px;
    transition:.3s ease;
    float:right
}
    
nav.mobile {
    display:block;
    position: fixed;
    top: 0;
    left: -250px;
    width:250px;
    height: 100%;
    background:#E3E3E3;
    z-index: 500;
    overflow:auto;
}

nav.mobile .mobile_top {
    position: relative;
    display:block;
    padding: 0;
    margin:15px 0px 10px 0px;
    color: #999;
    font-size: 18px;
    font-weight: 400;
}

/* menu 'x' button */
    
nav.mobile .menu-toggle {
    position: absolute;
    padding: 3px 8px 3px;
    font-family: Arial, sans-serif;
    font-size:25px;
    font-weight: thin;
    line-height: 1;
    color: #000;
    text-decoration: none;
    top:2px;
    z-index:9999;
    right:10px;
}
    

/* menu list */
    
nav.mobile ul {
    list-style: none;
    font-weight: 400;
    padding:0px !important;
    padding-inline-start: 0px !important;
}
    
.list{
    background:#E3E3E3;
    border-top:1px solid #000!important;
}
    
    
ul.list li{
    border-bottom:1px solid #BFBFBF!important;
}
    
ul.list li a{
    transition:.3s ease
}    
    
ul.list li a:hover{
    background:#cc2127;
    color:#fff
}
     
nav.mobile ul li {
    position:relative;
    padding:none !important;
    border-bottom:1px solid #BFBFBF;
    transition:.3s ease
}
    
nav.mobile ul li a:hover{
     background:#cc2127;
     color:#fff
}
    
nav.mobile ul li a:hover i{color:#fff}

nav.mobile ul li a {
    position: relative;
    display: block;
    font-size:13px;
    color: #000;
    text-decoration: none;
    font-family:'montserrat', sans-serif !important;
    font-weight:600;
    text-transform:uppercase;
    padding: 15px 10px;
    transition:.3s ease
}

nav.mobile ul li .fa-chevron-down {
    color:#000;
    font-size:12px;
    margin-top:-3px;
    transition:.3s ease
}   
} 



@media screen and (max-width: 750px) {
.top-header{text-align:center}    
.logo{float:none;margin:50px 0 20px 0}
.top-footer a{padding:5px 0;display:block}
.bottom-footer{text-align:left}    
.copyright{float:none; margin-bottom:20px}
.social-links{float:none;text-align:left}
.social-links i{padding:0 10px}    
}