* {
	margin:0px;
	padding:0px
}


body {
	font-family: 'Roboto', sans-serif;
}

img {
	max-width:100%;
}
.wrapper {
	width:100%;
	float:left
}
p {
	margin:0;
	color: #9fa1a4;
}
a, a:hover {
	text-decoration:none;
}
.full-row {
	width:100%;
	float:left
}
.container-bnr {
	width: 1240px;
	margin: 100px auto;
}
.pull-top {
	margin-top: 50px;
}



/*HEADER SECTION CSS START*/
.header {
	width:100%;
	float:left;
}
.top-bar {
	background: #990000;
}
.navigation li {
	display: inline-block;
	text-align: center;
	float: none;
	width: auto;
}
.navigation ul {
	text-align: center;
	margin: 0;
	float: left;
	width: 100%;
	display: inline-block;
}
.navigation li a {
	display: inline-block;
	text-decoration: none;
	min-width: 50px;
	color: #fff;
	padding: 5px 10px 0;
	font-weight: 400;
	line-height: 35px;
	letter-spacing: .8px;
	font-size: 15px;
}
.navigation li:hover a {
	color:#ff7500;
}
.navigation li.active a {
	color:#ff7500;
}
 .navigation li.active a::after {
 content: '';
 display: block;
 width: 100%;
 height: 2px;
 background: #ff7500;
 transition: width .3s;
 padding: 2px 0;
}
 .navigation li a::after {
 content: '';
 display: block;
 width: 0;
 height: 2px;
 background: #ff7500;
 transition: width .3s;
 padding: 2px 0;
}
 .navigation li a:hover::after {
 width: 100%;
 transition: width .3s;
}
.logo-section {
	text-align: center;
}
.logo-section img {
	max-width: 40%;
}
 .collapse:not(.show) {
 display: block;
}
.navbar-header {
	display: none;
}
.navigation .navbar.navbar-inverse {
	padding: 0;
}
/*HEADER SECTION CSS END*/

/*BANNER SECTION CSS START*/
.banner-section {
	background: url(../img/bg-bnr.jpg) no-repeat scroll;
	background-size: cover;
	height: 650px;
	margin-top: 30px;
}
.seecase-btn {
	height: 30px;
	background: #fff;
	float: left;
	text-align: center;
	padding: 5px 10px;
	color: #ec2028;
	font-weight: 600;
	font-size: 14px;
	position: relative;
	margin-top:15px
}
.seecase-btn:hover {
	color: #ec2028;
	text-decoration:none;
}
 .seecase-btn::after {
 content: "";
 position: absolute;
 right: -10px;
 bottom: 0;
 width: 0;
 height: 0;
 border-left: 10px solid white;
 border-top: 15px solid transparent;
 border-bottom: 15px solid transparent;
}
.rght-img-bnr {
	float: right;
	width: 60%;
	position: relative;
	z-index: 99;
	margin: 50px 0 0;
}
.lft-side-bnr {
	width: 50%;
	float: left;
	background: #ec2028;
	padding: 50px 150px 50px 40px;
	margin-right: -10%;
}
.owl-dot.active span {
	background: #9a9ea9;
}
.owl-dot span {
	border:1px solid #9a9ea9;
	width: 13px;
	height: 13px;
	display: block;
	opacity: 1;
	padding: 0;
	border-radius: 20px;
}
.item p {
	color: #fff;
	font-weight: 400;
}
.lft-side-bnr p {
	color: #fff;
	letter-spacing: .5px;
}
.rght-img-bnr {
	background: url(../img/baner-scren.png) no-repeat scroll;
	padding: 30px 30px;
	background-size: 100%;
	height: 650px;
}
.banner-section .owl-nav {
	display: none;
}
.rght-img-bnr .owl-carousel .owl-dots {
	position: absolute;
	top: -65px;
	display: block;
}
.owl-dots .owl-dot {
	margin: 0 4px;
}
.lft-side-bnr h3 {
	color: #fff;
}
.lft-side-bnr h3 span {
	color: #000;
}
.owl-carousel .owl-item {
	margin-right:0;
}
/*BANNER SECTION CSS END*/



/*What is Your Challenge? css start*/
.whatchallnge h3 {
	color: #990000;
	text-align: center;
	display: inline-block;
	font-weight: 600;
}
.whatchallnge.full-row {
	margin: 110px 0 0;
}
.challngerow {
	text-align: center;
	width: 70%;
	margin: 0 auto;
}
.contct-btn {
	background: #ff7500;
	height: 30px;
	color: #fff;
	float: none;
	text-align: center;
	padding: 5px 10px;
	font-weight: 600;
	font-size: 14px;
	position: relative;
}
.contct-btn:hover {
	background: #ff7500;
	color: #fff;
}
 .contct-btn::after {
 content: "";
 position: absolute;
 right: -10px;
 bottom: 0;
 width: 0;
 height: 0;
 border-left: 10px solid #ff7500;
 border-top: 12px solid transparent;
 border-bottom: 15px solid transparent;
}
.box-challenge h3 {
	font-weight: 800;
	text-align: left;
}
.whatchallnge hr {
	margin: 30px 0;
}
.box-challenge li {
	display: block;
	font-size: 18px;
	color: #9fa1a4;
	padding: 0 0 0px 20px;
	background: url(../img/dot-icon.png) no-repeat scroll;
	background-position-y: center;
	margin: 0 0 5px 0;
}
.box-challenge strong {
	color: #9fa1a4;
}
.challngerow p {
	font-size: 20px;
	margin-bottom: 15px;
}
/*What is Your Challenge? css end*/

/*Success Stories css section start*/
.story-box {
	width: 100%;
	float: left;
	position: relative;
}
.storyprson {
	position: absolute;
	left: 90px;
	z-index: 999;
	max-width: 30%;
	top: -31px;
}
.story-box-text {
	width: 65%;
	float: left;
	border: 8px solid #bbb0c5;
	position: relative;
	height: 230px;
	padding: 60px 18px 20px 18px;
}
.story-box-img {
	width: 35%;
	float: left;
	position: relative;
	z-index: 9;
	height: 230px;
	overflow: hidden;
}
.headig-story {
	position: absolute;
	background: #bbb0c5;
	left: 0;
	top: 0;
	color: #fff;
	font-weight: 500;
	padding: 2px 10px;
}
.story-box-img {
	background:url(../img/story-bg-prson.png) no-repeat scroll;
}
.story-box-text p {
	color: #67626f;
	font-size: 18px;
	font-style: italic;
	font-weight: 600;
}
.story-box-text span {
	color: #67626f;
	position: absolute;
	right: 30px;
	bottom: 10px;
	font-weight: 500;
}
/*Success Stories css section end*/

