/*
	Theme: Zaharni Zavodi 1912
*/
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.group {
  margin-left: 0 0;  padding: 0 0;  *zoom: 1;
}
.group:before, .group:after {
	display: block;	line-height: 0;	content: "";
}
.group:after {
  clear: both;
}
.icon {
	font-size: 70px;
}
a, input, button, .btn {
	cursor: pointer !important;
}
body {
	font-family: 'PTSans', sans-serif;
	font-weight: 400;
	color: #2d2b2d;
	font-size: 17px;
	line-height: 1.5em;
	width: 100%;
	min-width: 280px;
}
@media (max-width: 767px) {
	body {
		font-size: 17px;
	}
}
h1, h2, h3, h4, h5, h6 {
	color: #2d2b2d;
}
/* default font size */
.fa {
	font-size: 14px;
}
/* Override the bootstrap defaults */
h1 {
	font-size: 33px;
}
h2 {
	font-size: 27px;
}
h3 {
	font-size: 21px;
}
h4 {
	font-size: 15px;
}
h5 {
	font-size: 12px;
}
h6 {
	font-size: 10.2px;
}
img {
	max-width: 100% !important;
	height: auto !important;
}
a {
	color: #2a338f;
}
a:hover {
	text-decoration: none;
	color: #ed1c24;
}
legend {
	font-size: 18px;
	padding: 7px 0px
}
label {
	font-size: 12px;
	font-weight: normal;
}
select.form-control, textarea.form-control, input[type="text"].form-control, input[type="password"].form-control, input[type="datetime"].form-control, input[type="datetime-local"].form-control, input[type="date"].form-control, input[type="month"].form-control, input[type="time"].form-control, input[type="week"].form-control, input[type="number"].form-control, input[type="email"].form-control, input[type="url"].form-control, input[type="search"].form-control, input[type="tel"].form-control, input[type="color"].form-control {
	font-size: 12px;
}
.input-group input, .input-group select, .input-group .dropdown-menu, .input-group .popover {
	font-size: 12px;
}
.input-group .input-group-addon {
	font-size: 12px;
	height: 30px;
}
a:hover, a:focus, a:active, a:visited, a:focus {
	outline:none;
	color: #ed1c24;
	text-decoration: none;
}
a:visited, a:focus {
	color: #2a338f;
}
a:hover {
	color: #ed1c24;
}
/* Fix some bootstrap issues */
span.hidden-xs, span.hidden-sm, span.hidden-md, span.hidden-lg {
	display: inline;
}

.nav-tabs {
	margin-bottom: 15px;
}
div.required .control-label:before {
	content: '* ';
	color: #F00;
	font-weight: bold;
}


/* bootstrap modifications */
.blockquote-reverse,
blockquote.pull-right {
  padding-right: 10px;
}
.container {
  padding-right: 10px;
  padding-left: 10px;
}

.container {
	padding-right: 10px;
	padding-left: 10px;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	max-width: 1320px;
  position: relative;
}

.container-fluid {
  padding-right: 10px;
  padding-left: 10px;
}
.row {
  margin-right: -10px;
  margin-left: -10px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  padding-right: 10px;
  padding-left: 10px;
}
.navbar-collapse {
  padding-right: 10px;
  padding-left: 10px;
}
.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
  margin-right: -10px;
  margin-left: -10px;
}
.navbar-brand {
  padding: 10px 10px;
}
@media (min-width: 768px) {
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {
    margin-left: -10px;
  }
}
.navbar-toggle {
  margin-right: 10px;
  margin-left: 10px;
}
.navbar-nav {
  margin: 0px 0px;
}
@media (min-width: 768px) {
  .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
.navbar-form {
  padding: 10px 10px;
  margin-right: -10px;
  margin-left: -10px;
}
.navbar-text {
  margin-top: 10px;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .navbar-text {
    margin-right: 10px;
    margin-left: 10px;
  }
}
@media (min-width: 768px) {
  .navbar-right {
    margin-right: -10px;
  }
}

.alert {
  padding: 10px;
}
.panel-body {
  padding: 10px;
}
.panel-heading {
  padding: 10px 10px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
.panel {
    border: 1px solid #ddd;
        border-top-color: #ddd;
        border-right-color: #ddd;
        border-bottom-color: #ddd;
        border-left-color: #ddd;
    border-radius: 0px;
}
.panel-group .panel {
    margin-bottom: 0;
    border-radius: 0px;
}
.table thead td {
	background-color: #f5f5f5;
}
.panel-footer {
  padding: 10px 10px;
}

/* ./ end of bootstrap modifications */

.container {
	padding-right: 10px;
	padding-left: 10px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 768px) {
  .container {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .container {
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 100%;

  }
}
@media (min-width: 1295px) {
	.container {
		padding-right: 10px;
		padding-left: 10px;
	}
}

.row {
    margin-right: 0px;
    margin-left: 0px;
}
.row div .row {
	margin-right: -10px;
    margin-left: -10px;
}

/* top */
#top {
	margin: 0px 0px;
	background-color: #ffffff;
	position: relative;
	top: 0px;
	left: 0px;
	vertical-align: middle;
	border-bottom: 1px solid #2a338f;
}

#top .list-inline > li {
    padding-right: 10px;
    padding-left: 10px;
	vertical-align: middle;
}

#top .btn-link, #top-links li, #top-links a {
	color: #ffffff;
	text-decoration: none;
}
#top-links {
    line-height: 30px;
}
#top-links ul {
	line-height: 30px;
}
#top-links li .fa, 
#top-social li .fa {
	font-size: 17px;
	display: inline-block;
    border-radius: 0px;
    width: 25px;
    height: 25px;
	line-height: 25px;
    text-align: center;
    border: 0px solid #ffffff;
    vertical-align: middle;
	color: #2a338f;
}
#top-links li .fa.fa-map-marker {
	width: 18px;
}
@media (min-width: 768px) {
	#top-links li .fa.fa-map-marker {
		width: 13px;
	}
}
#top-links li .fa::before {
	line-height: 25px;
}
#top-links li:hover .fa, 
#top-social li:hover .fa {
	color: #ed1c24;
}
#top-links li:hover span {
	color: #ed1c24;
}
#top-links .btn {
    padding: 1px 0px;
    font-size: 14px;
}
#top-links li:hover .fa-facebook-square  {
	color: #3B5998;
}

#top-links .fa.fa-envelope {
	font-size: 13px;
	line-height: 13px;
}

#top-links li .fa-phone {
	font-weight: bold;
}
#top-links li span {
	color: #2a338f;
	margin-left: 5px;
	font-weight: 400;
}
#top-links li span.hidden-md.hidden-sm.hidden-lg {
	margin-left: 0px;
}
#top .btn-link:hover, #top-links a:hover {
	color: #ed1c24;
}
#top-links .dropdown-menu a {
	text-shadow: none;
}
#top-links .dropdown-menu a:hover {
	color: #FFF;
}
#top .btn-link strong {
	font-size: 14px;
    line-height: 14px;
}
#top-links li a, 
#top-social li a {
	display: inline-block;
	margin-right: 0px;
	font-size: 14px;
	line-height: 1em;
	padding: 0px 0px 0px 0px; 
	color: #ffffff;
}
#top-links .list-inline, 
#top-social .list-inline {
	margin: 0px 0px;
}

.vertical-divider {
	display: none;
	height: 20px;
	vertical-align: middle;
	background-color: #2a338f;
	width: 1px;
	margin: 2px 3px 0px 10px;
}
@media (min-width: 330px) {
	.vertical-divider {
		display: inline-block;
	}
}

#top-social {
	float: left;
}

a.inquiry-button {
	display:block;
	background-color: #ed1c24;
	color: #ffffff;
	border: 2px solid #ffffff;
	border-radius: 0px;
	text-align: center;
	padding: 10px 10px;
	font-weight: 400;
	width: 60px; 
	vertical-align: middle;
	border: 2px solid #ed1c24;
	background-size: 300% 100%;
	font-size: 16px;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
	line-height: 1em;
	margin: 5px 0px;
	text-transform: uppercase;
}
@media (max-width: 767px) {
	a.inquiry-button {
		padding: 8px 10px;
		width: auto;
		margin: 11px 15px 0px 0px;
	}
}
@media (min-width: 768px) {
	a.inquiry-button {
		font-size: 14px;
		width: auto;
	}
}
@media (min-width: 1040px) {
	a.inquiry-button {
		font-size: 18px;
		width: auto;
	}
	a.inquiry-button .fa {
		font-size: 18px;
		margin-right: 5px;
	}	
}
a.inquiry-button span {
	text-transform: uppercase;
}
a.inquiry-button:hover, 
a.inquiry-button:active, 
a.inquiry-button:focus {
	background-color: #ffffff;
	border: 2px solid #ed1c24;
	
	background-position: 100% 0;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
	outline: none;
  color: #ed1c24 ;
}
a.inquiry-button:active {
	border: 2px solid #ed1c24;
	background-color: #ed1c24;
	color: #ffffff ;
}
.inquiry-button span {
	margin-left: 10px;
	font-size: 16px;
	display: none;
}
@media (min-width: 768px) {
	.inquiry-button span {
		margin-left: 10px;
		font-size: 14px;
	}
}
@media (min-width: 1040px) {
	.inquiry-button span {
		margin-left: 10px;
		font-size: 16px;
	}
}
@media (min-width: 310px) {
	.inquiry-button span {
		display: inline;
	}	
}
#top-right {
	padding: 3px 0px;
	padding-right: 10px;
}
#top-right .fa {
	color: #ffffff;
	font-size: 15px;
	font-weight: 200;
}

@media (min-width: 768px) and (max-width: 877px) {/*
	#menu .nav > li:first-child {
		display:none;
	}*/
}

/* logo */
#logo {
	padding: 1px 0px;
	text-align: left;
	float: left;
	
	position:relative;
	margin-top: 0px;
	z-index:5;
}
#logo a {
	display: block;
	text-align: left;
}
#logo img {
	width: 100%;
	max-width: 150px !important;
}
@media (min-width: 855px) {
	#logo img {
		max-width: 160px !important;
	}
	#logo {
		padding: 5px 0px;
	}
}
@media (min-width: 950px) {
	#logo img {
		max-width: 350px !important;
		/* margin: 0px auto; */
	}
	#logo {
		padding: 2px 0px;
	}
}

#logo2 {
	padding-top: 5px;
	text-align: left;
	position:relative;
	margin-top: 0px;
	z-index:5;
}

/* menu */
#menu {
	min-height: 40px;
	margin: 0px auto;
}
#menu .nav > li {
	padding: 0px 0px 0px 0px;
	position: relative;
	top: 0px;
	left:0px;
}
@media (min-width: 781px) {
	#menu .nav > li {
		padding: 0px 1px 0px 1px;
	}
}
@media (min-width: 1040px) {
	#menu .nav > li {
		padding: 0px 6px 0px 6px;
	}
}
#menu .nav > li:last-child {
   padding-right: 0px;
}
#menu .nav > li:first-child {
   padding-left: 0px;
}
#menu .nav > li > a {
	color: #ffffff;
	padding: 17px 5px 17px 5px;
	margin: 0px 0px;
	background-color: transparent;
	text-transform: uppercase;
	font-size: 15px;
	display: block;
	letter-spacing: 0.5px;
}
@media (min-width: 768px) {/*
	#menu .nav > li > a {
		font-size: 13px;
		padding: 17px 4px 17px 4px;
	}*/
}
@media (min-width: 1040px) {
	#menu .nav > li > a {
		font-size: 16px;
		padding: 17px 5px 17px 5px;
	}
}


#menu .nav > li.active > a, 
#menu .nav a:hover, 
#menu .nav > li > a.active, 
#menu .nav > li.open > a, 
#menu .nav > li:hover > a {
	color: #ffffff;
	outline:none;
}


#menu .nav > li > a::after {
    content: "";
    background: #ffffff;
    bottom: 13px;
    line-height: 0;
    position: absolute;
    margin: auto;
    z-index: 9;
    left: 0px;
    right: 0px;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: width 0.5s ease 0s, height 0.5s ease 0s;
    transition: width 0.5s ease 0s, height 0.5s ease 0s;
    width: 4px;
    height: 1px;
}
#menu .nav > li:hover > a::after,
#menu .nav > li.active > a::after {
    opacity: 1;
    filter: alpha(opacity=100);
    width: 50px;

}

.sticky #menu .nav > li > a::after {
	 bottom: 13px;
}

#menu .dropdown-menu {
	padding-bottom: 0;
}
#menu .dropdown-inner {
	display: table;
}
#menu .dropdown-inner ul {
	display: table-cell;
}
#menu .dropdown-inner a {
	min-width: 160px;
	display: block;
	padding: 3px 20px;
	clear: both;
	line-height: 20px;
	color: #333333;
	font-size: 12px;
}
#menu .dropdown-inner li a:hover {
	color: #FFFFFF;
}
#menu .see-all {
	display: block;
	margin-top: 0.5em;
	border-top: 1px solid #DDD;
	padding: 3px 20px;
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 3px 3px;
	font-size: 12px;
}
#menu .see-all:hover, #menu .see-all:focus {
	text-decoration: none;
	color: #ffffff;
	background-color: #229ac8;
	background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
	background-repeat: repeat-x;
}
#menu #category {
	float: left;
	padding-left: 15px;
	font-size: 16px;
	font-weight: 700;
	line-height: 40px;
	color: #fff;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}
#menu .btn-navbar {
	font-size: 15px;
	font-stretch: expanded;
	color: #FFF;
	padding: 2px 18px;
	float: right;
	background-color: #229ac8;
	background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
	background-repeat: repeat-x;
	border-color: #1f90bb #1f90bb #145e7a;
}
#menu .btn-navbar:hover, #menu .btn-navbar:focus, #menu .btn-navbar:active, #menu .btn-navbar.disabled, #menu .btn-navbar[disabled] {
	color: #ffffff;
	background-color: #229ac8;
}
@media (min-width: 768px) {
	#menu .dropdown:hover .dropdown-menu {
		display: block;
	}
}
@media (max-width: 767px) {
	#menu {
		border-radius: 4px;
	}
	#menu div.dropdown-inner > ul.list-unstyled {
		display: block;
	}
	#menu div.dropdown-menu {
		margin-left: 0 !important;
		padding-bottom: 10px;
		background-color: rgba(0, 0, 0, 0.1);
	}
	#menu .dropdown-inner {
		display: block;
	}
	#menu .dropdown-inner a {
		width: 100%;
		color: #fff;
	}
	#menu .dropdown-menu a:hover,
	#menu .dropdown-menu ul li a:hover {
		background: rgba(0, 0, 0, 0.1);
	}
	#menu .see-all {
		margin-top: 0;
		border: none;
		border-radius: 0;
		color: #fff;
	}
}

#menu .dropdown-menu {
	top: 54px;
	border-top: 3px solid #DC261C;
	border-radius: 0px !important;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
	-webkit-box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3);
	-moz-box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3);
	box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3);
	padding: 15px 15px;
}
.sticky #menu .dropdown-menu {
	top: 54px;
}
.dropdown-menu {
   /* min-width: 150%; */
    min-width: 280px;
	margin-left: 0px !important;
}

#menu .dropdown:hover div.dropdown-menu  {
	display: block;
}

#menu .dropdown li a {
	position: relative;
	top: 0px;
	left: 0px;
	padding: 0px 0px;
	padding-left: 0px;
	vertical-align: middle;
	text-align: left;
}
#menu .dropdown ul li {
	margin-bottom: 5px;
	margin-right: 0px;
	margin-left: 0px;
}
#menu .dropdown li.has-icon a  {
	display:block;
	padding-left: 50px;
	position:relative;
	vertical-align:middle;
	height: 40px;
	line-height: 40px;
	margin-bottom: 5px;
}

#menu .dropdown li a span.icon {
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: #DC261C;
	color: #ffffff;
	border-radius: 50%;
	font-size: 27px;
	display: block;
	padding: 1px 1px;
	width: 40px;
	height: 40px;
	line-height: 25px;
	text-align: center;
	vertical-align: middle;
	border: 2px solid #DC261C;
}
#menu .dropdown .hot-drinks-machines a span.icon {
	background-color: #d50000;
	border: 2px solid #d50000;
}
#menu .dropdown .food-machines a span.icon {
	background-color: #DC261C;
	border: 2px solid #DC261C;
}
#menu .dropdown .cold-drinks-machines a span.icon {
	background-color: #ffe61f;
	border: 2px solid #ffe61f;
	color: #2d2b2d;
}
#menu .dropdown .water-dispenser-machines a span.icon {
	background-color: #50a5ed;
	border: 2px solid #50a5ed;
}

#menu .dropdown li a:hover span.icon {
	background-color: #ffffff;
	border: 2px solid #DC261C;
	color: #2d2b2d;
}

#menu .dropdown li a span.icon.icon-croissant, 
#menu .dropdown li a span.icon.icon-cloud {
	font-size: 14px;
}
#menu .dropdown li a span.icon.icon-delivery  {
	font-size: 16px;
}
#menu .dropdown li a span.icon.icon-soda {
	font-size: 23px;
}
#menu .dropdown li a span.title {
	font-size: 16px;
	font-weight: normal;
	color: #2d2b2d;
}
#menu .dropdown li a:hover span.title {
	color: #DC261C;
}
.menucol {
	position: static !important;
}
.menurow { /*
	position: relative !important;
	top: 0px;
	left: 0px; */
}
.menurow #menu .nav > li.dropdown {
    position: static;
    position: relative;
    top: 0px;
    left: 0px;
}
#menu.navbar {
	position: static;
}
#menu-wrap {
	position: relative !important;
	top: 0px;
	left: 0px;
}
#menu-wrap .dropdown-menu {
	text-align: center;
}
#menu-wrap .dropdown-inner {
	/* margin: 0px auto; */
	width: 100%;
	max-width: 1160px;
}

/* header */
header {
	background-color: #ffffff;
/*	border-bottom: 3px solid #DC261C; */
}

.sticky #menu-box {
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 999;
	width: 100%;
	background-color: rgba(255, 255, 255, 0.99);
	
	 -webkit-box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3);
  -moz-box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3);
  box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3);
  
  animation:slide-down 0.7s;
}

@keyframes slide-down {
    0% {
        opacity: 0;
        transform: translateY(-100%);
    } 
    100% {
        opacity: 0.9;
        transform: translateY(0);
    } 
}

.sticky #menu-box #logo {
    max-width: 85px;
    padding: 6px 0px;
	
	transform: rotate(360deg);  
}
.sticky #menu-box #menu .nav > li {
    padding: 0px 5px 0px 5px;
    padding-left: 5px;
}

@media (min-width: 781px) {
	.sticky #menu-box #menu .nav > li {
		padding: 0px 7px 0px 7px;
		padding-left: 7px;
	}
}
@media (min-width: 862px) {
	.sticky #menu-box #menu .nav > li {
		padding: 0px 10px 0px 10px;
		padding-left: 10px;
	}
}
@media (min-width: 966px) {
	.sticky #menu-box #menu .nav > li {
		padding: 0px 11px 0px 11px;
		padding-left: 11px;
	}
}
.sticky #menu-box #menu .nav > li:last-child {
    padding-right: 0px;
}
.sticky #menu-box #menu .nav > li:first-child {
    padding-left: 0px;
}

.sticky #menu .nav > li > a {
	padding: 18px 0px 18px 0px;
}
.sticky #menu-box #menu .nav > li:last-child a {
    padding-right: 0px;
}
.sticky #menu-box #menu .nav > li:first-child a {
    padding-left: 0px;
}

/* content */
#content {

}

/* alert */
.alert {
	padding: 8px 14px 8px 14px;
}
/* breadcrumb */
.breadcrumbs ul {
	background-color: #F9F9F9;
}
.breadcrumb {
	margin: 0 0 20px 0;
	padding: 8px 0;
	border: 0px solid #ddd;
	line-height: 1em;
	width: auto;
	margin: 0px auto;
	background-color: #F9F9F9;
	text-align: center;
}
.breadcrumb i {
	font-size: 15px;
	line-height: 1em;
}
.breadcrumb > li {
	text-shadow: none;
	padding: 0 10px;
	position: relative;
	white-space: nowrap;
	color: #2d2b2d;
	font-size: 0.8em;
	line-height: 1em;
}
.breadcrumb {
  padding: 8px 10px;
}
.breadcrumb a, .breadcrumb a:visited {
	color: #2d2b2d;
}
.breadcrumb a:hover, .breadcrumb a:focus, .breadcrumb a:active {
	color: #DC261C;
}
.breadcrumb > li + li:before {
	content: '';
	padding: 0;
}
.breadcrumb > li:after {
	content: '';
	display: block;
	position: absolute;
	top: 5px;
	right: -7px;
	width: 7px;
	height: 7px;
	border-right: 1px solid #2a338f;
	border-bottom: 1px solid #2a338f;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.pagination {
	margin: 0;
}
/* buttons */
.buttons {
	margin: 1em 0;
}
.btn {
	padding: 7.5px 12px;
	font-size: 12px;
	border: 1px solid #cccccc;
	border-radius: 4px;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
}
.btn-xs {
	font-size: 9px;
}
.btn-sm {
	font-size: 10.2px;
}
.btn-lg {
	padding: 10px 16px;
	font-size: 15px;
}
.btn-group > .btn, .btn-group > .dropdown-menu, .btn-group > .popover {
	font-size: 12px;
}
.btn-group > .btn-xs {
	font-size: 9px;
}
.btn-group > .btn-sm {
	font-size: 10.2px;
}
.btn-group > .btn-lg {
	font-size: 15px;
}
.btn-default {
	color: #777;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	background-color: #e7e7e7;
	background-image: linear-gradient(to bottom, #eeeeee, #dddddd);
	background-repeat: repeat-x;
	border-color: #dddddd #dddddd #b3b3b3 #b7b7b7;
}
.btn-primary {
	color: #ffffff !important;
	text-shadow: none;
	background-color: #ed1c24;
	background-image: none;
	background-repeat: no-repeat;
	border-color: #DC261C;
	padding: 10px 20px;
	font-size: 0.9em;
}
.btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
	background-color: #ed1c24;
	background-position: center;
	background-color: #ed1c24;
	color: #ed1c24 !important;
	border-color: #DC261C;
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:active:focus {
	background-color: #ffffff;
	background-position: center;
	color: #ed1c24 !important;
	border-color: #DC261C;
}
.btn-warning {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #faa732;
	background-image: linear-gradient(to bottom, #fbb450, #f89406);
	background-repeat: repeat-x;
	border-color: #f89406 #f89406 #ad6704;
}
.btn-warning:hover, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] {
	box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}
.btn-danger {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #da4f49;
	background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
	background-repeat: repeat-x;
	border-color: #bd362f #bd362f #802420;
}
.btn-danger:hover, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] {
	box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}
.btn-success {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #5bb75b;
	background-image: linear-gradient(to bottom, #62c462, #51a351);
	background-repeat: repeat-x;
	border-color: #51a351 #51a351 #387038;
}
.btn-success:hover, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] {
	box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}
.btn-info {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #df5c39;
	background-image: linear-gradient(to bottom, #e06342, #dc512c);
	background-repeat: repeat-x;
	border-color: #dc512c #dc512c #a2371a;
}
.btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {
	background-image: none;
	background-color: #df5c39;
}
.btn-link {
	border-color: rgba(0, 0, 0, 0);
	cursor: pointer;
	color: #23A1D1;
	border-radius: 0;
}
.btn-link, .btn-link:active, .btn-link[disabled] {
	background-color: rgba(0, 0, 0, 0);
	background-image: none;
	box-shadow: none;
}
.btn-inverse {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #363636;
	background-image: linear-gradient(to bottom, #444444, #222222);
	background-repeat: repeat-x;
	border-color: #222222 #222222 #2d2b2d;
}
.btn-inverse:hover, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] {
	background-color: #222222;
	background-image: linear-gradient(to bottom, #333333, #111111);
}
/* list group */
.list-group a {
	border: 1px solid #DDDDDD;
	color: #888888;
	padding: 8px 12px;
}
.list-group a.active, .list-group a.active:hover, .list-group a:hover {
	color: #444444;
	background: #eeeeee;
	border: 1px solid #DDDDDD;
	text-shadow: 0 1px 0 #FFF;
}
.list-group .list-group-item {

    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-radius: 0px;

}
/* carousel */
.carousel-caption {
	color: #FFFFFF;
	text-shadow: 0 1px 0 #2d2b2d;
}
.carousel-control .icon-prev:before {
	content: '\f053';
	font-family: FontAwesome;
}
.carousel-control .icon-next:before {
	content: '\f054';
	font-family: FontAwesome;
}
/* product list */
.product-thumb {
}
.product-thumb .image {
	text-align: center;
}
.product-thumb .image a {
	display: block;
}
.product-thumb .image a:hover {
	opacity: 0.8;
}
.product-thumb .image img {
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
	text-align: center;
	max-height: auto !important;
}
.product-grid .product-thumb .image {
	float: none;
	text-align: center;
	max-width: 300px !important;
	
}
@media (min-width: 767px) {
	.product-list .product-thumb .image {
		float: left;
		padding: 0 0px;

	}
	.product-thumb .image img {
		max-height: none;
	}
}


.product-thumb h4 {
	font-weight: bold;
}
.product-thumb .caption {
	padding: 0 20px;
	min-height: 180px;
}
.product-list .product-thumb .caption {
	margin-left: 230px;
}
@media (max-width: 1200px) {
.product-grid .product-thumb .caption {
	min-height: 210px;
	padding: 0 10px;
}
}
@media (max-width: 767px) {
.product-list .product-thumb .caption {
	min-height: 0;
	margin-left: 0;
	padding: 0 10px;
}
.product-grid .product-thumb .caption {
	min-height: 0;
}
}
.product-thumb .rating {
	padding-bottom: 10px;
}
.rating .fa-stack {
	font-size: 8px;
}
.rating .fa-star-o {
	color: #999;
	font-size: 15px;
}
.rating .fa-star {
	color: #FC0;
	font-size: 15px;
}
.rating .fa-star + .fa-star-o {
	color: #E69500;
}
h2.price {
	margin: 0;
}
.product-thumb .price {
	color: #444;
}
.product-thumb .price-new {
	font-weight: 600;
}
.product-thumb .price-old {
	color: #999;
	text-decoration: line-through;
	margin-left: 10px;
}
.product-thumb .price-tax {
	color: #999;
	font-size: 12px;
	display: block;
}

.product-list .product-thumb .button-group {
	border-left: 1px solid #ddd;
}
@media (max-width: 768px) {
	.product-list .product-thumb .button-group {
		border-left: none;
	}
}
.product-thumb .button-group button {
	width: 60%;
	border: none;
	display: inline-block;
	float: left;
	background-color: #eee;
	color: #888;
	line-height: 38px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
}
.product-thumb .button-group button + button {
	width: 20%;
	border-left: 1px solid #ddd;
}
.product-thumb .button-group button:hover {
	color: #444;
	background-color: #ddd;
	text-decoration: none;
	cursor: pointer;
}
@media (max-width: 1200px) {
	.product-thumb .button-group button, .product-thumb .button-group button + button {
		width: 33.33%;
	}
}
@media (max-width: 767px) {
	.product-thumb .button-group button, .product-thumb .button-group button + button {
		width: 33.33%;
	}
}


.product-list .product-wrap .product-thumb {
	width: 100%;
	height:100%;
	min-height: 100%;
	position: relative;
	top: 0px;
	left: 0px;
	background-color: #ffffff;
}
.product-list .product-wrap .product-data {
	position: relative;
	top:0px;
	left:0px;
	height:100%;
	margin-left: 0px;
}
@media (min-width: 768px) {
	.product-list .product-wrap .product-thumb {
		width: 254px;
		height:100%;
		min-height: 100%;
		position: absolute;
		top: 0px;
		left: 0px;
		background-color: #ffffff;
	}
	.product-list .product-wrap .product-data {
		position: relative;
		top:0px;
		left:0px;
		height:100%;
		margin-left: 254px;
	}
}
.product-list .product-wrap {
	border: 1px solid #f2eff1;
	box-shadow: 3px 4px 10px 0px rgba(74, 42, 62, 0.1);
	margin: 15px 0px;
	position: relative;
	top:0px;
	left: 0px;
}
.product-list .product-wrap .product-data {
	padding: 0px 0px;
}
.product-list .product-wrap h4 {
    padding: 10px 15px;
    text-transform: uppercase;
    background-color: #DC261C;
    color: #ffffff;
	margin: 0px 0px;
	font-size: 1.2em;
}
.product-list .description-group {
	padding: 15px 15px;
}

.product-inquiry {
	display: inline-block;
}
a.product-inquiry {
	display: inline-block;
	border: 1px solid #DC261C;
	border-radius: 15px;
	color: #DC261C;
	padding: 5px 15px;
}
a.product-inquiry:hover {
	background-image: linear-gradient(to right, #DC261C, #d50000, #DC261C, #DC261C);
	color: #ffffff;
}
p.manufacturer {
	margin: 0px 0px;
	line-height: 1em;
}
span.title {
	font-weight: bold;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 16px;
	line-height: 1.3em;
}
.product-list .product-wrap {

}
.product-list .product-data {
	background-color: #F9F9F9;
	color: #2d2b2d;
	padding: 15px 15px;
	font-size: 16px;
}
.product-list .product-data .specification ul {
	list-style: none;
	padding: 0;
	margin: 5px 0px 5px 0px;
}
.product-list .product-data .specification ul li {
	 padding-left: 1.3em;
	 margin-bottom: 3px;
	 padding-bottom: 2px;
	 border-bottom: 1px solid #d3d3d3;
	 line-height: 1.3em;
}
.product-list .product-data .specification ul li:before {
  content: "\f00c"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -1.3em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
  color: #d50000;
}
.product-list .product-data .specification ul .title {
	font-weight: 700;
	color: #2d2b2d;
}
.product-list .button-group {
	padding: 0px 15px 15px 15px;
}

.product-list .product-data .description {
	line-height: 1.4em;
	padding-bottom: 10px;
	
}

.product-list .product-thumb {
	position: relative;
	top: 0px;
	left:0px;
}



.product-list .product-thumb .types {
	width: 100%;
	position: absolute;
	top:0px;
	left: 0px;
	padding: 0px 15px;
}
.product-list .product-thumb .type {
	margin: 8px 0px;
}
.product-list .product-thumb .type .circle-icon {
	float: left;
	font-size: 24px;
	color: #ffffff;
	background-color: #DC261C;
	width: 40px;
	height: 40px;
	line-height: 40px40px;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	text-align: center;
	vertical-align: middle;
	display: inline-block;
}
.product-list .product-thumb .type.cold-drinks-machines .circle-icon {
	color: #2d2b2d;
}
.product-list .product-thumb .type .circle-icon span {
	height: 40px;
	line-height: 40px;
	display: block;
	vertical-align: middle;
}
.product-list .product-thumb .type .icon-croissant {
	padding-bottom: 5px;
	position: relative;
	left:0px;
	top: -3px;
	font-size: 0.6em;
}
.product-list .product-thumb .type .icon-croissant:before {
	vertical-align: middle;
}

.product-list .product-thumb .type.hot-drinks-machines .circle-icon {
	background-color: #d50000;
}
.product-list .product-thumb .type.water-dispenser-machines .circle-icon {
	background-color: #50a5ed;
}
.product-list .product-thumb .type.cold-drinks-machines .circle-icon {
	background-color: #ffe61f;
}

.thumbnails {
	overflow: auto;
	clear: both;
	list-style: none;
	padding: 0;
	margin: 0;
}
.thumbnails > li {
	margin-left: 20px;
}
.thumbnails {
	margin-left: -20px;
}
.thumbnails > img {
	width: 100%;
}
.image-additional a {
	margin-bottom: 20px;
	padding: 5px;
	display: block;
	border: 1px solid #ddd;
}
.image-additional {
	max-width: 78px;
}
.thumbnails .image-additional {
	float: left;
	margin-left: 20px;
}

@media (min-width: 1200px) {
	#content .col-lg-2:nth-child(6n+1),
	#content .col-lg-2:nth-child(6n+1),
	#content .col-lg-3:nth-child(4n+1),
	#content .col-lg-4:nth-child(3n+1),
	#content .col-lg-6:nth-child(2n+1) {
		clear:left;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	#content .col-md-2:nth-child(6n+1),
	#content .col-md-2:nth-child(6n+1),
	#content .col-md-3:nth-child(4n+1),
	#content .col-md-4:nth-child(3n+1),
	#content .col-md-6:nth-child(2n+1) {
		clear:left;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	#content .col-sm-2:nth-child(6n+1),
	#content .col-sm-2:nth-child(6n+1),
	#content .col-sm-3:nth-child(4n+1),
	#content .col-sm-4:nth-child(3n+1),
	#content .col-sm-6:nth-child(2n+1) {
		clear:left;
	}
}

/* fixed colum left + content + right*/
@media (min-width: 768px) {
    #column-left  .product-layout .col-md-3 {
       width: 100%;
    }

	#column-left + #content .product-layout .col-md-3 {
       width: 50%;
    }

	#column-left + #content + #column-right .product-layout .col-md-3 {
       width: 100%;
    }

    #content + #column-right .product-layout .col-md-3 {
       width: 100%;
    }
}

