html {
  line-height: 1.65;
  -webkit-text-size-adjust: 100%;
}
*, ::after, ::before {
    box-sizing: border-box;
}
body {
  margin: 0;
  position:relative;
}

main {
  display: block;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

hr {
  box-sizing: content-box;
  height: 0; 
  overflow: visible; 
}

pre {
  font-family: monospace, monospace;
  font-size: 1em;
  overflow: auto;
}
a {
  background-color: transparent;
	
}
a, 
button{ 
	-webkit-tap-highlight-color:  rgba(0, 0, 0, 0); 
}
abbr[title] {
  border-bottom: none; 
  text-decoration: underline;
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: bold;
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  box-sizing: border-box; 
  color: inherit; 
  display: table; 
  max-width: 100%; 
  padding: 0; 
  white-space: normal; 
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
  line-height: 1.7em;
}

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; 
  padding: 0; 
}


[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}


[type="search"] {
  -webkit-appearance: textfield; 
  outline-offset: -2px; 
}

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button; 
  font: inherit; 
}


details {
  display: block;
}

summary {
  display: list-item;
}


template {
  display: none;
}


[hidden] {
  display: none;
}

/*
2.Grid
================================================================================================================================
*/
.col-desktop-1,
.col-desktop-10,
.col-desktop-11,
.col-desktop-12,
.col-desktop-2,
.col-desktop-3,
.col-desktop-4,
.col-desktop-5,
.col-desktop-6,
.col-desktop-7,
.col-desktop-8,
.col-desktop-9,
.col-tablet-1,
.col-tablet-10,
.col-tablet-11,
.col-tablet-12,
.col-tablet-2,
.col-tablet-3,
.col-tablet-4,
.col-tablet-5,
.col-tablet-6,
.col-tablet-7,
.col-tablet-8,
.col-tablet-9,
.col-small-tablet-1,
.col-small-tablet-10,
.col-small-tablet-11,
.col-small-tablet-12,
.col-small-tablet-2,
.col-small-tablet-3,
.col-small-tablet-4,
.col-small-tablet-5,
.col-small-tablet-6,
.col-small-tablet-7,
.col-small-tablet-8,
.col-small-tablet-9,
.col-mobile-1,
.col-mobile-10,
.col-mobile-11,
.col-mobile-12,
.col-mobile-2,
.col-mobile-3,
.col-mobile-4,
.col-mobile-5,
.col-mobile-6,
.col-mobile-7,
.col-mobile-8,
.col-mobile-9 {
	position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
	min-width: 0px;
}
@media (max-width:479px){
	.col-mobile-5-row{
        flex: 0 0 20%;
		max-width:20%;
    }
	.col-mobile-12{
        flex: 0 0 100%;
		max-width:100%;
    }
    .col-mobile-11{
        flex: 0 0 91.66666667%;
		max-width:91.66666667%;
    }
    .col-mobile-10{
        flex: 0 0 83.33333333%;
		max-width:83.33333333%;
    }
    .col-mobile-9{
        flex: 0 0 75%;
		max-width:75%;
    }
    .col-mobile-8{
        flex: 0 0 66.66666667%;
		max-width:66.66666667%;
    }
    .col-mobile-7{
        flex: 0 0 58.33333333%;
		max-width:58.33333333%;
    }
    .col-mobile-6{
        flex: 0 0 50%;
		max-width:50%;
    }
    .col-mobile-5{
        flex: 0 0 41.66666667%;
		max-width:41.66666667%;
    }
    .col-mobile-4{
        flex: 0 0 33.33333333%;
		max-width:33.33333333%;
    }
    .col-mobile-3{
        flex: 0 0 25%;
		max-width:25%;
    }
    .col-mobile-2{
        flex: 0 0 16.66666667%;
		max-width:16.66666667%;
    }
    .col-mobile-1{
        flex: 0 0 8.33333333%;
		max-width:8.33333333%;
    }
}
@media (min-width:480px) and ( max-width:767px ){ 
	.col-small-tablet-5-row{
        flex: 0 0 20%;
		max-width:20%;
    }
	.col-small-tablet-12{
        flex: 0 0 100%;
		max-width:100%;
    }
    .col-small-tablet-11{
        flex: 0 0 91.66666667%;
		max-width:91.66666667%;
    }
    .col-small-tablet-10{
        flex: 0 0 83.33333333%;
		max-width:83.33333333%;
    }
    .col-small-tablet-9{
        flex: 0 0 75%;
		max-width:75%;
    }
    .col-small-tablet-8{
        flex: 0 0 66.66666667%;
		max-width:66.66666667%;
    }
    .col-small-tablet-7{
        flex: 0 0 58.33333333%;
		max-width:58.33333333%;
    }
    .col-small-tablet-6{
        flex: 0 0 50%;
		max-width:50%;
    }
    .col-small-tablet-5{
        flex: 0 0 41.66666667%;
		max-width:41.66666667%;
    }
    .col-small-tablet-4{
        flex: 0 0 33.33333333%;
		max-width:33.33333333%;
    }
    .col-small-tablet-3{
        flex: 0 0 25%;
		max-width:25%;
    }
    .col-small-tablet-2{
        flex: 0 0 16.66666667%;
		max-width:16.66666667%;
    }
    .col-small-tablet-1{
        flex: 0 0 8.33333333%;
		max-width:8.33333333%;
    }
}
@media (min-width:767px) and ( max-width:1023px ){ 
	.col-tablet-5-row{
        flex: 0 0 20%;
		max-width:20%;
    }
	.col-tablet-12{
        flex: 0 0 100%;
		max-width:100%;		
    }
    .col-tablet-11{
        flex: 0 0 91.66666667%;
		max-width:91.66666667%;
    }
    .col-tablet-10{
        flex: 0 0 83.33333333%;
		max-width:83.33333333%;
    }
    .col-tablet-9{
        flex: 0 0 75%;
		max-width:75%;
    }
    .col-tablet-8{
        flex: 0 0 66.66666667%;
		max-width:66.66666667%;
    }
    .col-tablet-7{
        flex: 0 0 58.33333333%;
		max-width:58.33333333%;
    }
    .col-tablet-6{
        flex: 0 0 50%;
		max-width:50%;
    }
    .col-tablet-5{
        flex: 0 0 41.66666667%;
		max-width:41.66666667%;
    }
    .col-tablet-4{
        flex: 0 0 33.33333333%;
		max-width:33.33333333%;
    }
    .col-tablet-3{
        flex: 0 0 25%;
		max-width:25%;
    }
    .col-tablet-2{
        flex: 0 0 16.66666667%;
		max-width:16.66666667%;
    }
    .col-tablet-1{
        flex: 0 0 8.33333333%;
		max-width:8.33333333%;
    }
}
@media (min-width:1024px){
	.col-desktop-5-row{
        flex: 0 0 20%;
		max-width:20%;
    }
    .col-desktop-12{
        flex: 0 0 100%;
		max-width:100%;
    }    
    .col-desktop-11{
        flex: 0 0 91.66666667%;
		max-width:91.66666667%;
    }
    .col-desktop-10{
        flex: 0 0 83.33333333%;
		max-width:83.33333333%;
    }
    .col-desktop-9{
        flex: 0 0 75%;
		max-width:75%;
    }
    .col-desktop-8{
        flex: 0 0 66.66666667%;
		max-width:66.66666667%;
    }
    .col-desktop-7{
        flex: 0 0 58.33333333%;
		max-width:58.33333333%;
    }
    .col-desktop-6{
        flex: 0 0 50%;
		max-width:50%;
    }
    .col-desktop-5{
        flex: 0 0 41.66666667%;
		max-width:41.66666667%;
    }
    .col-desktop-4{
        flex: 0 0 33.33333333%;
		max-width:33.33333333%;
    }
    .col-desktop-3{
        flex: 0 0 25%;
		max-width:25%;
    }
    .col-desktop-2{
        flex: 0 0 16.66666667%;
		max-width:16.66666667%;
    }
    .col-desktop-1{
        flex: 0 0 8.33333333%;
		max-width:8.33333333%;
    }
}
@media (min-width:1500px){
	.col-desktop-xl-7-row{
        flex: 0 0 14.28571428571429%;
		max-width:14.28571428571429%;
    }	
	.col-desktop-xl-5-row{
        flex: 0 0 20%;
		max-width:20%;
    }
    .col-desktop-xl-12{
        flex: 0 0 100%;
		max-width:100%;
    }    
    .col-desktop-xl-11{
        flex: 0 0 91.66666667%;
		max-width:91.66666667%;
    }
    .col-desktop-xl-10{
        flex: 0 0 83.33333333%;
		max-width:83.33333333%;
    }
    .col-desktop-xl-9{
        flex: 0 0 75%;
		max-width:75%;
    }
    .col-desktop-xl-8{
        flex: 0 0 66.66666667%;
		max-width:66.66666667%;
    }
    .col-desktop-xl-7{
        flex: 0 0 58.33333333%;
		max-width:58.33333333%;
    }
    .col-desktop-xl-6{
        flex: 0 0 50%;
		max-width:50%;
    }
    .col-desktop-xl-5{
        flex: 0 0 41.66666667%;
		max-width:41.66666667%;
    }
    .col-desktop-xl-4{
        flex: 0 0 33.33333333%;
		max-width:33.33333333%;
    }
    .col-desktop-xl-3{
        flex: 0 0 25%;
		max-width:25%;
    }
    .col-desktop-xl-2{
        flex: 0 0 16.66666667%;
		max-width:16.66666667%;
    }
    .col-desktop-xl-1{
        flex: 0 0 8.33333333%;
		max-width:8.33333333%;
    }
}
.site-grid{
    box-sizing: border-box;
    display: block;
    margin: 0 auto;
	position:relative;
	
}
.site-grid-inner{
	padding:0;
	position:relative;
	box-shadow: -1px 0px 16px 0px rgba(0, 0, 0, 0.07);
}
.search-results .site-grid-inner{
	padding-top:40px
}
footer#footer{
	padding:20px 70px 40px 70px;
}
.fasto-row{
	display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
	width:100%
}
.fasto-inner-row{
	display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.container{
	max-width:1200px;
	margin:auto;
	display:flex;
	flex-wrap: wrap;
}

/*
3.WordPress Core
================================================================================================================================
*/
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft,
.wp-block-cover.alignleft{
    float: left;
    margin: 20px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 20px 0 20px 20px;
}

a img.alignnone {
    margin: 20px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 20px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    border-style:solid;
	border-width:1px;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}
.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 14px;
    line-height: 1.54em;
    margin: 0;
    padding: 5px 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #eee;
	clip: auto !important;
	clip-path: none;
	color: #444;
	display: block;
	font-size: 1em;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}