/*Brilliance and Power section css start*/
.briliiance-power img {
	float: left;
	max-width: 100%;
}
.briliiance-power h2 {
	color: #990000;
	font-weight: 600;
}
.img-briliance img {
	max-width: 100%;
}
.contnt-briliance {
	width: 80%;
	float: left;
}
.img-briliance {
	width: 15%;
	float: left;
	margin-right:5%
}
.row-problm {
	width: 80%;
	float: right;
	margin: 0 0 40px;
}
.row-problm:last-child {
	margin: 0;
}
.contnt-briliance h4 {
	color: #990000;
	font-weight: 400;
	font-size: 20px;
}
.contnt-briliance li {
	color: #9fa1a4;
	padding: 0 0 2px 15px;
	background: url(../img/dot-icon.png) no-repeat scroll;
	background-position-y: center;
	display: block;
}
.briliance-text p {
	font-size: 18px;
	letter-spacing: 1px;
	line-height: 30px;
}
.briliance-row {
	padding: 0 70px;
	width: 100%;
	float: left;
}
.brilince-problm-sec {
	padding: 0 70px;
	width: 100%;
	float: left;
	margin: 20px 0 0;
}
.briliiance-power img {
	float: left;
	max-width: 100%;
}
.briliance-text {
	float: left;
	width: 70%;
}
.img-briliance {
	margin-top: 38px;
}

.brilincelogo-img {
	width: 30%;
	float: left;
}
/*Brilliance and Power section css end*/


/*You Succeed with Our Powers Combined css section*/
.your-success h3 {
	color: #990000;
	font-weight: 600;
	text-align: center;
}
.your-success {
	background: url(../img/bg-cloud.png) no-repeat scroll;
	background-position: bottom right;
	background-size: 30%;
}
.success-heding {
	width:100%;
	float:left;
	text-align:center;
}
.success-heding p {
	margin-bottom: 15px;
}
.letstalk-btn {
	background: #ff7500;
	height: 30px;
	color: #fff;
	float: none;
	text-align: center;
	padding: 5px 10px;
	font-weight: 600;
	font-size: 14px;
	position: relative;
}
.letstalk-btn:hover {
	background: #ff7500;
	color: #fff;
}
 .letstalk-btn::after {
 content: "";
 position: absolute;
 right: -10px;
 bottom: 0;
 width: 0;
 height: 0;
 border-left: 10px solid #ff7500;
 border-top: 12px solid transparent;
 border-bottom: 15px solid transparent;
}
.activer-lighting {
	float: left;
	text-align: center;
	width: 100%;
	color: #9fa1a4;
	font-size: 15px;
	text-transform: uppercase;
	margin: 50px 0 0;
}
.brder-bg {
	width: 100%;
	float: left;
	background: #ccc;
	height: 1px;
	margin: -10px 0 0;
}
.activer-lighting h5 {
	position: relative;
	width: auto;
	margin: 0 auto;
	display: inline-block;
	z-index: 9;
	background: #fff;
	padding: 0 10px;
	font-size: 14px;
	color: #9fa1a4;
	letter-spacing: .5px;
}
.line-logos li {
	display: inline-block;
	width: 33.3%;
	float: left;
	text-align: center;
	padding: 0px 15px;
}
 .line-logos li:nth-child(4), .line-logos li:nth-child(5) {
 width: 50%;
}
 .line-logos li:nth-child(4) img, .line-logos li:nth-child(5) img {
 max-width: 70%;
}
 .line-logos li:nth-child(4) {
 text-align:right;
}
 .line-logos li:nth-child(5) {
 text-align:left;
}
.line-logos {
	width: 60%;
	padding: 30px 0;
	text-align: center;
	display: table;
	margin: 0 auto;
	float: none;
	clear: both;
	height: 100%;
}
/*You Succeed with Our Powers Combined css section end*/


/*FOOTER SECTION CSS START*/
.fotter-section.full-row {
	position: absolute;
	bottom: 0;
}

.wrapper {
	padding-bottom: 320px;
	position:relative;
}
.fotter-section.full-row {
	background: #990000;
	height: 300px;
}
.foter-logo {
	width: 25%;
	float: left;
	margin-right: 20px;
}
.foter-links {
	width: 33%;
	float: left;
	padding: 0 0 0 15px;
	margin: 55px 0 0;
	border-left: 2px solid #c73400;
	height: 35px;
}
.foter-links li {
	color: #fff;
	list-style-type: disc;
	float: left;
	padding: 0;
	margin: 0 18px 0 0;
	line-height: 30px;
}
.foter-links li:first-child {
	list-style-type: none;
}
.foter-links li a {
	color: #fff;
	font-size: 13px;
	font-weight: 600;
	padding: 0 5px;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.foter-links ul {
	float: left;
	width: 100%;
	margin: 0;
}
.foter-adres li {
	color: #fff;
	font-weight: 500;
	font-size: 13px;
	display: inline-block;
	line-height: 18px;
	margin: 0;
	padding: 0;
	float: left;
}
.foter-adres ul {
	margin: 0;
}
.foter-adres {
	float: left;
	width: 32%;
	margin: 50px 0 0;
	border-right: 2px solid #c73400;
	border-left: 2px solid #c73400;
	padding: 0 30px;
	height: 35px;
}
.foter-adres li:first-child {
	border-right: 2px solid #c73400;
	padding-right: 10px;
}
 .foter-adres li:nth-child(2) {
 padding-left: 10px;
}
/*FOOTER SECTION CSS END*/


/*CASE STUDY PAGE CSS START*/
.banner-section.case-study{
	background: none;
	height: 380px;
	overflow: hidden;
}

.banner-section.case-study img {
	width: 100%;
}

.yoursucces-casesty {
	margin-top: 150px;
}
.your-success.yoursucces-casesty {
	background-size: 20%;
	background-position-x: right 150px;
}

.lft-side-bnr.lft-sidetransform {
	background: #fff;
	padding: 0;
}

.digitl-trnformtn {
	background: #ec2028;
	float: left;
	width: 100%;
	padding: 100px 150px 100px 40px;
}
.digitl-trnformtn .seecase-btn {
	padding: 5px 3px;
}

.seecase-btn img {
	max-width: 15%;
}

.rght-img-bnr.rghtsid-bnrimg {
	background: none;
	padding: 0;
	background-size: 100%;
	height: 100%;
}

.deford-sply-sec h2{
	color:#990000;
	font-weight:600;
}


.deford-sply-sec strong {
	margin-top: 15px;
	display: block;
	color: #900;
}

.deforlogo {
	width: 100%;
	float: left;
}

.deforlogo img {
	margin: 40px 0;
}

.deforlogo li{
	color: #9fa1a4;	
}

.deford-sply-sec {
	margin: 20px 0 0;
	width: calc(100% - 170px);
	float: left;
}

.lft-side-bnr.lft-sidetransform p, .lft-side-bnr.lft-sidetransform li {
	color: #9fa1a4;
	font-weight: 500;
	letter-spacing: .1px;
	font-size: 13px;
}


.deforlogo ul {
	margin-left: 10px;
}

.digitl-trnformtn h3 {
	font-size: 40px;
}

.digtal-transformtin-sec .container-bnr {
	margin:0 auto;
}


.digtal-transformtin-sec{
	margin-top: -300px;
}


/*portfolio page css*/

.header.porfolo_pge {
	background: #000;
}


.glry-img1 {
	width: 40%;
	height: 200px;
	left: 0;
	top: 0;
}


.glryimg-row{
	position:relative
}

.glry-img {
	position: absolute;
	overflow: hidden;
	border-bottom: 6px solid #000;
}

.glry-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: top;
}