/* fixed product layouts used in left and right columns */
#column-left .product-layout, #column-right .product-layout {
	width: 100%;
}

#column-right {
	margin-top: 20px;
}

/* fixed mobile cart quantity input */
.input-group .form-control[name^=quantity] {
	min-width: 50px;
}

/* Missing focus and border color to overwrite bootstrap */
.btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {
    background-image: none;
    background-color: #df5c39;
}

#top-content {
	position: relative;
	top:0px;
	left:0px;
	padding-bottom: 0px;
}
#header-box {
	position: relative;
	top: 0px;
	left: 0px;
	z-index: 15;
	width: 100%;
	margin: 0px auto;
}

#header-right {
	float: right;
}
.headerbox-item {
	float: left;
	margin-top: 33px;
	margin-bottom: 33px;
}
.headerbox-item a {
	display: block;
	position: relative;
	top: 0px;
	left: 0px;
	text-align: left;
}
.headerbox-item span {
	display: block;
	margin-left: 40px;
}
.headerbox-item i {
	font-size: 40px;
	position: absolute;
	top: 0px;
	left: 0px;
	color: #ed1c24;
	line-height: 44px;
	vertical-align: middle;
	/*
	padding: 10px 15px;
	background-color: #e3dfdc; */
}
.slogan {
  color: #2a338f;
}
#top-slogan {
	color: #2a338f;
	padding: 1px 0px;
	font-size: 24px;
	line-height: 28px;
	margin-left: 30px;
	margin-top: 35px;
}
@media (min-width: 768px) {
	#top-slogan {
		font-size: 24px;
	}
}
#top .list-inline > li.devider {
    padding-right: 0px;
    padding-left: 0px;
}

.email-box i {
	font-size: 30px;
}
.email-box, 
.portal-box {
	margin-left: 40px;
}

.common-home .owl-carousel {
    margin: 0 0 0px;
    background: #fff;
}
.home-box {
	padding: 25px 0px;
}
.our-products.home-box {
	padding-bottom: 0px;
}
.common-home h1, 
h1.box-title, 
h3.box-title {
	width: auto;
	text-transform: uppercase;
	font-size: 22px;
	text-align: center;
	font-weight: 700;
	margin: 0px auto;
	padding: 0px 0px 3px 0px;
	color: #2d2b2d;
	line-height: 1.6em;
}
@media (min-width: 600px) {
	.common-home h1, 
	h1.box-title, 
	h3.box-title {
		font-size: 26px;
	}
}
@media (min-width: 768px) {
	.common-home h1, 
	h1.box-title, 
	h3.box-title {
		font-size: 31px;
		line-height: 1.4em;
	}
}
.common-home h1:after, 
h1.box-title:after, 
h3.box-title:after { /*
	content: '';
	display: block;
    width: 40%;
    height: 2px;
	background-color: #DC261C;
    margin: 0px auto;
	margin-top: 10px;
	max-width: 580px; */
}
h1.align-left.box-title:after, 
h3.align-left.box-title:after { /*
	margin-left: 0px;
	margin-right: 0px; */
}
h3.box-title.title-line {
	background-color: transparent;
	color: #2a338f;
	padding: 15px 0px;
}
h3.box-title.title-line::after {
	height: 0px;
	margin-top: 0px;
}
#content h3.box-title {
	font-size: 24px;
}

.box-content {
	color: #3e3e3e;
	font-size: 1em;
	padding: 15px 15px;
	text-align: left;
	padding-right: 15px;
}
@media (max-width: 767px) {
.common-home  .about-us .box-content {
	padding-left: 0px;
	padding-right: 0px;
}
}

.main-homeimage {
	text-align: center;
}
@media (min-width: 768px) {
	.box-content {
		font-size: 1em;
		padding: 15px 15px;
	}
	.main-homeimage {
		text-align: right;
	}
}


.box-text {
	color: #3e3e3e;
	padding: 20px 0px;
	line-height: 1.4em;
	text-align: center;
	padding-right: 15px;
}
.goto-btn a {
	display: inline-block;
	text-decoration: none;
	font-size: 20px;
	text-transform: uppercase;
	text-align: left;
	font-weight: 700;
}
.goto-btn .cta-box {
    text-align: left;
}

.about-us .information-block {
	padding: 25px 25px;
	background-color: #F9F9F9;
	position: relative;
}

.home-box .images-grid img {
	width: 100%;
	max-width: 545px !important;
	text-align: center;
}
.home-box .images-grid .col-xs-6 {
	padding: 0px 8px 16px 8px;
}

.our-products .top {
	padding-bottom: 27px;
}
.box-banners {
	padding: 20px 0px;
}
.box-banners img,
.product-type img {
	width: 100%;
	max-width: 100%;
}

.product-type img {
	border:2px solid #f6ebda;
	border-radius:15px;
	background-color: #f6ebda;
}
.product-type:hover img {
	border:2px solid #2a338f;
}

.box-banners .first {
	padding-right: 10px;
}


.section-item ul, 
.content-description ul, 
.item-description ul {
	display: inline-block;
	text-align: left;
	vertical-align: middle;
	list-style-type: none;
	padding-left: 0px;
}
.section-item ul li,
.content-description ul li , 
.item-description ul li {
	vertical-align: middle;
	position: relative;
	padding-left: 1.25em;
	margin-bottom: 5px;
	line-height: 1.5em;
}
.section-item ul li:before, 
.content-description ul li:before, 
.item-description ul li:before {
  position: absolute;
  top:  0px;
  left: 0px;
  font-family: zaharz;
  content: "\e90b";
  color: #DC261C;
  font-size: 1em;
  vertical-align: middle;
}

.section .content-part .description ul, 
.box-content ul {
	display: inline-block;
	text-align: left;
	vertical-align: middle;
	list-style-type: none;
	padding-left: 0px;
}
.section .content-part .description ul li, 
.box-content ul li {
	vertical-align: middle;
	position: relative;
	padding-left: 40px;
	margin-bottom: 20px;
	line-height: 1.6em;
}
.section .content-part .description ul li:last-child, 
.box-content ul li:last-child {
	margin-bottom: 0px;
}
.section .content-part .description ul li:before, 
.box-content ul li:before {
  position: absolute;
  top:  2px;
  left: 0px;
  font-family: zaharz;
  content: "\e90b";
  color: #DC261C;
  font-size: 27px;
  vertical-align: middle;
}

.section.t-text_with_image .content-part .description ul {
	display: inline-block;
	text-align: left;
	vertical-align: middle;
	list-style-type: none;
	padding-left: 0px;
}
.section.t-text_with_image .content-part .description ul li {
	vertical-align: middle;
	position: relative;
	padding-left: 30px;
	margin-bottom: 20px;
	line-height: 1.4em;
	padding-top: 1px;
	
	padding-left: 40px;
}
.section.t-text_with_image .content-part .description ul li:last-child {
	margin-bottom: 0px;
}
.section.t-text_with_image .content-part .description ul li:before {
  position: absolute;
  top:  1px;
  left: 0px;
  font-family: zaharz;
  content: "\e910";
  color: #DC261C;
  font-size: 22px;
  vertical-align: middle;
  
  font-size: 27px;
}

/* HOMEPAGE - services */
.services {
	background: rgb(242,100,34);
	/*background: linear-gradient(0deg, rgba(242,100,34,1) 10%, rgba(247,151,22,1) 50%, rgba(252,181,10,1) 74%, rgba(255,204,1,1) 94%); */
	
	background-image: url("../image/bg.jpg");
	background-attachment: scroll;
	background-position: center middle;
	overflow: hidden;
	background-size: cover;
	
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	
	padding: 70px 0px;
	padding-bottom: 0px;
	margin: 40px 0px;
	margin-bottom: 0px;
}
.services .box-text {
	color: #2d2b2d;
	width: 90%;
	margin: 0px auto;
}
@media (min-width: 768px) {
	.services .box-text {
		width: 65%;
	}
}
.service-itembox {
	position: relative;
	top: 0px;
	left:0px;
}
.hover-link {
	display: none;
	position: absolute;
	z-index: 10;
	bottom: -50px;
	left: 0px;
	width: 100%;
	text-align: right;
	padding: 15px 15px;
	background-color: #ffffff;
	color: #d50000;
	 -webkit-box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);
    box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);
	 moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
	outline: none;
	border: 1px solid #ffffff;
	border-top: 1px solid #DC261C;
	font-size: 0.9em;
}

@media (max-width: 767px) {
	.hover-link {
		display: block;
		position: relative;
		left: 0px;
		bottom: 0px;
		top: 0px;
	}
	.service-itembox {
		margin-bottom: 30px;
	}
}
a.hover-link {
	color: #d50000;
	font-weight: bold;
	text-transform: uppercase;
}

a.hover-link .fa {
	font-size: 1.5em;
	margin-left: 15px;
	vertical-align:middle;
}
.service-itembox:hover .hover-link {
	display: block;
	overflow: hidden;
	-webkit-box-shadow: 0px 10px 13px 0px rgba(0, 0, 0, 0.35);
	box-shadow: 0px 10px 13px 0px rgba(0, 0, 0, 0.35);
	outline: none;
}
a.hover-link:hover {
	background-color: #DC261C;
	color: #ffffff;
}
a.hover-link:hover .fa {
	margin-right: 15px;
}


.service-item {
	display: block;
	width: 100%;
	border: 1px solid #ffffff;
	position: relative;
	top: 0px;
	left:0px;
	background-color: #ffffff;
	margin-bottom: 30px;	
	 -webkit-box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);
    box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);
	 moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
	outline: none;
	color: #ffffff ;
}
@media (max-width: 767px) {
	.service-item {
		margin-bottom: 0px;
	}
}

.service-itembox:focus .service-item, .service-itembox:hover .service-item {
   -webkit-transform: translateY(-5px);
	-ms-transform: translateY(-5px);
	transform: translateY(-5px);
	position: relative;
	overflow: hidden;
	-webkit-box-shadow: 0px 6px 23px 0px rgba(0, 0, 0, 0.75);
	box-shadow: 0px 6px 23px 0px rgba(0, 0, 0, 0.75);
	outline: none;
	color: #ffffff ;
}

.service-item .iconpart { 
	float: left;
	text-align: center;
	background-color: #DC261C;
	color: #ffffff;
	font-size: 36px;
	width: 30%;
	height: 140px;
	vertical-align: middle;
	line-height: 140px;
}

.service-item .textpart {
	float: left;
	width: 70%;
	height: 140px;
	text-align: center;
	vertical-align: middle;	
	position: relative;
	top: 0px;
	left: 0px;
	
	 moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
	outline: none;
}
.service-item:hover .textpart {
	background-color: #DC261C;
}
.service-item:hover .icon {
    -webkit-animation: shake 1.5s;
    animation: shake 1.5s;
}

.service-item .textpart .text {
	color: #d50000;
	font-weight: 400;
	font-size: 0.9em;
	line-height: 1.4em;
	text-align: center;
	text-transform: uppercase;
	display: block;
	width: 100%;
	padding: 0px 15px;
	
	position: absolute;
	left: 0px;
    top: 50%; 
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.service-item:hover .textpart .text {
	color: #ffffff;
}
.box-items {
	padding: 30px 0px;
}

.diagonal {
	position: relative;
	top: 0px;
	left: 0px;
	height: 186px;
	overflow: hidden;
	z-index:3;
}
.diagonal-style1 {
	position: absolute;
	bottom: -186px;
	width: 100%;
	height: 186px;
	overflow: hidden;
	-webkit-transform: skewY(-5deg);
	transform: skewY(-5deg);
	-webkit-transform-origin: 0;
	transform-origin: 0;
}
.diagonal-style2 {
	position: absolute;
	top: -186px;
	width: 100%;
	height: 186px;
	overflow: hidden;
	-webkit-transform: skewY(5deg);
	transform: skewY(5deg);
	-webkit-transform-origin: 0;
	transform-origin: 0;
}
.diagonal-style3 {
	position: absolute;
	top: -19px;
	width: 100%;
	height: 186px;
	overflow: hidden;
	-webkit-transform: skewY(-5deg);
	transform: skewY(-5deg);
	-webkit-transform-origin: 0;
	transform-origin: 0;
}
.diagonal-style4 {
	position: absolute;
	bottom: 0px;
	width: 100%;
	height: 186px;
	overflow: hidden;
	-webkit-transform: skewY(5deg);
	transform: skewY(5deg);
	-webkit-transform-origin: 0;
	transform-origin: 0;
	z-index: 30;
}
.diagonal-style5 {
	position: absolute;
	top: -19px;
	width: 100%;
	height: 85px;
	overflow: hidden;
	-webkit-transform: skewY(-2deg);
	transform: skewY(-2deg);
	-webkit-transform-origin: 0;
	transform-origin: 0;
}
.background1 {
	background-color: #ffff00;
}
.background2 {
	background-color: #DC261C;
}
.background3 {
	background-color: #ffffff;
}
.box-effect {
	-webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
	-moz-box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
	box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
}

/* ./ HOMEPAGE - services */
/* HOMEPAGE - advantags */
.advantages {
	padding-top: 120px;
	padding-bottom: 50px;
	background: linear-gradient(0deg, rgba(255,136,0,1) 30%, rgba(255,136,10,1) 50%, rgba(247,151,22,1) 74%, rgba(242,100,34,1) 94%); 
	position: relative;
top: 0px;
left: 0px;
width: 100%;

}
.advantage-item {
	background-color: #ffffff;
	padding: 25px 25px;
}
.circle-box {
	text-align: center;
	vertical-align: center;
}
.circle {
	font-size: 65px;
	color: #d50000;
	border: 2px solid #d50000;
	margin: 0px auto;
	width: 115px;
	height: 115px;
	line-height: 115px;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	text-align: center;
}
.advantage-item .title-part {
	text-align: center;
	color: #2d2b2d;
	font-weight: 700;
	font-size: 15px;
	padding-top: 15px;
	text-transform: uppercase;
}
.advantage-item .text-part {
	padding-top: 10px;
	text-align: center;
	color: #3e3e3e;
	font-size: 15px;
}
.top-machines {
	background-color: #ffffff;
	position: relative;
	top: 0px;
	left: 0px;
	padding-top: 80px;
}
.background-cup {
	height: 100%;
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 0;
}
.background-cup img {
	height: 100%;
	max-height: 100%;
	float: right;
}

/* ./ HOMEPAGE - advantags */
/* HOMEPAGE - products */
.product-item .title {
	padding: 15px 15px;
	font-size: 18px;
	text-align: center;
	text-transform: uppercase;
	background-color: #DC261C;
	color: #ffffff;
}
.product-item .image-box {
	position: relative;
	top: 0px;
	left: 0px;
}
.product-item .image {
	width: 100%;
	max-width: 100%;
}
.product-item .image img {
	width: 100%;
	max-width: 100%;
	text-align: center;
}
.product-item .types {
	width: 100%;
	position: absolute;
	top:0px;
	left: 0px;
	padding: 0px 15px;
}
.product-item .type {
	margin: 8px 0px;
}
.product-item .type .circle-icon {
	float: left;
	font-size: 24px;
	color: #ffffff;
	background-color: #DC261C;
	width: 40px;
	height: 40px;
	line-height: 40px40px;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	text-align: center;
	vertical-align: middle;
	display: inline-block;
}
.product-item .type .circle-icon span {
	height: 40px;
	line-height: 40px;
	display: block;
	vertical-align: middle;
}
.product-item .type .icon-croissant {
	padding-bottom: 5px;
	position: relative;
	left:0px;
	top: -3px;
	font-size: 0.6em;
}
.product-item .type .icon-croissant:before {
	vertical-align: middle;
}
.product-item .type .type-title {
	float: left;
	text-align: left;
	line-height: 34px;
	padding-left: 15px;
	color: #3e3e3e;
	font-size: 16px;

}
.product-item .description-box {
	background-color: #F9F9F9;
	color: #2d2b2d;
	padding: 15px 15px;
	font-size: 16px;
}
.product-item .description-box ul {
	list-style: none;
	padding: 0;
	margin: 10px 0px 30px 0px;
}
.product-item .description-box ul li {
	 padding-left: 1.3em;
	 margin-bottom: 5px;
	 padding-bottom: 2px;
	 border-bottom: 1px solid #d3d3d3;
}
.product-item .description-box ul li:before {
  content: "\f00c"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -1.3em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
  color: #d50000;
}
.product-item .description-box ul .char-name {
	font-weight: 700;
	color: #2d2b2d;
}
.browse-btn {
	width: 70%;
	max-width: 210px;
	border: 1px solid #ffffff;
	border-radius: 2px;
	background: rgb(181,48,53);
	background: linear-gradient(0deg, rgba(181,48,53,1) 0%, rgba(242,170,34,1) 39%, rgba(242,100,34,1) 73%);
	padding: 10px 10px;
}

.btn-std {
	white-space: nowrap;
    -webkit-box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);
    box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);
    text-decoration: none;
	border: 1px solid #ffffff;
	
	text-transform:uppercase;
	display: block;
	margin: 0px auto;
	font-size: 16px;
	font-weight: 700;
    color: #ffffff;
    cursor: pointer;
    text-align:center;
    background-size: 300% 100%;
	
	background-image: linear-gradient(to right, #DC261C, #d50000, #DC261C, #DC261C);

    border-radius: 50px;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
	
}

.btn-std:focus, .btn-std:hover {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
	
	/*
    -webkit-box-shadow: 0 7px 14px rgba(50,50,93,.1),0 3px 6px rgba(0,0,0,.08);
    box-shadow: 0 7px 14px rgba(50,50,93,.1),0 3px 6px rgba(0,0,0,.08);
	*/

-webkit-box-shadow: 0 8px 6px rgba(0, 0, 0, 0.10), 0 10px 10px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 8px 6px rgba(0, 0, 0, 0.10), 0 10px 10px rgba(0, 0, 0, 0.15);
 box-shadow: 0 8px 6px rgba(0, 0, 0, 0.10), 0 10px 10px rgba(0, 0, 0, 0.15);
	
	background-position: 100% 0;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
	
	outline: none;
  color: #ffffff ;
}

h3.align-left {
	text-align: left
}

/* /. HOMEPAGE - products */

/* HOMEPAGE - map */
.map-home {
	position: relative;
	top: 0px;
	left: 0px;
}
#map {
	width: 100%;
}
#map-wrapper {
	width: 100%;
	position: relative;
	top: 0px;
	left: 0px;
	overflow: hidden;
	min-height: 390px;
}
#map-wrapper a.imgmap {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 390px;
	position: relative;
	top: 0px;
	left: 0px;
	background: url("../image/vending-map.jpg") center center no-repeat;
	background-repeat: no-repeat;
}
#map-wrapper #mab-labelbox {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 10;
}
#mab-label {
	background-color: white;
	margin: 10px;
	padding: 1px;
	box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
	border-radius: 2px;
	padding: 9px 4px 9px 11px;
}
.map-title, 
.map-address, 
.map-see {
	display:block;
	font-size: 13px;
	line-height: 1.2em;
}
.map-address {
	font-size: 13px;
	margin-top: 6px;
}
.map-title {
	font-weight: bold;
	font-size: 14px;
}
.map-see {
	padding-top: 10px;
	color: #3a84df;
}
.map-see a {
	color: #3a84df;
}
.map-see a:hover {
	text-decoration: underline;
}
.map-left {
	display: inline-block;
}
.map-navigate {
	display: inline-block;
	vertical-align: top;
height: 43px;
padding: 0 7px;
padding-left: 15px;
}
.map-navigate a {
	text-decoration: none;
	color: #3a84df;
	display: block;
	text-align: center;
	font-size: 13px;
	line-height: 13px;
}
.navigate-text {
	margin-top: 5px;
	text-align: center;
	color: #3a84df;
	font-size: 13px;
	max-width: 55px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	line-height: 13px;
}
.map-navigate:hover .navigate-text {
	text-decoration: underline;
}
#map-office {
	width: 100%;
}
#map-office {
	position: relative;
	top: 0px;
	left: 0px;
}
@media (min-width: 768px) {
	#map {
		float:left;
		width: 50%;
	}
	#map-office {
		float:left;
		width: 50%;
	}
}
@media (min-width: 1010px) {
	#map {
		float:left;
		width: 60%;
	}
	#map-office {
		float:left;
		width: 40%;
	}
}
.map-home .contact-details {
	height: 390px;
	background-color: #DC261C;
	color: #ffffff;
	padding: 40px 15px;
	width: 100%;
	z-index: 10px;
	text-align: left;
}
@media (min-width: 768px) {
	.map-home .contact-details {
		position: relative;
		top: 0px;
		right: 0px;
		height: 390px;
		background-color: #DC261C;
		color: #ffffff;
		padding: 40px 15px;
		width: 100%;
		z-index: 10px;
		text-align: left;
		overflow: hidden;
	}
}
.map-home .contact-details .title {
	font-size: 20px;
	font-style: italic;
}
.map-home .contact-details .title::after {
    content: '';
    display: block;
    width: 60%;
    height: 1px;
    background-color: #ffffff;
    margin: 0px 0px;
    margin-top: 10px;
    max-width: 380px;
}
.map-home .contact-details ul {
	margin: 30px 0px;
	list-style: none;
	padding: 0px 0px;
}
.map-home .contact-details ul li {
	margin-bottom: 20px;
}
.map-home .contact-details .fa {
	font-size: 24px;
	line-height: 45px;
	color: #DC261C;
}

.map-home .contact-details li:hover .fa {
	color: #2d2b2d;
   -webkit-transform: translateY(-5px);
-ms-transform: translateY(-5px);
transform: translateY(-5px);
position: relative;
overflow: hidden;
	outline: none;
}
.map-home .contact-details a span {
	color: #ffffff;
}
.map-home .contact-details li:hover a span {
	color: #2d2b2d;
}

.homecontact-item {
	position: relative;
	top: 0px;
	left: 0px;
}

.map-home .contact-details .circle-icon {
	color: #DC261C;
	background-color: #ffffff;
	width: 45px;
	height: 45px;
	line-height: 45px;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	text-align: center;
	position: absolute;
	top: 3px;
	left: 3px;
}
.map-home .contact-details .text-box {
	margin-left: 60px;
	padding-top: 10px;
	font-size: 18px;
}
@media (min-width: 1010px) {
	.map-home .contact-details .text-box {
		font-size: 20px;
	}
}

.map-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:390px;
    width:100%;
    position:absolute;
}

.mapouter{text-align:right;height:390px;width:100%;}
.gmap_canvas {overflow:hidden;background:none!important;height:390px;width:100%;}
/* ./ HOMEPAGE - map */
/* HOMEPAGE - slider */


.slide-title, 
.slide-subtitle {
	font-size: 11px;
	line-height: 12px !important;
	font-weight: 700;
	color: #ffffff;
	margin-bottom: 1px;
	font-family: 'PTSans', sans-serif !important;
	text-align: center;
	height: auto !important;
	text-shadow: 2px 1px 6px rgba(0,0,0,0.9); /* horizontal distance, vertical distance, blur, color */
	vertical-align: middle;
}

