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

:root {
	--site-font-family: 'Lora', serif;
}

@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: var(--site-font-family);
}
button,
input,
select,
textarea,
.btn,
.tooltip,
.popover,
.tooltip-inner,
.popover-content,
.popover-title {
	font-family: var(--site-font-family);
}
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: var(--site-font-family);
}
:-moz-placeholder {
	font-family: var(--site-font-family);
}
::-moz-placeholder {
	font-family: var(--site-font-family);
}
:-ms-input-placeholder {
	font-family: var(--site-font-family);
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: var(--site-font-family);
    -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
}