.glry-img2 {
	width: 20%;
	height: 400px;
	top: 0;
	left: 40%;
	border-left: 6px solid #000;
	border-right: 6px solid #000;
	
}
.glry-img3 {
	width: 40%;
	height: 400px;
	left: 60%;
	top:0
}

.glry-img4 {
	height: 400px;
	top: 200px;
	width: 40%;
	left: 0;
}

.glry-img5 {
	left: 40%;
	top: 400px;
	height: 200px;
	width: 40%;
	border-left: 6px solid #000;
	border-right: 6px solid #000;
}
.glry-img6 {
	top: 400px;
	left: 80%;
	width: 20%;
	height: 400px;
}

.glry-img7{
	width: 40%;
	left: 0;
	top: 600px;
	height:200px
}

.glry-img8 {
	top: 600px;
	left: 40%;
	width: 40%;
	height: 400px;
	border-right: 6px solid #000;
	border-left: 6px solid #000;
}
.glryimg-row {
	position: relative;
	height: 1500px;
}

.glry-img9 {
	top: 800px;
	left: 0;
	width: 40%;
	height: 200px;
}

.glry-img10 {
	right: 0;
	top: 800px;
	width: 20%;
	height: 200px;
}


.portfolio-page{
	background: #000;
}

.portfolio-page h2 {
	color: #ff7500;
	font-size: 34px;
	font-weight: 900;
}
.port-sec {
	text-align: center;
	margin: 60px 0 80px;
	width: 100%;
	float: left;
}
.portfolio-gallery .nav li a.active{
	color: #ff7500;
	border-bottom: 1px solid #ff7500;
	padding: 0 0 3px;
}


.portfolio-gallery .nav a {
	color: #fff;
	font-size:22px;
}



.portfolio-gallery li {
	display: inline-block;
	padding: 0 6px;
}



.portfolio-gallery {
	width: 100%;
	float: left;
	margin: 40px 0 0;
}


.portfolio-gallery .nav.nav-tabs {
	margin: 0 auto;
	text-align: center;
	display: block;
	border-color: #333;
}
.portfolio-gallery .tab-content {
	margin: 30px 0 0;
}


.capton-glry {
	display: none;
	position: absolute;
	z-index: 99;
	top: 30%;
	left: 0;
	right: 0;
	color: #990000;
	font-size: 16px;
	background: #fff;
	padding: 10px 10px;
	width: 160px;
	margin: 0 auto;
	line-height: 18px;
	box-shadow: 0 4px 5px #333;
	text-align: left;
}

.glry-img:hover .capton-glry {
	display: block;
}

.glry-img:hover{
	cursor:pointer;
	background:#fff;
}
.capton-glry a {
	color: #b1b1b1;
	display: block;
	font-size: 15px;
}

.port-sec p {
	color: #fff;
}

.systm-intigration h1 {
	color: #ff7500;
	font-weight: bold;
}

.systm-intigration span {
	color: #939598;
	font-weight: bold;
	margin: 10px 0 20px;
	display: block;
}

.systm-intigration p {
	margin-bottom: 20px;
	color: #fff;
	font-weight: 500;
}

.box-ovrview-img strong {
	color: #fff;
	display:block;
	margin: 0 0 20px;
}



.systm-intigration strong {
	color: #fff;
	font-size: 20px;
}

.portfolio-page-detail {
	background: #000;
	padding: 80px 0;
}




.capton-glry::after {
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 7px solid #fff;
	content: " ";
	position: absolute;
	bottom: -14px;
	left: 20px;
	border-top: 8px solid transparent;
	transform: rotate(180deg);
}



.portfolio-gallery ul.dropdown-menu li{
	display:block;
	
}



.portfolio-gallery ul .dropdown.show a {
	color: #ff7500;
}
.portfolio-gallery ul .dropdown.show ul li a {
	color: #000;
}

.portfolio-gallery ul .dropdown-menu.show li a:hover {
	color: #ff7500;
}

.prvis-nextpage a i {
	color: #ff7500;
}

.prvis-nextpage a{
	color:#fff;
	font-size:20px
}

.prvis-nextpage {
	width: 100%;
	float: left;
	background: #000;
	border-bottom: 2px solid #333;
	padding: 40px 0 0;
}
.prvis-nextpage li {
	display: ;
	float: left;
	width: 33.3%;
	display:block;
}
.next_page {
	text-align: right;
}

.grid_page {
	text-align: center;
}
.privis_page {
	text-align: left;
}

.glry-img11.glry-img {
	left: 0;
	top: 1000px;
	height: 200px;
	width: 20%;
}
.glry-img12 {
	top: 1000px;
	left: 20%;
	width: 40%;
	height: 200px;
}