@media (min-width: 320px) {
	.slide-title  {
		font-size: 12px;
		line-height: 12px !important;
		margin-bottom: 1px;
	}
}
@media (min-width: 360px) {
	.slide-title  {
		font-size: 14px;
		line-height: 14px !important;
		margin-bottom: 1px;
	}
}
@media (min-width: 414px) {
	.slide-title  {
		font-size: 16px;
		line-height: 16px !important;
		margin-bottom: 3px;
	}
}
@media (min-width: 480px) {
	.slide-title  {
		font-size: 19px;
		line-height: 19px !important;
		margin-bottom: 3px;
	}
}
@media (min-width: 600px) {
	.slide-title  {
		font-size: 22px;
		line-height: 22px !important;
		margin-bottom: 5px;
	}
}
@media (min-width: 768px) {
	.slide-title  {
		font-size: 30px;
		line-height: 30px !important;
		margin-bottom: 10px;
	}
}
@media (min-width: 1100px) {
	.slide-title  {
		font-size: 38px;
		line-height: 38px !important;
		margin-bottom: 15px;
	}
}
@media (min-width: 1280px) {
	.slide-title  {
		font-size: 48px;
		line-height: 48px !important;
		margin-bottom: 20px;
		
		margin-left: auto;
		margin-right: auto;
	}
}
@media (max-width: 767px) {
	.slide-title  {
		font-size: 26px;
		line-height: 33px !important;
		margin-bottom: 0px;
		
		margin-left: auto;
		margin-right: auto;
	}
}

.slide-subtitle.has-another-line {
	margin-bottom: 5px;
}

.slide-subtitle {
	color: #ffe61f;
	text-align: center;
	height: auto !important;
	font-size: 10px !important;
	line-height: 11px !important;
	vertical-align: middle;
	letter-spacing: 1px;
}
.slide-text {
	font-size: 10px;
	line-height: 11px !important;
	color: #ffffff;
	margin-bottom: 2px;
	font-family: 'PTSans', sans-serif !important;
	font-weight: 700;
	text-align: center;
	height: auto !important;
	vertical-align: middle;
	text-shadow: 3px 2px 5px rgba(0,0,0,0.6);
	vertical-align: middle;
}
.slide-content ul {
	display: inline-block;
	text-align: left;
	vertical-align: middle;
	list-style-type: none;
	padding-left: 0px;
	color: #666;
}
.slide-content ul li {
	color: #ffe61f;
	text-shadow: 2px 1px 6px rgba(0,0,0,0.9);
	font-size: 9px !important;
	line-height: 11px !important;
	vertical-align: middle;
	font-weight: 700;
	position: relative;
	padding-left: 14px;
	margin-bottom: 0px
}
.slide-content ul li:before {
  position: absolute;
  top: 0px;
  left: 0px;
  font-family: zaharz;
  content: "\e90b";
  color: #ffffff;
  font-size: 10px;
  margin-bottom: 0px;
}
@media (min-width: 320px) {
	.slide-subtitle {
		font-size: 11px !important;
		line-height: 12px !important;
		margin-top: 1px;
		margin-bottom: 1px;
	}
	.slide-text {
		font-size: 11px;
		line-height:12px !important;
		margin-bottom: 2px;
	}
	
	.slide-content ul li {
		font-size: 9px !important;
		line-height: 11px !important;
		padding-left: 14px;
		margin-bottom: 0px;
	}
	.slide-content ul li:before {
	  font-size: 10px;
	}
}
@media (min-width: 360px) {
	.slide-subtitle {
		font-size: 12px !important;
		line-height: 13px !important;
		margin-top: 2px;
		margin-bottom: 2px;
	}
	.slide-text {
		font-size: 12px;
		line-height:13px !important;
		margin-bottom: 2px;
	}
	
	.slide-content ul li {
		font-size: 10px !important;
		line-height: 12px !important;
		padding-left: 14px;
		margin-bottom: 0px;
	}
	.slide-content ul li:before {
	  font-size: 12px;
	}
}
@media (min-width: 414px) {
	.slide-subtitle {
		font-size: 14px !important;
		line-height: 14px !important;
		margin-bottom: 2px;
	}
	.slide-text {
		font-size: 14px;
		line-height:14px !important;
		margin-bottom: 2px;
	}
	
	.slide-content ul li {
		font-size: 12px !important;
		line-height: 14px !important;
		padding-left: 14px;
		margin-bottom: 1px;
	}
	.slide-content ul li:before {
	  font-size: 13px;
	}
}
@media (min-width: 480px) {
	.slide-subtitle {
		font-size: 14px !important;
		line-height: 15px !important;
		margin-bottom: 4px;
		margin-top: 0px;
	}
	.slide-text {
		font-size: 14px;
		line-height:15px !important;
		margin-bottom: 4px;
	}
	
	.slide-content ul li {
		font-size: 14px !important;
		line-height: 16px !important;
		padding-left: 20px;
		margin-bottom: 4px;
	}
	.slide-content ul li:before {
		top: -3px;
	  font-size: 15px;
	  margin-bottom: 5px;
	}
}
@media (min-width: 600px) {
	.slide-subtitle {
		font-size: 16px !important;
		line-height: 18px !important;
		margin-bottom: 6px;
	}
	.slide-text {
		font-size: 16px;
		line-height:18px !important;
		margin-bottom: 6px;
	}
	
	.slide-content ul li {
		font-size: 16px !important;
		line-height: 18px !important;
		padding-left: 30px;
		margin-bottom: 6px;
	}
	.slide-content ul li:before {
	  font-size: 17px;
	}
}

@media (min-width: 768px) {
	.slide-subtitle {
		font-size: 20px !important;
		line-height: 25px !important;
		margin-bottom: 10px;
	}
	.slide-text {
		font-size: 20px;
		line-height:25px !important;
		margin-bottom: 20px;
	}
	
	.slide-content ul li {
		font-size: 20px !important;
		line-height: 25px !important;
		padding-left: 30px;
		margin-bottom: 3px
	}
	.slide-content ul li:before {
	  font-size: 22px;
	}
}

@media (min-width: 1100px) {
	.slide-subtitle {
		font-size: 25px !important;
		line-height: 39px !important;
		margin-bottom: 15px;
	}
	.slide-text {
		font-size: 25px;
		line-height:30px !important;
		margin-bottom: 20px;
	}
	
	.slide-content ul li {
		font-size: 25px !important;
		line-height: 39px !important;
		padding-left: 40px;
		margin-bottom: 3px
	}
	.slide-content ul li:before {
	  font-size: 23px;
	}
}

@media (min-width: 1280px) {
	.slide-subtitle {
		font-size: 32px !important;
		line-height: 50px !important;
		margin-bottom: 20px;
	}
	.slide-text {
		font-size: 32px;
		line-height: 40px !important;
		margin-bottom: 20px;
	}
	
	.slide-content ul li {
		font-size: 32px !important;
		line-height: 50px !important;
		padding-left: 40px;
		margin-bottom: 10px
	}
	.slide-content ul li:before {
	  font-size: 25px;
	}
}

.tp-parallax-wrap, 
.tp-loop-wrap, 
.tp-mask-wrap, 
.tp-caption {
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100% !important;
}
.slide-content {
	width: 100%;
	position: absolute;
	left: auto;
	bottom: 33px;
	z-index: 125;
	text-align:center;
}
@media (min-width: 415px) {
	.slide-content {
		bottom: 40px;
	}
}
@media (min-width: 600px) {
	.slide-content {
		bottom: 40px;
	}
}
@media (min-width: 768px) {
	.slide-content {
		bottom: 55px;
	}
}
@media (min-width: 1280px) {

	.slide-content {
		bottom: 180px;
	}
}

@media (max-width: 767px) {
	.slide-content {
		bottom: 80px;
	}
}

@media (max-width: 767px) {
	.tp-bullets {
		top: 104% !important;
	}
}
@media (max-width: 414px) {
	.tp-bullets {
		top: 108% !important;
	}
}

.cta-box {
	text-align: center;
	margin-top: 6px;
	margin-bottom: 15px;
}
@media (min-width: 600px) {
	.cta-box {
		margin-top: 10px;
	}
}
@media (min-width: 768px) {
	.cta-box {
		margin-top: 19px;
		margin-bottom: 0px;
	}
}
@media (min-width: 1280px) {
	.cta-box {
		margin-top: 25px;
	}
}

.brands-wrapper.home-contentbox .cta-box {
	margin-top: 35px;
}

.mod-section.about-homepage a.button-other, 
.cta-box .cta-btn {
	display: inline-block;
	vertical-align: middle;
	text-align: center !important;
	
	white-space: nowrap;
    -webkit-box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08) !important;
    box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08) !important;
    text-decoration: none;
	border: 1px solid #ffffff !important;
	
	padding: 10px 25px !important;
	min-width: 100px !important;
	
	text-transform:uppercase;
	margin: 0px auto;
	font-size: 17px;
	line-height: auto;
	font-weight: 700;
    color: #ffffff;
    cursor: pointer;
    text-align:center;
	
	background-color: #ed1c24;

    border-radius: 0px;
	
	-webkit-transition: .3s;
-moz-transition: .3s;
-ms-transition: .3s;
-o-transition: .3s;
transition: .3s;
}

.tp-revslider-slidesli .cta-box .cta-btn {
	padding: 5px 8px !important;
	min-width: 130px !important;
}
@media (min-width: 280px) {
	.tp-revslider-slidesli .cta-box .cta-btn {
		padding: 5px 8px !important;
		min-width: 130px !important;
		font-size: 11px;
		font-weight: 700;
	}
}
@media (min-width: 320px) {
	.tp-revslider-slidesli .cta-box .cta-btn {
		padding: 5px 8px !important;
		min-width: 130px !important;
		font-size: 11px;
		font-weight: 700;
	}
}
@media (min-width: 360px) {
	.tp-revslider-slidesli .cta-box .cta-btn {
		padding: 7px 8px !important;
		min-width: 140px !important;
		font-size: 12px;
		font-weight: 700;
	}
}
@media (min-width: 414px) {
	.tp-revslider-slidesli .cta-box .cta-btn {
		padding: 8px 8px !important;
		min-width: 140px !important;
		font-size: 13px;
		font-weight: 700;
	}
}
@media (min-width: 480px) {
	.tp-revslider-slidesli .cta-box .cta-btn {
		padding: 10px 8px !important;
		min-width: 140px !important;
		font-size: 13px;
		font-weight: 700;
	}
}
@media (min-width: 600px) {
	.tp-revslider-slidesli .cta-box .cta-btn {
		padding: 10px 8px !important;
		min-width: 150px !important;
		font-size: 15px;
	}
}
@media (min-width: 768px) {
	.tp-revslider-slidesli .cta-box .cta-btn {
		padding: 15px 10px !important;
		min-width: 170px !important;
		font-size: 16px;
	}
}
@media (min-width: 1100px) {
	.tp-revslider-slidesli .cta-box .cta-btn {
		padding: 15px 20px !important;
		min-width: 190px !important;
		font-size: 17px;
	}
}
@media (min-width: 1280px) {
	.tp-revslider-slidesli .cta-box .cta-btn {
		padding: 15px 25px !important;
		min-width: 200px !important;
	}
}
.swiper-container {
	background-color: #ffffff;
}

.cta-box .cta-btn, 
.cta-btn {
	display: inline-block;
	vertical-align: middle;
	text-align: center !important;
	
	white-space: nowrap;
    -webkit-box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08) !important;
    box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08) !important;
    text-decoration: none;
	border: 2px solid #ed1c24 !important;
	
	padding: 10px 25px !important;
	min-width: 130px !important;
	
	text-transform:uppercase;
	margin: 0px auto;
	font-size: 17px;
	line-height: auto;
	font-weight: 700;
    color: #ffffff;
    cursor: pointer;
    text-align:center;
	
	background-color: #ed1c24;
	-webkit-transition: .3s;
-moz-transition: .3s;
-ms-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
.cta-box .cta-btn:focus, .cta-box .cta-btn:hover, 
.cta-btn:focus, .cta-btn:hover {
	
-webkit-box-shadow: 0 8px 6px rgba(0, 0, 0, 0.10), 0 10px 10px rgba(0, 0, 0, 0.15)  !important;
-moz-box-shadow: 0 8px 6px rgba(0, 0, 0, 0.10), 0 10px 10px rgba(0, 0, 0, 0.15) !important;
 box-shadow: 0 8px 6px rgba(0, 0, 0, 0.10), 0 10px 10px rgba(0, 0, 0, 0.15) !important;
	
	background-color: #ffffff;
    moz-transition: all .4s ease-in-out !important;
    -o-transition: all .4s ease-in-out !important;
    -webkit-transition: all .4s ease-in-out !important;
    transition: all .4s ease-in-out !important;
	  color: #ed1c24 !important;
	outline: none !important;
	
	border: 2px solid #ed1c24 !important;

}
.cta-box .cta-btn.secondary {
	border: 2px solid #2a338f !important;
	color: #2a338f !important;
}

.cta-box .cta-btn.secondary:hover, 
.cta-box .cta-btn.secondary:focus {
	color: #ffffff !important;
}

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 20px !important;
    left: 0;
    width: 100%;
}
.swiper-pagination-bullet {
    width: 13px !important;
    height: 13px !important;
    display: inline-block;
    border-radius: 100%;
    background: none !important;
    opacity: 1 !important;
	border:1px solid #ffffff;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}
.swiper-pagination-bullet-active {
	 background: #dbdedf !important;
}

.swiper-three .swiper-pagination-bullet, 
.swiper-certificates .swiper-pagination-bullet {
	border:1px solid #2a338f;
}
.swiper-three .swiper-pagination-bullet-active, 
.swiper-certificates .swiper-pagination-bullet-active {
	 background: #2a338f !important;
}

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 20px !important;
    left: 0;
    width: 100%;
}
.swiper-pagination-bullet {
    width: 13px !important;
    height: 13px !important;
    display: inline-block;
    border-radius: 100%;
    background: none !important;
    opacity: 1 !important;
	border:1px solid #2a338f;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}
.swiper-pagination-bullet-active {
	 background: #2a338f !important;
}

.swiper-container .slide-image {
	width: 100%;
	max-width: 100%;
	position:relative;
	top:0px;
	left:0px;
	overflow: hidden;
	height: 100%;
	text-align: center;
	margin: 0 auto;
/*	max-height: 600px; */
}
.swiper-container .slide-image img {
	width: 100%;
	max-width: 100%;
	height: auto;
}

@media (max-width: 767px) {
	.swiper-container .slide-image img {
		width: 100%;
		max-width: 100%!important;
		height: auto;
		width: auto !important;
		/*max-height: 400px;*/
		text-align: center; /*
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);*/
		position:relative;
	}
	.swiper-container .slide-image img {
		width: 100%;
		max-width: 100%;
		height: auto;
		max-height: auto;
		text-align: center;
	  }
}

.swiper-container .slide-wrap {
	width: 100%;
	max-width: 100%;
	position: relative;
	top:0px;
	left:0px;
}

.slide-infobox { 
	-webkit-transition: all 2000ms ease;
	-moz-transition: all 2000ms ease;
	-ms-transition: all 2000ms ease;
	-o-transition: all 2000ms ease;
	transition: all 2000ms ease;
	-webkit-transform: translateY(-550px);
	-moz-transform: translateY(-550px);
	-ms-transform: translateY(-550px);
	-o-transform: translateY(-550px);
	transform: translateY(-550px);
}
.swiper-slide-active .slide-infobox {
	opacity: 1;
	transition-delay: 50ms;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}

.swiper-container .cta-box {
	opacity: 0;
	-webkit-transition: all 2000ms ease;
	-moz-transition: all 2000ms ease;
	-ms-transition: all 2000ms ease;
	-o-transition: all 2000ms ease;
	transition: all 2000ms ease;
	-webkit-transform: translateY(550px);
	-moz-transform: translateY(550px);
	-ms-transform: translateY(550px);
	-o-transform: translateY(550px);
	transform: translateY(550px);
}
.swiper-container .swiper-slide-active .cta-box {
	opacity: 1;
	transition-delay: 50ms;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}

.slide-box {
	text-align: center;
	width: 80%;
	margin: 0px auto;
}
.slide-imgoverlay {
position: absolute;
top: 0;
right: 0; 
bottom: 0; 
left: 0;
z-index: 2;
width: 100%; height: 100%;

/* background: -moz-linear-gradient(left, rgba(1,122,165,0.8) 0%, rgba(1,122,165,0.7) 50%, rgba(1,122,165,0) 78%); /* FF3.6-15 */
/* background: -webkit-linear-gradient(left, rgba(1,122,165,0.8) 0%,rgba(1,122,165,0.7) 50%,rgba(1,122,165,0) 78%); /* Chrome10-25,Safari5.1-6 */
/* background: linear-gradient(to right, rgba(1,122,165,0.8) 0%,rgba(1,122,165,0.7) 50%,rgba(1,122,165,0) 78%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#017aa5', endColorstr='#00017aa5',GradientType=1 ); /* IE6-9 */
}

.slide-imgoverlay.green {
position: absolute;
top: 0;
right: 0; 
bottom: 0; 
left: 0;
width: 100%; height: 100%;

background: -moz-linear-gradient(left, rgba(151,198,24,1) 0%, rgba(151,198,24,1) 40%, rgba(151,198,24,0) 78%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(151,198,24,1) 0%,rgba(151,198,24,1) 40%,rgba(151,198,24,0) 78%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(151,198,24,1) 0%,rgba(151,198,24,1) 40%,rgba(151,198,24,0) 78%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#97c618', endColorstr='#97c618',GradientType=1 ); /* IE6-9 */
}

.swiper-button-next, .swiper-button-prev {
    background-image: none !important;
	color: #ffffff !important;
	font-size: 40px !important;
	text-align: right !important;
	opacity: 0.7 !important;
}
.swiper-button-next {
	text-align: left !important;
}
.swiper-button-next:hover, .swiper-button-prev:hover {
	opacity: 1 !important;
}

.swiper-slide .desktop-ver {
	display: none;
}

.swiper-slide .mobile-ver {
	display: block;
}
@media (min-width: 767px) {
	.swiper-slide .mobile-ver {
		display: none;
	}
	.swiper-slide .desktop-ver {
		display: block;
	}
}



.mod-section.about-homepage a.button-other:focus,  .mod-section.about-homepage a.button-other:hover, 
.cta-box .cta-btn:focus, .cta-box .cta-btn:hover {	
-webkit-box-shadow: 0 8px 6px rgba(0, 0, 0, 0.10), 0 10px 10px rgba(0, 0, 0, 0.15)  !important;
-moz-box-shadow: 0 8px 6px rgba(0, 0, 0, 0.10), 0 10px 10px rgba(0, 0, 0, 0.15) !important;
 box-shadow: 0 8px 6px rgba(0, 0, 0, 0.10), 0 10px 10px rgba(0, 0, 0, 0.15) !important;
	
	background-color: #ffffff;
    moz-transition: all .4s ease-in-out !important;
    -o-transition: all .4s ease-in-out !important;
    -webkit-transition: all .4s ease-in-out !important;
    transition: all .4s ease-in-out !important;
	  color: #DC261C !important;
	outline: none !important;

}

.cta-box .secondary {
	margin-left: 20px;
	background-image: none !important;
	text-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
	background-color: transparent;
	color: #2a338f;
}
@media (max-width: 767px) {
	.cta-box .secondary {
		margin-left: 0px;
		margin-top: 20px;
		margin-bottom: 20px;
	}
}
.cta-box .secondary:focus, .cta-box .secondary:hover {
	background-color: #2a338f;
	color: #ffffff;
}

.style2 {
	background: rgba(255, 255, 255, .7);
	padding: 40px 25px;
	width: 60%;
	margin: 0px auto;
}

.style2 .slide-title {
	color: #2d2b2d;
	text-shadow: none !important;
}
.style2 .slide-subtitle {
	color: #DC261C;
	text-shadow: none !important;
}
.style2 .slide-text {
	color: #2d2b2d;
	text-shadow: none !important;
}
.style2 .cta-box .secondary {
	color: #2d2b2d;
	text-shadow: none !important;
	border: 1px solid #2d2b2d !important;
}
.style2 .cta-box .secondary:focus, .style2 .cta-box .secondary:hover { 
	color: #ffffff;
}

@media (max-width: 411px) {
	.uranus.tparrows::before {
		width: 40px !important;
		height: 40px !important;
		line-height: 40px !important;
		font-size: 30px !important;
		transition: all 0.3s;
		-webkit-transition: all 0.3s;
	}
	.uranus.tparrows.tp-leftarrow {
		left: -15px !important;
	}
	.uranus.tparrows.tp-rightarrow {
		left: 104% !important;
	}
}
@media (max-width: 380px) {
	.uranus.tparrows.tp-rightarrow {
		left: 106% !important;
	}
}

#top-content .swiper-container {
	padding-bottom: 55px;
}
#top-content .swiper-container .swiper-pagination {
	bottom: -5px !important;
}
/* ./ HOMEPAGE - slider */

/* scroll to top */
#scrollto-top {
	position: fixed;
	z-index: 9999;
	right: 3px;
	bottom: 20px;
	padding: 4px;
	cursor: pointer;
	display: none;
	opacity: 0.7;
	width: 50px;
	height: 50px;
}
@media (min-width: 768px) {
	#scrollto-top {
		bottom: 20px;
	}
}
#scrollto-top:hover {
	opacity: 1;
}
#scrollto-top .fa {
	font-size: 40px;
	color: #d50000;
	transition: color .2s;
    transition-property: color;
    transition-duration: 0.2s;
    transition-timing-function: ease;
    transition-delay: 0s;
	margin: 0px 0px;
	position: relative;
	top: 0px;
	left: 0px;
	z-index: 999;
}
#scrollto-top:active .fa, #scrollto-top:focus .fa {
	color: #f08c18;
}
#scrollto-top:hover .fa {
	color: #ed1c24;
}
/* ./ scroll to top */

/* TYPES OF products */

.product-type {
	position: relative;
	top: 0px;
	left: 0px;
	overflow: hidden;
	max-width: 310px;
	margin: 0px auto;
	margin-bottom: 25px;
}


.type-content {
	position: relative;
	bottom: 0px;
	left: 0px;
	width: 100%;
	text-align: center;
}

.hot-drinks-machines .type-content {
	background-color: #d50000;
}
.water-dispenser-machines .type-content {
	background-color: #50a5ed;
}
.cold-drinks-machines .type-content {
	background: #ffe61f;
}

.type-overlay-top {
	overflow:hidden;
	position: absolute;
	top: -56px;
	left: 0px;
	width: 100%;
	height: 56px;
	background-color: transparent;
	
	
}
.type-overlay-top::before {
  content: '';
  position: absolute;
  left: 0;
  top: 25px;
  z-index: 4;
  width: 100%;
  height: 56px;
  background: #ffffff;
  -webkit-transform: skewY(6deg);
  -moz-transform: skewY(6deg);
  -ms-transform: skewY(6deg);
  -o-transform: skewY(6deg);
  transform: skewY(6deg);
  -webkit-backface-visibility: hidden;

}

.type-overlay-inner {
	overflow:hidden;
	position: absolute;
	top: -52px;
	left: 0px;
	width: 100%;
	height: 52px;
	background-color: transparent;
}
.type-overlay-inner::before {
  content: '';
  position: absolute;
  left: 0;
  top: 23px;
  z-index: 5;
  width: 100%;
  height: 52px;
  background: #DC261C;
  -webkit-transform: skewY(6deg);
  -moz-transform: skewY(6deg);
  -ms-transform: skewY(6deg);
  -o-transform: skewY(6deg);
  transform: skewY(6deg);
  -webkit-backface-visibility: hidden;
 
}
.hot-drinks-machines .type-overlay-inner::before {
	background-color: #d50000;
}
.water-dispenser-machines .type-overlay-inner::before {
	background-color: #50a5ed;
}
.cold-drinks-machines .type-overlay-inner::before {
	background: #ffe61f;
}

.type-icon {
	position: absolute;
	top: -60px;
	left:0px;
	width: 100%;
	margin: 0px auto;
	text-align: center;
	vertical-align: center;
	z-index: 6;
}
@media(max-width:511px) {
	.type-icon {
		top: -50px;
	}
}
@media(min-width:768px) {
	.type-icon {
		top: -50px;
	}
}
@media(min-width:920px) {
	.type-icon {
		top: -60px;
	}
}
.type-description {
	padding-top: 45px;
}
@media(max-width:511px) {
	.type-description {
		padding-top: 25px;
	}
}

.icons-wrap {
	color: #2d2b2d;
	background-color: #DC261C;
	border: 2px solid #ffffff;
	margin: 0px auto;
	width: 80px;
	height: 80px;
	line-height: 80px;
	vertical-align: middle;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	text-align: center;
}

.product-type .type-title {
	text-align: left;
	/*color: #2d2b2d; */
	color: #ffffff; 
}
.product-type .type-title a {
	color: #ffffff; 
}
.product-type.cold-drinks-machines .type-title a {
	color: #2d2b2d; 
}
.product-type .type-title .subname {
	font-style: italic;
	font-size: 18px;
	line-height: 1em;
	text-transform: lowercase;
	padding: 15px 15px 5px 15px;
}
.product-type .type-title .name {
	font-size: 18px;
	line-height: 1em;
	text-transform: uppercase;
	padding: 0px 15px 15px 15px;
	font-weight: 700;
	letter-spacing: 1px;
}
.type-icon a {
	display: block;
	text-align: center;
	margin: 0px auto;
	width: auto;
}
.product-type .icon {
	color: #ffffff;
	font-size: 60px;
	vertical-align: middle;
	font-weight: 400;
	line-height: 76px;
	padding-bottom: 15px;
}
@media(max-width:511px) {
	.product-type .icon {
		font-size: 40px;
		line-height: 46px;
		padding-bottom: 15px;
	}
}
@media(min-width:768px) {
	.product-type .icon {
		font-size: 50px;
		line-height: 56px;
		padding-bottom: 15px;
	}
}
@media(min-width:920px) {
	.product-type .icon {
		font-size: 60px;
		line-height: 76px;
		padding-bottom: 15px;
	}
}
.product-type.cold-drinks-machines .icon {
	color: #2d2b2d; 
}
.product-type .icons-wrap {
	font-size: 36px;
}
.product-type .icon-croissant {
	
	font-size: 0.7em;
}

.product-type:hover .type-content {
}
.product-type:hover .type-title a {
	/*color: #2d2b2d;*/
	color: #ffffff;
}
.product-type:hover .type-overlay-inner::before {
	background-color: #2d2b2d;
}

.product-type:hover figure.effect-ruby img {
	opacity: 0.5;
	-webkit-transform: scale(1.06);
	transform: scale(1.06);
}

.product-type:hover figcaption {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	opacity: 1;
	-webkit-transform: perspective(1000px) rotate3d(1,0,0,0);
	transform: perspective(1000px) rotate3d(1,0,0,0);
	z-index: 6;
}

.product-type:hover .moblink  {
	display: none;
}
.moblink {
	display: block;
	position: absolute;
	top: 40%;
	left: 0px;
	text-align: center;
	width: 100%;
}
.moblink .fig-btn {
    padding: 8px 15px;
    background: none;
    color: #ffffff;
    position: relative;
    transition: color 0.25s ease;
    border: 1px solid white;
    font-size: 1em;
    line-height: 1.2em;
	text-transform: uppercase;
}
@media (min-width: 768px) {
	.moblink {
		display: none;
	}
}

.go-to-category {
	display:block !important;
}
.go-to-category:hover p, 
.go-to-category:hover div {
	cursor: pointer !important;
}

