.cleaner{width:0; height:0; clear:both; font-size:0;}
img {border:0;}
.imagesGallery{width:100%; padding-top:10px; margin-bottom:1.8em}
.imagesGalleryItem{float:left;}
.imagesGalleryItem img {padding: 3px;}
.toGallery{margin-bottom: 0.8em;}

#cookiesI{background: rgba(0,0,0,0.7); color: #fff; text-align: center; width: 100%; padding: 7px 0; position: fixed; bottom: 0; left: 0; right: 0; line-height: 25px; z-index: 100}
#cookiesI.hiddenpolicy{display: none}
#cookiesI a{color: #fff}
#cookiesI #cookiespolicybtn{background: #fff; padding: 3px 5px; display: inline-block; text-decoration: none; color: #000; margin-left: 15px}
/* 
Orders default
Can be altered without display:none;
*/
.bcSuccInfo{display:none; color: #0f0;}
#CartOthersData{display:none;}
#FinishOrder{display:none;}
#TA{display:none;}

input,textarea{font-family: Arial, sans-serif; font-weight: 400; font-size: 13px}
#contactForm label{display: block; width: 20%; float: left; margin-bottom: 5px; height: 32px; line-height: 32px}
#contactForm input,#contactForm button{display: block; width: 79%; margin-left: 1%; float: left; border:1px solid #707070; height: 32px; margin-bottom: 5px; line-height: 1em; padding: 0 5px; border-radius: 6px;}
#contactForm textarea{display: block; width: 79%; margin-left: 1%; float: left; resize:none;border:1px solid #707070; padding: 10px; height: 90px; margin-bottom: 5px; border-radius: 6px}
#contactForm select{display: block; width: 79%;margin-left: 1%; float: left; border:1px solid #707070; height: 32px; margin-bottom: 5px;  border-radius: 6px}
#recaptcha_widget_div{float: right; margin-bottom: 5px}
#contactForm input#file{border:0; height: 25px; margin-top: 5px}
#contactForm input.submit,#contactForm button.submit{width: 150px; background: #e0001a; float: right; color: #fff; border-color: #e0001a; cursor: pointer;}
#contactForm input.submit:hover,#contactForm button.submit:hover{opacity: 0.9}
#contactForm .dataProtection{float: left; max-width: calc(100% - 350px); font-size: 14px}
@media screen and (max-width:600px){
    #contactForm {margin: 0 10px;}
    #contactForm label{width: 100%; float: none}
    #contactForm input{width: 100%; margin-right: 0; float: none}
    #contactForm textarea{width: 100%; margin-right: 0; float: none}
    #contactForm .dataProtection{max-width: 100%; width: 100%; margin-bottom: 5px}
    #contactForm label.twolines{height: 45px; line-height: normal}
}
.border0{border:none}

@font-face{font-family:'FontAwesome';src:url('/templates/fonts/fontawesome-webfont.eot?v=4.5.0');src:url('/templates/fonts/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'),url('/templates/fonts/fontawesome-webfont.woff2?v=4.5.0') format('woff2'),url('/templates/fonts/fontawesome-webfont.woff?v=4.5.0') format('woff'),url('/templates/fonts/fontawesome-webfont.ttf?v=4.5.0') format('truetype'),url('/templates/fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}
body{background: #fff; padding: 0; margin: 0; font-family: 'Roboto',Arial,sans-serif; font-size: 16px; color: #222; min-width: 322px}
.cleaner{width: 0; height: 0; line-height: 0; font-size: 0; clear: both}
h1,h2,h3,h4,h5,h6{font-weight: bold; color: #e0001a; margin: 0 0 0.9em; padding: 0;text-transform: uppercase}
h1{font-size: 22px;}
h2{font-size: 19px;}
h3,h4,h5,h6{font-size: 16px}
p{line-height: 1.5em; padding: 0; margin: 0 0 1.8em}
img,iframe{max-width: 100%}
*{box-sizing: border-box;}
a{color: inherit; text-decoration: underline}
a:hover{text-decoration: none}
.inner{max-width: 1260px; width: 100%; margin: 0 auto; position: relative}
.twoCols .col{width: 49%; float: left; margin-right: 2%}
.twoCols .col:nth-child(2){margin-right: 0}
.threeCols .col{width: 32%; margin-right: 2%; float: left}
.threeCols .col:nth-child(3){margin-right: 0}
header.others{border-bottom: 1px solid #afafaf}
#headerI{background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAAqCAIAAAD56XYWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoxNzEwNTFjNS1lYjEwLWU2NDItYmRiNC0zN2I3YTFjYTEzZjgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QkZCRjMxNTdCNzNFMTFFNzgxQzJGMkM1OTAyNEI2M0EiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QkZCRjMxNTZCNzNFMTFFNzgxQzJGMkM1OTAyNEI2M0EiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ZmUyNzEzNjYtZjc2MC1lYjRmLTg4NWYtMTFiMWE3ODlmZWIxIiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6ZTQwZDU1YjYtYjFiYi0xMWU3LTkyM2EtOTIwOWM1Y2NmNDRkIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+8Na2RwAAAF5JREFUeNrUzEsKwCAMhGGjk7XgTbz/nQTX8VFopxb0BJ3VRwi/5JzdPYwxqFIKFUKgYoyPvHsHs0a1ZutmR2/Oueur/FEQkUPe8wGqSgG6bjgqtVaq906llPbeJcAAsdwfD/h3DPIAAAAASUVORK5CYII=) repeat-x center top; color: #afafaf; width: 100%; height: 42px;}
#headerI .inner{text-align: center; padding-top: 10px}
#headerI .inner a{text-decoration: none}
#headerI .inner a:nth-child(1){margin-right: 10px; padding-right: 10px; border-right: 1px solid #afafaf}
#headerI .inner a:nth-child(1):before{content:'\f0e0'; font-family: 'FontAwesome'; color: #fff; margin-right: 5px}
#headerI .inner a:nth-child(2):before{content:'\f095'; font-family: 'FontAwesome'; color: #fff; margin-right: 5px}
#headerB{height: 112px}
.logo{margin-top: 20px; margin-left: 21px; float: left; display: block; width: 161px;text-decoration: none}
.menu{margin-left: 2.12%; float: left; margin-top: 42px}
.menu>a{display: none}
.menu>ul{list-style: none; margin: 0; padding: 0}
.menu>ul>li{list-style-image: none; margin: 0 15px 0 0; padding: 0; float: left}
.menu>ul>li>a{display: block; height: 30px; line-height: 30px; color: #222;text-decoration: none; padding: 0 10px; font-weight: bold; text-transform: uppercase}
.menu>ul>li>a:hover,.menu>ul>li.selected>a{background: #e0001a; color: #fff; border-radius: 20px}
#city{position: absolute; right: 40px; top:-30px}
#city>a{text-decoration: none; float: left;}
#city>a:nth-child(1){margin-right: 20px}
#mid{min-height: 714px}
#boxLeft{width: 66.9%; float: left; margin-right: 3.1%}
#boxLeft .in{padding: 0 20px}
#sliderArea{margin-bottom: 2em}
#boxRight{width: 27.3%; float: left; padding-top: 40px}
#boxRight .sTitle{text-align: center; margin-bottom: 20px}
#boxRight .sTitle>span{display: inline-block; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; border-bottom: 1px solid #ccc; color: #e0001a; font-weight: 900; font-size: 22px; text-transform: uppercase}
.newsItem{margin-bottom: 1.8em}
.newsItem .date{width: 68px; height: 68px; text-align: center; color: #fff; padding: 8px 0; font-size: 22px; font-weight: 700; float: left; background: #e0001a}
.newsItem .date>span{display: block}
.newsItem .rpart{float: left; width: calc(100% - 68px - 4%); margin-left: 4%}
.newsItem .rpart .title{font-weight: 700; margin-bottom: 10px; color: #222}
.newsItem .rpart p{margin-bottom: 0; color: #808285; font-weight: bold; line-height: 1.1em}
.newsItem .rpart .link{margin-top: 10px}
.newsItem .rpart .link a{display: inline-block;text-decoration: none; padding-top: 5px; border-top: 1px solid #ccc; color: #808285; font-size: 12px}
.newsItem .datex{display: block;font-size: 12px; color: #808285}
.list .newsItem{padding: 15px; border:1px solid #222}
.newsItem .link .datex:nth-child(1){display: inline-block; border-top: 1px solid #ccc; padding-top: 5px}
.list .newsItem .link a{margin-top: 10px}
footer{border-top: 10px solid #222; padding-bottom: 20px}
.cta{margin-left: 5.9%; float: left; margin-top: 25px}
.cta a{color: #222;text-decoration: none;display: block; margin-bottom: 2px}
.cta a:nth-child(1):before{content:'\f0e0'; font-family: 'FontAwesome'; margin-right: 10px}
.cta a:nth-child(2):before{content:'\f095'; font-family: 'FontAwesome'; margin-right: 10px}
.question{margin-top: 29px; margin-left: 5.9%; float: left;}
.question a{display: block; color: #fff; background: #e0001a; text-decoration: none; text-transform: uppercase; font-weight: 700; border: 1px solid #fff; transition: all .25s ease-in-out; height: 35px; line-height: 35px; padding: 0 20px}
.question a:hover{background: #fff; border-color: #e0001a; color: #e0001a}
#copy{float: right; margin-right: 40px; color: #222;margin-top: 26px}
#copy a{text-decoration: none; display: block; text-align: right}
.pager{padding: 10px 0}
.pager>a,.pager>span{display: inline-block; width: 30px; text-align: center; text-decoration: none; height: 30px; line-height: 30px; margin-right: 8px}
.pager>span{background: #e0001a; color: #fff;}
.lh1{margin-bottom: 0.9em;text-align: center}
.lh1 h1{display: inline-block; padding-left: 10px; padding-right: 10px; padding-bottom: 5px; border-bottom: 1px solid #ccc}
.fitem{padding: 10px; border:1px solid #ccc;}
.fitem a{text-decoration: none; display: block}
.fitem a:hover{text-decoration: underline}
.nD{padding-top: 40px}
.dateD{margin-bottom: 5px; font-size: 14px}
.dateD.um{margin-bottom: 15px}

#mContext{transition-property: left,width,transform; transition-duration: .25s;transition-timing-function: cubic-bezier(.35,0,.25,1);width: 100%;-webkit-backface-visibility: hidden;}
#mContext.shrinked{transform: translate3d(200px,0,0); position: fixed; min-height: 0; overflow: hidden;}
#overlaymContext{opacity: 0.8; background: #000; width: 100%; height: 100%;position: fixed;top: 0; z-index: 200}
.sidenav{position: fixed; width: 200px; transform: translate(-100%,0); transition: all .25s ease-in-out; left: 0; top:0; height: 100%; background: #fff; color: #000; visibility: hidden; padding: 0 10px; overflow-y: scroll; font-size: 13px; box-sizing: unset}
.sidenav.expanded{transform: translate(0,0); visibility: visible;}
.sidenav .supertitle{padding: 15px 0 15px 20px; font-size: 20px; font-weight: bold;}
.sidenav ul{list-style: none; margin: 0; padding: 0}
.sidenav>ul{background-color: #fff;width: 180px;}
.sidenav>ul>li{background-color: #fff;border-bottom: 1px solid #dcdcdc;display: block;width: 180px; line-height: 20px;}
.sidenav ul li a{line-height: 1em; padding: 9px 0 9px 20px;text-decoration: none;transition: all .2s ease-in-out; color: #a2a2a2; display: block}
.sidenav ul li.selected>a,.sidenav ul li>a:hover{color: #000}
.sidenav ul li ul li a{padding-left: 25px;}
.sidenav ul li ul li ul li a{padding-left: 30px;}
.sidenav ul li ul li ul li ul li a{padding-left: 35px;}
.sidenav ul li ul li ul li ul li ul li a{padding-left: 40px;}
.sidenav ul li ul li ul li ul li ul li ul li a{padding-left: 40px;}
.sidenav ul li ul li ul li ul li ul li ul li ul li a{padding-left: 45px;}
.sidenav ul li ul li ul li ul li ul li ul li ul li ul li a{padding-left: 50px;}
.sidenav ul li.haschilds>ul{display: none}
.sidenav ul li.haschilds.throw>ul,.sidenav ul li.selected>ul{display: block}
.sidenav ul li>a>span.doexpandchild{float: right}
.sidenav ul li>a>span.doexpandchild::after{content:'▼'}
.sidenav ul li.haschilds.throw>a>span.doexpandchild::after,.sidenav ul li.haschilds.selected>a>span.doexpandchild::after{content:'▲'}
#AM,#CM,#templateid,#FBPID{display: none}
#AM a,#CM a{text-align: center; background: #ff3300; color: #fff;display: block; height: 30px; line-height: 30px; text-decoration: none; margin-bottom: 25px; font-weight: 700}
#AM a:hover,#CM a:hover{color: #fff; opacity: 0.9}
@media screen and (max-width:1270px){
    .menu{margin-left: 0.5%}
}
/*@media screen and (max-width:1200px){
    .menu{margin-left: 5.12%}
    #copy{font-size: 12px; margin-right: 20px; margin-top: 29px}
}
@media screen and (max-width:1100px){
    #city{right: 20px}
    .menu{margin-left: 2.12%}
    .menu>ul>li{margin-right: 10px}
    .cta,.question{margin-left: 3.4%}
    .menu>ul>li>a{font-size: 14px}
}*/
@media screen and (max-width:1200px){
    #boxLeft{max-width: 843px; width: 100%; margin-left: auto; margin-right: auto; float: none}
    #boxRight{width: 100%; float: none; max-width: 843px; margin-left: auto; margin-right: auto}
    #city{top:20px; right: 100px}
    #city a{width: 60px;}
    .menu{float: right; margin-left: 0; margin-top: 0}
    .menu>ul{display: none}
    .menu>a{display: block; width: 80px; height: 112px; line-height: 112px; text-decoration: none; background: #e0001a;text-align: center; font-size: 30px; color: #fff}
    .menu>a:after{content:'\f0c9'; font-family: 'FontAwesome';}
    #copy{width: 96%; text-align: center; margin-right: 2%; margin-left: auto; float: right; margin-top: 10px}
    #copy a{display: inline-block}
    #copy a:nth-child(1):after{content:', '}
    .question{margin-right: 20px; float: right}
}
@media screen and (max-width:860px){
    #boxRight{padding: 0 20px}
}
@media screen and (max-width:800px){
    .twoCols .col:nth-child(n),.threeCols .col:nth-child(n){margin-right: 0; width: 100%; float: none; margin-bottom: 1em}
}
@media screen and (max-width:700px){
    footer .logo{display: none}
    .cta{margin-left: 20px}
    #copy a:nth-child(1):after{content:''}
    #copy a{display: block;text-align: center}
}
@media screen and (max-width:500px){
    .cta{width: 96%; margin-left: 2%; margin-right: 2%;text-align: center}
    .question{width: 96%; margin-right: 2%; margin-left: 2%;text-align: center; margin-top: 10px}
}
@media screen and (max-width:460px){
    .logo{width: 100px; margin-top: 20px}
    .menu>a{width: 60px; height: 80px; line-height: 80px}
    #city{right: 80px; top:16px}
    #city a{width: 40px}
    #headerB{height: 80px}
}

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('/includes/plugins/fancybox/fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('/includes/plugins/fancybox/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('/includes/plugins/fancybox/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('/includes/plugins/fancybox/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url('/includes/plugins/fancybox/fancybox_sprite@2x.png');
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url('/includes/plugins/fancybox/fancybox_loading@2x.gif');
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}

@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  font-stretch: normal;
  src: url(https://fonts.gstatic.com/s/roboto/v48/KFOKCnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmOClHrs6ljXfMMLoHQuAb-lg.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  font-stretch: normal;
  src: url(https://fonts.gstatic.com/s/roboto/v48/KFOKCnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmOClHrs6ljXfMMLmbXuAb-lg.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
  src: url(https://fonts.gstatic.com/s/roboto/v48/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWubEbVmaiA8.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
  src: url(https://fonts.gstatic.com/s/roboto/v48/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWuYjalmaiA8.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  font-stretch: normal;
  src: url(https://fonts.gstatic.com/s/roboto/v48/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWuZtalmaiA8.ttf) format('truetype');
}