.glry-img13 {
	width: 40%;
	right: 0;
	height: 200px;
	top: 1000px;
}

.glry-img12 {
	border-right: 6px solid #000;
	border-left: 6px solid #000;
}

.glry-img14 {
	left: 0;
	top: 1200px;
	width: 40%;
	height: 300px;
}
.glry-img15 {
	top: 1200px;
	left: 40%;
	width: 30%;
	height: 300px;
	border-right: 6px solid #000;
	border-left: 6px solid #000;
}
.glry-img16 {
	right: 0;
	width: 30%;
	height: 300px;
	top: 1200px;
}


.box-ovrview-txt.row {
	position: relative;
}



.portfolio-page-detail .owl-dots {
	position: absolute;
	top: 0;
	right: -17%;
}


.vistsite {
	color: #fff;
	padding: 5px 8px;
	float: left;
	background-image: url(../images/vistbg.png);
	background-repeat: no-repeat;
	width: 145px;
	font-weight: bold;
	line-height: 100%;
}

.vistsite:hover {
	color: #fff;
}

.box-ovrview-txt .owl-dot span {
	border: 2px solid #fff;
	width: 17px;
	height: 17px;
	display: block;
	opacity: 1;
	padding: 0;
	border-radius: 20px;
}
.box-ovrview-txt .owl-dot.active span {
	background: #fff;
}


.systm-intigration {
	padding-top: 0px;
	padding-left: 30px;
}

.systm-intigration h3 {
	color: #fff;
}

.glry-img17 {
	left: 0;
	width: 25%;
	height: 300px;
	top: 1500px;
}

.glry-img19 {
	top: 1500px;
	left: 50%;
	height: 300px;
	width: 25%;
	border-right: 6px solid #000;
}
.glry-img36 {
	top: 1500px;
	right: 0;
	height: 300px;
	width: 25%;
}

.glry-img18 {
	top: 1500px;
	width: 25%;
	left: 25%;
	height: 300px;
	border-left: 6px solid #000;
	border-right: 6px solid #000;
}


.glry-img20 {
	top: 1800px;
	left: 0;
	height: 300px;
	width: 25%;
}
.glry-img21 {
	top: 1800px;
	left: 25%;
	height: 300px;
	width: 25%;
	border-left: 6px solid #000;
	border-right: 6px solid #000;
}

.glry-img22 {
	top: 1800px;
	left: 50%;
	height: 300px;
	width: 25%;
	border-right: 6px solid #000;
}
.glry-img23 {
	top: 1800px;
	right: 0;
	height: 300px;
	width: 25%;
}
.glry-img24 {
	top: 2100px;
	left: 40%;
	height: 300px;
	width: 30%;
	border-left: 6px solid #000;
	border-right: 6px solid #000;
}
.glry-img25 {
	top: 2100px;
	right: 0;
	height: 300px;
	width: 30%;
}
.glry-img26 {
	top: 2400px;
	left: 0;
	height: 300px;
	width: 30%;
}
.glry-img27 {
	top: 2400px;
	left: 30%;
	height: 300px;
	width: 40%;
	border-left: 6px solid #000;
	border-right: 6px solid #000;
}
.glry-img28 {
	top: 2400px;
	right: 0;
	height: 300px;
	width: 30%;
}

.glry-img29 {
	top: 2700px;
	left: 0;
	height: 300px;
	width: 40%;
}
.glry-img30 {
	top: 2700px;
	left: 40%;
	height: 300px;
	width: 30%;
	border-left: 6px solid #000;
	border-right: 6px solid #000;
}
.glry-img31 {
	top: 2700px;
	right: 0;
	height: 300px;
	width: 30%;
}

.glry-img32 {
	top: 3000px;
	left: 0;
	height: 300px;
	width: 25%;
}
.glry-img33 {
	top: 3000px;
	left: 25%;
	height: 300px;
	width: 25%;
	border-left: 6px solid #000;
	border-right: 6px solid #000;
}
.glry-img34 {
	top:3000px;
	left: 50%;
	height: 300px;
	width: 25%;
	border-right: 6px solid #000;
}
.glry-img35 {
	top:3000px;
	right: 0;
	height: 300px;
	width: 25%;
}


.capton-glry font {
	font-size: 12px;
	display: block;
	color: #ff7500;
}

.categories li a {
	color: #fff;
}
.categories ul {
	border-bottom: 1px solid;
}

.categories li.active a {
	color: #ff7500;
	border-bottom: 1px solid #ff7500;
	padding: 0 0 3px;
}
.portfolio-gallery .dropdown-menu{
	background: #fff;
	border: none;
	border-radius: 0;
	width: 220px;
}

.portfolio-gallery ul.dropdown-menu li a {
	color: #000;
	font-size: 14px;
	display: block;
	line-height: 15px;
	padding: 5px 0 5px;
}

.box-ovrview-txt .item.row {
	margin: 0;
}

.box-ovrview-txt .owl-carousel .owl-item img {
	display: block;
	width: auto;
	height: auto;
}


/*gallery css*/


.projects-container .row{
    -webkit-transition:height .5s ease-out;
    transition:height .5s ease-out;
}

.portfolio-item {
   
	-webkit-transform:scale(1);
	transform:scale(1);
	opacity:1;
	-webkit-transition:all .4s ease-out;
	transition:all .4s ease-out;
}

.portfolio-item.filtered {
	-webkit-transform:scale(0.5);
	transform:scale(0.5);
	opacity:0.2;
	cursor:default;
}

.no-opacity .portfolio-item.filtered {
	display:none;
}

.portfolio-item.filtered a{
	cursor:default;
}

.portfolio-item.filtered .enlarge,
.portfolio-item.filtered .link,
.portfolio-item.filtered .overlay-mask,
.portfolio-item.filtered .project-title{
    display:none;
}

.portfolio-thumb {
    display:block;
    position:relative;
    box-shadow:0 2px 5px rgba(0,0,0,0.08);
    overflow:hidden;
}

.scrollimation .portfolio-thumb {
	-webkit-transform:translateY(100px);
	transform:translateY(100px);
	opacity:0;
	-webkit-transition:opacity .4s ease-out, -webkit-transform .4s ease-out;
	transition:opacity .4s ease-out, transform .4s ease-out;
}

.touch .scrollimation .portfolio-thumb,
.scrollimation .portfolio-thumb.in {
	-webkit-transform:translateY(0px);
	transform:translateY(0px);
	opacity:1;
}