.hovicon {
    line-height: 100px;
    cursor: pointer;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    text-align: center;
    position: relative;
    text-decoration: none;
    z-index: 1;
    color: #fff;

}
@media(max-width:511px) {
	.hovicon {
		line-height: 70px;
		width: 70px;
		height: 70px;
	}
}
@media(min-width:768px) {
	.hovicon {
		line-height: 80px;
		width: 80px;
		height: 80px;
	}
}
@media(min-width:920px) {
	.hovicon {
		line-height: 100px;
		width: 100px;
		height: 100px;
	}
}
.hovicon:after {
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    content:'';
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.hovicon:before {
    speak: none;
    line-height: 80px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    display: block;
    -webkit-font-smoothing: antialiased;
}

 .hovicon.effect-1 {
    background: #ed1c24;
    -webkit-transition: background 0.2s, color 0.2s;
    -moz-transition: background 0.2s, color 0.2s;
    transition: background 0.2s, color 0.2s;
}

.hot-drinks-machines .hovicon.effect-1 {
	background: #d50000;
}
.food-machines .hovicon.effect-1 {
	background: #DC261C;
}
.cold-drinks-machines .hovicon.effect-1 {
	background: #ffe61f;
}
.water-dispenser-machines .hovicon.effect-1 {
	background: #50a5ed;
}

.hovicon.effect-1:after {
    top: -5px;
    left: -5px;
    padding: 5px;
    box-shadow: 0 0 0 4px #ed1c24;
    -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
    -webkit-transform: scale(.7);
    -moz-transition: -moz-transform 0.2s, opacity 0.2s;
    -moz-transform: scale(.7);
    -ms-transform: scale(.7);
    transition: transform 0.2s, opacity 0.2s;
    transform: scale(.7);
    opacity: 0;
}
/* Effect 1a */
.hovicon.effect-1.sub-a:hover {
    background: rgba(255, 255, 255, 1);
    color: #2d2b2d;
}
.hovicon.effect-1.sub-a:hover .icon {
    color: #2d2b2d;
}
.hovicon.effect-1.sub-a:hover:after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.product-type:hover .hovicon.effect-1 {
	 background: #2a338f;
    color: #ffffff;
}

.product-type:hover .hovicon.effect-1 .icon {
    color: #ffffff;
}
.product-type:hover .hovicon.effect-1.sub-a:hover {
    background: #2a338f;
    color: #ffffff;
}
.product-type:hover .hovicon.effect-1.sub-a:hover .icon {
    color: #ffffff;
}

.product-type .title {
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 5px;
}
.product-type .items {
	font-size: 16px;
	line-height: 1.4em;
	height: 4.2em;
	overflow: hidden;
}
@media(max-width:767px) {
	.product-type .items {
		height: 4.2em;
		overflow: hidden;
	}
}
@media(min-width:768px) {
	.product-type .title {
		font-size: 18px;
	}
	.product-type .items {
		font-size: 16px;
		line-height: 1.4em;
	}
}
@media(min-width:920px) {
	.product-type .title {
		font-size: 20px;
	}
	.product-type .items {
		font-size: 17px;
	}
}

@-webkit-keyframes swingMe
{
    15%
    {
        -webkit-transform: translateX(5px);
        transform: translateX(5px);
    }
    30%
    {
        -webkit-transform: translateX(-5px);
       transform: translateX(-5px);
    } 
    50%
    {
        -webkit-transform: translateX(3px);
        transform: translateX(3px);
    }
    65%
    {
        -webkit-transform: translateX(-3px);
        transform: translateX(-3px);
    }
    80%
    {
        -webkit-transform: translateX(2px);
        transform: translateX(2px);
    }
    100%
    {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes swingMe
{
    15%
    {
        -webkit-transform: translateX(5px);
        transform: translateX(5px);
    }
    30%
    {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px);
    }
    50%
    {
        -webkit-transform: translateX(3px);
        transform: translateX(3px);
    }
    65%
    {
        -webkit-transform: translateX(-3px);
        transform: translateX(-3px);
    }
    80%
    {
        -webkit-transform: translateX(2px);
        transform: translateX(2px);
    }
    100%
    {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.product-type:hover .hovicon .icon
{
-webkit-animation: swingMe 1s ease;
animation: swingMe 1s ease;
-webkit-animation-iteration-count: 2;
animation-iteration-count: 2;
}

.fig-btn {
  display: inline-block;
  padding: 5px 10px;
  background: none;
  color: #ffffff;
  position: relative;
  transition:color 0.25s ease;
  border:1px solid white;
  font-size: 0.8em;
  line-height: 1.1em;
}

.fig-btn:hover {
  color:#2d2b2d;
}

.fig-btn::after {
  position: absolute;
  content: '';
  top:0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: white;
  transform-origin:left;
  transition:width 0.25s ease;
  z-index:-1;
}

.fig-btn:hover::after {
  width: 100%;
}



/* ./ TYPES OF products */

/* SITE PAGE - CATEGORY */
.page-header {
	position: relative;
	top:0px;
	left: 0px;
    padding-bottom: 0px;
    margin: 0px 0px;
    border-bottom: 0px solid #eee;
	width: 100%;
	text-align: left;
	min-height: 230px;
	background: linear-gradient(0deg, rgba(35,61,99,1) 0%, rgba(215,38,28,1) 100%);
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: scroll;
	font-size: 25px;
	background-color: #ed1c24;
	
	/*
    padding: 50px 0;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0d…0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=) !important;
    background-image: -webkit-linear-gradient(top,#d50000,#DC261C) !important;
    background-image: -moz-linear-gradient(top,#d50000,#DC261C) !important;
    background-image: -o-linear-gradient(top,#d50000,#DC261C) !important;
    background-image: linear-gradient(to bottom,#d50000,#DC261C) !important;
    background-size: cover;*/
	
}
.layer {
    background-color: rgba(35, 61, 99, 0.6);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.page-header .container {
	position: relative;
	top: 0px;
	left: 0px;
	z-index: 10;
	padding-top: 40px;
}
@media (min-width: 680px) {
	.page-header .container {
		padding-top: 40px;
	}
}
.page-header h1 {
	text-align: center;
	font-size: 0.95em;
	line-height: 1.3em;
	font-weight: 700;
	color: #ffffff;
	margin-top: 15px;
	margin-bottom: 10px;
	font-family: 'PTSans', sans-serif !important;
	text-align: center;
	height: auto !important;
	text-transform: uppercase;

	/*letter-spacing: 1px; */ 
	text-shadow: 2px 1px 6px rgba(0,0,0,0.9); /* horizontal distance, vertical distance, blur, color */
	vertical-align: middle;
}
.page-header  .subheading  {
	color: #F9F9F9;
/*	font-family: 'OpenSansCondensedBold', sans-serif !important; */
	text-align: center;
	height: auto !important;
	font-size: 0.8em;
	vertical-align: middle;
	/*letter-spacing: 1px;*/
	/* text-transform: uppercase; */
	font-style: italic;
}
@media (min-width: 680px) {
	.page-header h1 {
		font-size: 1.1em;
		line-height: 1.4em;
		margin-top: 20px;
		margin-bottom: 15px;
	}
	.page-header  .subheading  {
		font-size: 0.9em;
	}
}

.img-thumbnail {
    display: inline-block;
    max-width: 100%;
    height: auto;
    padding: 0px;
    line-height: 1.42857143;
    background-color: transparent;
    border: 0px solid #ddd;
    border-radius: 0px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.site-category .box-items {
	padding: 45px 0px 15px 0px;
	background-color: #F9F9F9;
}
.page-shortdescription {
	font-size: 1.2em;
	line-height: 1.6em;
	text-align: center;
	padding-top: 30px;
	padding-bottom: 10px;
}
.page-description {
	padding: 20px 0px;
}
/* ./ SITE PAGE - CATEGORY */

.content-description {
	padding: 25px 0px;
}
.shortdescr .content-description {
	padding-top: 0px;
}
@media (min-width: 768px) {
	.content-description {
		padding: 25px 15px;
	}
	#content .content-description {
		padding: 0px 0px;
	}
	.shortdescr .content-description {
		max-width: 900px;
	}
}

.section-item.item-imagetext .item-text {
	width: 100%;
	position: relative;
	top:0px;
	left:0px;
}
.section-item.item-imagetext .item-image {
	width: 100%;
}
.section-item.item-imagetext .item-image img {
	max-width: 100%;
}
.section-item.item-imagetext.even .item-text {
	float:none;
}
.section-item.item-imagetext.even .item-image {
	float:none;
}
.section-item.item-imagetext.odd .item-text {
	float:none;
}
.section-item.item-imagetext.odd .item-image {
	float:none;
}

@media (min-width: 768px) {
	.section-item.item-imagetext .item-text {
		width: 60%;
		position: relative;
		top:0px;
		left:0px;
	}
	.section-item.item-imagetext .item-image {
		width: 40%;
	}
	.equal .section-item.item-imagetext .item-text {
		width: 50%;
	}
	.equal .section-item.item-imagetext .item-image {
		width: 50%;
	}
	.section-item.item-imagetext .item-image img {
		max-width: 100%;
	}
	.section-item.item-imagetext.even .item-text {
		float:left;
	}
	.section-item.item-imagetext.even .item-image {
		float:right;
	}
	.section-item.item-imagetext.odd .item-text {
		float:right;
	}
	.section-item.item-imagetext.odd .item-image {
		float:left;
	}
}
/*
.textbox-wrapper {
	background-color: #ffffff;
	border-radius: 10px;
	margin-top: 20%;
	margin-right: -10%;
	z-index: 5;
	padding: 25px 25px;
	box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.08);
}
*/

.section-item.item-imagetext .sectionbox {
	padding: 0 15px;
    margin: 0px 0px 0px 0px;
	position: relative;
}
.section-item.item-imagetext.whitebg .sectionbox {
	background-color: #ffffff;
}
.section-item.item-imagetext.even .sectionbox .item-text {	
	padding: 20px 0px 20px 0px;
}
.section-item.item-imagetext.odd .sectionbox .item-text {	
	padding: 20px 0 20px 0px;
}
.section-item.item-imagetext.even .sectionbox .item-image {	
	margin-top: 0px;
}	
.section-item.item-imagetext.odd .sectionbox .item-image {	
	margin-bottom: 0px;
}	
.section-item.item-imagetext.even .sectionbox .item-image {	
	padding-bottom: 5px;
	padding-top: 15px;
}
.section-item.item-imagetext.odd .sectionbox .item-image {	
	padding-top: 15px;
	padding-bottom: 5px;
}

.section-item.item-imagetext.even.noimage-effect .sectionbox , 
.section-item.item-imagetext.odd.noimage-effect .sectionbox { 

}
.section-item.item-imagetext.even.noimage-effect .sectionbox .item-image, 
.section-item.item-imagetext.odd.noimage-effect .sectionbox .item-image {	
	margin-bottom: 0px;
	margin-top: 0px;
}

@media (min-width: 768px) {
	.section-item.item-imagetext .sectionbox {
		padding: 0 0px;
		margin: 0px 0px;
		position: relative;
	}
	.section-item.item-imagetext.whitebg .sectionbox {
		background-color: #ffffff;
	}
	.section-item.item-imagetext.even .sectionbox .item-text {	
		padding: 15px 30px 15px 0;
	}
	.section-item.item-imagetext.odd .sectionbox .item-text {	
		padding: 15px 0 15px 30px;
	}

	.section-item.item-imagetext.even.noimage-effect .sectionbox , 
	.section-item.item-imagetext.odd.noimage-effect .sectionbox { 
		margin-top: 25px;
		margin-bottom: 25px;
	}
	.section-item.item-imagetext.even.noimage-effect .sectionbox .item-image, 
	.section-item.item-imagetext.odd.noimage-effect .sectionbox .item-image {	
		margin-bottom: 0px;
		margin-top: 0px;
	}
}

.section-chess .section-item {
	padding: 30px 0px;
}
.section-chess .section-item.odd {
	background-color: #F9F9F9;
}

.column-title {
    margin: 0 0 20px;
	font-weight: bold;
}
.column-title span.subtitle {
    font-size: 1em;
    margin: 0 0 10px 0;
    display: block;
    font-weight: normal;
}
.column-title span.title {
    font-size: 1.1em;
	color: #DC261C;
}
#contact-form .column-title {
		text-align: center;
}
#contact-form .column-title span.title {
	color: #2d2b2d;
}
#contact-form .column-title span.title:after {
    content: '';
    display: block;
    width: 50%;
    height: 2px;
    background-color: #DC261C;
    margin-top: 10px;
    max-width: 380px;
	margin-left: auto;
	margin-right: auto;
}
.section-item.item-imagetext .description {
	
}
.even .imgagebox-wrapper {
	text-align: center;
}
.odd .imgagebox-wrapper {
	text-align: center;
}
@media (min-width: 768px) {
	.even .imgagebox-wrapper {
		text-align: center;
	}
	.odd .imgagebox-wrapper {
		text-align: center;
	}
}
.allpages-bottom {
	background-color: #F9F9F9;
	margin-top: 15px;
}
.allpages-bottom h3 {
	font-size: 27px;
	margin-top: 25px;
	margin-bottom: 25px;
}
.categories-choice h3 {
	margin-bottom: 20px;
}
.categories-choice {
	padding: 40px 0px;
}

/*
	box-shadow: 0px 0px 33px -12px #666666;
-moz-box-shadow: 0px 0px 33px -12px #666666;
-webkit-box-shadow: 0px 0px 33px -12px #666666;
	*/
	
.button-action {
	padding-top: 0px;
}

.product-category {

}

.list-group a.active, .list-group a.active:hover, .list-group a:hover {
    text-shadow: none;
}

.categories-aside {
	border-radius: 10px;
	border: 5px solid #f5f5f5;
	background-color: #f5f5f5;
	padding: 15px 15px;
}
@media(max-width:767px) {
	.categories-aside {
		padding: 15px 5px;
	}
}

.categories-aside span.list-group-item.active, 
.categories-aside span.list-group-item.active:focus, 
.categories-aside span.list-group-item.active:hover {
	color: #2a338f;
	background-color: #f5f5f5;
	 border-color: #f5f5f5;
	 text-align: center;
	 padding: 15px 15px;
	 font-size: 18px;
	 text-transform: uppercase;
	 font-weight:bold;
}


.categories-aside a {
	position: relative;
	top:0px;
	left: 0px;
	padding: 15px 10px;
	padding-left: 50px;
	vertical-align: middle;
	text-align: left;
	font-weight: normal;
	text-shadow: none;
	color: #2d2b2d;
	display:block;
	width: 100%;
	float:left;
	border-radius:15px !important;
	border:2px solid #f6ebda;
	margin-bottom: 5px;
}

.categories-aside .list-group-item.active, 
.categories-aside .list-group-item.active:focus, 
.categories-aside .list-group-item.active:hover,
.list-group.categories-aside.categories-aside a.active,
.list-group.categories-aside a.active:hover,
.list-group.categories-aside a:hover {
  z-index: 2;
  color: #2d2b2d;
  background-color: #ffffff;
  border-color: #f6ebda;
  border:2px solid #f6ebda;
  border-radius:15px  !important;
  text-shadow: none;
}
.list-group.categories-aside a:hover,
.list-group.categories-aside a.active,
.list-group.categories-aside .list-group-item.active, 
.categories-aside .list-group-item.active:hover {
	background-color:#f5f5f5 !important;
	border:2px solid #2a338f !important;
	color: #2a338f!important;
}
.list-group.categories-aside a.active span {
	font-weight:bold;
}

.categories-aside .list-group-item.title-only.active {
	border-color: #f5f5f5 !important;
}

@media(min-width:550px) {
	.categories-aside a {
		width: 50%;
	}
}
@media(min-width:720px) {
	.categories-aside a {
		width: 33.33333333%;
	}
}
@media(min-width:1000px) {
	.categories-aside a {
		width: 25%;
	}
}
.categories-aside span.icon {
	font-size: 24px;
	position: absolute;
	top: 8px;
	left: 3px;
	text-align: center;
	border-radius: 50%;
	display: block;
	padding: 5px 5px;
	width: 40px;
	height: 40px;
	line-height: 29px;
	text-align: center;
	vertical-align: middle;
	background-color: #DC261C;
	color: #ffffff;
}
.categories-aside span.icon.icon-croissant {
	font-size: 15px;
}
.categories-aside  .hot-drinks-machines span.icon {
	background-color: #d50000;
	border: 2px solid #d50000;
}
.categories-aside .food-machines span.icon {
	background-color: #DC261C;
	border: 2px solid #DC261C;
}
.categories-aside .cold-drinks-machines span.icon {
	background-color: #ffe61f;
	border: 2px solid #ffe61f;
	color: #2d2b2d;
}
.categories-aside .water-dispenser-machines span.icon {
	background-color: #50a5ed;
	border: 2px solid #50a5ed;
}
.categories-aside span.title {
    font-weight: normal;
}
.title-only {
	line-height: 1em;
}

.content-image img {
	max-width: 100%;
}
.container #content {
	padding-top: 20px;
	padding-bottom: 20px;
}
aside {
	padding-top: 0px;
	padding-bottom: 20px;
}

/* section v box icons */
.section-vboxicons {}

.section-title span.subtitle, 
.section-title span.title {
	display: block;
}
.section-vboxicons .section-title {
	padding: 0px 0px;
}
.section-title {
    margin: 0 0 0px;
	font-weight: bold;
	text-align: center;
}
.section-title span.subtitle {
    font-size: 18px;
    margin: 0 0 0px 0;
    display: block;
	color: #ed1c24;
	font-weight: 700;
	font-style: italic;
	line-height: 1.2em;
}
.darkbg .section-title span.subtitle {
	color: #ffffff;
}
.section-titlebox .section-title, 
h1.section-title, 
h2.section-title, 
h3.section-title, 
h4.section-title, 
h5.section-title {
	position: relative;
	margin: 5px 0px 10px 0px;
	padding-bottom: 0px;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 21px;
	color: #ed1c24;
}

.section-titlebox .section-title,
h2.section-title {
	font-size: 22px;
}

@media(min-width:600px) {
	.section-titlebox .section-title,
	h2.section-title {
		font-size: 31px;
	}
}

.image-bg .section-titlebox .section-title {
	text-align: left;
}

.allpages-bottom .section-title, 
h2.section-title {
	position: relative;
}	

.section {
	margin-bottom: 0px;
}
.greybg {
	background-color: #F9F9F9;
}
.section-vboxicons .column-title {
	margin: 10px 0px 10px 0px;
	text-align: center;
	position: relative;
	top: 0px;
	left: 0px;
}
.section-vboxicons .column-title:after {
    content: '';
    display: block;
    width: 50px;
    height: 2px;
    background-color: #DC261C;
    margin: 0px auto;
    margin-top: 10px;
}
.section-vboxicons .column-title span.title {
    font-size: 1em;
    color: #2d2b2d;
}
.section-vboxicons .item-text .description {
	text-align: center;
}
.iconbox-wrapper {
	width: 70px;
	height: 70px;
	text-align: center;
	vertical-align: middle;
	margin: 0px auto;
	border: 2px solid #DC261C;
	background-color: #ffffff;
	color: #DC261C;
	border-radius: 50%;
}
.iconbox-wrapper span {
	font-size: 35px;
	font-weight: normal;
	line-height: 65px;
	vertical-align: middle;
}
.section-item.item-vboxicon:hover .iconbox-wrapper {
	border: 2px solid #DC261C;
	background-color: #DC261C;
	color: #2d2b2d;
}
.item-vboxicon {
	padding-top: 25px;
	padding-bottom: 25px;
	padding: 25px 25px;
}
.section-item.item-vboxicon:hover {
	background-color: #ffffff;
	box-shadow: 0px 2px 20px 4px rgba(0, 0, 0, 0.03);
}

.section-item.item-vboxicon:hover .iconbox-wrapper span {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    -webkit-filter: FlipH;
    filter: FlipH;
    -ms-filter: "FlipH";
}
.section-item.item-vboxicon .iconbox-wrapper span  {
    -webkit-transition: .5s;
    transition: .5s;
}

/* ./ section v box icons */

/* section text with image */
.section .image-part {
	width: 100%;
	position: relative;
	top:0px;
	left:0px;
}
.section .content-part {
	width: 100%;
	padding: 0px 0px 25px 0px;
}
@media (max-width: 767px) {

}
.section .image-part img {
	max-width: 100%;
}
.section .image-left .content-part {
	float:none;
	padding-left: 0px;
}
.section .image-right .content-part {
	float:none;
	padding-right: 0px;
}.section .image-left .image-part {
	float:none;
	text-align: center;
}
.section .image-right .image-part {
	float:none;
	text-align: center;
}

@media (max-width: 767px) {
	.button-action.cta-box {
		margin-top: 20px;
	}
}
@media (min-width: 768px) {
	.section .image-part {
		width: 40%;
	}
	.section .content-part {
		width: 60%;
		padding: 0px 0px;
	}
	
	.section.equal .image-part {
		width: 50%;
	}
	.section.equal .content-part {
		width: 50%;
		padding: 0px 0px;
	}
	
	.section .image-part img {
		max-width: 100%;
	}
	.section .image-left .content-part {
		float:right;
		padding-left: 30px;
	}
	.section .image-right .content-part {
		float:left;
		padding-right: 30px;
	}.section .image-left .image-part {
		float:left;
		text-align: left;
	}
	.section .image-right .image-part {
		float:right;
		text-align: right;
	}
}

.section .image-bg .content-part {
	width: 100%;
	max-width: 5100%;
	font-size: 18px;
	line-height: 1.6em;
	color: #000000;
}
@media (min-width: 768px) {
	.section .image-bg .content-part {
		width: 60%;
		max-width: 580px;
		font-size: 18px;
		line-height: 1.6em;
		color: #000000;
	}
	
}

.section .section-container {
    margin: 20px 0px 0px 0px;
	position: relative;
	padding: 0px 15px;
}
/*@media (min-width: 1200px) {*/
@media (min-width: 1339px) {
	.section .section-container {
		padding: 0px 0px;
	}
}
.sectioncontentbox {
	position: relative;
	top: 0px;
	left: 0px;
}
.sectioncontent-item {
	margin-bottom: 20px;
}
.sectioncontentbox .item-icon {
	position: absolute;
	top: 0px;
	left: 0px;
}
.sectioncontentbox .iconbox-wrapper {
	width: 50px;
	height: 50px;
	text-align: center;
	vertical-align: middle;
	margin: 0px auto;
	border: 1px solid #DC261C;
	background-color: #ffffff;
	color: #DC261C;
	border-radius: 50%;
}
.sectioncontentbox:hover .iconbox-wrapper {
    border: 1px solid #DC261C;
    background-color: #DC261C;
    color: #2d2b2d;
}


.sectioncontentbox .iconbox-wrapper span {
    font-size: 26px;
    font-weight: normal;
    line-height: 48px;
    vertical-align: middle;
}
.sectioncontentbox .item-text {
	padding-left: 70px;
}

.sectioncontentbox .column-title {
    margin: 0 0 5px;
    font-weight: normal;
}
.sectioncontentbox .column-title span.title {
    font-size: 18px;
    font-family: 'OpenSansCondensedBold', sans-serif;
    color: #2d2b2d;
	font-weight: 400;
}
.sectioncontentbox .column-title.no-subtitle {
	margin: 0 0 0px;
}
.sectioncontentbox .item-text {
	padding-top: 0px;
	padding-bottom: 0px;
}
.sectioncontent-items {
	padding-top: 10px;
}
.section {
	padding: 15px 0px;
}
.sectioncontent-item .description  {
	font-size: 16px;
}
.sectioncontent-item .description p {
	margin-bottom: 1px;
}
.item-icon i.icon {
	font-size: 27px;
	color: #ed1c24;
}
.sectioncontentbox.standard-icon .item-text {
	padding-left: 40px;
}
/* ./ section text with image */
/* inquiry form */
.inquiry-form {
	max-width: 800px;
	margin: 0px auto;
	margin: 0px auto;
	margin: 0px auto;
	margin: 0px auto;
}
.inquiry-form .buttons .cta-btn {
	min-width: 250px !important;
}
.inquiry-form .buttons span {
	margin-left: 10px !important;
	letter-spacing: 1px;
}

.alert {
	margin: 20px 0px;
	text-align: center;
}
.captcha-image {
	text-align: center;
}
.captch-input {
	margin: 0px auto;
	width: 250px;
	margin-top: 10px;
}
.captchabox .control-label {
	display: block;
	text-align: center;
}
.inquiry-form .form-control {
    border-radius: 8px;
	padding: 10px 10px;
	height: auto;
	font-size: 1em !important;
	line-height: 1.1em !important;
}
.inquiry-form  label {
    margin-bottom: 1px;
	font-size: 1em !important;
}
.text-danger {
    color: #d50000;
	font-size: 0.7em;
	text-align: center;
	line-height: 1em;
}
.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label {

    color: #d50000;

}
.alert-danger {
    color: #d50000;
    background-color: #f2dede;
    border-color: #ebccd1;
}
.agreement-box {
	margin: 10px 0px;
}
.agreement {
	margin: 5px 0px;
}
.buttons.center {
	text-align: center;
}
.success-page p {
	text-align: center;
}
.align-center {
	text-align: center;
}
.success-page .image  {
	margin-bottom: 15px;
}
.message  {
	padding: 20px 0px
}
.captchabox {
	margin-top: 15px;
}
/* ./inquiry form */
/* contact us page */
.information-contact .contact-details {
	background-color: #F9F9F9;
	padding: 30px 15px;
	margin: 0px 0px;
	position: relative;
}
@media (min-width: 768px) {
	.information-contact .contact-details {
		padding: 30px 30px;
		margin: 0px 0px;
	}
}
.information-contact div.title {
    font-size: 1.1em;
    color: #DC261C;
	font-weight: bold;
}
.width50 {
	width: 100%;
}
@media (min-width: 768px) {
	.width50 {
		float: left;
		width: 50%;
	}
}
.information-contact .contact-details ul {
    margin: 30px 0px;
    list-style: none;
    padding: 0px 0px;
}
.information-contact .contact-details ul li {
    margin-bottom: 40px;
}
.information-contact .contact-details .circle-icon {
    color: #DC261C;
    background-color: #ffffff;
    width: 45px;
    height: 45px;
    line-height: 45px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    text-align: center; 
	position: absolute; 
	top: 1px;
	left: 5px;
}
.information-contact .contact-details li:hover .circle-icon {
	color: #ffffff;
    background-color: #DC261C;
}
.information-contact .contact-details li:hover .fa {
	color: #ffffff;
}
.information-contact .contact-details .fa {
    font-size: 24px;
    line-height: 45px;
    color: #DC261C;
}
.information-contact .contact-details .text-box {
    padding-left: 15px;
    padding-top: 10px;
    font-size: 20px;
	margin-left: 50px;
}
.contact-item {
	position: relative;
	top: 0px;
	left: 0px;
}

.subinfo a {
	margin-top: 3px;
	font-size: 0.9em;
}

.information-contact .contact-details a:hover {
	color: #DC261C;
}
.information-contact .contact-details .text-box {
	padding-top: 0px;
}
.information-contact .mapouter {

    text-align: right;
    height: 459px;
    width: 100%;

}
.information-contact .gmap_canvas {
    overflow: hidden;
    background: none !important;
    height: 459px;
    width: 100%;
}
.contact-image {
	position: relative;
	top:0px;
	left:0px;
	height: 100%;
}.contact-image img {
	position: absolute; 
	bottom: 0px;
	right: 0px;
}
#contact-form {
	padding: 30px 0px;
}
@media (min-width: 768px) {
	#contact-form {
		padding: 30px 30px;
	}
}
.contact-details li .title {
	color: #2d2b2d;
	font-weight: bold;
	font-size: 1em;
}
.above-info {
	margin-bottom: 20px;
}
.agreement {
	font-size: 0.9em;
	line-height: 1.2em;
}

.information-inquiry .inquiry-form {
	padding: 20px 0px;
	padding-top: 0px;
}
/* ./ contact us page */
.content-image {
	text-align: center;
}
@media (min-width: 768px) {
	.content-image {
		text-align: right;
	}
}
.content-description h2 {
	font-weight: 700;
	text-transform: uppercase;
    font-size: 22px;
    color: #2d2b2d;
	margin: 10px 0px 15px 0px;
	position: relative;
	top:0px;
	left:0px;
}
#content .has-image .content-description {
	text-align: left;
}
#content .no-image .content-description {
	text-align: center;
	margin: 0px auto;
}
#content .no-image .content-description p {
	margin-left: auto;
	margin-right: auto;
	max-width: 92%;
}
@media (max-width: 767px) {
	#content .no-image .content-description {
		padding-bottom: 0px;
	}
}
@media (min-width: 768px) {
	#content .no-image .content-description p {
		max-width: 70%;
	}
	#content .no-image .content-description {
		text-align: center;
		margin: 0px auto;
	}
}



.no-image .content-description h2:after {
    margin: 0px auto;
	margin-top: 10px;
}
.shortdescr {
	padding: 20px 0px;
}
.has-products .shortdescr {
	padding-bottom: 0px;
}
.shortdescr .content-description {
    text-align: center;
    margin: 0px auto;
}
.shortdescr .content-description p {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
}
@media (min-width: 768px) {
	.shortdescr .content-description p {
		max-width: 70%;
	}
}


