@font-face {
	font-family:"BrandsRegular";
	src: url("../font/Brands-Regular-400.otf") format("opentype");
}
@font-face {
    font-family: 'LatoBlack';
    src: url('../font/LatoLatin-Black.eot');
    src: url('../font/LatoLatin-Black.eot?#iefix') format('embedded-opentype'),
         url('../font/LatoLatin-Black.woff2') format('woff2'),
         url('../font/LatoLatin-Black.woff') format('woff'),
         url('../font/LatoLatin-Black.ttf') format('truetype');
}
@font-face {
    font-family: 'LatoBold';
    src: url('../font/LatoLatin-Bold.eot');
    src: url('../font/LatoLatin-Bold.eot?#iefix') format('embedded-opentype'),
         url('../font/LatoLatin-Bold.woff2') format('woff2'),
         url('../font/LatoLatin-Bold.woff') format('woff'),
         url('../font/LatoLatin-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'LatoLight';
    src: url('../font/LatoLatin-Light.eot');
    src: url('../font/LatoLatin-Light.eot?#iefix') format('embedded-opentype'),
         url('../font/LatoLatin-Light.woff2') format('woff2'),
         url('../font/LatoLatin-Light.woff') format('woff'),
         url('../font/LatoLatin-Light.ttf') format('truetype');
}
@font-face {
    font-family: 'LatoRegular';
    src: url('../font/LatoLatin-Regular.eot');
    src: url('../font/LatoLatin-Regular.eot?#iefix') format('embedded-opentype'),
         url('../font/LatoLatin-Regular.woff2') format('woff2'),
         url('../font/LatoLatin-Regular.woff') format('woff'),
         url('../font/LatoLatin-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Ionicons';
    src: url('../font/ionicons.ttf') format('truetype');    
}

.size10{ font-size: 10px; }
.size11{ font-size: 11px; }
.size12{ font-size: 12px; }
.size13{ font-size: 13px; }
.size14{ font-size: 14px; }
.size16{ font-size: 16px; }
.size18{ font-size: 18px; }
.size20{ font-size: 20px; }
.size24{ font-size: 24px; }
.size30{ font-size: 30px; }
.size36{ font-size: 36px; }
.size48{ font-size: 48px; }
.size60{ font-size: 60px; }
.size72{ font-size: 72px; }
.size90{ font-size: 90px; }

*{
	outline: none;
}

.BrandsRegularFont {
	font-family:"BrandsRegular";
}
.LatoBlackFont {
	font-family: 'LatoBlack';
}
.LatoBoldFont {
	font-family: 'LatoBold';
}
.LatoLightFont {
	font-family: 'LatoLight';
}
.LatoRegularFont {
	font-family: 'LatoRegular';
}
body {
	font-family:'LatoRegular';
	font-size: 14px;
	color: #333;
}
a, a:active, a:visited, a:link{
	text-decoration:none !important;
	color: #333;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
a:hover{
	color: #209fde;
}
li {
	list-style: none !important;
}
.bold {
	font-weight:bold;
}
.bolder {
	font-weight:bolder;
}
.float-left {
	float:left;
}
.float-right {
	float:right;
}
.text-center {
	text-align:center;
}
.text-right {
	text-align:right;
}
.text-left {
	text-align:left;
}
.m-0 {
	margin:0px !important;
}
.m-5 {
	margin:5px !important;
}
.m-10 {
	margin:10px !important;
}
.m-15 {
	margin:15px !important;
}
.m-20 {
	margin:20px !important;
}
.m-25 {
	margin:25px !important;
}
.m-30 {
	margin:30px !important;
}
.m-35 {
	margin:35px !important;
}
.m-40 {
	margin:40px !important;
}
.m-45 {
	margin:45px !important;
}
.m-50 {
	margin:50px !important;
}

.mt-0 {
	margin-top:0px !important;
}
.mt-5 {
	margin-top:5px !important;
}
.mt-10 {
	margin-top:10px !important;
}
.mt-15 {
	margin-top:15px !important;
}
.mt-20 {
	margin-top:20px !important;
}
.mt-25 {
	margin-top:25px !important;
}
.mt-30 {
	margin-top:30px !important;
}
.mt-35 {
	margin-top:35px !important;
}
.mt-40 {
	margin-top: 40px !important;
}
.mt-45 {
	margin-top:45px !important;
}
.mt-50 {
	margin-top:50px !important;
}

.mb-0 {
	margin-bottom:0px !important;
}
.mb-5 {
	margin-bottom:5px !important;
}
.mb-10 {
	margin-bottom:10px !important;
}
.mb-15 {
	margin-bottom:15px !important;
}
.mb-20 {
	margin-bottom:20px !important;
}
.mb-25 {
	margin-bottom:25px !important;
}
.mb-30 {
	margin-bottom:30px !important;
}
.mb-35 {
	margin-bottom:35px !important;
}
.mb-40 {
	margin-bottom:40px !important;
}
.mb-45 {
	margin-bottom:45px !important;
}
.mb-50 {
	margin-bottom:50px !important;
}

.ml-0 {
	margin-left:0px !important;
}
.ml-5 {
	margin-left:5px !important;
}
.ml-10 {
	margin-left:10px !important;
}
.ml-15 {
	margin-left:15px !important;
}
.ml-20 {
	margin-left:20px !important;
}
.ml-25 {
	margin-left:25px !important;
}
.ml-30 {
	margin-left:30px !important;
}
.ml-35 {
	margin-left:35px !important;
}
.ml-40 {
	margin-left:40px !important;
}
.ml-45 {
	margin-left:45px !important;
}
.ml-50 {
	margin-left:50px !important;
}

.mr-0 {
	margin-right:0px !important;
}
.mr-5 {
	margin-right:5px !important;
}
.mr-10 {
	margin-right:10px !important;
}
.mr-15 {
	margin-right:15px !important;
}
.mr-20 {
	margin-right:20px !important;
}
.mr-25 {
	margin-right:25px !important;
}
.mr-30 {
	margin-right:30px !important;
}
.mr-35 {
	margin-right:35px !important;
}
.mr-40 {
	margin-right:40px !important;
}
.mr-45 {
	margin-right:45px !important;
}
.mr-50 {
	margin-right:50px !important;
}

.p-0 {
	padding:0px !important;
}
.p-5 {
	padding:5px !important;
}
.p-10 {
	padding:10px !important;
}
.p-15 {
	padding:15px !important;
}
.p-20 {
	padding:20px !important;
}
.p-25 {
	padding:25px !important;
}
.p-30 {
	padding:30px !important;
}
.p-35 {
	padding:35px !important;
}
.p-40 {
	padding:40px !important;
}
.p-45 {
	padding:45px !important;
}
.p-50 {
	padding:50px !important;
}

.pt-0 {
	padding-top:0px !important;
}
.pt-5 {
	padding-top:5px !important;
}
.pt-10 {
	padding-top:10px !important;
}
.pt-15 {
	padding-top:15px !important;
}
.pt-20 {
	padding-top:20px !important;
}
.pt-25 {
	padding-top:25px !important;
}
.pt-30 {
	padding-top:30px !important;
}
.pt-35 {
	padding-top:35px !important;
}
.pt-40 {
	padding-top:40px !important;
}
.pt-45 {
	padding-top:45px !important;
}
.pt-50 {
	padding-top:50px !important;
}
.pt-100 {
	padding-top:100px !important;
}

.pb-0 {
	padding-bottom:0px !important;
}
.pb-5 {
	padding-bottom:5px !important;
}
.pb-10 {
	padding-bottom:10px !important;
}
.pb-15 {
	padding-bottom:15px !important;
}
.pb-20 {
	padding-bottom:20px !important;
}
.pb-25 {
	padding-bottom:25px !important;
}
.pb-30 {
	padding-bottom:30px !important;
}
.pb-35 {
	padding-bottom:35px !important;
}
.pb-40 {
	padding-bottom:40px !important;
}
.pb-45 {
	padding-bottom:45px !important;
}
.pb-50 {
	padding-bottom:50px !important;
}

.pl-0 {
	padding-left:0px !important;
}
.pl-5 {
	padding-left:5px !important;
}
.pl-10 {
	padding-left:10px !important;
}
.pl-15 {
	padding-left:15px !important;
}
.pl-20 {
	padding-left:20px !important;
}
.pl-25 {
	padding-left:25px !important;
}
.pl-30 {
	padding-left:30px !important;
}
.pl-35 {
	padding-left:35px !important;
}
.pl-40 {
	padding-left:40px !important;
}
.pl-45 {
	padding-left:45px !important;
}
.pl-50 {
	padding-left:50px !important;
}

.pr-0 {
	padding-right:0px !important;
}
.pr-5 {
	padding-right:5px !important;
}
.pr-10 {
	padding-right:10px !important;
}
.pr-15 {
	padding-right:15px !important;
}
.pr-20 {
	padding-right:20px !important;
}
.pr-25 {
	padding-right:25px !important;
}
.pr-30 {
	padding-right:30px !important;
}
.pr-35 {
	padding-right:35px !important;
}
.pr-40 {
	padding-right:40px !important;
}
.pr-45 {
	padding-right:45px !important;
}
.pr-50 {
	padding-right:50px !important;
}
.pr-80 {
	padding-right:80px !important;
}

.container_full {
    position:absolute;
    width:100%;
    left:0;
}
.header-button{
	text-align: right;
	padding-top: 10px;
}
.header-address{
	padding-top: 15px;
	font-family: 'LatoBold';
	font-size: 12px;
}
.navbar{
	padding: 0;
}
.navbar-nav{
	width: 100%;
}
.navbar-expand-md .navbar-nav .nav-item{
	width: 23.3%;
	display: inline-block;
	text-align: center;
	padding: 15px 0;
}
.navbar-expand-md .navbar-nav .nav-item:first-child{
	text-align: left;
	width: 15%;
}
.navbar-expand-md .navbar-nav .nav-item:last-child{
	text-align: right;
	width: 15%;
}
.navbar-expand-md .navbar-nav .nav-link{
	padding: 0;
	font-family: 'LatoBold';
	border-bottom: 3px solid transparent;
	display: inline-block;
}
.navbar-expand-md .navbar-nav .current_page_item .nav-link, .navbar-expand-md .navbar-nav .current-menu-item .nav-link, .navbar-expand-md .navbar-nav .nav-link:hover{
	border-bottom: 3px solid #209fde;
	display: inline-block;
}
.img-slide {
	width:100%;
	height:auto;
}
.img-sponsor {
	height:90px;
	width:auto;
}
.navigation-bar{
	border-top: 2px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.border-bottom-1 {
	border-bottom: 1px solid #CCCCCC;
}
.border-top-2 {
	border-top: 2px solid #CCCCCC;
}
.button-orange {
	background-color:#f36f29;
	color:#fff !important;
	display:inline-block;
	padding:5px 15px;
	border:2px solid transparent;
	transition:0.2s;
	text-align:center;
	vertical-align:top;
}
.button-orange:hover {
	border:2px solid #f36f29;
	background:#FFFFFF;
	color:#f36f29 !important;
}
.button-blue {
	background-color:#209fde;
	color:#fff !important;
	display:inline-block;
	padding:10px 15px 9px;
	border:2px solid transparent;
	font-family:'LatoRegular';
	transition:0.2s;
	margin-right: 15px;
}
.button-blue:hover {
	border:2px solid #209fde;
	background-color:#fff;
	color:#209fde !important;
}
.button-border {
	border:2px solid #209fde;
	background:transparent;
	color:#209fde !important;
	display:inline-block;
	padding:10px 15px 9px;
	font-family:"LatoBold";
	transition:0.2s;
	text-align:center;
	margin-left:15px;
	vertical-align:top;
}
.button-border:hover {
	background:#209FDE;
	color:#FFFFFF !important;
}
.header {
	background:transparent;
	font-family:'LatoRegular';
	padding: 15px 0;
}
.footer {
	background-color:#313644;
	color:#CCCCCC;
	padding: 50px 0;
}
.footer-company-description{
	padding-top: 30px;
}
.footer h3 {
	color:#F0F0F0;
	font-family:'LatoBold';
	font-size:18px;
	padding: 0;
	margin: 8px 0 15px 0;
}
.footer-social-connect{
	margin-top: 50px;
}
.footer-social-connect h3{
	margin-bottom: 10px;
}
.footer-social-connect a{
	margin-right: 5px;
	margin-bottom: 5px;
	display: inline-block;
}
.footer ul{
	margin: 0;
	padding: 0;
}
.footer ul li {
	padding:5px 5px 5px 0px;
}
.footer ul li a, .footer ul li a:active, .footer ul li a:visited, .footer ul li a:link {
	color: #ccc;
}
.footer ul li a:hover{
	color: #f36f29;
}
.footer-end {
	background-color:#fff;
	padding: 30px 0;
}
.footer-end ul{
	margin: 0;
	padding: 0;
}
.footer-end ul li {
	margin-right:30px;
	display: inline-block;
	padding: 0;
}
.footer-end .copyright{
	text-align: right;
}
.big-size {
	font-family:'LatoBlack';
	font-size:40px;
}
.sponsor-size {
	font-family:'LatoBlack';
	font-size:30px;
}
.super-size {
	color:#767779;
	font-size:28px;
}
.medium-size {
	font-family:'LatoRegular';
	font-size:16px;
}
.menu-size {
	font-family:'LatoRegular';
	font-size:18px;
	color:#767779;
}
.carousel-indicators li {
	width: 12px;
	height: 12px;
}
.grey {
	background:#F9F9F9;
}
.grey-about {
	background:#F5F5F5;
}

/* jefri style */

#kontenAbout {
	width: 500px;
}

.pointAbout {
	height: 30px;
}

.span3 {
	line-height: 19.0px;
	margin-left: 2%; 
}

@media (max-width:1024px){
	#kontenAbout {
		width: 450px;
	}
}

@media (min-width:768px) and (max-width:991px){
	.navbar-expand-md .navbar-nav .nav-item{
		width: 23.3%;
		/*margin: 0 20px;*/
	}
	.header-address, .header-button{
		padding-top: 0;
	}
	.header .button-orange{
		display: block;
	}
	.button-border{
		display: block;
		padding: 5px 15px;
		margin-top: 5px;
		margin-left: 0;
	}
}

@media (min-width:992px) and (max-width:1199px){
	.header-address, .header-button{
		padding-top: 5px;
	}
	.header .button-orange{
		padding: 5px 8px;
	}
	.button-border{
		padding: 10px 8px 9px;
	}
}

@media (max-width:767px){
	#kontenAbout {
		width: 350px;
	}
	.header .header-logo{
		height: 40px;
	}
	.header-address, .header-button{
		display: none;
	}
	.header-mobile-button{
		text-align: center;
		padding: 10px 0 20px;
	}
	.header-mobile-address{
		font-family: 'LatoBold';
		font-size: 12px;
		text-align: center;
		padding: 10px 0;
	}
	.navbar-light .navbar-toggler{
		border: none;
		position: absolute;
		top: -55px;
		right: -15px;
		outline: none;
	}
	.navigation-bar{
		border-top: none;
	}
	.navbar-expand-md .navbar-nav .nav-item{
		width: 100% !important;
		display: block;
		text-align: left !important;
		padding: 10px 0;
	}
	.navbar-light .collapsed .navbar-toggler-icon {
		background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
	}
	.navbar-light .navbar-toggler-icon {
		background-image: url("../img/hamburger-close.jpg");
	}
	.footer h3{
		margin: 15px 0;
	}
	.footer-social-connect{
		margin-top: 0;
	}
	.footer-social-connect h3, .footer-company-address h3{
		margin-top: 25px;
	}
	.footer-end ul li{
		display: block;
		margin-right: 0;
		text-align: center;
		margin-bottom: 10px;
	}
	.footer-end .copyright{
		text-align: center;
	}
	.button-blue{
		padding: 10px 5px 9px;
	}
	.button-orange{
		padding: 5px;
	}
	.button-border{
		padding: 10px 5px 9px;
	}
}
#play-button{
	cursor: pointer;
}
.service-space li{
	font-size: 16px;
	margin-bottom: 5px;
	background-image: url(../img/blue_tick.png);
	background-position: left 3px;
	background-repeat: no-repeat;
	padding-left: 35px;
}
.btn-quote-orange {
    background-image: url('../img/arrow-orange-small.png');
    background-repeat: no-repeat;
    background-position: 85% center;
    padding: 15px 55px 15px 20px !important;
}
.btn-quote-orange:hover {
    background-image: url('../img/arrow-white-small.png') !important;
    background-repeat: no-repeat !important;
    background-position: 85% center !important;
    padding: 15px 55px 15px 20px !important;
    
}
.btn-quote-blue  {
    background-image: url('../img/arrow-blue-small.png');
    background-repeat: no-repeat;
    background-position: 85% center;
    padding: 15px 55px 15px 20px !important;
}
.btn-quote-blue:hover {
    background-image: url('../img/arrow-white-small.png') !important;
    background-repeat: no-repeat !important;
    background-position: 85% center !important;
    padding: 15px 55px 15px 20px !important;
}

@media (min-width:768px){
	.header-mobile-button, .header-mobile-address{
		display: none !important;
	}
}

@media (max-width:480px){
}

@media (max-width:360px){
	#kontenAbout {
		width: 280px;
	}
	.pointAbout {
		height: 60px;
	}
}

@media (max-width:320px){
	#kontenAbout {
		width: 280px;
	}
	.pointAbout {
		height: 60px;
	}
}