@import url(https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap);
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);

@font-face {
	font-family: 'vpone icons';
	src: url('../fonts/vpone-icons.eot?22731080');
	src: url('../fonts/vpone-icons.eot?22731080#iefix') format('embedded-opentype'),
		url('../fonts/vpone-icons.woff?22731080') format('woff'),
		url('../fonts/vpone-icons.ttf?22731080') format('truetype'),
		url('../fonts/vpone-icons.svg?22731080#fontello') format('svg');
	font-weight: normal;
	font-style: normal;
}

 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "vpone icons";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  
  font-variant: normal;
  text-transform: none;
 
  line-height: 1em;
 
  margin-left: .2em;
 
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
 
.icon-bottom:before { content: '\e803'; }
.icon-top:before { content: '\f001'; }
.icon-right:before { content: '\f002'; }
.icon-left:before { content: '\f004'; }
.icon-top-light:before { content: '\f005'; }
.icon-right-light:before { content: '\f006'; }
.icon-bottom-light:before { content: '\f007'; }
.icon-left-light:before { content: '\f008'; }
.icon-phone:before { content: '\f009'; }
.icon-facebook:before { content: '\f010'; }
.icon-twitter:before { content: '\f011'; }

html {
    -webkit-text-size-adjust: 100%
}
body {
    color: #333;
    line-height: 1.7857;
    font-weight: 400;
    font-style: normal;
	font-family: 'Lora', serif;
}
a,a:link a:active {
    text-decoration: none;
    color: #666
}
section .wrapper strong a{
	color: inherit;
	text-decoration: underline	
}
section .wrapper strong a:hover{
	opacity: 0.8;
}
a.block .block-link {
    text-decoration: none;
}
a.block:hover .block-link {
    text-decoration: underline;
}
a.block .block-link {
    color: #08c;
    cursor: pointer
}

::-webkit-input-placeholder {
	font-family: 'Lora', serif;
}
:-moz-placeholder {
	font-family: 'Lora', serif;
}
::-moz-placeholder {
	font-family: 'Lora', serif;
}
:-ms-input-placeholder {
	font-family: 'Lora', serif;
}

h1,
h2,
h3,
h4,
h5,
h6, {
	font-family: 'Lora', serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
h1 {
    font-size: 30px;
    font-weight: 600;
    line-height: 1.071;
    letter-spacing: -1px
}
h2 {
    font-size: 26px;
    font-weight: 600;
    line-height: 1.105;
    letter-spacing: -1px
}
h3 {
    font-size: 24px;
    font-weight: 400;
    line-height: 1.105;
    letter-spacing: -1px
}
h4 {
    font-size: 20px;
    font-weight: 400;
    line-height: 1.2
}
h5 {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2
}
h6 {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2
}
@media screen and (max-width: 736px) {
    h1 {
        font-size: 24px
    }
    h2 {
        font-size: 22px
    }
    h3 {
        font-size: 20px
    }
    h4 {
        font-size: 20px
    }
}
strong,
b {
    font-weight: bold
}
em,
i,
cite,
dfn {
    font-style: italic
}
p {
    font-size: .875em;
    margin-top: 1em
}
p:first-child {
    margin-top: 0
}
li {
    font-size: 1em
}
li li {
    font-size: 1em
}
ul,
ol {
    margin: 1em 0 1em 1.25em
}
nav ul,
nav ol {
    list-style: none;
    margin: 0
}
.subheadline {
    margin-top: 0;
    display: block;
    color: #999
}
.colorw {
    color: #fff!important
}
.colorgw {
    color: #eee!important
}
.colorsubtitle {
    color: #999!important
}
.color-link{
	color: #08c !important;
}
.centert {
    text-align: center
}
.lefttext {
    text-align: left
}
.righttext {
    text-align: right
}
footer a {
    color: #fff
}
footer a:hover {
    color: #999
}
.slider h2 {
	text-align: left;
	font-size: 60px;
}
.slider h2 .subheadline {
    font-size: 35px
}
@media screen and (max-width: 736px) {
    .slider h2 {
        font-size: 40px
    }

    .slider h2 .subheadline {
        font-size: 22px
    }
}
#home-swap h1 {
    font-size: 3.2em
}
@media screen and (max-width: 736px) {
    #home-swap h1 {
        font-size: 32px!important
    }
}
#nav-inner .nav-inner ul li a {
    font-size: 12px;
	text-transform: uppercase;
}
@media screen and (max-width: 736px) {
    #nav-inner .nav-inner ul li a {
        font-size: 10px
    }
}
.violator,
.violator_link,
.violator_light,
.violator-slider {
    font-size: inherit;
    font-size: .875em
}