/* mobile menu */
#header-mobile {
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;	
	border-bottom: 1px solid #2a338f;
}
.sticky #header-mobile { 
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 999;
	width: 100%;
	background-color: rgba(255, 255, 255, 0.99);
	
	 -webkit-box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3);
  -moz-box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3);
  box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3);
  
  animation:slide-down 0.7s;
  border-bottom: 0px solid #ffffff;
}
@media (max-width: 767px) {
	.sticky #header-mobile a.inquiry-button {
		padding: 9px 10px;
		width: auto;
		margin: 9px 15px 0px 0px;
	}
	.sticky #header-mobile .mobile-logo {
		text-align: center;
		margin: 0px 0px;
	}
	.sticky .mobile-logo a {
	
	}
}
.mobile-menu .navbar {
    min-height: 0px;
    margin-bottom: 0px;
    border: 0px solid transparent;
}
.mobile-menubox {
	background-color: #ffffff;
	float: right;
	padding-top: 10px;
}
.sticky .mobile-menubox {
	padding-top: 0px;
}

.menu-trigger {
	float: left;
}

.mobile-logo {
	text-align: center;
	margin: 3px 0px;
	float: left;
	padding-left: 15px;
	margin-top: 0px;
}
.mobile-logo a {
	display:block;
	text-align: center !important;
	margin: 0 auto;
	margin: 3px auto;
}
.sticky  .mobile-logo a {
    margin: 0 auto;
    margin: 0px 0px;
    padding: 3px 10px;
}
.sticky #header-mobile .mobile-logo {
	padding-left: 0px;
}

#sticky-mobileheader .mobile-logo a {
	margin-top: 5px;
}
.mobile-logo img {
	text-align: center;
	margin: 0px auto;
	max-width: 200px !important;
}
@media (min-width: 340px) {
	.mobile-logo img {
		max-width: 280px !important;
	}
}
@media (min-width: 410px) {
	.mobile-logo img {
		max-width: 320px !important;
	}
}
@media (min-width: 480px) {
	.mobile-logo img {
		max-width: 408px !important;
	}
}
@media (max-width: 767px) {
	.mobile-logo img {
		max-height: 100px !important;
	}
}
.logo-sticky {
	display: none;
}
.sticky .logo-sticky {
	display: block;
}
.sticky .logo-standard {
	
}


.mobile-logo img {
	max-width: 120px !important;;
}

.mobile-logo-2 {
	float:left;
	margin-left: 10px;
	margin-top:5px;
}

.sticky .mobile-logo-2 {
	margin-left: 0px;
}

.mobile-logo-2 img {
	max-width: 110px !important;
}


.menu-trigger .navbar-toggle {
    margin-right: 5px;
    margin-left: 0px;
	padding: 15px 15px;
	margin-bottom: 1px !important;
	margin-top: 1px !important;
}
.sticky  .menu-trigger .navbar-toggle {
	padding: 15px 15px;
	margin-bottom: 0px;
	margin-top: 0px !important;
}
.menu-trigger .offcanvas-toggle .icon-bar {
    background: #2a338f;
}
.menu-trigger .offcanvas-toggle:hover  .icon-bar {
    background: #d50000;
}

.navbar-offcanvas {
	z-index: 99999999 !important;
	padding-left: 0px !important;
	padding-right: 0px !important;
}
.mobile-menu .navbar-default .navbar-offcanvas {
    background-color: #ffffff !important;
}
.mobilemenu-title, 
.submobilemenu-title {
	padding: 12px 15px;
	color: #444444;
	background-color: #f5f5f5;
	border-bottom: 1px solid #eee;
	font-size: 15px;
	position: relative;
	top: 0px;
	left: 0px;
	text-transform: uppercase;
}
.mobilemenu-title {
	background-color: #2a338f;
	color: #ffffff;
	font-size: 17px;
	letter-spacing: 1px;
	font-weight: 700;
}
.submobilemenu-title {
	padding: 10px 15px;
	font-weight: bold;
}
.btnclose-menu {
	display: block;
	position: absolute;
	top: 0px;
	right: 0px;
	padding: 9px 20px;
}
.btnclose-menu .fa {
	color: #ffffff;
	padding: 0px 0px;
	margin: 0px 0px;
	font-size: 28px;
}
.btnclose-menu:hover .fa {
	color: #ffffff;
}
.mobile-menu .navbar-default .navbar-nav > li {
	border-bottom: 1px solid #F9F9F9;
}
.mobile-menu .navbar-default .navbar-nav > li:hover {
	    border-bottom: 1px solid #2a338f;
}
.mobile-menu .navbar-default .navbar-nav > li > a {
font-size: 18px;
line-height: 20px;
padding: 15px 15px;
}
.mobile-menu .navbar-default .navbar-nav > li > a,
.mobile-menu .navbar-default .navbar-nav > li > a:focus, 
.mobile-menu .navbar-default .navbar-nav > li > a:visited, 
.mobile-menu .navbar-default .navbar-nav > li > a:active {
	color: #2d2b2d;
}
.mobile-menu .navbar-default .navbar-nav > li > a:hover {
	color: #c5001a;
}

.mobile-menu .navbar-default .navbar-nav > li.client-portal > a {
	background: #DC261C;
	color: #ffffff;
}
.mobile-menu .navbar-default .navbar-nav > li.client-portal > a .fa-chevron-right {
	position: absolute;
	right: 22px;
	top: 16px;
}
.mobile-menu .navbar-default .navbar-nav > li > a:focus,  
.mobile-menu .navbar-default .navbar-nav > li > a:active {
	background-color: #F9F9F9;
    color: #c5001a;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
	color: #2d2b2d;
    background-color: #ffffff;
}

.mobile-menu .dropdown-menu a {
	color: #2d2b2d;
	font-size: 17px;
	line-height: 20px;
	position: relative;
	display: block;
	font-weight: 400 !important;
	position: relative;
    top: 0px;
    left: 0px;
    padding: 15px 15px;
    padding-left: 40px;
    vertical-align: middle;
    text-align: left;
	margin-left: 10px;
}
.navbar-offcanvas .dropdown-menu.shown {
    margin-bottom: 1px;
}
.mobile-menu .dropdown-menu a:hover { 
	color: #c5001a;
}
.mobile-menu .dropdown-menu li a span.icon {
    position: absolute;
    top: 17%;
    left: 2px;
    background-color: #DC261C;
    color: #ffffff;
    border-radius: 50%;
    font-size: 20px;
    display: block;
    padding: 5px 5px;
    width: 40px;
    height: 40px;
    line-height: 25px;
    text-align: center;
    vertical-align: middle;
    border: 2px solid #DC261C;
}
.mobile-menu .dropdown-menu li {
    border-bottom: 1px dotted #F9F9F9;
}
.mobile-menu .dropdown-menu li:last-child {
    border-bottom: 0px dotted #2d2b2d;
}
.mobile-menu .dropdown-menu li:hover {
    border-bottom: 1px dotted #2d2b2d;
}
.mobile-menu .dropdown-menu li:last-child:hover {
    border-bottom: 0px dotted #F9F9F9;
}
.mobile-menu span.title {
    font-weight: normal;
	display: inline-block;
    margin-left: 10px;
}

.mobile-menu ul .fa {
	font-size: 19px;
}
.btnclose-fullwidth {
	display: block;
	width: 100%;
	padding: 10px 10px;
	background-color: #2a338f;
	text-align: center;
	font-size: 17px;
	color: #ffffff;
}
.btnclose-fullwidth:hover {
	color: #ffffff;
	background-color: #DC261C;
}

.menu-trigger .icon-bar {
    display: block;
}
.menu-trigger .icon-bar + .icon-bar {
    margin-top: 6px;
} 
.menu-trigger .icon-bar {
    width: 40px !important;
    height: 4px !important;
    border-radius: 30px !important;
}

.mobile-menu .navbar-nav li a.dropdown-trigger {
	display: block;
	position: absolute;
	top: 0px;
	right: 0px;
	padding: 15px 15px;
	width: 60px;
	text-align: center;
	background-color: #2a338f;
	color: #ffffff;
}
 .mobile-menu .navbar-nav li a.dropdown-trigger:active,
.mobile-menu .navbar-nav li a.dropdown-trigger:focus {
	background-color: #2a338f;
	color: #ffffff;
}
 
.mobile-menu .navbar-nav li.open a.dropdown-trigger, 
.mobile-menu .navbar-nav li a.dropdown-trigger:hover {
	background-color: #DC261C;
	color: #ffffff;	
}
.mobile-menu .navbar-nav li a.dropdown-trigger .fa {
    font-size: 19px;
    margin-right: 0px;
	-webkit-transition : all 500ms ease-out;
    -moz-transition : all 500ms ease-out;
    -o-transition : all 500ms ease-out;
    transition : all 500ms ease-out;
}
.mobile-menu .navbar-nav li a.dropdown-trigger .fa-chevron-up {
	display: none;
}
.mobile-menu .navbar-nav li.dropdown.open > a.dropdown-trigger .fa-chevron-up {
	display: inline-block;
}
.mobile-menu .navbar-nav li.dropdown.open > a.dropdown-trigger .fa-chevron-down {
	display: none;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    color: #2d2b2d;
    background-color: #F9F9F9;
}

#menu .dropdown li a span.icon {
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: #DC261C;
	color: #ffffff;
	border-radius: 50%;
	font-size: 27px;
	display: block;
	padding: 2px 2px;
	width: 40px;
	height: 40px;
	line-height: 30px;
	text-align: center;
	vertical-align: middle;
	border: 2px solid #DC261C;
}
.mobile-menu  .dropdown .hot-drinks-machines a span.icon {
	background-color: #d50000;
	border: 2px solid #d50000;
}
.mobile-menu .dropdown .food-machines a span.icon {
	background-color: #DC261C;
	border: 2px solid #DC261C;
}
.mobile-menu .dropdown .cold-drinks-machines a span.icon {
	background-color: #ffe61f;
	border: 2px solid #ffe61f;
	color: #2d2b2d;
}
.mobile-menu  .dropdown .water-dispenser-machines a span.icon {
	background-color: #50a5ed;
	border: 2px solid #50a5ed;
}

.mobile-menu .dropdown li a:hover span.icon {
	background-color: #ffffff;
	border: 2px solid #DC261C;
	color: #2d2b2d;
}

.mobile-menu .dropdown li a span.icon.icon-croissant, 
.mobile-menu  .dropdown li a span.icon.icon-cloud {
	font-size: 14px;
}
.mobile-menu  .dropdown li a span.icon.icon-delivery  {
	font-size: 16px;
}
.mobile-menu .dropdown li a span.icon.icon-soda {
	font-size: 23px;
}


.rights {
	display: block;
	line-height: 1.7em;
}
/* ./ mobile menu */
@media (min-width: 417px) {
	.rights {
		display: inline;
	}
}
.mobileblock {
	display: block;
	line-height: 1.7em;
}
.copy-devider {
	display: none;
}
@media (min-width: 630px) {
	.mobileblock {
		display: inline;
	}
	.copy-devider {
		display: inline;
	}
}

/* modules */
.section.about-homepage .image-right .content-part {
	padding-right: 0px;
}
.section.about-homepage .section-container {
	margin: 0px 0px 20px 0px;
}
@media (min-width: 768px) {
	.section.about-homepage .image-right .content-part {
		padding-right: 20px;
	}
	.section.about-homepage .section-container {
		margin: 20px 0px 20px 0px;
	}
}
.section.about-homepage .image-right .content-part .contentpart-wrapper {
    padding: 25px 25px;
	background-color: #F9F9F9;
	position: relative;
	color: #3e3e3e;
}
.section.about-homepage .image-right .image-part {

    text-align: center;

}
.section.about-homepage .button-action {
    padding-top: 9px;
}

.information #content h2 {
	text-align: center;
	font-weight: bold;
    font-size: 1.4em;
    color: #2d2b2d;
	margin: 15px 0px 15px 0px;
	position: relative;
	top:0px;
	left:0px;
	margin-bottom: 30px;
	line-height: 1.4em;
}
.not-found #content {
	padding: 30px 0px;
	text-align: center;
}
.not-found #content p {
	margin-top: 30px;
	margin-bottom: 30px;
	text-align: center;
}
.not-found #content .buttons {
	text-align: center;
}
.information #content a, 
.information #content a:active, 
.information #content a:visited {
	color: #2a338f;
}
.information #content a:hover {
	color: #2a338f;
	text-decoration: underline;
}
/* preloading */
.no-js #preloading {
    display: none;
	width: 0;
	height: 0;
	z-index:-50;
}
#preloading {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	overflow: hidden;
	background: #ffffff;
	z-index:9999999;
	text-align: center;
}
#preloading img {
	text-align: center;
	display: block;
	/*width: 170px;*/
	margin: 0px auto;
	position: relative;
	z-index: 10;
	top: 43%;
	left: auto;
}
.loaded #preloading {
	display: none;
}
/* ./ preloading */

#menu-wrap {
	background-color: #2a338f;

}

/* footer */
.footer-logo {
	text-align: center;
}
.footer-logo img {
	max-width: 380px !important;
}
@media (max-width: 767px) {
	.footer-logo img {
		max-width: 260px !important;
	}
}
.footer-bottom {
	background-color: #2a338f;
}
.footer-bottom p {
	margin: 0px auto;
	padding: 10px 0px;
	text-align: center;
	font-size: 0.9em;
	color: #ffffff;
}
.footer-middle {
	padding: 40px 0px 40px 0px;
}
.footer-title {
	position: relative;
	top:0px;
	left:0px;
	padding-bottom: 20px;
	text-transform: uppercase;
	font-family: 'PTSans', sans-serif;
	font-weight: 700;
	text-align: center;
}
.footer-middle ul {
	list-style: none;
	padding: 0;
	margin: 5px 0px 5px 0px;
	text-align: center;
}
@media (max-width: 767px) {
	.footer-middle ul li a {
		display: block;
		padding-bottom: 5px;
	}
}
/* ./ footer */

.darkerbg {
	background-color: #f6ebda;
}

/* section steps */
.section.steps {
	background-color: #F3F3F3;
}
.section .section-subtitle, 
.section-titlebox .section-subtitle {
	color: #2a338f;
	font-weight: 400;
	text-align: left;
	font-size: 22px;
	line-height: 1.2em;
}
@media(min-width:600px) {
	.section .section-subtitle, 
	.section-titlebox .section-subtitle {
		font-size: 25px;
	}
}
.darkbg.section .section-subtitle, 
.darkbg .section-subtitle {
	color: #F3F3F3;
}
.section-title {
	margin-bottom: 20px;
}
/*@media (max-width: 1199px) {*/
@media (max-width: 1340px) {
	.section-title,
	.section-subtitle {
		padding-left: 15px;
		padding-right: 15px;
	}
}
.section .section-title h1, 
.section .section-title h2,
.section .section-title h3,
.section .section-titlebox h3 {
	position: relative;
	margin: 5px 0px 10px 0px;
	padding-bottom: 20px;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 22px;
	text-align: center;
}
@media (max-width: 767px) {
	.section .section-title h1, 
	.section .section-title h2,
	.section .section-title h3,
	.section .section-titlebox h3 {
		font-size: 19px;
	}
}

.content-description h2 {
	position: relative;
	padding-bottom: 20px;
}
#content .has-image .content-description h2::after {
	margin-left: 0px;
}

.darkbg.section h2, 
.darkbg.section h3, 
.darkbg.section .section-title {
	color: #ffffff;
}
.steps-list ul {
	list-style: none;
	padding: 0;
	margin: 5px 0px 5px 0px;
}
.step {
	position: relative;
	top: 0px;
	left: 0px;
	margin-top: 10px;

}

.step .step-icon { 
	position: absolute;
	top: 0px;
	left: 0px;
	width: 60px;
	height: 60px;
	-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
	background-color: #2a338f;
	color: #ffffff;
	font-size: 30px;
	font-weight: 700;
	line-height: 57px;
	text-align: center;
	vertical-align: middle;
	-webkit-transition: all .5s;
    transition: all .5s;
	border: 2px solid #ed1c24;
}
li:hover .step .step-icon {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
	
    background-color: #ed1c24; 
}
.step .step-description { 
	margin-left: 80px;
}
.step .step-description h4, 
.step .step-description h3 {
	font-size: 18px;
	margin: 5px 0px 1px 0px;
	padding: 0px 0px;
	text-transform: uppercase;
	font-weight: 700;
	color: #2a338f;
}
.step .step-description h4 span.title, 
.step .step-description h3 span.title {
    font-size: 18px;
    line-height: 1.3em;
}
li:hover .step .step-description h4, 
li:hover .step .step-description h3 {
	color: #ed1c24;
}
li:hover .step {
	
}
.steps-list ul li {
    overflow: hidden;
    margin-bottom: 15px;
}
.section {
    padding: 40px 0px;
}
@media(min-width:600px) {
	.section {
		padding: 60px 0px;
	}
}
@media(max-width:700px) {
	#section-74 {
		padding-top: 0px;
		padding-bottom: 0px;
	}
}
.cta-box.align-left {
	text-align: left;
}
@media (max-width: 767px) {
	.cta-box.align-left {
		text-align: center;
	}
}
.notop-padding {
	padding: 0px 0px;
}

.cta-box a.cta-button {
	display: inline-block;
	border: 1px solid #ed1c24;
	color: #ffffff;
	line-height: 1em;
		-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 10px;
min-width: 150px !important;
text-align: center;

}
.section-highlight, 
.short-description {
	font-weight: 400;
	max-width: 700px;
	margin: 0px auto !important;
	text-align: center;
}

.darkbg .section-highlight {
	color: #ffffff;
	margin-bottom: 15px !important;
}

.wider-highlight .section-highlight {
	max-width: 80%;
}
/* ./ section steps */

/* section our services */
.vicon-item {
	
	background-color: #ffffff; /* #F3F3F3; */
	text-align: center;
	margin: 0 5px 30px;
	padding: 25px 30px 30px;
	position: relative;
	top:0px;
	left: 0px;
	-webkit-box-shadow: 0 0 25px 0 rgba(41,61,88,.06);
	-moz-box-shadow: 0 0 25px 0 rgba(41,61,88,.06);
	box-shadow: 0 0 25px 0 rgba(41,61,88,.06);
	transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	
	box-shadow: 0px 0px 25px rgba(0,0,0,0.15);
	
}
.vicon-item .title {
	font-weight: 400;
	padding: 3px 0px;
	font-family: "OpenSansCondensedBold", sans-serif;
	text-transform: uppercase;
}
.vicon-item .subtitle {
	font-weight: 400;
	padding: 0px 0px;
	font-family: "PTSans", sans-serif;
	text-transform: none;
	display: block;
	text-align: center;
	font-size: 0.9em;
	font-style: italic;
	line-height: 1em;
	color: #ed1c24;
}
.vicon-item:hover .subtitle {
	color: #2d2b2d;
}
.vicon-item .description {
	font-size: 0.9em;
	line-height: 1.4em;
}
.greybg .icon-box {
	background-color: #2a338f;
color: #ffffff;
}
.icon-box {
	margin: 0px auto;
	position: relative;
	top:0px;
	left: 0px;
	text-align: center;
	vertical-align: middle;
	border: 3px solid #ffffff;
		-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: #F3F3F3;
	width: 100px;
	height: 100px;
	line-height: 100px;
	margin-bottom: 15px;
	z-index: 1;
	
	-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.horizontal-item:hover .icon-box {

    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    background-color: #ed1c24;

}

.vicon-item .icon-box .icon, 
.vicon-item .icon-box .fa {
	position: relative;
	z-index: 2;
	font-size: 52px;
}
.vicon-item .icon-box .icon.icon-power-line {
	font-size: 60px;
}
.vicon-item .icon-box .icon.icon-calendar {
	font-size: 43px;
}
.vicon-item .icon-box .icon::before {
	z-index: 2;
}
.vicon-item:hover .icon-box::after {
    visibility: visible;
    opacity: 1;
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
}
.vicon-item .icon-box::after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #ed1c24;
    content: '';
    z-index: 1;
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.icon-box .icon, 
.icon-box .fa {
	color: #ed1c24;
	line-height: 95px;
}
.greybg .icon-box .icon, 
.greybg .icon-box .fa {
	color: #ffffff;
}

.horizontal-item:hover .icon-box .icon  {
	color: #ffffff;
}
.vicon-item:hover .icon-box .icon, 
.vicon-item:hover .icon-box .fa {
	color: #ffffff;
}
.vicon-item:hover .title {
	color: #ed1c24;
}

.vicon-item:hover {
	box-shadow: 0px 0px 20px rgba(0,0,0,0.25);
	
}
.vicon-item:hover::after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.vicon-item::after {
    position: absolute;
    content: '';
    bottom: 0;
    width: 100%;
    height: 4px;
    background-color: #ed1c24;
    left: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
/* ./ section our services */
.our-advantages { 
	background-image: url("../image/4.jpg");
background-attachment: fixed;
background-repeat: no-repeat;
background-position: center center;
position: relative;
}
.our-advantages::before { 
position: absolute;
content: '';
left: 0px;
top: 0px;
width: 100%;
height: 100%;
display: block;
background-color: rgba(35,61,99,0.75);
}
.our-advantages .container {
	position: relative;
	z-index: 1;
}	
.advantage-item {
	position: relative;
	top: 0px;
	left: 0px;
	background-color: #ffffff;
	margin-bottom: 20px;
	transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}

.advantage-item:hover {
    box-shadow: 0px 0px 20px rgba(255,255,255,0.75);
}
.advantage-item:hover::before, .advantage-item:hover::after {
    width: 100%;
}
.advantage-item::before {
    position: absolute;
    content: '';
    left: 0px;
    bottom: 0px;
    height: 4px;
    width: 0px;
    background-color: #ed1c24;
    transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
}
.advantage-item::after {
    position: absolute;
    content: '';
    right: 0px;
    bottom: 0px;
    height: 4px;
    width: 0px;
    background-color: #ed1c24;
    transition: all 1000ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
}
.even .advantage-item .icon-box { 
	position: absolute;
	top: 20px;
	right: 20px;
	left: auto;
}
.even .advantage-item .item-description {
	margin-right: 120px;
	text-align: right;
	padding-left: 5px;
}
.odd .advantage-item .icon-box { 
	position: absolute;
	top: 20px;
	right: auto;
	left: 20px;
}
.odd .advantage-item .item-description {
	margin-left: 120px;
	text-align: left;
	padding-right: 5px;
}
@media (max-width: 767px) {
	.even .advantage-item .icon-box { 
		position: relative;
		top: 0px;
		right: 0px;
		left: auto;
	}
	.even .advantage-item .item-description {
		margin-right: 0px;
		text-align: center;
		padding-left: 0px;
	}
	.odd .advantage-item .icon-box { 
		position: relative;
		top: 0px;
		right: auto;
		left: 0px;
	}
	.odd .advantage-item .item-description {
		margin-left: 0px;
		text-align: center;
		padding-right: 0px;
	}
}
.advantage-item .title {
	font-weight: 700;
	font-size: 1em;
	margin-bottom: 1px;
	text-transform: uppercase;
	color: #ed1c24;
}
.advantage-item:hover .title {
	color: #2a338f;
}

.advantage-item .icon-box {
	background-color: #2a338f;
	color: #ffffff;
	border-radius: 50%;
	border: 1px solid #2a338f;
}
.advantage-item .icon-box .icon {
    color: #ffffff;
	z-index: 2;
	position: relative;
	font-size: 53px;
}
.advantage-item:hover .icon-box {
	border: 1px solid #ed1c24;
}
.advantage-item:hover .icon-box .icon {
    color: #ffffff;
}

.advantage-item:hover .icon-box::after {
    visibility: visible;
    opacity: 1;
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
}
.advantage-item .icon-box::after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #ed1c24;
    content: '';
    z-index: 1;
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.advantage-item .description {

font-size: 0.9em;
line-height: 1.5em;
}

.other-activity {
	width: 33.33333333%;
	float: left;
}
@media (max-width: 767px) {
	.other-activity {
		width: 100%;
		float: none;
	}
}
.other-activity .middle {
	margin-left: 1px;
	margin-right: 1px;
}
@media (max-width: 767px) {
	.other-activity .middle {
		margin-left: 0px;
		margin-right: 0px;
		margin-top: 1px;
		margin-bottom: 1px;
	}
}
.other-activity .image-wrap {
	position: relative;
	top: 0px;
	left: 0px;
}
.other-activity .image-wrap:before {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}
.other-activity .image-wrap.style-dark:before {
    background: rgba(102,102,102,0.50);
    background: rgba(123,129,186,0.10);
}
.other-activity .image-wrap.style-light:before {
    background: rgba(102,102,102,0.70);
}
.activity-content {
	position: relative;
	top: 0px;
	left: 0px;
}
.custom-container {
	max-width: 1920px;
	margin: 0px auto;
}
.activity-info {
	position: absolute;
	top: 25px;
	left: 25px;
	z-index: 2;
	color: #ffffff;
	-moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
@media (min-width: 1200px) {
	.activity-info {
		top: 60px;
		left: 30px;
	}
}
.activity-info .title {
	text-transform: uppercase;
	font-weight: 700;
	font-size: 21px;
	position: relative;
	top: 0px;
	left: 0px;
}
.activity-info .info {
	font-size: 17px;
	max-width: 350px;
	line-height: 1.3em;
}
@media (max-width: 767px) {
	.activity-info {
		top: 25px;
		left: 25px;
	}
	.activity-info .title {
		font-size: 20px;
	}
	.activity-info .info {
		font-size: 0.95em;
		max-width: 240px;
	}
}
.other-activity .cta-box {
	margin: 15px 0px;
	text-align: left;
}
.other-activity .cta-box a.cta-button {
    display: inline-block;
    border: 1px solid #ffffff;
    color: #ffffff;
    background-color: #2a338f;
    line-height: 1em;
    padding: 10px 20px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 10px;
    min-width: 150px;
    text-align: center;
}
.other-activity .cta-box a.cta-button:hover {
	color: #DC261C ;
	background-color: #ffffff;
}

.other-activity:hover .activity-info {
	padding-left: 40px;
}
.other-activity:hover .title:before {
    width: 30px;
}

.other-activity .title:before {
    background: #fff;
}
.other-activity .title:before {
    content: '';
    position: absolute;
    height: 2px;
    width: 0px;
    left: -40px;
    top: 15px;
    background: #ffffff;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.section.activities-section {
	padding-bottom: 0px;
}

@media (min-width: 768px) and (max-width: 1100px) {
	.activity-info .info {
		display: none;
	}
}
.activity-info .info {
}
/* slider certificates */
.slide-cert-image {
	width: 50%;
	float: left;
}
.slide-cert-image img {

}
.slide-cert-content {
	width: 50%;
	float: left;
}
@media (max-width: 767px) {
	.slide-cert-image {
		width: 100%;
		float: none;
		text-align: center;
	}
	.slide-cert-content {
		width: 100%;
		float: none;
		text-align: center;
	}
	.swiper-certificates .swiper-slide img {
		max-width: 150px !important;
	}
}

#certificates-slider {
	position: relative;
	top: 0px;
	left: 0px;
}
.certificates {
	background-color: #F9F9F9;
}
.certificates .swiper-container {
    background-color: transparent;
}
.swiper-certificates {
	margin-top: 20px;
	padding-bottom: 20px;
}
.swiper-certificates .slide-cert-wrap {
	background-color: #ffffff;
	margin: 0px 35px;
	border: 1px solid #f6ebda;
	border-radius: 5px;
}
@media (max-width: 767px) {
	.swiper-certificates .slide-cert-wrap h3 {
		margin: 0px 0px 5px 0px;
		font-size: 17px;
	}
	.swiper-certificates .slide-cert-wrap h3 br {
		display: none;
	}
}
.slide-cert-image {
	padding: 5px 5px;
}
.swiper-certificates .swiper-slide img {
	-webkit-box-shadow: 0 0 25px 0 rgba(41,61,88,.06);
	-moz-box-shadow: 0 0 25px 0 rgba(41,61,88,.06);
	box-shadow: 0 0 25px 0 rgba(41,61,88,.06);
	transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}
.slide-cert-content {
	padding: 15px 15px;
}
.gallery h3, 
.gallery .title,
.swiper-certificates h3, 
.swiper-certificates .title {
	text-transform: uppercase;
	line-height: 1.4em;
	color: #2a338f;
	font-size: 18px;
	margin-top: 20px;
	margin-bottom: 10px;
}
.gallery h3 .upper-heading, 
.gallery .title .upper-heading,
.swiper-certificates h3 .upper-heading, 
.swiper-certificates .title .upper-heading {
	display: block;
	font-size: 0.9em;
	color: #DC261C;
	text-transform: none;
	margin-bottom: 1px;
}

.swiper-certificates .swiper-wrapper {
	padding-bottom: 40px;
}
.swiper-certificates.swiper-container-horizontal > .swiper-pagination-bullets {

    bottom: 0px !important;

}
.swiper-certificates .swiper-button-next, 
.swiper-certificates .swiper-button-prev {
    background-image: none !important;
    color: #ed1c24 !important;
    font-size: 40px !important;
    text-align: right !important;
    opacity: 0.7 !important;
}
.swiper-certificates .swiper-button-prev {
	text-align: left !important;
}
.swiper-certificates .swiper-slide {
}
.swiper-certificates .description {
	font-size: 1em;
}
a.cert-browse {
	display: inline-block;
	padding: 3px 15px;
	border: 1px solid #2a338f;
	color: #2a338f;
	text-align: center;
	text-transform: uppercase;
	font-size: 0.7em;
}
a.cert-browse:hover {
	color: #ffffff;
	background-color: #2a338f;
}
.cert-actions {
	margin-top: 20px;
}
.slide-cert-wrap:hover .cert-browse i {
	color: #DC261C;
}
.slide-cert-wrap:hover .slide-cert-image img {

}
.certificate-link {
	display: block;
	position: relative;
}
.certificate-link:hover {
	display: block;
	
}

.slide-cert-image:hover .certificate-link {
    background-color: #ffffff;
}
.slide-cert-image i {
	display: none;
}
.slide-cert-image:hover i {
	display: block;
	position: absolute;
	z-index: 1;
	width:100%;
	top: 50%;
	text-align: center;
	vertical-align:center;	
	font-size: 32px;
	color: #ffffff;	
}
.slide-cert-image:hover .certificate-link img {
    opacity: 0.7;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
/* ./ slider certificates */
@media (max-width: 767px) {
	.section.about-us {
		text-align: center;
	}
	.section.about-us ul li {
		text-align: left;
	}
}

.section.about-us ul, 
.section.about-us .sectioncontent-items {
	list-style: none;
	padding: 0px 0px;
	margin: 0px 0px;
	margin-top: 20px;
}
.section.about-us ul li, 
.section.about-us .sectioncontentbox .item-text  {
	padding-left: 80px;
	position: relative;
	margin-bottom: 25px;
}
.section.about-us ul i, 
.section.about-us .sectioncontentbox .iconbox-wrapper {
	color: #ffffff;
	font-size: 33px;
	position: absolute;
	top: 0px;
	left: 1px;
	background-color: #2a338f;
	text-align: center;
	vertical-align:middle;
	width: 60px;
	height: 60px;
	line-height: 55px;
	border-radius: 50%;
	transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
border: 0px solid #ffffff;
}
.section.about-us ul li i::before, 
.section.about-us .sectioncontent-item .icon::before {
	z-index: 2;
	position: relative;
	font-size: 33px;
}
.section.about-us ul li:hover i::after, 
.section.about-us .sectioncontent-item:hover .iconbox-wrapper::after {
    visibility: visible;
    opacity: 1;
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
}
.section.about-us ul li i::after,
.section.about-us .sectioncontent-item .iconbox-wrapper::after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #ed1c24;
    content: '';
    z-index: 1;
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.section.about-us ul li span {
	display: block;
}
.section.about-us ul li span.title,
.section.about-us .sectioncontent-item .column-title span.title {
	font-family: 'OpenSansCondensedBold', sans-serif;
	font-weight: normal;
	font-size: 1em;
	padding-top: 5px;
	color: #2a338f;
}
.section.about-us .section-image {
	padding-top: 30px;
}
.image-50 {
	width: 50%;
	float: left;
}
.image-50.image-left .image {
	margin-right: 10px;
}
.image-50.image-right .image {
	margin-left: 10px;
}
.image-50 .image {
	position: relative;
}
.image-with-video {
	position: relative;
}
@media (max-width: 767px) {
	.faq .image-with-video {
		margin-top: 20px;
	}
}
.image-with-video .image::before {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: block;
    background-color: rgba(35,61,99,0.55);
}
.has-overlay .image-with-video img::before {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: block;
    background-color: rgba(35,61,99,0.25);
	z-index: 2;
}
.video-action {
	position: absolute;
	bottom: 30%;
	left: 45px;
	z-index: 1;
}
.video-bottom-left .video-action {
	bottom: 30%;
	left: 45px;
}
@media (max-width: 767px) {
	.video-action {
		bottom: 30%;
		left: 35px;
	}
	.video-action span {
		display: block;
	}
}
.faq .video-action {
	bottom: 40%;
	left: 45px;
}
@media (max-width: 767px) {
	.faq .video-action {
		bottom: 30%;
		left: 50px;
	}
	.faq .video-action span {
		display: inline;
	}
}
.video-btn {
    margin-top: 35px;
    font-weight: 700;
    display: inline-block;
	color: #ffffff;
	text-transform: uppercase;
	font-size: 0.9em;
}
a.video-btn {
	color: #ffffff;
}
.video-btn i {
    width: 60px;
    height: 60px;
    line-height: 60px;
    background: #ed1c24;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    font-size: 22px;
    margin: 0 8px;
    position: relative;
	color: #ffffff;
	transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
}

.video-btn:hover i {
    transform: rotate(360deg);
    -moz-transition: rotate(360deg);
    -webkit-transition: rotate(360deg);
    -ms-transition: rotate(360deg);
    -o-transition: rotate(360deg);
}
.video-btn:hover i {
	background: #ffffff;
	color: #ed1c24;
}

.section-image {
	position: relative;
	top: 0px;
	left: 0px;
}
.video-btn i::after {
    z-index: -1;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 60px;
    height: 60px;
    -webkit-animation: ripple 1.3s ease-out infinite;
    animation: ripple 1.3s ease-out infinite;
    opacity: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.5);

}
@keyframes ripple {
    0%, 35% {
        transform: scale(0);
        opacity: 1;
    }
    50% {
        transform: scale(1.5);
        opacity: 0.9;
    }
    100% {
        opacity: 0;
        transform: scale(2);
    }
}
#modalyoutube .modal-body {
	padding: 0px 0px;
}
#modalyoutube iframe {
	width: 100% !important;
	height: 100% !important;
}