.portfolio-thumb .overlay-mask{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:#5CC9DF;
    opacity:0;
	filter:alpha(opacity=0);
    z-index:1;
    -webkit-transition:opacity .3s ease-out;
    transition:opacity .3s ease-out;
}


.portfolio-thumb:hover .overlay-mask {
    opacity:0.8;
	filter:alpha(opacity=80);
}

.portfolio-thumb .enlarge,
.portfolio-thumb .link{
    display:inline-block;
    margin:0;
    margin-top:-25px;
    font-size:50px;
    line-height:50px;
    color:#fff;
    opacity:0;
	filter:alpha(opacity=0);
    position:absolute;
    height:50px;
    width:64px;
    top:40%;
    left:50%;
    text-align:center;
    z-index:3;

}

.portfolio-thumb .enlarge{
    margin-left:-84px;
    -webkit-transform:translateX(-200px);
    transform:translateX(-200px);
    -webkit-transition:all .3s ease-out;
    transition:all .3s ease-out;
}

.portfolio-thumb:hover .enlarge{
    -webkit-transform:translateX(0);
    transform:translateX(0);
    opacity:1;
	filter:alpha(opacity=100);
    -webkit-transition:all .3s ease-out .3s;
    transition:all .3s ease-out .3s;
}

.portfolio-thumb .link{
    margin-left:20px;
    -webkit-transform:translateX(200px);
    transform:translateX(200px);
    -webkit-transition:all .3s ease-out;
    transition:all .3s ease-out;
}

.portfolio-thumb:hover .link{
    -webkit-transform:translate(0);
    transform:translate(0);
    opacity:1;
	filter:alpha(opacity=100);
    -webkit-transition:all .3s ease-out .6s;
    transition:all .3s ease-out .6s;
}

.portfolio-thumb .enlarge.centered,
.portfolio-thumb .link.centered{
    margin-left:-32px;
    -webkit-transform:translateY(-200px);
    transform:translateY(-200px);
    -webkit-transition-delay:0s;
    transition-delay:0s;
}

.portfolio-thumb:hover .enlarge.centered,

.portfolio-thumb:hover .link.centered{
    -webkit-transform:translateY(0);
    transform:translateY(0);
    -webkit-transition-delay:0.3s;
    transition-delay:0.3s;
}

.portfolio-thumb .project-title {
    display:block;
    width:100%;
    position:absolute;
    bottom:-100px;
    background:#fff;
    margin:0;
    padding:20px 0;
    font-size:21px;
    font-weight:300;
    color:#777;
    text-align:center;
    z-index:2;
    -webkit-transition:bottom .4s ease-out,color .2s ease-out;
    transition:bottom .4s ease-out,color .2s ease-out;
}

.portfolio-thumb:hover .project-title {
    bottom:0;
    -webkit-transition:bottom .3s ease-out .1s,color .2s ease-out 0s;
    transition:bottom .3s ease-out .1s,color .2s ease-out 0s;
}

.portfolio-thumb .project-title:hover {
    color:#5CC9DF;
}

#portfolio {
	position: relative;
}  


.categories {
	float: left;
	width: 100%;
}

.projects-container.scrollimation.in {
	width: 100%;
	float: left;
	position: relative;
	height:2200px;
	display: flex;
}
.prvis-nextpage li.privis_page {
	display: none;
}
.prvis-nextpage li.next_page {
	display: none;
}
.prvis-nextpage li.grid_page {
	width: 100%;
}

.portfolio-gallery ul .dropdown.show a, .portfolio-gallery ul .dropdown.active-opn a {
	color: #ff7500;
	border-bottom: 1px solid #ff7500;
	padding-bottom: 3px;
}

.portfolio-gallery ul .dropdown a {
	
	padding-bottom: 3px;
}





.infomt-tcnly-btn {
	background-color: #fff;
	height: 44px;
	overflow: visible;
	display: inline-block;
	padding: 8px 20px;
	font-weight: bold;
	color: #ec2028;
	letter-spacing: 1px;
	font-size: 20px;
	position: relative;
	margin-right: 30px;
}

.infomt-tcnly-btn::before {
	content: '';
	background-image: url(../img/lftarw-icn.png);
	position: absolute;
	left: -13px;
	top: 0;
	height: 44px;
	width: 13px;
	background-position-y: center;
}

.enry-tecnl-btn {
	background-color: #fff;
	height: 44px;
	overflow: visible;
	display: inline-block;
	padding: 8px 20px;
	font-weight: bold;
	color: #ec2028;
	letter-spacing: 1px;
	font-size: 20px;
	position: relative;
}


.engcontainer {float:left; width:100%;min-height:300px;}

.header.full-row.energ-section-p {
	padding: 0 0 20px;
}

.enry-tecnl-btn::after {
	content: '';
	background-image: url(../img/rgtarw-icn.png);
	position: absolute;
	right: -13px;
	top: 0;
	height: 44px;
	width: 18px;
	background-position-y: center;
}

.header.lnding-pge {
	padding: 15px 0;
	/* background: #000; */
	position: relative;
	z-index: 99;
}

.vdio-sec-midle {
	width: 100%;
	float: left;
	background: #000;
	text-align: center;
	position: relative;
	margin: -150px 0 0;
}

.onfp-it-btns {
	position: absolute;
	bottom: 40%;
	left: 0;
	right: 0;
}

.bg-blck{
	background:#000;
}

.enry-tecnl-btn:hover, .infomt-tcnly-btn:hover{
	color: #ec2028;
}

#myVideo {
	width: 100%;
}

.wrapper {
	padding-bottom: 300px;
	position: static;
}
html {
	position: relative;
	min-height: 100%;
}


/*CASE STUDY PAGE CSS END*/

/*energy page*/


.enrgy-tble td {
	border-right: 1px solid #fff;
	padding: 5px 10px;
	line-height: 1em;
}

.enrgy-tble tr {
	border-bottom: 1px solid #fff;
}

.enrgy-tble tr:nth-child(odd) {
	background: #e1e1e1;
	padding: 5px 10px;
}


.enrgy-tble img{
	min-width:120px;
}
.enrgy-tble tr:nth-child(even) {
	background: #f0f0f0;
}

.enerypge li{
	color:#9fa1a4

}
.enerypge ul{
	margin:20px 0;
	width:100%;
	padding:0 15px

}

