/***** BEGIN RESET *****/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;	
}

ol, ul {
	list-style: none;
}

table{border-collapse:collapse; width:100%;}
td{vertical-align:top;}

/* Make HTML 5 elements display block-level for consistent styling */  
header, nav, article, footer, address, img {  
    display: block;  
} 

/***** END RESET *****/


body {
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  background-color: transparent;
  overflow-x: hidden;
  letter-spacing: .03em;
  }

p{font-size: 16px;}

h1, h2, h3, h4, h5 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  line-height: 1.4;}

h1{ color: #000; margin-bottom: 10px;}

a:link, a:visited, a:active {text-decoration:none; color:#1162A5;}
a:hover {text-decoration: none; color:#000;}

img {max-width:100%; height: auto;}

header {background-color: #fff;max-width: 100%; height: auto;}

.wrapper {
  text-align: center;
  width: 100%;
  }

.top {
  height: auto;
  box-sizing: border-box;
  width: 100%;
  }
/*===================== 
	header styles 
=======================*/
.header-wrap {width:100%;margin: 0;	background-color: #555;height: auto;}
.lcolumn {float: left; width: 25%; height: auto;}
.lcolumn ul{display: inline-block;}
.lcolumn li{float: left; margin:0;padding: 0 30px; font-size: 20px; font-weight: 700; line-height: 50px; color: #FFFFFF; border-right: #FFFFFF thin solid; text-transform: uppercase;height: auto;}
.lcolumn li a{color: #FFFFFF; font-weight: 600; letter-spacing: 1px;}
.lcolumn li a:hover{color: #f4f4f4; transition: .3s ease-in-out all;}
.mcolumn {float: left; width: 50%;}

.rcolumn {float: right; width: auto; padding:  0; position: relative; display: inline-block; background-color: #e51937; height: auto;}
.rcolumn ul{display: inline-block;}
.rcolumn li{float: left; margin:0;padding: 0 25px; font-size: 15px; font-weight: 700;line-height:50px; color: #FFFFFF; border-right: #FFFFFF thin solid ;text-transform: uppercase; height: auto;}
.rcolumn li a{ color: #FFFFFF;}


.rrcolumn {float: right; width: auto; padding:  0; position: relative; display: inline-block; height: auto;}
.rrcolumn ul{display: inline-block;}
.rrcolumn li{float: left; margin:0;padding: 0 30px; font-size: 15px; font-weight: 700;line-height:50px; color: #FFFFFF; border-right: #FFFFFF thin solid; border-left: #FFFFFF thin solid;text-transform: uppercase; height: auto;}
.rrcolumn li a{ color: #FFFFFF;}
.rrcolumn li a:hover{ color: #f4f4f4; transition: .3s ease-in-out all;}

.row {width: 100%; }
.row:after {content: "";display: table; clear: both;}
.main-logo {width: 100%;height: auto;margin-right: auto; margin-left: auto;}


/*---nav style---*/
.mrow {width: 100%; box-shadow: 0px 5px 5px 0px rgb(0 0 0 / 15%); display: flex; align-items: center; justify-content: space-between;}
.mrow:after {content: "";display: table; clear: both;}
.logocloumn{float: left; width: 20%; height: auto;}
.logocloumn img {padding-left: 20px;}
.navcloumn{float: left; width: auto; height: auto;}



/*  FOOTER
------------------------------------------------*/

footer { height: auto; display: inline-block;  padding:  30px 0; color: #FFFFFF; background-color: #1162A5; width: 100%;   } 
footer .foot-nav {list-style: none; margin: 0; }
footer .foot-nav li a {font-size: 14px; list-style: none;color: #FFFFFF;}
footer .foot-nav li a:hover {color:#f4f4f4;}
footer .foot-nav img {max-width: 100%; padding: 0 0 0 0}
footer .soc-media {width: 100%;font-size: 12px; line-height: 25px; margin-bottom: 25px;}
footer h5{font-size: 16px;color: #FFF;text-transform: uppercase; font-weight: 500;}
footer a {font-size: 12px; list-style: none;color: #FFFFFF ;line-height: 25px;}
.right {padding: 0 2% 0 0;}
.columnf {width: 25%;}
.middle {padding: 0 1%;}
.middle  a {color:#FFFFFF}
.middle  a:hover {color:#f4f4f4;}
.middle  p {color:#FFFFFF;font-size: 12px;line-height: 16px;}
.fco{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box; box-sizing: border-box; float: left;}
.fwrap {width: 90%; margin: 0 auto; max-width: 1040px;}
.copyright {display: block; margin-top: 2em;}
.copyright p span { display: inline-block;font-size: 12px; margin-bottom: 20px;}
* { box-sizing: border-box;}



.divfooter {color: #fff; text-align: left; font-size: 12px; line-height: 20px; transition: all 0.3s;  ; margin-top: 10px; background-color: #1162A5; }
.divfooter a {color: #fff; transition: all 0.3s; font-size: 12px;}
.divfooter a:hover {opacity: 0.6;}
.footertext {text-align: center;padding: 0 ;}
.footertext p {text-align: center;font-size: 12px;font-weight: normal;line-height: normal;}
.footertext a {	text-align: center;	font-size: 12px;font-weight: bold;line-height: normal}
.icons {float: right; width: auto; padding:  0; position: relative; display: inline-block;}
.icons ul{display: inline-block;}
.icons li{float: left; margin:0;padding: 0 5px; font-size: 40px; line-height: 55px; color: #1162A5;}

/*  end footer
--------------*/



@media screen and (max-width: 1212px)  {
/*===================== 
	header styles 
=======================*/
.lcolumn li{ font-size: 16px; font-weight: 700; }
	
.copyright p span { display: inline-block;font-size: 12px; margin-bottom: 20px; padding: 0 20px;}
.divfooter {padding: 0 20px; }
}



@media screen and (max-width: 966px)  {
.container{margin: 35px 50px 0;}
}



@media screen and (max-width: 905px)  {
.fwrap, .divfooter {text-align: center;}
.right {padding: 0 2% 0 0;}
.columnf {width: 100%; padding-bottom: 20px}
.middle {padding: 0 1%;}
.icons {float: none; text-align: center;}
.copyright {margin-top: 0;}
span.flt-right.m-hide {display: none;}
.fwrap .right {padding: 0;}

}



@media screen and (max-width: 857px)  {
.container{margin: 35px 20px 0;}

}



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

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

.lcolumn {float: left; width: auto; height: auto;}
}


@media only screen and (min-width: 768px){
.flt-right {   float: right;}
.copyright {   text-align: left;}
}


		
@media screen and (max-width: 550px)  {	
	
/*===================== 
	header styles 
=======================*/

.lcolumn li{padding: 0 20px; }
.mcolumn {float: left; width: 50%;}
.rcolumn li{padding: 0 20px; }
.rrcolumn li{padding: 0 20px; }

}

@media screen and (max-width: 428px)  {	
	
/*===================== 
	header styles 
=======================*/
.lcolumn li{padding: 0 15px; font-size: 16px;  line-height: 30px; ;}
.rcolumn li{padding: 0 15px; font-size: 12px; line-height:30px; }

.rrcolumn li{padding: 0 15px; font-size: 12px; line-height:30px; }

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

/*  FOOTER
------------------------------------------------*/
.right {padding: 0 2% 0 0;}
.columnf {width: 100%; padding-bottom: 20px}
.middle {padding: 0 1%;}

}

@media screen and (max-width: 368px)  {	
/*===================== 
	header styles 
=======================*/
.lcolumn {float: left; width: 100%; height: auto; text-align: center; border-bottom: #FFFFFF thin solid;}
.lcolumn li{float: left; margin:0;padding: 0 30px;  border-right: none; text-transform: uppercase;height: auto; text-align: center;}
.mcolumn {float: left; width: 0}
.rcolumn {float: right; width: 50%; text-align: center;}
.rcolumn li{float: left; margin:0;padding: 0 20px; border-right: none;}
.rrcolumn {float: right; width: 50%; text-align: center; }
.rrcolumn li{float: left; margin:0;padding: 0 20px; border-right: none; border-left: none;}




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

/*  FOOTER
------------------------------------------------*/
.right {padding: 0 2% 0 0;}
.columnf {width: 100%; padding-bottom: 20px}
.middle {padding: 0 1%;}
footer .foot-nav li a {font-size: 12px; }
footer .soc-media {font-size: 10px; }
footer h5{font-size: 14px;line-height: 30px;}
footer a {font-size: 10px; line-height: 20px;}
.middle  p {font-size: 10px;line-height: 14px;}


}