/* footer contacts */
.footer-contacts {
	background-color: #2a338f;
	margin-top: 1px;
	margin-bottom: 25px;
}
.footer-contacts .container {
	background-color: #2a338f;
	color: #ffffff;
}
.footer-contacts .container a {
	color: #ffffff;
}
.contact-item {
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	font-size: 18px;
}
@media (max-width: 767px) {
	.contact-item {
		padding-top: 30px;
		padding-bottom: 30px;
		padding-left: 20px;
		border-bottom: 1px solid #ffffff;
	}
	.contact-item.inquiry {
		border-bottom: 0px solid #ffffff;
	}
}
.contact-item a {
	display: block;
	position: relative;
}
.contact-item span {
	display: block;
	margin-left: 50px;
}
.contact-item i {
    font-size: 40px;
    position: absolute;
    top: 0px;
    left: 0px;
    color: #ffffff;
    line-height: 44px;
    vertical-align: middle;
    padding: 0px 0px;
}

@media (min-width: 768px) {
	.footer-contacts .contact-item {
		text-align:center;
	}
	.footer-contacts .contact-item a {
		display: inline-block;
		text-align:left;
		margin-left: -20px;
	}
}

.footer-social, 
.footer-social a ,
.footer-social i {

	color: #ffffff;
}
.footer-social ul  {
	width: 100%;
	text-align: center;
	margin: 0px 0px;
	padding: 0px 0px;
}
.footer-social ul li {
	display: inline-block;
	padding: 10px 10px;
	vertical-align:middle;
}
.footer-social ul li i { 
	font-size:24px;
	vertical-align:middle;
	line-height: 28px;
}
.footer-social ul li span {
	font-size: 0.9em;
}
/* ./ footer contacts */
/* portal */
.portal-description ul {
	list-style: none;
	padding: 0px 0px;
	margin: 0px 0px;
	margin-top: 20px;
}
.portal-description ul li {
	position: relative;
	margin-bottom: 20px;
}
.portal-description ul li span {
	display: block;
	margin-left: 40px;
}
.portal-description ul i {
	font-size: 27px;
	position: absolute;
	top: 1px;
	left: 0px;
	color: #ed1c24;
}
/* ./portal */
/* faq */
.section.faq {
    background-color: #F3F3F3;
}
.faq .panel-heading {
    padding: 0px 0px;
}
.faq .panel-title {
	font-size: 1em;
}
.faq .panel-heading .panel-title a {
	display: block;
	position: relative;
	padding: 15px 40px 15px 15px;
	font-size: 1em;
	background-color: #ffffff;
	color: #2a338f;
}

.faq .panel-heading .panel-title a:hover, 
.faq .panel-heading .panel-title a.collapsed:hover, 
.faq .panel-heading .panel-title a {
	color: #ffffff;
	background-color: #2a338f;
}
.faq .panel-heading .panel-title a.collapsed {
	color: #2a338f;
	background-color: #ffffff;
}
.faq .panel-heading .panel-title a i {
	font-size: 20px;
	position: absolute;
	top: 15px;
	right: 15px;
}
.faq .panel-heading .panel-title a i.fa-caret-up {
	display:inline-block;
}
.faq .panel-heading .panel-title a i.fa-caret-down {
	display:none;
}
.faq .panel-heading .panel-title a.collapsed i.fa-caret-up {
	display:none;
}
.faq .panel-heading .panel-title a.collapsed i.fa-caret-down {
	display:inline-block;
}
.faq .panel-body {
    font-size: 0.95em;
}
.text-under {
	margin-top: 15px;
}
/* ./ faq */
@media (max-width: 767px) {
	.footer-bottom .pull-left, 
	.footer-bottom .pull-right {
		float: none !important;
		text-align: center;
	}
}

.section-titlebox .section-title {
	margin-bottom: 10px;
}
.section .section-titlebox {
	margin-bottom: 10px;
}
.section .section-titlebox .description {
	text-align: center;
}

.gallery-thumbs {
  height: 100px;
  box-sizing: border-box;
  padding: 10px 0;
}
.gallery-thumbs .swiper-slide {
  height: 100%;
  opacity: 0.4;
}
.gallery-thumbs .swiper-slide-thumb-active {
  opacity: 1;
}

/* about us - market segments */
.aboutus-segments {
	background-color: #f9f9f9;
}
.aboutus-segments  .item-wrapper {
	margin: 0px auto;
	max-width: 270px;
}
.content-box {
	text-align: center;
}
.iconbox {
	text-align: center;
}

.aboutus-segments .swiper-container {
	background-color: transparent;
}
/* ./ about us - market segments */
/* about us slider - market segments */
.swiper-three-container {
	position: relative;
	margin-bottom: -50px;
}

.swiper-three-container .three-swiper-button-prev {
	left: -110px;
}

.swiper-three-container .three-swiper-button-next {
	right: -110px;
}

.swiper-three {
	padding-bottom: 50px;
}
.swiper-three .swiper-boxitem {
	max-width: 367px;
	margin: 0px auto;
}
.swiper-boxitem-image a {
	display: block;
	width: 100%;
	text-align: center;
	overflow: hidden;
}

.swiper-boxitem-image a img {
	text-align: center;
	width: auto !important;
	max-width: 367px !important;
}

.swiper-three .swiper-boxitem-content {
	padding: 25px 25px 25px !important;
	background: #ffffff !important;
	margin: -30px 20px 0 !important;
	-webkit-box-shadow: 0 30px 50px rgba(0, 0, 0, 0.03);
	-o-box-shadow: 0 30px 50px rgba(0, 0, 0, 0.03);
	box-shadow: 0 30px 50px rgba(0, 0, 0, 0.03);
	z-index: 2;
	position: relative;
}

.swiper-boxitem-content .title a {
	color: #2d2b2d;
}
.swiper-boxitem-content .title a:hover {
	color: #ed1c24;
}
.swiper-boxitem-content .title {
	font-size: 1em;
	line-height: 1.2;
	font-weight: 700;
	margin: 0px 0px;
	padding: 0px 0px;
	margin-bottom: 15px;
}
.swiper-boxitem-content .subtitle {
	font-size: 0.9em;
	line-height: 1.4;
	color: #5f5f5f;
}

.swiper-boxitem-content .title a {
	-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	-o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.swiper-boxitem-content .title a:hover {
	color: #ed1c24;
}

.swiper-boxitem-content:after {
	content: '';
	width: 0;
	height: 3px;
	position: absolute;
	left: auto;
	right: 0;
	bottom: 0;
	background: #ed1c24;
	-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	-o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.swiper-boxitem:hover .swiper-boxitem-content:after {
	width: 100%;
	left: 0;
	right: auto;
}

.swiper-three .swiper-boxitem-content {
	padding-left: 0;
	padding-bottom: 0;
	margin: 0;
	background-color: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.swiper-boxitem .see-more-link {
    font-size: 0.65em;
    font-weight: 700;
    text-transform: uppercase;
    color: #2d2b2d;
	letter-spacing: 0.2;
}
.swiper-boxitem .see-more-link:hover {
	color: #ed1c24;
}
.swiper-boxitem .see-more-link .fa {
	color: #ed1c24;
}

.swiper-button-style, 
.swiper-button-three {
	position: absolute;
	cursor: pointer;
	-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), visibility 0.3s linear 2s, opacity 0.3s linear 2s;
	-o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), visibility 0.3s linear 2s, opacity 0.3s linear 2s;
	transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), visibility 0.3s linear 2s, opacity 0.3s linear 2s;
	background-image: none;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	outline: none !important;
	width: 50px;
	height: 50px;
	font-size: 18px;
	font-weight: 500;
	background-color: #ffffff;
	color: #ed1c24;
	border: 2px solid rgba(35, 61, 99, 1);
	border-radius: 100%;
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.01);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.01);
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 10;
	text-align:center !important;
}
.swiper-button-three.swiper-button-next, 
.swiper-button-style.swiper-button-next, 
.swiper-button-style.swiper-button-prev, 
.swiper-button-three.swiper-button-prev {
	color: #2a338f !important;
}

.swiper-button-style.swiper-button-next, 
.swiper-button-three.swiper-button-next {
	right: 10px;
}
.swiper-button-style.swiper-button-prev, 
.swiper-button-three.swiper-button-prev {
	left: 10px;
}

@media (min-width: 1500px) {
	.swiper-button-style.swiper-button-next, 
	.swiper-button-three.swiper-button-next {
		right: -110px;
	}
	.swiper-button-style.swiper-button-prev, 
	.swiper-button-three.swiper-button-prev {
		left: -110px;
	}
}
.swiper-button-disabled {
	cursor: default;
	background-color: transparent;
}
.swiper-button-style.swiper-button-disabled, 
.swiper-button-three.swiper-button-disabled {
	border-color: #F9F9F9;
	color: #F9F9F9 !important;
}

.swiper-button-style:hover, 
.swiper-button-three:hover {
	background-color: #ed1c24;
	border-color: #ed1c24;
	color: #ffffff !important;
}
.swiper-button-style .fa, 
.swiper-button-three .fa {
	line-height: 48px;
	font-size: 30px;
}
/* ./ about us slider - market segments */
/* vbox - 2 column items */
/* ./ section our services */
.bg-image-energy {
	background-image: url("../image/4.jpg");
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center center;
	position: relative;
}
.bg-image-energy::before { 
position: absolute;
content: '';
left: 0px;
top: 0px;
width: 100%;
height: 100%;
display: block;
background-color: rgba(35,61,99,0.75);
}
.vbox-items .container {
	position: relative;
	z-index: 1;
}	
.vbox-item {
	position: relative;
	top: 0px;
	left: 0px;
	background-color: #ffffff;
	margin-bottom: 20px;
	padding: 25px 25px;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}
.vbox-item:hover {
    box-shadow: 0px 0px 20px rgba(255,255,255,0.75);
}
.vbox-item:hover::before, .vbox-item:hover::after {
    width: 100%;
}
.vbox-item::before {
    position: absolute;
    content: '';
    left: 0px;
    bottom: 0px;
    height: 4px;
    width: 0px;
    background-color: #ed1c24;
    transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
}
.vbox-item::after {
    position: absolute;
    content: '';
    right: 0px;
    bottom: 0px;
    height: 4px;
    width: 0px;
    background-color: #ed1c24;
    transition: all 1000ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
}
.vbox-item .subtitle {
	display: block;
	color: #2a338f;
}
.even .vbox-item .icon-box { 
	position: absolute;
	top: 20px;
	right: 20px;
	left: auto;
}
.even .vbox-item .item-description {
	margin-right: 120px;
	text-align: right;
	padding-left: 5px;
}
.odd .vbox-item .icon-box { 
	position: absolute;
	top: 20px;
	right: auto;
	left: 20px;
}
.odd .vbox-item .item-description {
	margin-left: 120px;
	text-align: left;
	padding-right: 5px;
}

.even .actions {
	text-align: right;
}
.odd .actions {
	text-align: left;
}
@media (max-width: 767px) {
	.even .vbox-item .icon-box { 
		position: relative;
		top: 0px;
		right: 0px;
		left: auto;
	}
	.even .vbox-item .item-description {
		margin-right: 0px;
		text-align: center;
		padding-left: 0px;
	}
	.odd .vbox-item .icon-box { 
		position: relative;
		top: 0px;
		right: auto;
		left: 0px;
	}
	.odd .vbox-item .item-description {
		margin-left: 0px;
		text-align: center;
		padding-right: 0px;
	}
	.even .actions {
		text-align: center;
	}
	.odd .actions {
		text-align: center;
	}
}
.vbox-item .title {
	font-weight: 700;
	font-size: 1em;
	margin-bottom: 1px;
	text-transform: uppercase;
	color: #ed1c24;
	margin-top: 0px;
}
.vbox-item:hover .title {
	color: #2a338f;
}

.vbox-item .icon-box {
	background-color: #2a338f;
	color: #ffffff;
	border-radius: 50%;
	border: 1px solid #2a338f;
}
.vbox-item .icon-box .icon,
.vbox-item .icon-box .fa {
    color: #ffffff;
	z-index: 2;
	position: relative;
	font-size: 53px;
}
.vbox-item:hover .icon-box {
	border: 1px solid #ed1c24;
}
.vbox-item:hover .icon-box .icon {
    color: #ffffff;
}

.vbox-item:hover .icon-box::after {
    visibility: visible;
    opacity: 1;
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
}
.vbox-item .icon-box::after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #ed1c24;
    content: '';
    z-index: 1;
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.vbox-item .description {

font-size: 0.95em;
line-height: 1.5em;
}
/* ./ vbox - 2 column items */
.section-certificates {
	background-color: #ffffff; /* #f6ebda; */
}
.section-certificates .swiper-container {
    background-color: transparent;
}
.horizontal-item {
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 2px solid  #F9F9F9;
}
.greybg .horizontal-item {
	border-bottom: 2px solid  #ffffff;
}
.horizontal-item.last-child {
	border-bottom: 0px solid  #ffffff;
}
.horizontal-item h3 span.title {
	font-size: 18px;
}
.horizontal-item h3 {
	margin: 0px auto;
	text-align: center;
	max-width: 70%;
}
.horizontal-item .icon-box {
	margin-bottom: 5px;
	width: 80px;
	height: 80px;
	line-height: 80px;
}
.horizontal-item .icon {
    font-size: 40px;
	line-height: 80px;
}
.horizontal-item .item-description {
	color: #5f5f5f;
}
@media (max-width: 767px) {
	.horizontal-item .item-description {
		text-align: center;
	}
}
.horizontal-item .icon.icon-cityscape {
	font-size: 35px;
}
.icon-box .step-number {
	font-size: 30px;
	color: #ed1c24;
	font-weight: bold;
}
.greybg .icon-box .step-number {
    color: #ffffff;
}
.below-description.highlight {
	font-style: italic;
	color: #2d2b2d;
	padding: 10px 10px;
	border: 1px dashed #ed1c24;
	margin-top: 15px;
}
.image-with-video .box-wrapper {
	position: relative;
	text-align: center;
}
.section-singlevideo .box-wrapper .video-action {
    position: absolute;
    z-index: 2;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    text-align: center;
    vertical-align: center;
}
.section-singlevideo .video-action a {
    text-align: center;
    vertical-align: center;
}
.section-singlevideo a.video-btn {
    color: #ffffff;
    text-transform: uppercase;
    font-size: 0.9em;
    padding: 0px 0px;
    height: 100%;
    position: relative;
    width: 100%;
    text-align: center;
	display: block;
	margin-top: 0px;
}
span.button-wrapper {
    display: inline-block;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.section-singlevideo .box-wrapper .image-wrapper {
	position: relative;
	width: auto;
	margin: 0px auto;
	display: inline-block;
}
.section-singlevideo .box-wrapper .image-wrapper::before {
	z-index: 0;
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: block;
    background-color: rgba(35,61,99,0.55);
}
.section-singlevideo .image-with-video:hover .image-wrapper::before {
	background-color: rgba(35,61,99,0.75);
}
.faq .items .panel-heading .panel-title a.collapsed {
    color: #ffffff;
    background-color: #2a338f;
}
.smalltop-padding {
	padding-top: 15px;
}
.menu-items {
	background-color: #F9F9F9;
}
.menu-items ul {
	list-style: none;
	padding: 0px 0px;
}
.toc .panel {
    border: 0px solid #ddd;
	background-color: #F9F9F9;
}
.toc .panel-body {
	padding: 0px 0px;
	line-height: 1.3em;
}
.toc .panel-body ul  {
	margin: 0px 0px;
}
.toc .panel-body li  {
	border-bottom: 1px solid #2a338f;
}
.toc .panel-body li a {
	display: block;
	padding: 10px 10px;
}
.tocnumber {
	color: #5f5f5f;
	display: inline-block;
	margin-right: 5px;
}
.faq .toc .panel-heading .panel-title a {
    padding: 15px 40px 15px 15px;
    font-size: 1em;
    line-height: 1em;
}
.faq .item-description ul li::before {
    position: absolute;
    top: 0px;
    left: 0px;
    font-family: FontAwesome;
    content: "\f138";
    color: #DC261C;
    font-size: 1em;
    vertical-align: middle;
}
.faq .items .panel-body {
    font-size: 1em;
}
.faq .horizontal-item {
    padding-bottom: 0px;
}
.item-image {
	text-align: center;
}
@media (max-width: 767px) {
	.item-image {
		margin-top: 15px;
	}
}
.vicon-item .description {
   color: #2d2b2d;
}
.actions {
	text-align: center;
	margin-top: 25px;
}
a.gotocategory {
	display: block;
}
.view-btn {
	display: inline-block;
	border: 2px solid #2a338f;
	color: #2a338f;
	padding: 8px 10px;
	text-align: center;
	line-height: 1em;
	text-transform: lowercase;
}
.view-btn:hover {
	background-color: #2a338f;
	color: #ffffff;
}
.nopadding {
	padding: 0px 0px;
}
.section .section-vboxicons .section-titlebox {
    margin-bottom: 25px;
}
.t-chess_images_text {
	padding-top: 0px;
	padding-bottom: 0px;
}
.notitle .item-text, 
.notitle .item-image {
	padding-top: 0px;
}
.contact-block .contact-headings {
	text-align: left;
	margin-bottom: 15px;
}
.contact-block .contact-details ul {
	list-style: none;
	padding: 0px 0px;
	margin: 0px 0px;
}
.contact-block .contact-item .contact-headings span {
    display: block;
    margin-left: 0px;
    margin-right: 0px;
}
@media (min-width: 768px) {
	.contact-block .contact-item .contact-headings span {
		margin-left: 0px;
		margin-right: 50px;
	}
	.contact-block .contact-headings {
		text-align: right;
		margin-bottom: 0px;
	}
}
.contact-block .contact-item .contact-details span {
	margin-left: 0px;
}
.contactdetail-box {
	position: relative;
}
.contactdetail-box .circle-icon {
	border-radius: 50%;
	background-color: #2a338f;
	text-align: center;
	vertical-align: middle;
	position: absolute;
	top: 0;
	left: 0;
	width: 30px;
	height: 30px;
	color: #dd7616;
	-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.contactdetail-box .circle-icon a {
	display: block;
}
.contactdetail-box .circle-icon span {
    line-height: 30px;
    vertical-align: middle;
    font-size: 18px;
}
.contactdetail-box .circle-icon i {
    line-height: 30px;
    vertical-align: middle;
    font-size: 18px;
	text-align: center;
	position: static;
}
.contactdetail-box .text-box {
	padding-left: 45px;
	line-height: 30px;
}
.contact-details li {
	margin-bottom: 10px;
}
.contact-details li:last-child {
	margin-bottom: 0px;
}
.contactdetail-box:hover .circle-icon {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    background-color: #ed1c24;
}
.contact-block .contact-item {
	background-color: #F9F9F9;
	border-bottom: 3px solid #ffffff;
}
.contact-item:hover .contact-headings span.title {
	 color: #ed1c24;
}
.allpages-bottom .swiper-three-container {
    margin-bottom: 0px;
}
.allpages-bottom .swiper-container {
    background-color: transparent;
}
.allpages-bottom  .vicon-item {
    margin: 10px 10px;
    padding: 25px 25px;
    -webkit-box-shadow: 0 0 10px 0 rgba(41,61,88,.06);
    -moz-box-shadow: 0 0 10px 0 rgba(41,61,88,.06);
    box-shadow: 0 0 10px 0 rgba(41,61,88,.06);
    box-shadow: 0px 0px 10px rgba(0,0,0,0.15);
}
.swiper-otherpages {
	padding-bottom: 25px;
}
.swiper-otherpages > .swiper-pagination-bullets {
    bottom: 0px !important;
}
.thumbcaption {
	font-style: italic;
	font-size: 0.9em;
	color: #5f5f5f;
}
td p {
	margin : 0px 0px !important;
}
.publish-details {
	margin-top: 10px;
	margin-bottom: 10px;
	border-bottom: 2px solid #F9F9F9;
	padding-bottom: 3px;
}
.publish-details .label {
	color: #2a338f;
	padding: 0px 0px;
	margin-right: 10px;
	font-weight: normal;
	font-size: 0.9em;
}
.publish-details .fa {
	color: #ed1c24;
}
.news.single-page #content .no-image .content-description {
	text-align: left;
	margin: 0px 0px;
}
.news.single-page #content .no-image .content-description p {
    max-width: 100%;
}
.news.single-page #content .no-image .content-description p {
    margin-left: 0px;
    margin-right: 0px;
    max-width: 100%;
}
blockquote {
    position: relative;
    border: 1px dashed #ed1c24;
    padding: 20px;
    margin: 20px 0 20px;
	padding-bottom: 30px;
}
blockquote p {
    font-size: 18px;
    line-height: 28px;
    position: relative;
    z-index: 1;
    font-style: italic;
    font-weight: 400;
}
blockquote:before {
    padding: 20px 0px;
    content: '\f10e';
	font-family: FontAwesome;
    color: #ed1c24;
    font-size: 30px;
}
.site-page .content-image {
	margin-bottom: 15px;
}
.post-navigation {
    margin-top: 40px;
    margin-bottom: 40px;
}
.post-navigation .post-previous, .post-navigation .post-next {
    padding: 0 40px;
    width: 50%;
    border-left: 1px solid #f1f1f1;
    border-right: 1px solid #f1f1f1;
    display: table-cell;
    position: relative;
    vertical-align: middle;
}
.post-navigation .post-previous {
    text-align: left;
    float: left;
    border-left: 0 none;
    border-right: 0 none;
    padding: 0 40px 0 0;
}
.post-navigation .post-next {
    text-align: right;
    float: left;
    border-right: 0 none;
    padding: 0 0 0 40px;
}
.post-navigation .title {
	font-size: 1.1em;
	font-weight: bold;
	color: #000;
}
@media (max-width: 767px) {
	.post-navigation .title {
		font-size: 0.9em;
	}
}