.enrymorelinks:hover{
	color: #990000;
}

.btns-more {
	width: 100%;
	float: right;
	text-align: right;
	margin-bottom: 20px;
}
.enerypge {
	width: 100%;
	float: left;
}
.enrymorelinks {
	color: #990000;
	font-size: 17px;
	margin: 5px 0 0;
	width: auto;
	clear: both;
	text-decoration: none;
	text-align: right;
	float: right;
}
.mb-30 {
	margin-bottom: calc(40px + 2em);
}


.smgcs-page h2 {
	color: #990000;
	font-size: 40px;
	font-weight: bold;
	margin: 20px 0;
}

.smgcs-page{
	width: 100%;
	float: left;
}

.smgcs-page li {
	color: #9fa1a4;
	margin-bottom: .5em;
}
.smgcs-page ul {
	margin: 20px 0 0;
	width: 100%;
	padding: 0 15px;
}
.mt-30 {
	margin-top: 40px;
}

.project-pge ul ul {
	margin: 0;
}

.stps-pge li {
	display: block;
}


.indivisl-ivtr{
	margin:15px 0;
}


.enrgy-tble th {
	background: #a5a5a5;
	border-right: 1px solid #fff;
	padding: 8px 10px;
	line-height: 20px;
	color: #fff;
}

.smgcs-page ul ul {
	margin: 5px 0 20px;
}

.project-pge ul ul li {
	display: block;
}


.abotact-pge h4, .advntg-pge h4, .tcknlg-pge h4, .histry-pge h4, .busins-pge h4, .metsly-pge h4 {
	font-size: 22px;
	color:#990000;
	padding: 20px 0 0;
}

.abotact-pge ul {
	margin: 10px 0 0;
}


.advntg-pge p, .histry-pge p, .busins-pge p, .metsly-pge p {
	margin-bottom: 10px;
}

.advntg-pge a, .histry-pge a, .busins-pge a, .metsly-pge a {
	color: #990000;
	text-decoration:underline
}

.smgcs-page.aproch-pge ul {
	margin: 5px 0 0;
}

.tcknlg-pge td {
	color: #9fa1a4;
}


.navigation li:hover li a{
	color:#fff
}


.navigation li{
	position:relative
}

.navigation li ul li:hover a{
	color:#ff7500
}


.submenu li {
	display: block;
	text-align: left;
	padding: 0;
	margin: 0;
}


.navigation .submenu {
	background: #990000;
	position: absolute;
	top: 44px;
	left: 0;
	width: 220px !important;
	display: none;
}

.navigation li .submenu a::after{
	content:normal
}
.navigation li:hover .submenu {
	display:block
}

.submenu li a {
	color: #fff;
	padding: 2px 10px;
	display:block
}



.glry-img2 img {
	max-width: 100% !important;
	width: auto;
	height: auto;
	position: absolute;
	top: 40%;
	left: 0;
}

.stutnplmbr li{
	color:#fff
}

.stutnplmbr ul{
	padding-left:15px
}


.prvis-nextpage a i {
	background: url(../images/icnbck.png) no-repeat scroll;
	padding: 10px 14px;
	content: none;
	margin: 0 0 -2px;
	display: inline-block;
}

.fa-th-large::before {
	content: none !important;
}


.glry-img1, .glry-img2, .glry-img3, .glry-img4, .glry-img5, .glry-img6, .glry-img9, .glry-img11, .glry-img16, .glry-img17, .glry-img19, .glry-img7, .glry-img11 {
	background: rgba(255,255,255,.2);
}



.box-ovrview-txt .owl-carousel {
	display: block;
	width: 100%;
	z-index: 1;
}



.glry-img.glry-img1 img, .glry-img.glry-img3 img, .glry-img.glry-img4 img, .glry-img.glry-img5 img, .glry-img.glry-img6 img, .glry-img.glry-img9 img, .glry-img.glry-img11 img, .glry-img.glry-img16 img, .glry-img.glry-img17 img, .glry-img.glry-img19 img, .glry-img.glry-img7 img{
	width: auto !important;
	height: 100%;
	max-width: 100%;
	object-fit: none;
	object-position: center;
}

.box-ovrview-txt .item.row {
	margin: 0 0 40px;
	text-align: left;
}

.box-ovrview-txt .item span {
	color: #fff;
	display: block;
	width: 100%;
	font-weight: bold;
	margin: 5px 0;
}



@media screen and (max-width:1400px) {
 .container-bnr {
 width: 1140px;
}
 .rght-img-bnr {
 padding: 25px 25px;
}
 .banner-section {
 height: 600px;
}
}


 @media screen and (max-width:1200px) {
 .container-bnr {
 width: 980px;
}
.rght-img-bnr {
 padding: 24px 25px;
}
 .rght-img-bnr .owl-carousel .owl-dots {
 left: -20px;
}
.banner-section {
 height: 535px;
}
 .story-box-text {
 height: 187px;
}
.story-box-img {
 height: 187px;
}
.story-box-text {
 padding: 30px 18px 20px 18px;
}
 .foter-logo {
 width: calc(20% - 20px);
}
.foter-links {
 width: 40%;
 margin: 30px 0 0;
}
.foter-adres {
 width: 40%;
 margin: 30px 0 0;
}
 .box-challenge li {
 background-position-y: top 10px;
}
.deford-sply-sec {
	width: calc(100% - 130px);
}


}


 @media screen and (max-width:1080px) {
 .container-bnr {
 width: 780px;
}
 .rght-img-bnr .owl-carousel .owl-dots {
 left: -35px;
}
.banner-section {
 height: 535px;
}
 .rght-img-bnr {
 padding: 18px 20px;
}
 .container-bnr {
 margin: 50px auto;
}
.lft-side-bnr {
 padding: 30px 130px 30px 40px;
}
.briliance-row {
 padding: 0;
}
.brilince-problm-sec {
 padding: 0;
}
.row-problm {
 width: 100%;
 margin: 0 0 20px;
}
}