.wp-block-gallery .blocks-gallery-item figcaption{
	box-sizing:border-box
}

.wp-block-quote,
.wp-block-pullquote {
    padding: 0 30px;
    margin: 0 0 25px 0;
    position: relative;
    z-index: 1;
}
figure.wp-block-quote,
figure.wp-block-pullquote{
	padding-left:0
}
body .wp-block-cover p:not(.has-text-color){
	color:#fff
}
.wp-block-button{
	margin-bottom: 20px;
}
blockquote.is-style-large,
blockquote.is-style-large p{
	font-size:24px
}
.article-single ul.wp-block-gallery,
.page ul.wp-block-gallery{
	padding-left:0 !important;
	padding-right:20px
}
ul[class^=wp-block-]{
	margin-left:0;
	padding-left:0
}
.wc-block-grid__product-image img {
    height: auto;
}
.wp-block-search{
	position:relative
}
.wp-block-search button[type="submit"]{
	position: absolute;
    right: 0;
    top: 24px;
}
.rtl .wp-block-search button[type="submit"]{
	position: absolute;
    right: auto;
	left:0;
    top: 24px;
}
table.wp-block-table{
	margin-bottom:30px
}
.gallery-caption{

}
.bypostauthor{
	
}
.wp-block-embed{
	margin-left:0;
	margin-right:0
}
.wp-block-embed iframe{
	width:100%
}
.widget_media_gallery img{
	height:auto;
	border:none !important;
	border-radius:5px
}
.widget_media_gallery dt{
	margin-right:8px
}
.widget_media_gallery .gallery-item{
	margin:0 !important
}
.has-large-font-size {
    line-height: normal;
}
div[class^=wc-block] ul{
	list-style-type:none
}
.sticky .post-thumb{
    box-shadow: -2px 1px 37.6px 2.4px rgba(0, 0, 0, 0.37);
    border-radius: 6px;
}