h1 .violator,
h1 .violator_light {
	font-size: 22px !important;	
}

h2 .violator,
h2 .violator_light {
	font-size: 20px !important;	
}

h3 .violator,
h3 .violator_light {
	font-size: 18px !important;	
}

h4 .violator,
h4 .violator_light {
	font-size: 16px !important;	
}
.violator-slider {
    font-size: 18px !important;
}
@media screen and (max-width: 736px) {
    h1 .violator,
	h1 .violator_light {
		font-size: 20px !important;	
	}
	
	h2 .violator,
	h2 .violator_light {
		font-size: 18px !important;	
	}
	
	h3 .violator,
	h3 .violator_light {
		font-size: 16px !important;	
	}
	
	h4 .violator,
	h4 .violator_light {
		font-size: 14px !important;	
	}
	.violator-slider {
	    font-size: 16px !important;
	}
}
.badge-large {
    font-size: 48px;
    font-weight: 300;
    line-height: .9;
    letter-spacing: -0.025em
}
.badge-medium {
    font-size: 48px;
    font-weight: 300;
    line-height: .9;
    letter-spacing: -0.025em
}
.badge-small {
    font-size: 20px;
    line-height: 1.375;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase
}
@media screen and (max-width: 736px) {
    .badge-large {
        font-size: 50px
    }
    .badge-medium {
        font-size: 28px;
        font-weight: 300
    }
    .badge-small {
        font-size: 12px;
        font-weight: 500
    }
}
.more:after {
    display: inline-block;
    padding-left: .3em;
    color: inherit;
    font-family: 'vpone icons';
    font-style: normal;
    font-weight: inherit;
    font-size: 1.143em;
    line-height: .875;
    text-decoration: none;
    content: "\f002"
}
.block-link {
    color: #0ac;
    font-size: 100%;
    cursor: pointer
}
.block-link:hover {
    text-decoration: underline
}
@-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }

@media screen and (min-width: 754px) {
	header .logo img{
		width: 250px;
		padding: 15px 0px
	}
	
	.logo-responsive{
		display: none;
	}
	
	#main_menu{

	}
	
	.nav-collapse{
		text-align: center;
	}
	.nav-collapse span.maxwidth{
		border-bottom: 1px #e4e4e4 solid;
		display: block;
	}
	
	.nav-collapse ul {
		list-style: none;
		display:inline-block;
		margin:auto;
		text-align:justify;
		padding: 0;
		font-size: 0;
		font-size: 12px\9; /* IE6-9 only hack */
	}
	
	.nav-collapse ul.alt{
		text-align: right;
		height: 40px;
	}
	
	.nav-collapse ul.alt li{
		border-left: #e4e4e4 1px solid;
		border-bottom: #e4e4e4 1px solid;		
		color: #000;
		font-size: 14px;
	}
	
	.nav-collapse ul.alt li a{	
		padding: 10px 20px;
		line-height: 3;
	}
	
	.nav-collapse ul.alt li:first-child{
	    background: #e5251d;
	}
	
	.nav-collapse ul.alt li:first-child a{
		color: #fff !important;
	}
	
	.nav-collapse ul.alt li:last-child{
		border-right: #e4e4e4 1px solid;	
	}
	
	.nav-collapse li {
		display:inline-block;
		font-size:16px;	
	}
	
	.nav-collapse ul.main{
		vertical-align: bottom;
		
	}
	
	.nav-collapse ul.main:after{
		content: "";
		width: 100%;
		display: inline-block;
		zoom:1;
		*display:inline;  
	}
	
	.nav-collapse ul.main li a{
		zoom:1;
		*display:inline;
		vertical-align:top;
		line-height: 3;
		display: block;
		font-weight: 700;
	}
	
	
	#main_menu li{
		padding:8px 20px 8px 20px;	
	}
	
	#main_menu li:hover, #main_menu li.current{
		background: #000;
	}
	
	#main_menu li:hover a, #main_menu li.current a{
		color: #fff;
	}
	#main_menu li a{
		font-size: 18px !important;
		color: #333;
		font-weight: 800;
	}
}
@media screen and (max-width: 754px) {
	header{
		border-bottom: 1px #e4e4e4 solid;
		text-align: center;
		position: fixed;
		width: 100%;
		background: #fff;
		z-index: 10;
	}
	
	header p.noprint{
		display: none;
	}
	
	#main_menu{
		padding: 0;
	}
	
	.logo-responsive{
		display: inline-block;
		padding: 5px 0px;
	}
	
	.logo-responsive img{
		vertical-align: bottom;
		height: 50px;
	}
	
	.logo{
		display: none;
	}
	
	header .glyphicon.glyphicon-user{
		color:  #666!important
	}

	.nav-collapse .large-3{
		width: 100% !important;
		float: none !important;
	}
	.nav-collapse .alt li{
		display: block !important;
	} 
	.nav-collapse li {
		width: 100%;
		text-align: center;
	}
	
	.nav-collapse ul li.logo{
		display: none !important;
	}
	
	.nav-collapse ul.menu li, .nav-collapse ul.alt li{
		display: block;
		font-size: 13px !important;
		font-weight: 600;
		border-top:  1px #e4e4e4 solid;
		border-left: 1px #e4e4e4 solid;
		border-right: 1px #e4e4e4 solid;
	}
	.nav-collapse ul.menu li a, .nav-collapse ul.alt li a{
		padding: 10px 0;
		display: block;		
	}
	
	.nav-collapse ul.alt li{
		border-left: 1px solid;
		border-right: 1px solid;		
		border-color: rgb(230, 37, 30);
	}

	.nav-collapse ul.menu li:first-child{
		border-top: 1px solid rgb(230, 37, 30);		
	}
	
	.nav-collapse a {
	  width: 100%;
	}
}