@media screen and (max-width:992px) {
	.bg-blck {
    height: 100vh;
}
.storyprson {
 top: auto;
 bottom: 0;
}
.foter-logo {
 width: 100%;
 margin: 0;
 text-align: left;
}
.foter-logo img {
 max-width: 40%;
}
 .foter-links {
 width: 55%;
 margin:0;
 border-left: none;
}
 .foter-adres li:first-child {
 border-right: none;
 padding-right: 0;
}
.foter-adres li:nth-child(2) {
 padding-left: 0;
}
 .foter-adres li {
 display: block;
 float:none;
}
 .foter-adres {
 margin:0;
 border:none
}
 .foter-links li {
 display: block;
 float:none
}
 .navbar-header {
 display: block;
}
 .collapse:not(.show) {
 display: none;
}
 .navbar-toggle {
 width: 50px;
 position: absolute;
 right: 0;
}
 .navbar-toggle {
 width: 40px;
 height: 40px;
 position: absolute;
 right: 0;
	/* background: no-repeat; */
	border: none;
 top: 20px;
 background: #c32c31;
 padding: 5px 8px 0;
 z-index: 99999;
}
.icon-bar {
 background: #fff;
 height: 2px;
 width: 25px;
 margin-bottom: 5px;
 display: inline-block;
 float: left;
}
 .navigation li {
 display: block;
 text-align: left;
}
 .navigation .navbar-collapse {
 position: absolute;
 top: 35px;
 background: #333;
 width: 100%;
 z-index: 9999;
 left:0;
}
 .toggle-opn .icon-bar {
 transform: rotate(45deg);
}
.toggle-opn .icon-bar.icnbr1 {
 transform: rotate(45deg);
}
 .toggle-opn .icon-bar.icnbr2 {
 display:none;
}
 .toggle-opn .icon-bar.icnbr3 {
 transform: rotate(-45deg);
 margin: -7px 0 0;
}
.portfolio-page-detail .owl-dots {
	top: -30px;
}
.capton-glry {
	width: 120px;
	top:15%
}
.portfolio-page-detail .owl-dots {
	top: auto;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	padding: 0;
	position: static;
}
.onfp-it-btns {
	bottom: 20%;
}
.wrapper {
position: static;
}
.wrapper {
    padding-bottom: 300px;
}
.fotter-section.full-row {
	position: absolute;
	height: 300px;
}
}


 @media screen and (max-width:840px) {
.lft-side-bnr {
 padding: 30px 100px 30px 20px;
}
.container-bnr {
 width: 640px;
}
 .rght-img-bnr .owl-carousel .owl-dots {
 left: -60px;
 top: -50px;
}
.rght-img-bnr {
 padding: 15px 15px;
}
.enrgy-tble {
	width: auto;
	overflow: hidden;
	overflow-x: scroll;
}
}


 @media screen and (max-width:768px) {
.rght-img-bnr {
 width: 90%;
 margin: -50px 5% 0;
}
 .container-bnr {
 margin: 30px auto;
}
 .rght-img-bnr .owl-carousel .owl-dots {
 left: auto;
 top: -60px;
 right: 0;
}
 .lft-side-bnr {
 padding: 30px 20px 100px 20px;
 width: 100%;
}
 .rght-img-bnr {
 width: 60%;
 margin: -50px 20% 0;
 padding: 15px 15px;
 background-size: 100%;
 min-height: 10px;
}
 .challngerow {
 width: 100%;
}
.digitl-trnformtn {
	width:100%;
	padding: 30px 50px 30px 40px;
}
.deford-sply-sec {
	width: 100%;
}
.activer-lighting {
	margin: 0;
}

.rght-img-bnr.rghtsid-bnrimg {
	width: 100%;
	margin: 0;
}

.yoursucces-casesty {
	margin-top: 50px;
}

.success-heding {
	margin-bottom:20px;
}

}


@media screen and (max-width:767px) {
.story-box-text {
 padding: 10px 10px 10px 15px;
}
 .story-box-text p {
 font-size: 15px;
}
 .story-box-text span {
 right: 7px;
}
.pull-top {
 margin-top: 30px;
}
.line-logos {
 width: 100%;
}


.navigation .submenu {
	background: transparent;
	position: relative;
	top: 0;
	left: 0;
	width: 100% !important;
	display: block;
	padding: 0 10px 0;
	z-index: 99;
	margin: 0;
	height: 100%;
}
.navigation ul {
	height: 300px;
	overflow: hidden;
	overflow-y: scroll;
}
.smgcs-page h2 {
	font-size: 30px;
}
}


@media screen and (max-width:680px) {
.container-bnr {
 width: 520px;
}
 .rght-img-bnr {
 padding: 12px 12px;
}
.infomt-tcnly-btn {
	margin-right: 0px;
	width: 80%;
	margin-bottom: 10px;
}
.enry-tecnl-btn {
	width: 80%;
}
}


 @media screen and (max-width:578px) {
	 .infomt-tcnly-btn::before {
	right: -13px;
	transform: rotate(180deg);
	left: auto;
}
.container-bnr {
 width: 420px;
}
.rght-img-bnr {
 padding: 10px 10px;
}
.rght-img-bnr {
 padding: 12px 12px;
}
 .rght-img-bnr {
 height: 240px;
}
.banner-section {
 height: 470px;
}
 .whatchallnge h3, .your-success h3, .box-challenge h3 {
 font-size: 20px;
}
.briliiance-power h2 {
 font-size: 25px;
}
.challngerow p {
 font-size: 16px;
}
.briliance-text p {
 font-size: 16px;
 letter-spacing: 1px;
 line-height: 25px;
}
 .foter-links {
 width: 100%;
 margin: 0;
 border-left: none;
 height: 100%;
 padding: 0;
}
 .foter-links li {
 padding: 0;
}
 .foter-adres {
 width: 100%;
 margin: 30px 0 0;
 height: 100%;
 border: none;
 padding: 0;
}
.foter-links li a {
 padding: 0;
}
.foter-adres {
 width: 100%;
 margin: 10px 0 0;
 height: 100%;
 border: none;
 padding: 0;
}
 .logo-section img {
 max-width: 70%;
}
 .contnt-briliance li {
 padding: 5px 0 2px 15px;
 background-position-y: top 12px;
}
.contnt-briliance h4 {
 font-size: 18px;
}
.digtal-transformtin-sec {
	margin-top: -350px;
}
.deforlogo img {
	margin: 20px 0;
}
.img-briliance {
	margin-top: 35px;
}
.glry-img {
	position: relative;
	width: 100% !important;
	float: left;
	border: none !important;
	height: 200px;
	top: 0 !important;
	bottom: 0;
	left: 0;
	right: 0;
}
.capton-glry {
	top: 20%;
	left: 5%;
	right: 5%;
	font-size: 22px;
	padding: 10px 10px !important;
	padding: 10px 10px;
	width: 90%;
	margin: 0 auto;
	line-height: 23px;
	bottom: 20%;
	height: auto;
}
.prvis-nextpage li {
	float: left;
	width: 100%;
	display: block;
	text-align: left;
}

.systm-intigration h1 {
	font-size: 25px;
}
.glryimg-row {
	height: auto;
}
.glry-img:hover .capton-glry {
	display:table;
}
.projects-container.scrollimation.in {
	width: 100%;
	float: left;
	position: relative;
	height: auto;
	display: inline-block !important;
}
.infomt-tcnly-btn, .enry-tecnl-btn {
	padding: 12px 20px;
	font-size: 15px;
}
.vdio-sec-midle {
	margin: -20px 0 0;
}
.onfp-it-btns {
	bottom: 15%;
}
.enrgy-tble {
	width: auto;
	overflow: hidden;
	overflow-x: scroll;
}
.enrgy-tble img {
	min-width: 80px;
}
}

