@font-face {
  font-family: 'SofiaSans';
  src: url('sofiasans/SofiaSans-Regular.woff') format('woff'), url('sofiasans/SofiaSans-Regular.otf') format('opentype');
}
@font-face {
  font-family: 'SofiaSansBold';
  src: url('sofiasans/SofiaSans-Bold.woff') format('woff'), url('sofiasans/SofiaSans-Bold.otf') format('opentype');
}
@font-face {
  font-family: 'SofiaSansExtraBold';
  src: url('sofiasans/SofiaSans-ExtraBold.woff') format('woff'), url('sofiasans/SofiaSans-ExtraBold.otf') format('opentype');
}
@font-face {
  font-family: 'SofiaSansLight';
  src: url('sofiasans/SofiaSans-Light.woff') format('woff'), url('sofiasans/SofiaSans-Light.otf') format('opentype');
}
* {
	font-family: 'SofiaSans', Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight:400;
}
.bold {
	font-family: 'SofiaSansBold', Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight:700;
}
.extrabold {
	font-family: 'SofiaSansExtraBold', Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight:900;
}
.light {
	font-family: 'SofiaSansLight', Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight:300;
}
.transition {
	transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;	
}
@media (min-width:1200px) {
    .container{
        max-width:1200px;
		padding-left:0;
		padding-right:0;
    }
}
@media (min-width:992px) {
	.animated.standby {
		-webkit-animation: none !important;
		-o-animation: none !important;
		animation: none !important;
		visibility: hidden;
	}
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-5%, 0, 0);
    transform: translate3d(-5%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(5%, 0, 0);
    transform: translate3d(5%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 10%, 0);
    transform: translate3d(0, 10%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 10%, 0);
    transform: translate3d(0, 10%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.o-hidden {
 overflow:hidden;
}
.row-eq-height {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
body, html {
	width: 100%;
	height:100%;
}
body {
	color:#434343;
	background:white;
	font-size:16px;
}
.text-body {
	color:#434343 !important;
}
.text-danger {
	color:#D9000D !important;
}
.bg-light {
	background:#F2F2F2 !important;
}
.body {
	padding-top:172px;
}
@media (max-width:1199px) {
	.body {
		padding-top:145px;
	}
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
	font-family: 'SofiaSansBold', Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color:#56595F;
}
@media (max-width:477px) {
	h1, .h1 {
		font-size:36px;
	}
}
p {
	line-height:22px;
}
p.small {
	line-height:16px;
}
p.videodetail {
	line-height:24px;
	margin-bottom:0;
}
.row {
 	margin:0;
}
img {
	max-width: 100%;
}
.objectfit {
	width: 100%;
	height:100%;
	object-fit: cover;
	object-position: center center;
}
.objectfitbottom {
	width: 100%;
	height:100%;
	object-fit: cover;
	object-position: bottom center;
}
hr {
	position:relative;
 	background:url(images/line.png) no-repeat bottom left;
	border: 0px;
	height: 1px;
	width: 100%;
	margin-top:15px;
	margin-bottom:20px;
}
.inlineblock {
	text-align:center;
	letter-spacing:0;
	word-spacing:0;
	font-size:0;
}
a {
	color:#D9000D;
 	text-decoration:none;
}
a:hover {
 	color:#D9000D;
	text-decoration:none;
}
ul {
	padding-left:15px;
}
b, strong {
	font-family: 'SofiaSansBold', Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight: 700;
}
.normal {
	font-family: 'SofiaSans', Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight: 400;
}
.text-shadow {
	text-shadow: 2px 2px 2px rgba(0,0,0,.6);
}
.thumbnail {
	display:block;
	width:100%;
	height:100%;
	background:url(images/thumbnail.png) no-repeat center center;
	border: 1px solid #e2e2e2;
}
.pointer {
  cursor:pointer;
}
a.pagesvideo, a.pagesvideo:hover, .pagesvideo {
	width:100%;
	max-width:100%;
	display:block;
	position:relative;
}
a.pagesvideo:after, .pagesvideo:after {
  position: absolute;
  top:0;
  left:0;
  content: '';
  display:block;
  width:100%;
  height:100%;
  background: url(images/playvideo.png) no-repeat center center;
}
.pagesvideo:after {
	background-size: 60px 60px;
}
.pagesvideolength {
	position:absolute;
	bottom:12px;
	right:10px;
	height:14px;
	line-height:14px;
	font-size:12px;
	color:white;
	background: url(images/playvideo.png) no-repeat left center;
	background-size: auto 100%;
	padding-left:20px;
	text-shadow: 0px 0px 2px rgba(0,0,0,.6);
}
iframe {
	width:100%;
	height:600px;
}
/* 480 */
@media only screen and (max-width:480px) {
	iframe {
		height:300px;
	}
}
.contoverallup {	
	position: absolute;
	z-index:100;
	top:0;
	left:0;
	display: block;
	width:100%;
	background:#F2F2F2;
}
.contoverallupfixed {
	position:fixed;
	box-shadow: 1px 15px 15px -10px rgba(0,0,0,0.4);
	-webkit-box-shadow: 1px 15px 15px -10px rgba(0,0,0,0.4);
	-moz-box-shadow: 1px 15px 15px -10px rgba(0,0,0,0.4);
}
.clogo {
	display:inline-block;
	width:245px;
	height:auto;
	margin-top:23px;
	margin-bottom:23px;
}
.contoverallupfixed .clogo {
	width:180px;
	margin-top:10px;
	margin-bottom:10px;
}
@media only screen and (max-width:1199px) {
	.clogo {
		width:180px;
		margin-top:15px;
		margin-bottom:15px;
	}	
}
/* left menu */
a.menurespons, a.menurespons:hover {
	background:url(images/menu3.svg) no-repeat right center;
	background-size:30px auto;
	width:40px;
	height:30px;
	line-height:30px;
	font-size:30px;
	display:block;
	float:right;
	text-align:left;
	margin-top:20px;
}
.sidenav {
    width:100%;  
	height:100%;
	visibility: hidden;
	opacity: 0;
    position: fixed;
    z-index: 10000;
    top: 0;
    left:0;
    background:#D9000D;
    overflow-x: hidden;
	 transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;	
    padding-top:70px;
	padding-bottom:20px;
	padding-left:30px;
	padding-right:30px;
	text-align:center;
}
.sidenavshow {
	visibility: visible;
	opacity:1;
}
a.linknav, a.linknav:hover, a.linknavselected, a.linknavselected:hover {
	display:inline-block;
	width:auto;
	line-height:18px;
	color:white;
	font-size:17px;		
	text-transform:uppercase;
	margin:8px 8px;
	/*text-overflow: ellipsis;*/
	position: relative;
}
a.linknav:hover, a.linknavselected, a.linknavselected:hover {
	color:white;	
	font-family: 'SofiaSansBold', Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
.sidenav hr {
	width:60%;
	margin-top:5px;
	margin-bottom:5px;
 	background:url(images/linewhite.png) no-repeat center center;
	border: 0px;
	height:8px;
	opacity:0.3;
}
.sidenav img {
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
}
a.closebtn, a.closebtn:hover {
	background:url(images/x-lg.svg) no-repeat left center;
	background-size:100% auto;
    position: absolute;
    top:25px;
    right:30px;
    width:28px;
    height:30px;
	text-align:right;
}
.lang {
	display:block;
	float:right;
	width:auto;
	height:30px;
	line-height: 30px;
	background: #D9000D;
	color:white !important;
	padding-left: 5px !important;
	padding-right: 5px !important;
}
#carousel1, #carousel1 .owl-item {
    width: 100%; 
	height:600px;
	display:block;
}
@media only screen and (min-width:1024px) and (max-width:1199px) {
	#carousel1, #carousel1 .owl-item {
		height:600px;
	}
}
@media only screen and (min-width:768px) and (max-width:1023px) {
	#carousel1, #carousel1 .owl-item {
		height:600px;
	}
}
@media only screen and (min-width:321px) and (max-width:767px) {
	#carousel1, #carousel1 .owl-item {
		height:600px;
	}
}
@media only screen and (max-width:320px) {
	#carousel1, #carousel1 .owl-item {
		height:700px;
	}
}
#carousel1 .item {
	display:block;
	width:100%;
	height:100%;
	position:relative;
	border:0;
}
#carousel1 * {
	outline: none;
	overflow:hidden;
}
.carouselmask {
	display:block;
	width:100%;
	height:100%;
	position: absolute;
	top:0;
	left:0;
	z-index:99;
}
@media only screen and (max-width:991px) {
	.carouselmask .bg-light, .carouselmask .h3 {
		background:none !important;
		color:white !important;
	}
}
.contoverallsquares {
	margin-top:-100px;
	position: relative;
	z-index:99;
}
.contoverallsquares::before {
	display:block;
	width:100%;
	height:100%;
	background: #f2f2f2;
	position: absolute;
	top:100px;
	left:0;
	content: '';
	z-index: -1;
}
.square {
	padding:20px;
	display:block;
	width:100%;
	height:100%;
	margin-top:10px;
	margin-bottom:10px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+50,cccccc+100 */
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(204,204,204,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(204,204,204,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(204,204,204,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
}
.square:hover {
	margin-top:0;
	margin-bottom:20px;
	box-shadow: 1px 10px 10px -7px rgba(0,0,0,0.4);
	-webkit-box-shadow: 1px 10px 10px -7px rgba(0,0,0,0.4);
	-moz-box-shadow: 1px 10px 10px -7px rgba(0,0,0,0.4);
}
.square h5 {
	text-transform: uppercase;
}
.square p {
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 0;
	font-family: 'SofiaSansLight';
	color:#434343;
}
.contoverallobekti {
	margin-top:50px;
	position: relative;
}
.contoverallobekti::before {
	display:block;
	width:100%;
	height:300px;
	background:#f2f2f2;
	position: absolute;
	top:0;
	left:0;
	content: '';
	z-index: -1;
}
.news {
	display: block;
	width:100%;
	margin-top:10px;
	margin-bottom:10px;
	transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	position: relative;
}
.news:hover {
	margin-top:0;
	margin-bottom:20px;
}
.news::before {
	display:block;
	width:30%;
	height:7px;
	background:#D9000D;
	position: absolute;
	top:-7px;
	left:10%;
	content: '';
	z-index: -1;
	transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}
.newsimage {
	width: 100%;
	height:240px;
	overflow:hidden;
	display:block;
	margin-bottom:20px;
}
@media (max-width:991px) {
	.newsimage {
		height:auto;
	}	
}
.news:hover .newsimage {
	box-shadow: 1px 10px 10px -7px rgba(0,0,0,0.4);
	-webkit-box-shadow: 1px 10px 10px -7px rgba(0,0,0,0.4);
	-moz-box-shadow: 1px 10px 10px -7px rgba(0,0,0,0.4);
}
.news h6 {
	text-transform: uppercase;
}
.news p {
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 0;
	font-family: 'SofiaSansLight';
	color:#434343;
}
.newsicon {
	display:block;
	height:32px;
	float:left;
	margin-right:20px;
}
.aboutborder {
	border-right: 20px solid #D9000D;
}
@media (min-width:1400px) {
	.abouttext {
		padding-right:10%;
	}
}
@media (min-width:992px) {
	.contoveralltimer {
		margin-top:-50px;
	}
}
.timercont {
 	background:url(images/timer.png) no-repeat center center;
	background-size: cover;
  	width:100%;
	height:100%;
	display:block;
	color:white !important;
	text-transform: uppercase;
	text-align:center;
	padding:40px 10px 20px 10px;
}
.timerimage {
	display: block;
	width:100%;
	height:100px;
}
.timercont p {
	height:40px;
}
.timer {
	display:block;
	margin-bottom:20px;
	font-size:45px;
	font-weight:400;
}
.emp .timer {
	width:90px;
	display:inline;
	float:left;
	margin-top:10px;
}
.timercont i {
	display:inline;
	float:left;
	margin-top:10px;
	font-size:45px;
	font-weight:400;
	font-style:normal;
}
#carousel2 a {
	width:100%;
	height:140px;
	display:block;
	padding:30px;
	border:1px solid rgba(0,0,0,.2);
	position:relative;
}
#carousel2 img {
	width:auto;
	max-width:60%;
	height:auto;
	max-height:60%;
	position: absolute;
	top:50%;
    left:50%;
	transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);	
	-moz-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
}
.contoveralldown {	
	background:#F2F2F2;
}
a.upicon, a.upicon:hover, .upicon {
	display:inline-block;
	width:auto;
	height:30px;
	line-height:30px;
	background-repeat: no-repeat;
	background-position: right center;
	background-size: auto 20px;
	position:relative;
	padding-right:30px;
	text-align: left;
	color:#434343;
}
a.upicon:hover {
	color:#D9000D;
}
.devider {
	padding-left:30px;
	background-position: center center !important;
	background-image: url(images/devider.svg);
	background-size: auto 40px;
	opacity: 0.5;
}
.sonix {
	background-image: url(images/sonix.svg);
}
.login {
	background-image: url(images/login.svg);
}
.sonixwhite {
	background-image: url(images/sonixwhite.svg);
}
.loginwhite {
	background-image: url(images/loginwhite.svg);
}
a.downicon, a.downicon:hover, .downicon {
	width:100%;
	display:block;
	line-height:22px;
	min-height:44px;
	background-repeat: no-repeat;
	background-position: left top;
	background-size: auto 44px;
	font-size:16px;
	padding-left:60px;
	color:#434343;
}
a.downicon:hover {
	color:#D9000D;	
}
.gps {
	background-image: url(images/gps.svg);
}
.tel {
	background-image: url(images/tel.svg);
	line-height:44px !important;
}
.email {
	background-image: url(images/email.svg);
	line-height:44px !important;
}
a.social, a.social:hover {
	width:40px;
	height:40px;
	display:inline-block;
	line-height:40px;
	margin:0 5px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% 100%;
}
.facebook {
	background-image: url(images/facebook.svg);
}
.instagram {
	background-image: url(images/instagram.svg);
}
.youtube {
	background-image: url(images/youtube.svg);
}
.contoverallbottom {
	border-top:1px solid rgba(0,0,0,.1);
	font-size:14px;
}
a.scrollTop, a.scrollTop:hover {
	width:30px;
	height:35px;
	color:#cccccc;
	display:block;
	position: fixed;
	bottom:0;
	right:20px;
	opacity:0;
}
.page-link {
  position: relative;
  display: block;
  padding: 0.50rem 1rem;
  margin-left: -1px;
  line-height: 1.50;
  color: white;
  font-size:1.25rem;
  background-color: #D9000D;
  border: 1px solid white;
}
.page-item.disabled .page-link {
  color: white
  pointer-events: none;
  cursor: auto;
  background-color: #D9000D;
  border-color: white;
}
.page-item.active .page-link {
  z-index: 1;
  color: white;
  background-color: #434343;
  border-color: white;
}
.page-link:focus, .page-link:hover {
  color: #fff;
  text-decoration: none;
  background-color: #434343;
  border-color: white;
}
a.buton, a.buton:hover, a.butoninline, a.butoninline:hover, a.butonselected, a.butonselected:hover, .butoninline, .butoninline:hover {
  display:block;
 margin:10px auto 0 auto;
  width:120px;
 height:40px;
 line-height:38px;
 text-align:center;
  background:#D9000D;
   color:white;
  font-size:18px;
    border-radius:5px;
	border:0;
	cursor:pointer;
}
a.buton:hover, a.butoninline:hover, a.butonselected, a.butonselected:hover, .butoninline:hover {
  background:#434343;
}
a.butoninline, a.butonselected, a.butonselected:hover, .butoninline, .butoninline:hover {
 display:inline-block;
 width:auto;
 height:auto;
 line-height:20px;
 padding:10px 15px;
 margin-right:10px;
 margin-bottom: 10px;
}
.custom-select {
	background:url(images/down.png) no-repeat right .75rem center white;
}
.loading {
	display:none;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
  	left:0;
  	text-align:center;
  	color:#888;
}
.loading div {
  width:100px;
  height:100px;
  display: block;
  overflow:hidden;
  position: absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  -ms-transform:translate(-50%,-50%);
  -webkit-transform:translate(-50%,-50%);	
  -moz-transform:translate(-50%,-50%);
  -o-transform:translate(-50%,-50%);
}
.form-control:focus, .custom-select:focus {
  border-color: #000000 !important;
  box-shadow: 0 0 5px #000000 !important;
}
.custom-control-label:before {
  box-shadow: 0 0 5px #000000 !important;
}
.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
  background-color:#000000;
  box-shadow: 0 0 5px #000000 !important;
}
.custom-control-input:active~.custom-control-label::before {
  background-color:#000000;
  box-shadow: 0 0 5px #000000 !important;
}
.custom-radio .custom-control-input:checked~.custom-control-label::before {
  background-color:#000000;
  box-shadow: 0 0 5px #000000 !important;
}
.form-group label.error {
	color:red;
  font-size: 14px;
  display: block;
  width:100%;
}
.form-control.error {
	border:1px solid red !important;
}
a.btnTerms {
	width:20px;
	height:20px;
	line-height:20px;
	border-radius:3px;	
	display:inline-block;
	vertical-align:middle;								
	cursor:pointer;	
	border:1px solid #999999;
	background: url(images/checkbox.png) no-repeat center center white;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
a.btnTermsChecked {
	width:20px;
	height:20px;
	line-height:20px;
	border-radius:3px;	
	display:inline-block;
	vertical-align:middle;								
	cursor:pointer;	
	border:1px solid #999999;
	background: url(images/checkbox.png) no-repeat center center #293F6F;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.btn span {
	font-weight: 500;
}
.btn-primary, .btn-primary:active, .btn-primary:visited {
  background-color: #D9000D !important;
  border-color: #D9000D !important;
	color:white !important;
}
.btn-primary:hover {
  background-color:#434343 !important;
  border-color:#434343 !important;
  color:white !important;
}
.btn-secondary, .btn-secondary:active, .btn-secondary:visited {
	background-color:#434343 !important;
	border-color:#434343 !important;
	color:white !important;
}
.btn-secondary:hover {
	background-color: #D9000D !important;
	border-color: #D9000D !important;
	  color:white !important;
}
.table-striped {
    border-bottom: 1px solid #e2e2e2;
}
.table-striped th {
	background-color: #e2e2e2 !important;
;
  }
.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
  background-color:#f2f2f2;
}
.sharebuton {
	background-repeat:no-repeat;
	background-position:center center;	
	background-size:100% 100%;
	width:44px;
	height:44px;
	line-height:44px;
	color:white;
	text-align:center;
	display:inline-block;
	margin-right:3px;
	margin-bottom:3px;
}
.sharefacebook {
	background-image:url(images/sharefacebook.png);
}
.sharemessanger {
	background-image:url(images/sharemessanger.png);
}
.sharetwitter {
	background-image:url(images/sharetwitter.png);
}
.shareinstagram {
	background-image:url(images/shareinstagram.png);
}
.shareviber {
	background-image:url(images/shareviber.png);
}
.sharesms {
	background-image:url(images/sharesms.png);
}
.sharewhatsapp {
	background-image:url(images/sharewhatsapp.png);
}
.sharelinkedin {
	background-image:url(images/sharelinkedin.png);
}
.contoverallpartners {
	background: #fcfcfc;
}
.partnerbuton {
	height:160px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
	width:100%;
	padding:30px;
	border: 1px solid #e9eaf3;
    background:white;
    border-radius: 3px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    transition: all ease .5s;
}
.partnerbuton:hover {
	padding:25px;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}
.partnerbuton img {
	width:auto;
	max-width:120px;
	height:auto;
	max-height:100px;
	-webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    transition: all ease .5s;
}
.partnerbuton:hover img {
	width:auto;
	max-width:130px;
	height:auto;
	max-height:110px;
}