.nav-collapse a {
	text-align: center;
	
}

@media screen and (min-width: 754px) {
  .nav-collapse ul ul a {
    display: none;
  }
}

.nav-toggle {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 70px;
  height: 40px;
  float: left;
  z-index: 100;
  left: 10px;
  position: absolute;
  text-indent: -9999px;
  overflow: hidden;
  background: #e5251d url("../graphics/icon/hamburger.gif") no-repeat 50% 33%;
}

@media screen and (-webkit-min-device-pixel-ratio: 1.3), screen and (min--moz-device-pixel-ratio: 1.3), screen and (-o-min-device-pixel-ratio: 2 / 1), screen and (min-device-pixel-ratio: 1.3), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx) {
  .nav-toggle {
    background-image: url("../graphics/icon/hamburger-retina.gif");
    -webkit-background-size: 100px 100px;
    -moz-background-size: 100px 100px;
    -o-background-size: 100px 100px;
    background-size: 100px 100px;
  }
}

.js .nav-collapse {
  clip: rect(0 0 0 0);
  max-height: 0;
  position: absolute;
  display: block;
  overflow: hidden;
  zoom: 1;
}

.nav-collapse.opened {
  max-height: 9999px;
}

.nav-toggle {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

@media screen and (min-width: 754px) {
  .js .nav-collapse {
    position: relative;
  }
  .js .nav-collapse.closed {
    max-height: none;
  }
  .nav-toggle {
    display: none;
  }
}

#topbar{
	width:100%; 
	height: 30px; 
	background: #e5251d; 
}

#topbar nav{
    max-width: 980px;    
	margin: auto;
}

@media only screen and (min-width: 1024px) {
	#topbar nav {
	    max-width: 80%;
	}	
}


@media screen and (max-width: 736px) {
	#topbar{
		display: none;
	}
}


#topbar ul{
	display: flex;	
	float: right;
	margin: 0;
	padding: 0;
	height: 30px;
    padding-left:20px !important;
    padding-right:20px !important;
}

#topbar .texttopbar{
	display: flex;	
	float: left;
	font-size: 16px;
	margin: 0;
	padding: 0;
	height: 30px;
    padding-left:20px !important;
    padding-right:20px !important;	
}
#topbar .texttopbar li{
	background: #e5251d !important
}
#topbar ul li{
	display: inline-block;
	height: 30px;	
	color: #fff;
}
#topbar ul li:hover{
	background: #fff;
}
#topbar ul li:first-child{
	border: 0px;
	background: #fff;
	font-weight: 800;
}
#topbar ul li:first-child a{
	color: #e5251d;
}
#topbar ul li:first-child a:hover{
	text-decoration: underline
}
#topbar ul li a{
	color: #fff
}
#topbar ul li a:hover{
	color: #e5251d;
}
#topbar ul li a{
	padding: 5px 10px;
	font-size: 12px !important;
	overflow: hidden;
	font-weight: 800;
	line-height: 28px !important;
}