@media screen and (max-width:430px) {
.creating-prob .img-briliance, .active-prob .img-briliance{
	margin-top: 58px;
}
}

 @media screen and (max-width:480px) {
 .container-bnr {
 width: 95%;
}
.storyprson {
 left: 0;
}
.story-box-text span {
 right: 10px;
 left: 10px;
}
.story-box-text {
 height: 230px;
}
.story-box-img {
 height: 230px;
}
.story-box-text span {
 right: 10px;
 left: 10px;
 bottom: 0;
 line-height: 15px;
}
.headig-story {
 padding: 2px 5px;
 font-size: 13px;
}
.rght-img-bnr {
 width: 70%;
 margin: -50px 15% 0;
 padding:10px
}
 .line-logos li {
 width: 50%;
}
 .line-logos li:nth-child(5) {
 text-align: center;
 width: 100%;
}
 .line-logos li:nth-child(5) img {
 width: 50%;
}
.box-challenge li {
 font-size: 16px;
}

.yoursucces-casesty {
	margin-top: 20px;
}

.whatchallnge.full-row {
	margin: 140px 0 0;
}
.bg-blck {
    height: 100vh;
}
.infomt-tcnly-btn {
    width: 80%;
    margin-bottom: 10px;
}
.enry-tecnl-btn{
    width: 80%;
}

 }

 
 
 
 
 
 /* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOiCnqEu92Fr1Mu51QrEz0dL_nz.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOiCnqEu92Fr1Mu51QrEzQdL_nz.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOiCnqEu92Fr1Mu51QrEzwdL_nz.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOiCnqEu92Fr1Mu51QrEzMdL_nz.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOiCnqEu92Fr1Mu51QrEz8dL_nz.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOiCnqEu92Fr1Mu51QrEz4dL_nz.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOiCnqEu92Fr1Mu51QrEzAdLw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOjCnqEu92Fr1Mu51TjASc3CsTKlA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOjCnqEu92Fr1Mu51TjASc-CsTKlA.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOjCnqEu92Fr1Mu51TjASc2CsTKlA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOjCnqEu92Fr1Mu51TjASc5CsTKlA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOjCnqEu92Fr1Mu51TjASc1CsTKlA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOjCnqEu92Fr1Mu51TjASc0CsTKlA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOjCnqEu92Fr1Mu51TjASc6CsQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOkCnqEu92Fr1Mu51xFIzIFKw.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOkCnqEu92Fr1Mu51xMIzIFKw.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOkCnqEu92Fr1Mu51xEIzIFKw.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOkCnqEu92Fr1Mu51xLIzIFKw.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOkCnqEu92Fr1Mu51xHIzIFKw.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOkCnqEu92Fr1Mu51xGIzIFKw.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOkCnqEu92Fr1Mu51xIIzI.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOjCnqEu92Fr1Mu51S7ACc3CsTKlA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOjCnqEu92Fr1Mu51S7ACc-CsTKlA.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOjCnqEu92Fr1Mu51S7ACc2CsTKlA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOjCnqEu92Fr1Mu51S7ACc5CsTKlA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOjCnqEu92Fr1Mu51S7ACc1CsTKlA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOjCnqEu92Fr1Mu51S7ACc0CsTKlA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOjCnqEu92Fr1Mu51S7ACc6CsQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOjCnqEu92Fr1Mu51TzBic3CsTKlA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOjCnqEu92Fr1Mu51TzBic-CsTKlA.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOjCnqEu92Fr1Mu51TzBic2CsTKlA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOjCnqEu92Fr1Mu51TzBic5CsTKlA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOjCnqEu92Fr1Mu51TzBic1CsTKlA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOjCnqEu92Fr1Mu51TzBic0CsTKlA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOjCnqEu92Fr1Mu51TzBic6CsQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOjCnqEu92Fr1Mu51TLBCc3CsTKlA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOjCnqEu92Fr1Mu51TLBCc-CsTKlA.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOjCnqEu92Fr1Mu51TLBCc2CsTKlA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOjCnqEu92Fr1Mu51TLBCc5CsTKlA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOjCnqEu92Fr1Mu51TLBCc1CsTKlA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOjCnqEu92Fr1Mu51TLBCc0CsTKlA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOjCnqEu92Fr1Mu51TLBCc6CsQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOkCnqEu92Fr1MmgVxFIzIFKw.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOkCnqEu92Fr1MmgVxMIzIFKw.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOkCnqEu92Fr1MmgVxEIzIFKw.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOkCnqEu92Fr1MmgVxLIzIFKw.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOkCnqEu92Fr1MmgVxHIzIFKw.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOkCnqEu92Fr1MmgVxGIzIFKw.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOkCnqEu92Fr1MmgVxIIzI.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmSU5fCRc4EsA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmSU5fABc4EsA.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmSU5fCBc4EsA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmSU5fBxc4EsA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmSU5fCxc4EsA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmSU5fChc4EsA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmSU5fBBc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmEU9fCRc4EsA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmEU9fABc4EsA.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmEU9fCBc4EsA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmEU9fBxc4EsA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmEU9fCxc4EsA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmYUtfCRc4EsA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmYUtfABc4EsA.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmYUtfCBc4EsA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmYUtfBxc4EsA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmYUtfCxc4EsA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmYUtfChc4EsA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmYUtfBBc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}