/* 4.Theme core */
body{
	font-size:16px
}
h1{
	font-size:36px;
	line-height:1.33em
}
h2{
	font-size:30px;
	line-height:1.4em
}
h3{
	font-size:24px;
}
h4{
	font-size:20px;
}
h5{
	font-size:18px;
}
h6{
	font-size:16px;
}
body, .primary-font{
	font-family:'Poppins', Roboto, -apple-system,BlinkMacSystemFont,"Segoe UI",Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
	font-weight:300
}
h1,h2,h3,h4,h5,h6,.brand-name-big{
	font-family:'Poppins', Oswald, -apple-system,BlinkMacSystemFont,"Segoe UI",Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
	font-weight:500
}
.bike-model .post-title,
.bikes-cats-subcats-list h2,
.bikes-cats-subcats-list h3,
.bikes-cats-subcats-list h4,
.bike-advisor h3,
.bike-components h3,
.bike-components h4{
	font-family:Roboto;
	font-weight:500;
}
footer h3{
	font-family:Roboto;
	font-weight:300;
}
a{
	text-decoration:none;
	transition: color .2s, border-color .2s;
	cursor:pointer;
}
p{
	line-height:1.65em;
	margin:30px 0;
	font-size:15px
}
li,dt,dd{
	line-height:2em
}
ul{
	list-style-type:none;
	padding-left:20px
}
b, strong, dt, th{
	font-weight:bold
}
img{
	max-width:100%
}
table {
  border-collapse: collapse;
  width: 100%;
}
td, th {
  border-width: 1px;
  border-style: solid;
  text-align: left;
  padding: 10px 15px;
}
pre,code{
    font-size: 14px;
    line-height: 1.33em;
	border-radius:5px
}
pre{
	padding:20px;
}
code{
	padding:5px 15px;
	display:inline-block;	
}
input[type="submit"]{
	border:none;
	border-radius:5px;
	padding:14px 24px;
	transition:background 0.3s ease;
	cursor:pointer;
}
input[type="search"],
input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
input[type="url"],
input[type=tel],
textarea{
	border-radius:5px;
	padding:13px 24px;
	border-width: 1px;
	border-style: solid;
	box-sizing:border-box;
	width:100%
}
button{
	border-radius:5px;
	border:none;
	padding:15px 24px;
	transition:background .3s ease;
	cursor:pointer;
}
select {
    width: 100%;
    padding:15px 24px;
    border-style: solid;
    border-width: 1px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: rgba(255, 255, 255, 0) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABa0lEQVQ4jaWTMUtcQRSFv/PYYlkkhUhYxJntQrCwTJXKyjrYaCGyIZDUKUIQsUgRUqdLk3TiH5FgIbKFWFjITJfCIoQgYXknRXY2T90XIt5q4N7z3TvnzsiY+0SnLZFT7tvuS/puO8VBHM+qq1rED4E9SQe2P0tabms0EwDM235i+xHwFFi8K2Cak/Svmj8e5JQr2z1J4xDDVVtxTrkD9ICfIYYxQJVTriZj7tveySkvFIGkprgLrNs+sD3MKc+VCfq230haA1aBBeBjEdsuoGfAB2AJWAFGwNcO8AM4m4h7wEvgse0HjQk2gE2gI6kGzm1fAsi47Py9pO3GlWvb1QRS89fwEfAcOA4x1CovcbL7d8CW7W7xwHbxY2z7GHgRB3FUukxXFGL4BuwCnyRNDWycDyW9aoqvARqQPeAL8Ms2tuvG2CfcCM36TDnleeCt7aGkI+B1iOH0VmEboAFZsZ0kXYQY6jsB/jd+AygPouJBTG3AAAAAAElFTkSuQmCC) no-repeat 95% center;
    font-size: 14px;
    margin-bottom: 20px;
	border-radius:5px
}
.rtl select{
	background-position: 5% center;	
}
svg{
	display: inline-flex;
    align-self: center;
	width:1em;
	fill:inherit;
	transition:color .3s ease
}
.wp-block-quote,
.wp-block-pullquote,
blockquote,
blockquote p{
	font-size:18px;
	/* font-weight:bold; */
	position:relative;
}
blockquote p{
	padding-top:0;
	margin-top:0
}
blockquote{
	position:relative;
	margin-left: 0;
	padding:0 30px
}
.rtl blockquote{
	margin-right: 0;
}
blockquote::before{
	position:absolute;
	content:' ';
	width:5px;
	height:100%;
	left:0;
	top:0;
	border-radius:5px
}
.rtl blockquote::before{
	right:0;
	left:auto;
}
cite{
	font-size:14px;
	font-weight:normal
}
::placeholder{
	font-size:13px
}
::-webkit-input-placeholder{
	font-size:13px
}
:-moz-placeholder{
	font-size:13px
}
::-moz-placeholder{
	font-size:13px
}
:-ms-input-placeholder{
	font-size:13px
}
.align-center{
	text-align:center;
}
.align-left{
	text-align:left;
}
.align-right{
	text-align:right;
}
.width100{
	width:100%
}
.visible{
	opacity:1 !important
}
.article-single ul,
.page-content ul{
	list-style-type:square
}
.overlay::before{
	content:' ';
	opacity:0;
	transition:opacity .5s ease;
}
.overlay.visible::before{
    position: absolute;
    left: 0;
    top: -100px;
    width: 100%;
    background: rgba(0,0,0,.8);
    z-index: 3;
    opacity: 1;
    height: calc( 100% + 180px );
}