.post-navigation a:hover .title {
	color: #ed1c24;
}
.box-title {
	color: #ffffff;
	background-color:#2a338f;
	padding: 15px 40px 15px 15px;
font-size: 1em;
line-height: 1em;
}
.box-content {
	background-color:#F9F9F9 ;
}
.sidebar-blog-item {
	border-bottom: 1px solid #2a338f;
	padding: 10px 0px;
}
.sidebar-blog-item .post-title h5 {
	font-size: 16px;
	margin: 0px 0px;
}
.sidebar-blog-item .fa {
	color: #ed1c24;
}
.sidebar-blog-item .post-publish {
	font-size: 14px;
}
.post-item .item  {
	background-color: #F9F9F9;
}
.blog-post-body {
	padding: 15px 15px;
}
.blog-post-body .actions {
	text-align: left;
	margin-bottom: 10px;
}
.blog-post-body .title {
	font-size: 20px;
	font-weight: bold;
	color: #2a338f;
	margin: 10px 0px;
}
.blog-post-body .title:hover {
	color:  #ed1c24;
}
.box-items .post-item {
	margin-bottom: 20px;
}
.below-post {
	margin-top: 15px;
	padding: 15px 0px;
	border-top: 2px solid #F9F9F9;
	border-bottom: 2px solid #F9F9F9;
}
.post-item .image-box {
	position: relative;
}
.post-item .image-box::before {
	content: " ";
	background-color: rgba(35, 61, 99, 0.4);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.post-item:hover .image-box::before {
	content: " ";
	background-color: rgba(35, 61, 99, 0.1);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.below-post .tagsbox a, 
a.tag {
    color: #2a338f;
	display: inline-block;
	padding: 5px 18px 5px 18px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	border: 1px solid #eee;
    text-transform: capitalize;
    font-size: 16px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    font-weight: 500;
}
.below-post .tagsbox a:hover, 
a.tag:hover {
	color: #ffffff;
	background-color: #2a338f;
	border-color: #2a338f;
}

@media (min-width: 768px) {
	.below-post .tagsbox {
		float: left;
	}
	.below-post.has-tags .sharebox {
		float: right;
	}
}
.sharebox .fa {
	font-size: 20px;
}
.sharebox {
	line-height: 38px;
}
a.tag {
	margin-left: 10px;
}
.news.single-page .content-description h2::after {
	margin-left: 0px;
	margin-right: 0px;
}

/* inquiry form */
.block-title {
    display: block;
	text-align: center;
	padding-top: 15px;
	font-weight: bold;
}
.client-type-chooser {
	margin: 0px 0px;
	padding: 0px 0px;
	list-style: none;
	display: block;
}
.client-type-chooser li {
    display: block;
    margin: 0px 0px;
	width: 100%;
	float:none;
	padding: 15px 15px;
}
@media (min-width: 870px) {
	.client-type-chooser li {
		display: block;
		margin: 0px 0px;
		width: 33.33%;
		float:left;
		padding: 15px 10px;
	}
}
.client-type-chooser label {
    display: inline-block;
    padding-bottom: 8px;
}
label.radio {
    display: block;
	width: 100%;
    min-height: 24px;
    padding-bottom: 0 !important;
    margin-right: 20px;
    position: relative;
    cursor: pointer;
    vertical-align: middle;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline-style: none;
	margin: 0px 0px;
	padding: 0px 15px;
	padding-right: 50px;
	padding-left: 10px;
	border: 1px solid #c4c4c4;
	border-radius: 8px;
}
.selected label.radio { 
	border: 1px solid #2a338f;
}
.selected label.radio {
	background-color: #ffffff;
}
.checkbox [type="checkbox"], .radio [type="radio"] {
    width: auto;
    border: 0;
    padding: 0;
    position: absolute;
    top: 1px;
    left: 0;
    opacity: 0;
    filter: alpha(opacity= "0");
    cursor: pointer;
}
input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}
input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0;
}
input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}
*, *:after, *:before {
    margin: 0;
    padding: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

#qoute-form label.radio span.label-role::after, #qoute-form label.radio span::before {
    -o-transition: .4s;
    -ms-transition: .4s;
    -moz-transition: .4s;
    -webkit-transition: .4s;
    transition: .4s;
}
#qoute-form label.radio span.label-role::before {
    content: '';
    position: absolute;
    left: 0;
    top: 12px;
    display: inline-block;
    height: 26px;
    width: 26px;
    vertical-align: middle;
    border: 1px solid #c4c4c4;
    border-radius: 50%;
    font-family: FontAwesome;
    text-align: center;
    text-align-last: center;
    -moz-text-align-last: center;
    -ms-text-align-last: center;
    line-height: 26px;
    color: #eee;
    box-shadow: 0 0 1px 0 #fff inset, 0 0 1px 0 #fff;
}
#qoute-form label.radio span.label-role::after {
    content: '';
    display: block;
    position: absolute;
    left: 13px;
    width: 0;
    top: 25px;
    height: 0;
    background-color: transparent;
    border-radius: 50%;
}
#qoute-form label.radio span.label-role {
    font-weight: 300;
    line-height: 2em;
    min-height: 50px;
    padding-top: 7px;
    padding-right: 20px;
    margin-left: 35px;
	cursor: pointer;
    position: relative;
    margin: 0;
    padding-right: 40px;
    padding-right: 5px;
    padding-left: 35px;
    padding-left: 35px;
	display: inline-block;
}
#qoute-form .selected label.radio span.label-role, 
#qoute-form .selected label.radio:hover span.label-role {
	color: #2a338f;
}
#qoute-form label.radio:hover span.label-role {
	color: #ed1c24;
}
#qoute-form label.radio span.label-role:hover::before {
    color: #4877ce;
}
#qoute-form label.radio span.label-role:hover::before {
    color: #eee;
    border-color: #ed1c24;
}
#qoute-form .selected label.radio span.label-role::after {
    left: 8px;
    width: 10px;
    top: 20px;
    height: 10px;
    background-color: #ed1c24;
}
#qoute-form .selected label.radio span.label-role::before {
	border: 1px solid #ed1c24;
}
#client-type {
	background-color: #F9F9F9;
	border-radius: 8px;
	margin-bottom: 15px;
}
span.client-role {
	position: absolute;
	top: 5px;
	right: 5px;
	font-size: 37px;
	color: #c4c4c4;
}
.selected span.client-role {
	color: #2a338f;
}
.file-upload {
	text-align: center;
	background-color: #F9F9F9;
	border-radius: 8px;
	margin-bottom: 15px;
	padding: 15px 15px;
}
.file-box input[type="file"] {
	text-align: center;
	width: auto;
    margin-left: auto;
    margin-right: auto;
}
.file-box {
	margin-top: 10px;
}
.captcha-box legend {
	text-align: center;
	margin-bottom: 10px;
}
.g-recaptcha > div {
	margin-left: auto;
	margin-right: auto;
}
span.error {
	display: block;
	color: #ed1c24;
	font-size: 14px;
	font-style: italic;
}
/* ./ inquiry form */
#our-offices {
	position:relative;
}
#map {
	width: 80%;
	margin: 0px auto;
	text-align: center;
	position:relative;
}
#map iframe {
	width: 100% !important;
	max-width: 100%!important;
}
#map iframe .i4ewOd-pzNkMb-haAclf  {
	display: none !important;
	z-index: -99999 !important;
}
#offices-map .col-sm-3, 
#offices-map .col-sm-9 {
	padding-right: 0px;
	padding-left: 0px;
}
#map-locations {
	background-color: #F9F9F9;
	overflow-y: scroll;
	height: 486px;
	border: 3px solid #2a338f;
}
.seeonmap {
	display: none;
}
@media (max-width: 767px) {
	#map-locations {
		height: auto;
	}
	.seeonmap {
		display: block;
		margin-top: 10px;
		font-size: 1.1em;
	}
	.seeonmap i {
		color: #ed1c24;
	}
}

.contact-formbox {
	background-color: #F9F9F9;
}
#offices-map {
	padding: 40px 0px;
}
.map-office {
	border-bottom: 2px solid #ffffff;
}
.map-location {
	display: block;
	padding: 5px 25px 5px 10px;
	line-height: 1.2em;
	position: relative;
}
.map-location  .text {
	display: inline-block;
	margin-left: 10px;
	color: #ed1c24;
}
.map-office .info {
	transition: opacity 1s ease-out;
    opacity: 0;
    height: 0;
    overflow: hidden;
}
.map-office.active .info {
	opacity: 1;
    height: auto;
	padding: 5px 10px 15px 10px;
	font-size: 0.9em;
	line-height: 1.2em;
	background-color: #ffffff;
}
.map-office .info i {
	margin-right: 5px;
}
#map-google {
	border: 3px solid #2a338f;
	height: 486px;
}
.address-field.street {
	font-size: 0.9em;
}
.info .address-field {
	margin-bottom: 5px;
}
.map-location:hover {
	background-color: #2a338f;
	color: #ffffff;
}
.map-location:hover .text  {
	color: #ffffff;
}

.map-office.active .map-location {
	background-color: #2a338f;
	color: #ffffff;
}
.map-office.active .map-location .street , 
.map-office.active .map-location .text  {
	color: #ffffff;
}
span.right-side {
	display: block;
	position: absolute;
	right: 10px;
	top: 3px;
}
#city-chooser select {
	width: 100%;
	max-width: 100%;
	padding: 5px 5px;
}
#city-chooser .chooser-title {
	font-size: 0.9em;
	color: #ffffff;
	padding: 2px 5px;
}
#city-chooser {
	background-color: #2a338f;
	padding-bottom: 5px;
}
.contact-box {
	background-color:#ffffff;
	text-align: center;
	margin: 0 5px 40px;
	padding: 70px 15px 25px 15px;
	position: relative;
	top: 0px;
	left: 0px;
	-webkit-box-shadow: 0 0 25px 0 rgba(41,61,88,.06);
	-moz-box-shadow: 0 0 25px 0 rgba(41,61,88,.06);
	box-shadow: 0 0 25px 0 rgba(41,61,88,.06);
	transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	box-shadow: 0px 0px 25px rgba(0,0,0,0.15);
}
.contact-box:hover {
    box-shadow: 0px 0px 20px 
    rgba(0,0,0,0.25);
}
.contact-box:hover::after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.contact-box::after {
    position: absolute;
    content: '';
    bottom: 0;
    width: 100%;
    height: 4px;
    background-color: 
    #ed1c24;
    left: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.contact-box  .icon-box {
    margin: 0px auto;
    margin-bottom: 0px;
    position: absolute;
    top: -30px;
    left: 0px;
    right: 0px;
}
.contact-box .icon-box::after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: 
    #ed1c24;
    content: '';
    z-index: 1;
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}
.contact-box:hover .icon-box::after {
    visibility: visible;
    opacity: 1;
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
}
.contact-box:hover .icon-box .icon, .contact-box:hover .icon-box .fa {
    color: 
    #ffffff;
}
.contact-box .icon-box .icon, .contact-box .icon-box .fa {
    position: relative;
    z-index: 2;
    font-size: 42px;
}
.contact-box .icon-box .icon, .contact-box .icon-box .fa {
    line-height: 80px;
}
.contact-box .subtitle {
    font-weight: 400;
    padding: 0px 0px;
    font-family: "PTSans", sans-serif;
    text-transform: none;
    display: block;
    text-align: center;
    font-size: 0.9em;
    font-style: italic;
    line-height: 1em;
    color: #ed1c24;
}
.contact-box .title {
	font-size: 16px;
	line-height: 1.2em;
    font-weight: 400;
    padding: 3px 0px;
    font-family: "OpenSansCondensedBold", sans-serif;
    text-transform: uppercase;
}
.see-offices i {
	margin-left: 10px;
}
.ul-icons {
    list-style: none;
    padding: 0 0;
    margin: 0 0;
}
.ul-icons li {
    position: relative;
    margin-top: 10px;
}
.ul-icons .circle-icon {
    border-radius: 50%;
    background-color: #fff;
	text-align: center;
	vertical-align: middle;
	position: absolute;
	top: 0;
	left: 0;
	width: 30px;
	height: 30px;
	color: #dd7616;
}
.ul-icons .text-box, 
.ul-icons .text-box a {
	font-size: 16px;
}
.site-taxonomy .box-items {
    padding-top: 0px;
}
.contact-box .icon-box .icon.icon-power-line {
    font-size: 55px;
}
.contact-box .icon-box {
	width: 85px;
	height: 85px;
	line-height: 85px;
}
.fiter-box {
	margin-bottom: 15px;
}
.news-tags {
	margin-top: 20px;
}
.news-tags a.tag {
	border: 1px solid #2a338f;	
	margin-bottom: 15px;
}
.news-tags a.tag:first-child {
    margin-left: 0px;
}
.information  #content ul {
	list-style: none;
}
.information  #content ul li::before {
    position: absolute;
    top: 0px;
    left: 0px;
    font-family: FontAwesome;
    content: "\f10c";
    color: #DC261C;
    font-size: 1em;
    vertical-align: middle;
}
.information  #content ul li {
    vertical-align: middle;
    position: relative;
    padding-left: 30px;
    margin-bottom: 5px;
    padding-top: 0px;
}

.information #content p, 
.information #content li, 
.information #content div {
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;
  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

.language-switcher .dropdown-menu {
    min-width: 130px;
    position: absolute;
    left: auto;
    right: 0;
    float: none;
    text-align: right;
}
.language-switcher .dropdown-menu .btn-block {
    text-align: left;
}
#top-links .language-switcher .dropdown-menu .btn {
    padding: 7.5px 12px;
}
#top-links .language-switcher .btn-link {
    font-size: 14px;
	color: #2a338f;
}
#top-links .language-switcher .btn-link:hover {
	color: #ed1c24;
}
.section.other-activities {
	padding-bottom: 0px;
}
.sitemap ul li ul {
	padding-left: 15px;
}

/* counter-mod module */
.counter.section {
	padding-top: 0px;
	padding-bottom: 80px;
}
@media (max-width: 768px) {
	.counter.section {
		padding-bottom: 20px;
	}
}
.counter .item {
	position: relative;
	padding-left: 86px;
}
.counter .item .icon {
	position: absolute;
	top: 3px;
	left: 0px;
	font-size: 73px;
	color: #2a338f;
}
.counter .number-value {
	display: block;
	color: #ed1c24;
	font-weight: 700;
	font-size:50px;
	line-height: 1.1em;
}
.counter .title {
	font-size: 15px;
	color: #2a338f;
	font-weight: 700;
	text-transform: uppercase;
}
.single-page .counter .title {
	height: 3em;
	overflow:hidden;
	display: inline-block;
}

.counter .item-box-wrap {
	display: inline-block;
}
.counter .item-box-wrap .item {
	text-align: left;
}
.counter .item-box-2 {
	text-align: center;
}
.counter .item-box-3 {
	text-align: right;
}

.extra-padding {
	padding: 4%;
}
@media (max-width: 767px) {
  .extra-padding {
  	padding: 40px 0px;
  }
}
@media (min-width: 768px) {
  .counter .item {
  	padding-left: 60px;
  }
  .counter .item .icon {
  	top: 3px;
  	left: 0px;
  	font-size: 50px;
  }
  .counter .number-value {
  	font-size:40px;
  	line-height: 1.1em;
  }
  .counter .title {
  	font-size: 14px;
  }
  .extra-padding {
  	padding: 4% 2%;
  }
}
@media (min-width: 1200px) {
  .counter .item {
  	padding-left: 86px;
  }
  .counter .item .icon {
  	top: 3px;
  	left: 0px;
  	font-size: 73px;
  }
  .counter .number-value {
  	font-size:50px;
  	line-height: 1.1em;
  }
  .counter .title {
  	font-size: 15px;
  }
  .extra-padding {
  	padding: 4%;
  }
}

@media (max-width: 767px) {
  .counter .item-box {
    margin-bottom: 40px;
  }

  .counter .item .icon {
    font-size: 53px;
  }
  .counter .item {
    padding-left: 76px;
  }
  .counter .number-value {
    font-size: 40px;
  }
  .counter .number-value {
    font-size: 37px;
  }
  
  .counter .item-box-2 {
		text-align: left;
	}
	.counter .item-box-1,
	.counter .item-box-3 {
		text-align: left;
	}
}

@media (max-width: 511px) {
  .counter .item-box {
    width: 100%;
    margin-bottom: 40px;
    margin-left: 0px;
    padding-left: 20px;
  }

  .counter .item .icon {
    font-size: 53px;
  }
  .counter .item {
    padding-left: 76px;
  }
  .counter .number-value {
    font-size: 40px;
  }
  .counter .number-value {
    font-size: 37px;
  }
}


/* ./counter module */

@media (min-width: 768px) and (max-width: 1059px) {
	#header-right {
		float: right;
		text-align: center;
		margin-right:10px;
	}
	#header-right .headerbox-item {
		display: inline-block;
		float: none;
		padding-bottom: 1px;
		
		margin-left: 25px;
	}
	#logo {
		/*float: none;
		text-align: center;
		width: 100%;*/
	}
	#logo img {
		width: 100%;
		max-width: 350px !important;
		margin: 0px auto;
	}
}
@media (max-width: 767px) {
	.section.xs-hide-image  .image-part {
		display: none;
	}
	.section.xs-hide-image {
		padding-bottom: 20px;
	}
}
/* notification box */
.notification-box  {
	text-align: center;
	padding: 3px 0px;
}
.notification-box span,
.notification-box a {
	display: inline;
	margin: 0px 0px;
	padding: 0px 0px;
	font-size: 16px;
	line-height: 1.1em;
}
.notification-box a {
	display: inline-block;
	border: 1px solid #ffffff;
	border-radius: 5px;
	padding: 1px 2px;
}
/* variant 2*/
.notification-box.variant2 {
	background-color: #ed1c24; 
}
.notification-box.variant2 span, 
.notification-box.variant2 a {
	color: #ffffff;
}
.notification-box.variant2 a.link-like {
	border: 0px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	border-radius: 0px;
}
.notification-box.variant2 a.link-like:hover {
	border-bottom: 1px solid #2a338f;
	color: #F9F9F9;
}
.notification-box.variant2 a.button-like:hover {
	border: 1px solid #ffffff;
	background-color: #ffffff;
	color: #ed1c24;
}
@media (max-width: 400px) {
	.notification-box {
		line-height: 20px;
	}
	.notification-box span,
	.notification-box a {
		font-size: 14px;
	}
}
/* ./variant 2*/
/* ./ notification box */

@media (max-width: 350px) {
	.publish-details .fa {
		display: none;
	}
}
@media (max-width: 510px) {
	.publish-details .label {
		margin-right: 0px;
		font-size:13px;
	}
	.publish-details .fa {
		font-size: 11px;
	}
	.publish-details span {
		font-size: 13px;
	}
}
@media (max-width: 767px) {
	.listing-bottom .col-sm-6.text-left {
		margin-bottom: 20px;
	}
	.listing-bottom .col-sm-6.text-left,
	.listing-bottom .col-sm-6.text-right {
		display: block;
		float: none;
		text-align: center;
	}
	.fiter-box {
		font-size: 14px;
	}
	a.tag {
		margin-left: 5px;
	}
	.below-post .tagsbox a, a.tag {
		padding: 5px 7px 5px 7px;
	}
}

/* number stats box */
.statsbox .sectioncontent-item {
	text-align: center;
	margin-bottom: 0px;
	margin-top: 0px;
}
.statsbox .sectioncontent-item span {
	display: block;
	font-size: 1.2em;
	font-weight: bold;
	color: #2a338f;
}
.statsbox .sectioncontent-item span.title {
	color: #ed1c24;
	font-size: 2em;
}
.statsbox .col-md-12 {

}
.statsbox .col-xs-12 {
	border-bottom: 1px solid #000;
}
.statsbox .sectioncontent-item .sectioncontentbox {
	padding: 20px 0px;
	word-break: break-word;
	max-width: 100%;
}
@media (min-width: 992px) {
	.statsbox .col-xs-12 {
		border-bottom: 0px solid #000;
	}
	.statsbox .col-md-12 {
		border-bottom: 1px solid #000;
		border-top: 1px solid #000;
	}
}
/* ./ number stats box */

.agree_privacy label {
  display: inline;
}

.btn-block {
	display:block;
}


/* timeline */
.cd-container {
  width: 90%;
  max-width: 1080px;
  margin: 0 auto;
  padding: 0 10%;
  border-radius: 2px;
}
@media(max-width:510px) {
	.cd-container {
	  width: 99%;
	  margin-right:20px;
	  margin-left:0px;
	}
}
.cd-container::after {
  content: '';
  display: table;
  clear: both;
}
/* --------------------------------
Main components
-------------------------------- */
.timeline-content-info {
	padding: 5px 0px !important;
}
.timeline-content-info .subtitle {
	font-size: 2.4rem;
	color: #ed1c24;
	font-weight: 700;
}

.col-image img {
  display: inline-block;
  margin-left: 55px;
  max-width: 90% !important;
  border: 10px solid #f6ebda;
}
@media only screen and (min-width: 992px) {
  .col-image img {
    padding-left: 0px;
  }
  .odd .col-image {
    float: left;
    padding-right: 40px;
    text-align: right;
  }
  .odd .col-content {
    float: right;
    padding-left: 40px;
    text-align: left;
  }

  .even .col-image {
    float: right;
    padding-left: 40px;
    text-align: left;
  }
  .even .col-content {
    float: left;
    padding-right: 40px;
    text-align: right;
  }
}

#cd-timeline {
  position: relative;
  padding: 2em 0;
  margin-top: 2em;
  margin-bottom: 2em;
}

#cd-timeline::before {
  content: '';
  position: absolute;
  top: 0;
  left: 25px;
  height: 100%;
  width: 2px;
  background: #2a338f;
}
@media only screen and (min-width: 992px) {
  #cd-timeline {
    margin-top: 3em;
    margin-bottom: 3em;
  }
  #cd-timeline::before {
    left: 50%;
    margin-left: -2px;
  }
}

.cd-timeline-block {
  position: relative;
  margin: 2em 0;
}
.cd-timeline-block:after {
  content: "";
  display: table;
  clear: both;
}
.cd-timeline-block:first-child {
  margin-top: 0;
}
.cd-timeline-block:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 992px) {
  .cd-timeline-block {
    margin: 4em 0;
  }
  .cd-timeline-block:first-child {
    margin-top: 0;
  }
  .cd-timeline-block:last-child {
    margin-bottom: 0;
  }
}

.cd-timeline-img {
  position: absolute;
  top: 8px;
  left: 12px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  box-shadow: 0 0 0 4px #2a338f, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);
}
.cd-timeline-img {
  background: #ed1c24;
}
@media only screen and (min-width: 992px) {
  .cd-timeline-img {
    width: 30px;
    height: 30px;
    left: 50%;
    margin-left: -15px;
    margin-top: 15px;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
  }
}

.cd-timeline-content {
  position: relative;
  margin-left: 40px;
  margin-right: 10px;
  background: #ffffff;
  border-radius: 2px;
  padding: 1em;
  
  .timeline-content-info {
    background: #ffffff;
    padding: 5px 10px;
    color: #000000;
    font-size: 12px;
    box-shadow:  inset 0 2px 0 #2a338f;
    border-radius: 2px;
    i {
      margin-right: 5px;
    }
    .timeline-content-info-title, .timeline-content-info-date {
      width: calc(50% - 2px);
      display: inline-block;
    }
    @media (max-width: 500px) {
      .timeline-content-info-title, .timeline-content-info-date {
        display: block;
        width:100%;
      }
    }
  }
  .content-skills {
    font-size: 12px;
    padding:0;
    margin-bottom: 0;
    display:flex;
    flex-wrap: wrap;
    justify-content: center;
    li {
      background: #40484D;
      border-radius: 2px;
      display: inline-block;
      padding: 2px 10px;
      color: rgba(255,255,255,0.7);
      margin: 3px 2px;
      text-align: center;
      flex-grow: 1;
    }
  }
}

@media(max-width:510px) { 
	.cd-timeline-content {
		margin-left: 30px;
	}
	.cd-timeline-block .col-image img {
		margin-left: 50px;
		max-width:85% !important
	}
}

.cd-timeline-content:after {
  content: "";
  display: table;
  clear: both;
}
.cd-timeline-content h2 {
  color: #2a338f;
  margin-top:0;
  margin-bottom: 5px;
  font-weight: 700;
}
.cd-timeline-content p, .cd-timeline-content .cd-date {
  color: #2a338f;
  font-size: 13px;
  font-size: 1.3rem;
}
@media(max-width:767px) {
	.cd-timeline-content p {
		font-size:16px;
	}
}
.cd-timeline-content .cd-date {
  display: inline-block;
}
.cd-timeline-content p {
  margin: 1em 0;
  line-height: 1.6;
}

.cd-timeline-content::before {
  display:none;
  content: '';
  position: absolute;
  top: 16px;
  right: 100%;
  height: 0;
  width: 0;
  border: 7px solid transparent;
  border-right: 7px solid #333C42;
}