/* Bg Lines */
.bg-lines {
    position: absolute;
    height: 100%;
    left: 20px;
    right: 20px;
	top:0
}
.bg-lines div:nth-child(1) {
    display: none;
}
.bg-lines div:nth-child(2) {
    margin-left: 20%;
}
.bg-lines div:nth-child(3) {
    margin-left: 40%;
}
.bg-lines div:nth-child(4) {
    margin-left: 60%;
}
.bg-lines div:nth-child(5) {
    margin-left: 80%;
}
.bg-lines div {
    background: rgba(0,0,0,.06);
    width: 1px;
    height: 100%;
    position: absolute;
}
.bg-lines.three div:nth-child(2) {
    margin-left: 25%;
}
.bg-lines.three div:nth-child(3) {
    margin-left: 50%;
}
.bg-lines.three div:nth-child(4) {
    margin-left: 75%;
}
.bg-lines.three div:nth-child(5) {
    display:none
}
.header{
    background: #fff;
    position: relative;
    z-index: 1;
	border-bottom:solid 1px rgba(0,0,0,.06)
}
.header .container{
	padding:0 15px
}
.header img{
	padding:30px 0
}
.section-1{
	padding: 20px 20px 60px 20px;
	background:url(images/circle.png);
	background-repeat:no-repeat;
}
.box{
	margin-top:30px
}
h1{
	font-size:64px;
	color:#113268;
	letter-spacing:-0.03em;
	font-weight:700;
	margin-bottom:20px
}
h2{
	font-size:29px;
	color:#00acf0;
	letter-spacing:-0.02em;
	font-weight:700;
	max-width:350px
}
p{
	color:#292929;
	font-size:18px;
	margin-bottom:50px;
	opacity:.7
}
.sep{
	width:100px;
	height:4px;
	background:#113268
}
a.button{
	font-size:14px;
	font-weight:bold;
	background:#f77d00;
	border-radius:3px;
	padding:15px 30px;
	color:#fff;
	display:inline-flex;
	align-items:center;
	transition:all .3s ease
}
a.button:hover{
	background:#00acf0
}
a.wide{
	width:100%;
	font-weight:bold;
	display:block;
	margin-top:14px;
	color:#0d2963
}

svg{
	fill:#fff;
	margin-left:15px;
	width:20px
}
.fasto-row{
	align-items:center
}
p.small{
	color:#0d2963;
	font-size:13px;
	opacity:.7
}
p.small a{
	color:#0d2963;
	text-decoration:underline
}

@media (max-width:767px){
	h1{
		font-size:42px
	}
}