@media only screen and (min-width: 768px) {
  .cd-timeline-content h2 {
    font-size: 20px;
    font-size: 3rem;
  }
  .cd-timeline-content p {
    font-size: 16px;
    font-size: 1.7rem;
  }
  .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
@media only screen and (min-width: 992px) {
  .cd-timeline-content {
    color: black;
    margin-left: 0;
    padding: 1.6em;
    width: 99%;
    margin: 0 0px;
  }
  .cd-timeline-content::before {
    display: none;
    top: 24px;
    left: 100%;
    border-color: transparent;
    border-left-color: #333C42;
  }

  .cd-timeline-block:nth-child(even) .cd-timeline-content {
    float: right;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
    top: 24px;
    left: auto;
    right: 100%;
    border-color: transparent;
    border-right-color: #333C42;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more {
    float: right;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
    left: auto;
    right: 122%;
    text-align: right;
  }
}
/* ./ timeline */


/* filters */

.is-collapsed .filterswrapper-title .fa.mainpanel {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.filters-wrapper.is-collapsed .filterswrapper-content {
    display: none !important;
}
.filters-wrapper {
    margin-bottom: 10px;
}

.filters-wrapper .filterswrapper-content {
	display: block;
}
.fbox {
	padding: 10px 0px 10px 0px;
    border: 1px solid #b2b2b2;
	border-radius: 10px;
}
.food-menu-box #column-left {
	width: 100% !important;
}
.fbox {
	padding: 10px 0px 10px 0px;
  border: 1px solid #2a338f;
  border-radius: 10px;
  position: absolute;
  top: 0px;
  left: 0px;
  background: white;
  z-index: 5;
  width: 100%;
}
.categories-filters {
	position:relative;
	padding: 40px 0px;
}
.categories-filters i {
	position: absolute;
	top: 7px;
	right: 20px;
	font-size: 20px;
}
.fbox-title {
	cursor: pointer;
	font-size: 18px;
	color: #2a338f;
	padding-left: 10px;
	text-align: left;
	line-height: 36px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	position: relative;
	top: 0px;
	left: 0px;
	font-weight: 700;
}

.fbox-title:hover {
	cursor: pointer;
	
}
.fbox-title .icon {
    font-size: 19px;
    position: absolute;
    right: 9px;
	line-height: 38px;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.fbox.is-collapsed .fbox-title .icon {
    -webkit-transform: rotate(90deg) !important;
    transform: rotate(90deg) !important;
}

.collapsible .fbox.is-collapsed .fbox-content {
    display: none !important;
}
.fbox {
    margin-bottom: 0px;
}
@media (min-width: 768px) {
	.fbox {
		margin-bottom: 0px;
	}
	.filters-wrapper.is-collapsed .filterswrapper-content {
		display: block !important;
	}
}
.fbox .fbox-content {
    max-height: 270px;
	display: block;
	overflow: auto;
	overflow-y: scroll;
}
.categories-filters .fbox .fbox-content {
	 max-height: 1550px;
}
@media (min-width: 768px) {
	.fbox .fbox-content {
		overflow: auto;
		overflow-y: auto;
	}
}
.categories-filters .fbox .list-group-item {
	border-top: 0px solid white;
	border-left: 0px solid white;
	border-right: 0px solid white;
	border-bottom: 1px solid #DDDDDD;
	color: #2a338f;
	margin-bottom: 0px;
}
.fbox .list-group-item:first-child {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-top: 0px solid white;
}
.fbox .list-group-item:last-child {
  border-bottom: 0px solid white;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
.list-group {
  margin-bottom: 20px;
}

#toc {
	max-width: 960px;
	margin: 0px auto;
}
/* ./ filters */

div:hover, 
h1:hover, 
h2:hover, 
h3:hover, 
h4:hover, 
p:hover {
	cursor: default;
}

a:hover div {
	cursor:pointer;
}

h1, 
h2, 
h3, 
h4,
button, 
a, 
div, 
p {
  -webkit-user-select: none; /* за Safari */
  -moz-user-select: none;    /* за Firefox */
  -ms-user-select: none;     /* за Internet Explorer/стар Edge */
  user-select: none;         /* за модерни браузъри */
}

.h1-block {
	margin-top: 50px;
	margin-bottom: 60px;
}
@media(min-width:600px) {
	.h1-block {
		margin-top: 70px;
		margin-bottom: 70px;
	}
}
.h1-block p {
	color: #2a338f;
	font-size: 20px;
}
@media(min-width:600px) {
	.h1-block p {
		font-size: 24px;
	}
}
.common-home h1{
	color: #2a338f;
	margin-bottom: 25px; 
}

.full-width-image .img-container {
	width: 100%;
	max-width: 100%;
}

.full-width-image .img-container .section-container {
	padding-left: 0px;
	padding-right: 0px;
}

.banner-img {
  width: 100%;
  display: block;
  margin: 0px auto;
}

/* показваме само едната версия според екрана */
.banner-img.desktop {
  display: block;
}

.banner-img.mobile {
  display: none;
}

@media (max-width: 610px) {
  .banner-img.desktop {
    display: none;
  }

  .banner-img.mobile {
    display: block;
  }
}
.no-top-padding {
	padding-top: 0px;
}

.section-textimage.image-bg .background-image {
	padding: 90px 0px;
	padding-top: 170px;
	min-height: 900px;
}
@media (min-width: 450px) {
	.section-textimage.image-bg .background-image {
		padding: 40px 0px;
		padding-top: 170px;
		min-height: 800px;
	}
}
.background-image {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.brand-wrap .brand-image a {
	display:block;
	text-align: center;
	margin-bottom: 10px;
}
.all-brands  .brand-wrap .brand-image a {
	margin-bottom: 25px;
}
.brand-wrap .brand-image a img {
	border-radius: 50%;
	border:1px solid #ffffff;
}
.brand-wrap .brand-image a:hover img,
.brand-wrap .brand-image a:active img {
	border-radius: 50%;
	border:1px solid #ed1c24;
}
.view-more-link {
	text-decoration: underline;
	text-align: center;
	display:inline-block;
	padding-top: 10px;
}
span.brand-intro {
	display:block;
	color: #333333;
	padding-top: 10px;
	width: 95%;
	margin: 0px auto;
	line-height: 1.4em;
	height: 5em;
	overflow: hidden;
}
.all-brands span.brand-intro {
	height: 6em;
}
span.brand-name {
	display:block;
	text-transform:uppercase;
	margin-top: 10px;
	
}
.brand-item:hover span.brand-name {
	text-decoration:underline
}
.product-manufacturer span.brand-name  {
	display:inline-block;
	height:3em;
	overflow:hidden;
	font-size:15px;
	font-weight:bold;
}
@media (min-width:768px) {
	.product-manufacturer span.brand-name  {
		font-size:17px;
	}
}
.swiper-pagination span:hover {
	cursor: pointer !important;
}

@media (min-width:600px) and (max-width:767px) {
	.product-manufacturer #content .col-xs-6.col-sm-4.col-md-3 {
		width: 33.33333333%;
	}
}


.brands-wrapper .swiper-container  {
	padding-top: 80px;
}
.brands-wrapper .swiper-navigation.smaller {
	text-align: center;
	width: 120px;
	margin: 0px auto;
	top: 0px !important;
	position: relative;
}
.brands-wrapper .swiper-navigation.smaller .swiper-button-prev,
.brands-wrapper .swiper-navigation.smaller .swiper-button-next {
	display: inline-block;
	height: 50px;
	position:relative;
	color: #2a338f !important;
	border: 1px solid #2a338f;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	text-align: center !important;
}
.brands-wrapper .swiper-navigation.smaller .swiper-button-prev {
	position: absolute;
	top: 0px !important;
	left: 0px !important;
	margin: 0px 0px !important;
	margin-top: 0px !important;
}
.brands-wrapper .swiper-navigation.smaller .swiper-button-next {
	position: absolute;
	top: 0px !important;
	right: 0px !important;
	margin-top: 0px !important;
}
.brands-wrapper .swiper-navigation.smaller .swiper-button-next:hover,
.brands-wrapper .swiper-navigation.smaller .swiper-button-prev:hover {
	cursor:pointer !important;
}

@media(max-width:511px) {
	.brands-wrapper .swiper-container .brand-intro {
		font-size: 16px;
		line-height: 1.4em;
	}
	.brands-wrapper .swiper-container .view-more-link {
		font-size: 16px;
		line-height: 1.4em;
	}
}

.header-banner {
	text-align:center;
	overflow:hidden;
}
.manufacturer .header-banner {
	text-align:center;
	max-height: 600px;
	overflow:hidden;
}


.marquee {
    margin: 0 auto;
    white-space: nowrap;
    overflow: hidden;
}

.marquee .scrolling-text {
    display: inline-block;
    padding-left: 100%;
    animation: marquee 20s linear infinite;
}

@media(min-width:1100px) {
	.marquee .scrolling-text {
		animation: marquee 25s linear infinite;
	}
}

@keyframes marquee {
    0%   { transform: translate(0, 0); }
    100% { transform: translate(-100%, 0); }
}

.anim-box {
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	height: 30px;
	padding: 0px 10px;
	color: #2a338f;
}
.header-title h1 {
	color: #2a338f;
	margin-bottom: 20px;
	font-size: 31px;
    line-height: 1.4em;
	text-transform: uppercase;
	text-align: center;
	font-weight: 700;
	margin: 0px auto;
    margin-bottom: 0px;
    margin-top: 15px;
	padding: 0px 0px 3px 0px;
}
@media (max-width:511px) {
	.header-title h1 {
		font-size: 25px;
	}
}

.intro-wrap {
	text-align: center;
	color: #2a338f;
}

.description-wrap {
	text-align: center;
	width: 100%;
	margin: 0px auto;
}

@media (min-width: 600px) {
	.description-wrap {
		width: 90%;
	}
}


.description-wrap ul {
	list-style-type: none;
	width: 100%;
	margin: 0px auto;
}

@media (min-width: 950px) {
	.description-wrap ul {
		width: 80%;
	}
}

.description-wrap ul li {
	list-style-type: none;
	display: inline-block;
	width: 100%;
	text-align: left;
	padding: 5px 10px;
	padding-left: 30px;
	vertical-align: top;
	position: relative;
}

@media (min-width: 600px) {
	.description-wrap ul li {
		width: 50%;
	}
}

.description-wrap ul li::before {
	position: absolute;
	top: 9px;
	left: 0;
	font-family: FontAwesome;
	content: "\f005";
	color: #2a338f;
	font-size: 25px;
}
.products-title, 
.description-wrap h2 {
	text-align: center; 
	margin: 20px 0px;
	font-weight: 700;
	font-size: 25px;
	color: #2a338f;
}


.a-btn {
	display:block;
}
.product-wrap .product-name {
	text-align: center;
	color: #2a338f;
	font-weight: bold;
	font-size: 18px;
	line-height: 1.2em;
	height: 2.5em;
	overflow:hidden;
}
.product-wrap .action {
	text-align: center;
	color: #2a338f;
	font-size: 16px;
	text-decoration: underline;
}
.product-thumb {
	text-align: center;
}
.product-thumb img {
	margin: 0px auto !important;
}

.thumbnail {
	border: 0px solid #ffffff;
	padding: 0px 0px;
}
.btn-buy-online {
	display: inline-block;
	text-transform: uppercase;
}

body.product h1 {
	color: #2a338f;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 31px;
}
@media (max-width:511px) {
	body.product h1 {
		font-size: 22px;
	}
}
.product-btns {
	margin: 30px 0px;
}
.product-contents h3 {
	font-weight: bold;
	color: #2a338f;
}
.product-links li .value {
	font-weight: bold;
	color: #2a338f;
}
.product-links li {
	margin-bottom: 10px;
}
.product-links .icon {
	display: inline-block;
	width: 50px;
	height: 50px;
	line-height: 47px;
	background-color: #2a338f;
	border-radius: 50%;
	color: #ffffff;
	font-size: 30px;
	font-size: 30px;
	vertical-align: middle;
	text-align: center;
	margin-right: 15px;
}

#tab-specification thead td {
	border: 0px solid #ffffff;
	background-color: transparent;
	color: #2a338f;
	font-weight:bold;
	font-size: 1.2em;
	padding-bottom: 10px !important;
}
#tab-specification tr {
	margin-bottom: 5px !important;
}
#tab-specification tr td:nth-child(even) {
	text-align: right;
}
#tab-specification tr td {
	border: 0px solid white !important;
	border-right: 0px solid white !important;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	padding: 3px 5px;
}
#tab-specification tr td:nth-child(even) {
	border-right: 0px solid white;
	
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	
	
}
#tab-specification .table-bordered {
  border: 0px solid #ddd;
}

.description-main {
	padding: 30px 0px;
	background-color: #f6ebda;
	margin-bottom: 30px;
}
.description-main tr  td {
	background-color: #dddddd;
	color: #2a338f;
}
.description-main tr:nth-child(even) td {
  background-color: #ffffff;
  color: #2a338f;
}

.no-headerimg .container,
.has-headerbg .container {
	min-width: 100%;
	padding-left: 0px;
	padding-right: 0px;
}
.buttons-nav {
	text-align: center;
	padding-top: 15px;
}
.buttons-nav .jump_link {
	text-decoration: underline;
}

.description-main .description ul li {
	list-style-type: none;
	display: inline-block;
	width: 100%;
	text-align: left;
	padding: 5px 10px;
	padding-left: 25px;
	vertical-align: top;
	position: relative;
}
.description-main  .description ul li::before {
	position: absolute;
	top: 5px;
	left: 0;
	font-family: FontAwesome;
	content: "\f005";
	color: #2a338f;
	font-size: 20px;
}
.product .description-main  .description ul li::before {
	position: absolute;
	top: 5px;
	left: 0;
	font-family: FontAwesome;
	content: "\f14a";
	color: #2a338f;
	font-size: 20px;
}

.description-main  .description h2 {
	font-size: 1.3em;
	font-weight: 700;
}

.product-brand a {
	display: inline-block;
	color: #2a338f;
	vertical-align:middle;
}
.product-brand a .label-like {
	color: #2d2b2d;
}
.product-brand img {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	margin-top: 5px;
}
.pfeatures {
	margin-top: 20px;
}
.pfeatures .product-brand {
	float: right;
	text-align: right;
	margin-bottom: 20px;
}
.brand-text {
	display: inline-block;
}
.brand-text .value {
	font-weight: bold;
}
@media(max-width: 512px) {
	.pfeatures .product-brand {
		float: none;
		text-align: left;
	}

	.product-brand br {
		display:none;
	}
	
	.product-brand img {
		margin-top: 0px;
	}
}

.product-weight {
	text-align: center;
}
a:hover .product-weight {
	color: #2a338f;
}
.product-wrap a:hover .product-name, 
.product-wrap a:hover .action {
	color: #ed1c24;
}
.product-wrap .a-btn {
	border: 1px solid #f5f5f5;
	border-radius: 5px;
	
	-webkit-box-shadow: 0 1px 1px rgba(57, 63, 72, 0.3);
	-moz-box-shadow: 0 1px 1px rgba(57, 63, 72, 0.3);
	box-shadow: 0 1px 1px rgba(57, 63, 72, 0.3);
	padding: 0px 0px;
	padding-bottom: 10px;
}
.product-wrap .a-btn:hover {
	border: 1px solid #2a338f;
}
.product-brand a:hover .value,
.product-links li a:hover .value {
	color: #ed1c24;
	text-decoration: underline;
}
.product-wrap {
	display:inline-block;
	margin-bottom:15px;
}

.product-layout .a-btn{
	position:relative;
}
.product-layout .type-icon {
  position: relative;
  top: 0px;
  left: 0px;
  width: 100%;
  margin: 0px auto;
  text-align: center;
  vertical-align: center;
  z-index: 6;
  margin-top: -50px;
  margin-bottom: 6px;
}
.product-layout .hovicon {
  line-height: 60px;
  cursor: pointer;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  text-align: center;
  position: relative;
  text-decoration: none;
  z-index: 1;
  color: #fff;
}
.product-layout .hovicon.effect-1::after {
  top: -4px;
  left: -4px;
  padding: 4px;
  box-shadow: 0 0 0 2px #ed1c24;
  -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
  -webkit-transform: scale(.7);
  -moz-transition: -moz-transform 0.2s, opacity 0.2s;
  -moz-transform: scale(.7);
  -ms-transform: scale(.7);
  transition: transform 0.2s, opacity 0.2s;
  transform: scale(.7);
  opacity: 0;
}
.product-layout .hovicon.effect-1.sub-a:hover {
  background: #2a338f;
  color: #ffffff;
}
.product-layout .hovicon.effect-1.sub-a:hover .icon {
  color: #ffffff;
}
.product-wrap .product-name {
	padding-left:5px;
	padding-right:5px;
}
.product-layout .hovicon .icon {
	font-size: 40px;
	line-height: 55px;
}
@media(max-width:511px) { 
	.product-layout .hovicon .icon {
		font-size: 35px;
		line-height: 50px;
	}
	.product-layout .hovicon {
		line-height: 55px;
		width: 55px;
		height: 55px;
	}
	.product-layout .type-icon {
		margin-top:-40px;
	}
	.product-layout .product-weight {
		font-size:15px;
	}
	.product-wrap .product-name {
		font-size:17px;
	}
}
@media(min-width:768px) { 
	.col-all-two.even {
		text-align: right;
	}
	.col-all-two.odd {
		text-align: left;
	}
}

.contactus-wrapper {
	margin: 20px 0px;
}

.contactus-wrapper .contact-item {
  padding: 15px 15px;
  position: relative;
  text-align: left;
  background-color: #f6ebda;
  margin-bottom: 10px;
  min-height: 100px;
}
.contactus-wrapper .contact-item span {
  margin-left: 0px;
}
.contactus-wrapper .contact-item .descr a {
  color: #2d2b2d;
}
.contactus-wrapper .contact-item .descr a:hover {
  color: #ed1c24;
}
.contactus-wrapper .contact-item .circle-icon {
	vertical-align:middle;
	display: block;
	margin: 0px auto;
	position: relative;
	top: 0px;
	left: 0px;
	width: 50px;
	height: 50px;
	z-index: 5;
}
.contactus-wrapper .circle-wrap {
	text-align: center;
	vertical-align: middle;
	position: relative;
	top: 0px;
	left: 0px;
	padding: 15px 15px;
	position: absolute;
	top: 0px;
	left: 0px;

}
.contactus-wrapper .contact-item .text-box {
	margin-left: 65px;
	padding-left: 20px;
	position: relative;
}
@media(max-width:440px) {
	.contactus-wrapper .circle-wrap {
		padding: 15px 5px;
	}
	.contactus-wrapper .contact-item .text-box {
		margin-left: 38px;
		padding-left: 15px;
	}
}
.contactus-wrapper .contact-item .text-box:before {
    position: absolute;
    content: '';
    background: #e2d7d0;
    width: 2px;
    height: 62px;
    left: 0px;
    top: 6px;
}
.contactus-wrapper .contact-item .text-box:after {
    position: absolute;
    content: '';
    width: 2px;
    height: 20px;
    left: 0px;
    top: 6px;
    transition: all 500ms ease;
	background: #ed1c24;
}
.contactus-wrapper .contact-item:hover .text-box:after {
  height: 62px;
}
.contactus-wrapper .circle-wrap .fa {
    font-size: 35px;
    position: relative;
    top: 0px;
    left: 0px;
    z-index: 1;
    margin: 3px 0px 0px 0px;
    padding: 0px 0px;
    display: inline-block;
    color: #2a338f;
	border-radius: 50%;
	width: 43px;
	height: 43px;
	line-height: 1em;
}
@media(max-width:440px) {
	.contactus-wrapper .circle-wrap .fa {
		font-size: 27px;
	}
	.contact-item {
	  font-size: 17px;
	}
}
.contactus-wrapper .circle-wrap:hover .fa {
	background: transparent;
	color: #ed1c24;
}
.contactus-wrapper .contact-item .title {
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 10px;
	color: #2a338f;
}


.location-map #column-right {
	width: 100% !important;
	background-color: #ffffff;
	margin-top: 0px;
}
.contact-map {
	background-color: #ffffff;
	padding: 20px 20px;
	box-shadow: 0 0px 30px rgb(0 0 0 / 15%);
}
@media(max-width:440px) {
	.contact-map {
		padding:5px 5px;
	}
}

.header-title .subheading  {
	text-align: center;
	color: #2a338f;
	font-size: 1.2em;
}
.production-numbers-text {
	margin-bottom: 40px;
}
.production-numbers-text h2 {
	padding-bottom: 0px;
	color: #2a338f;
}
.standard-title .section-titlebox .section-title,
.standard-title  h2,
.section  h2 {
	font-weight:bold;
	color: #2a338f;
}

.gallery .slide-cert-image {
	width: 100%;
	text-align: center;
}

.gallery .slide-cert-content {
	width: 100%;
	text-align: center;
}

.gallery .slide-cert-content .upper-heading {
	width: 100%;
	display:block;
}
.gallery .slide-cert-content .title {
	text-transform: uppercase;
}

.gallery  .slide-cert-wrap {
  border: 1px solid #f6ebda;
  border-radius: 5px;
  margin-bottom: 30px;
}

.section.t-slider_certificates.gallery {
	padding-top: 30px;
}
.section.t-slider_certificates.gallery .section-titlebox {
	padding-bottom: 30px;
}
.page-57 table.table-bordered td {
	text-align: left;
	padding: 10px 10px;
	border:3px solid #ffffff;
	white-space: wrap !important;
	color: #000000;
}
.page-57 table.table-bordered td a {
	color: #000000;
}
.page-57 table.table-bordered td a:hover {
	color: #2a338f;
}
.page-57 table.table-bordered tr > td:first-child {
	color: #2a338f;
	font-weight: bold;
}
.page-57 table.table-bordered  {
	max-width: 100%;
	width: 100%;
	word-wrap: break-word;
	border: 0px solid #ffffff !important;
	
	border-collapse: separate;
}

.page-57  .table-responsive {
	border: 0px solid #ffffff !important;
}

@media(min-width:1020px) {
	.page-57 .faq .items  {
		max-width: 80%;
		margin: 0px auto;
	}
}

.table-striped > tbody > tr:nth-of-type(2n) {
  background-color: #ffffff;
}

.table-striped > tbody > tr:hover {
  background-color: #f6ebda;
}

@media(max-width:630px) {
	.page-57 table.table-bordered td {
		border:2px solid #ffffff;
		white-space: wrap !important;
	}
	
	.page-57 table.table-bordered td  {
		display:block;
		border-left:2px solid #ffffff !important;
	}
	
	.table-striped > tbody > tr  {
	  display:block;
	  margin-bottom: 10px;
	}
}

.faq .panel-heading .panel-title a, 
.faq .panel-heading .panel-title a span {
	font-size: 20px;
}

.faq .items .panel-heading .panel-title a, 
.faq .items .panel-heading .panel-title a.collapsed {
  color: #2a338f;
  background-color: #f6ebda;
  border: 1px solid #2a338f;
  border-radius: 10px;
  display:block;
}

.faq .items .panel-heading .panel-title a {
  color: #ffffff;
  background-color: #2a338f;
}

.faq .panel {
  border: 1px solid #2a338f;
  border-radius: 10px;
}
.faq .panel .panel-body {
  background-color: transparent;
}
.faq  .panel-default > .panel-heading {
	border: 0px solid #2a338f !important;
}
.faq .panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top: 0px solid #2a338f !important;
  border-bottom: 0px solid #2a338f !important;
  border: 0px solid #2a338f !important;
}

.faq .panel-default > .panel-heading {
	background-color: #ffffff !important;
}
.faq .panel {
	-webkit-box-shadow: none;
	box-shadow: none;
}
.faq .items .panel-heading .panel-title a.collapsed {
  color: #2a338f;
  background-color: #f6ebda;
}

.faq .panel-heading .panel-title a i {
	left: 15px;
	top: 13px;
	width: 30px;
	height: 30px;
	line-height: 30px;
	border: 1px solid #2a338f;
	border-radius: 50%;
	text-align:center;
	background-color: #ffffff;
	color: #ed1c24;
}
.faq .panel-heading span.title {
	display:inline-block;
	margin-left: 40px;
}

.faq .panel-heading .panel-title a i.fa-angle-down {
	display:inline-block;
}
.faq .panel-heading .panel-title a i.fa-angle-right {
	display:none;
}
.faq .panel-heading .panel-title a.collapsed i.fa-angle-right {
	display:inline-block;
}
.faq .panel-heading .panel-title a.collapsed i.fa-angle-down  {
	display:none;
}
.contact-form-btn {
	padding: 20px 10px;
}

/* pagination */
.pagination-bar {
    border-top: 1px solid #b2b2b2;
    border-radius: 0px;
    margin-top: 18px;
    margin-bottom: 18px;
}
.pagination-summary {
	float: none;
	padding: 10px 10px;
	font-size: 14px;
	text-align: center;
}
.pagination-group {
	float: none;
	text-align: center;
}
@media (min-width: 1000px) {
	.pagination-summary {
		float: left;
		padding: 10px 10px;
		font-size: 14px;
	}
	.pagination-group {
		float: right;
	}	
}
.pagination {
	margin: 10px 10px;
	margin-bottom: 1px;
}
.pagination li {
	display: inline-block;
}
.page-item {
    margin-left: 10px;
}
.page-item:first-child {
    margin-left: 0;
}
.page-item .page-link {
	display: inline-block;
    border: 1px solid #b2b2b2;
	background-color: #fff;
    border-radius: 6px;
    padding: 5px 10px;
    font-size: 14px;
    position: relative;
    line-height: 1.25;
    color: #333333;  
}
.pagination > li:first-child > a, .pagination > li:first-child > span {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}
.pagination > li:last-child > a, .pagination > li:last-child > span {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}
.page-item.disabled .page-link {
    opacity: 0.6;
}
.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
    z-index: 3;
    color: #2a338f;
    background-color: #f6ebda;
    border-color: #2a338f;
}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    background-color: #2a338f;
    border-color: #2a338f;
}
.page-item .page-link.page-prev {
	padding-left: 20px !important;
}
.page-item .page-link.page-prev:before {
	position: absolute;
	top: 5px;
	left: 5px;
	font-size: 16px;
	font-family: FontAwesome;
	content: '\f101';
	-webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.page-item .page-link.page-next {
	padding-right: 20px !important;
}
.page-item .page-link.page-next:after {
	position: absolute;
	top: 4px;
	right: 5px;
	font-family: FontAwesome;
	content: '\f101';
	font-size: 16px;
}

/* ./ pagination */

.section-highlight, 
.description p {
	line-height: 1.6em;
}

@media(min-width:620px) and (max-width:767px) {
.products-area .product-layout.col-xs-6.col-sm-4 {
	width: 33.33333333%;
}
}
@media (max-width:619px) {
	.manufacturer .product-layout.col-xs-6.col-sm-4,
	.products-area .product-layout.col-xs-6.col-sm-4 {
		padding-left:2px;
		padding-right:2px;
	}
}
.product .thumbnails .thumbnail {
	max-width: 500px !important;
	margin: 0px auto;
}
.swiper-slide {
	text-align:center;
}
.product-listing.totalitems-2 .even {
	text-align:right;
}
.product-listing.totalitems-2 .odd {
	text-align:left;
}
.related-products a.a-btn {
	-webkit-box-shadow: 0 1px 1px rgba(57, 63, 72, 0.3);
	-moz-box-shadow: 0 1px 1px rgba(57, 63, 72, 0.3);
	box-shadow: 0 1px 1px rgba(57, 63, 72, 0.3);
	padding: 0px 0px;
	padding-bottom: 10px;
}
.related-products .swiper-container {
	padding-top:5px;
	padding-bottom:20px;
}
.swiper-box-outer {
  position: relative;
  padding-bottom: 50px;
}

.special-swiper-nav.totalitems-1 .swiper-box-outer,
.special-swiper-nav.totalitems-2 .swiper-box-outer {
	padding-bottom: 10px;
}

.swiper-box-outer .swiper-pagination {
  width:100%;
  text-align:center;
}
.swiper-box-outer .swiper-pagination .swiper-pagination-bullet {
  margin-left: 5px;
  margin-right: 5px;
}



.special-swiper-nav  .swiper-box-outer  {
	padding-top: 60px;
}

.special-swiper-nav.totalitems-1 .swiper-box-outer,
.special-swiper-nav.totalitems-2 .swiper-box-outer {
	padding-top: 1px;
}
.special-swiper-nav.totalitems-1 .swiper-pagination,
.special-swiper-nav.totalitems-1 .swiper-navigation,
.special-swiper-nav.totalitems-2 .swiper-pagination,
.special-swiper-nav.totalitems-2 .swiper-navigation {
	display:none;
}

@media(min-width:992px) {
	.special-swiper-nav.totalitems-3 .swiper-pagination,
	.special-swiper-nav.totalitems-3 .swiper-navigation,
	.special-swiper-nav.totalitems-4 .swiper-pagination,
	.special-swiper-nav.totalitems-4 .swiper-navigation {
		display:none;
	}
	.special-swiper-nav.totalitems-3 .swiper-box-outer,
	.special-swiper-nav.totalitems-4 .swiper-box-outer {
		padding-top: 1px;
		padding-bottom: 10px;
	}
}

@media(min-width:600px) {
	.special-swiper-nav.totalitems-3 .swiper-pagination,
	.special-swiper-nav.totalitems-3 .swiper-navigation {
		display:none;
	}
	.special-swiper-nav.totalitems-3 .swiper-box-outer {
		padding-top: 1px;
		padding-bottom: 10px;
	}
}

.special-swiper-nav  .swiper-navigation {
	text-align: center;
	width: 120px;
	margin: 0px auto;
	top: 0px !important;
	position: relative;
}
.special-swiper-nav .swiper-navigation .swiper-button-prev,
.special-swiper-nav .swiper-navigation .swiper-button-next {
	display: inline-block;
	height: 50px;
	position:relative;
	color: #2a338f !important;
	border: 1px solid #2a338f;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	text-align: center !important;
}
.special-swiper-nav .swiper-navigation .swiper-button-prev {
	position: absolute;
	top: 0px !important;
	left: 0px !important;
	margin: 0px 0px !important;
	margin-top: 0px !important;
}
.special-swiper-nav .swiper-navigation .swiper-button-next {
	position: absolute;
	top: 0px !important;
	right: 0px !important;
	margin-top: 0px !important;
}
.special-swiper-nav .swiper-navigation .swiper-button-next:hover,
.special-swiper-nav .swiper-navigation .swiper-button-prev:hover {
	cursor:pointer !important;
}

.product-package-options .product-weight {
	font-weight: bold;
	margin-top: 10px;
	font-size: 23px;
}
.product-package-options .product-thumb  {
	background-color: #ffffff;
	border-radius: 50%;
}
.product-package-options .product-thumb img {
	width: 150px;
	height: 150px;
	border-radius: 50%;
	border:2px solid #2a338f;
	display:inline-block;
	padding: 10px 10px;
}
.product-package-options a:hover .product-thumb img {
	border:2px solid #ed1c24;
}
.product-package-options a:hover  .product-weight {
	color:#ed1c24;
}

.product-package-options .items {
	text-align: left;
}
.product-package-options .product-wrap-box {
	display:inline-block;
}
.product-package-options .box-title {
	font-size:20px;
	text-align:left;
	margin-top:30px;
}

.bstotal-1 .swiper-pagination,
.bstotal-1 .swiper-button-next, 
.bstotal-1 .swiper-button-prev {
	display:none;
}
#top-content .swiper-container.bstotal-1 {
  padding-bottom: 0px;
}
.agreement-box .agreement label:hover {
	cursor:pointer !important;
}
h1 .subheading {
	display:inline-block;
	width:100%;
}
.product-wrap .product-subheading {
	height:1.2em;
	line-height:1.2em;
	overflow:hidden;
	margin-top:5px;
	text-align: center;
}
@media(min-width:992px) {
	.description-main .description {
		padding-right: 25px;
	}
}

.details-box {
	margin-bottom: 20px;
}
.details-box .title {
	color: #2a338f;
	font-weight: bold;
	font-size: 1.2em;
	padding-bottom: 5px;
}
.product-package-options {
	margin-bottom: 20px;
}