@font-face {
    font-family: 'Roboto';
  	src: url('../fonts/Roboto/Roboto-Regular.ttf');
}
@font-face {
    font-family: 'Ubuntu';
		src: url('../fonts/Ubuntu/Ubuntu-Medium.ttf');
}
body {
	font-family: 'Roboto', sans-serif;
}

.background {
	background-image: url('../img/backgr3.png');
	background-attachment: fixed;
	background-repeat: no-repeat;
}

/*header style*/
.header-mid-part {
    padding-top: 1%;
    padding-bottom: 0.5%;
    border-bottom: 1px solid #ddd;
}
.header-mid-part .slogan {
	padding-left: 2%;
    padding-right: 2%;
}
.header-contacts {
	padding-left: 2.5%;
	border-left: 1px solid #aaa;
	padding-top: 1%;
	display: flex;
	align-items: center;
}
.header-contacts  p {
	margin-bottom: 5%;
}
.header-contacts a {
	color: #000;
}
.logo-header {
	border-right: 1px solid #aaa;
	text-align: right;
	align-self: center;
}
.logo-header img {
	padding-top: 1%;

    height: auto;
}
.slogan p {
	margin-bottom: 0;
}
.slogan span {
	padding-left: 2%;
	padding-right: 2%;
}
.moduletable .djslider-loader:focus {
	outline: none;
}
.djslider-loader {
	margin-top: 0;
	margin-bottom: 2%;
}
.header-top-part p {
	margin: 0;
}
.schedule p {
	font-size: 14px;
	padding-left: 4%;
	display: inline-block;
}
.schedule {
	margin-bottom: 0;
}
.social-icons {
	/*text-align: right;*/
  display: flex;
  justify-content: space-between;
}
.social-icons p {
	padding-right: 1%;
}
.lang-inline li:hover a {
	color: #fff;
}
.lang-active a {
  color: #fff;
  transition: color 0.2s ease;
}
.header-top-part {
	color: #fff;
	background-color: #254671;
    padding-bottom: 0.6%;
    padding-top: 0.6%;
}
.header-top-part .container {
	padding: 0;
}
.header-top-part .schedule {
    border-right: 1px solid rgba(238, 238, 238, 0.5);
}

	/*header menu*/
header .nav li {
	min-width: 11%;
	display: inline-block;
	padding-right: 1%;
	padding-left: 1%
}
.main-menu li:not(:last-child) {
	border-right: 1px solid #aaa;
}
.main-menu a {
	text-transform: uppercase;
}
.main-menu {
	display: flex;
    justify-content: center;
	border-bottom: 1px solid #ddd;
}
.nav a  {
	color: #222;
}
.main-menu .active>a {
	background: none;
  	color: #0a0a0a;
	font-weight: bold;
}
.main-menu li::after {
	display: block;
  	content: "";
  	width: 0%;
  	transition: width .3s ease-in-out;
	border-bottom: 3px solid #254671;
}
.main-menu li:hover:after {
	width: 100%;
}
.main-menu .menu {
	display: inline-block;
	justify-content: center;
	width: 100%;
	text-align: center;
	padding-top: 1%;
	padding-bottom: 1%;
}
	/*header menu end*/

/*search*/
/*.search-bar label {
	display: none;
}*/
/*.search-bar form {
	justify-content: center;
}*/
.search-bar input[type="text"] {
	width: 200px;
	border: none;
    border: 1px solid #254671;
    vertical-align: middle;
 	padding-left: 0.5em;
}
.search-bar input[type="submit"] {
	width: 40px;
	background-color: #fff;
	padding: 1px;
    background-image: url('../img/search.png');
    background-repeat: no-repeat;
    background-position: center;
    border: 1px solid #254671;
    cursor: pointer;
    vertical-align: middle;
}
.search-bar input[type="submit"]:hover {
	color: #fff;
	background-color: #254671;
	border: 1px solid rgba(129, 128, 128, 0.51);
}
.search-bar input[type="text"]:focus {
    outline: none;
}
/*header style end*/

/*content style*/
.content-imgs-wrapper {
 	justify-content: space-evenly;
  	display: flex;
  	flex-wrap: wrap;
  }
.article {
	padding-left: 2%;
	padding-bottom: 1%;
}
.article img {
	margin-bottom: 3%;
	max-width: 100%;
}
.article h1 {
	margin-bottom: 4%;
}
.article p {
	text-indent: 5%;
}
.article h3 {
	font-size: 20px;
}
.article h1, .article h2, .article h3, .article h4, .article h5, .article h6, .page-header h1, .page-header h2, .contacts-wrapper h1 {
	font-family: 'Ubuntu', sans-serif;
}
.home-article-image {
	display: inline-block;
}
.characteristics-content-table {
	margin-top: 5%;
	margin-bottom: 5%;
}
.characteristics-content-table tr:first-child {
	position: relative;
	background-color: #1f4c83;
	color: #fff;
}
.list-header {
	padding-top: 5%;
	margin-bottom: 5%;
}
.first-image, .second-image {
	max-width: 68%;
	border: 1px solid #aaa;
	margin-top: 3%;
}
.fourth-image {
	position: absolute;
	max-width: 25%;
	bottom: 4%;
	margin-right: 7%;
	margin-bottom: 8%;
	right: 1%;
}
.fifth-image {
	max-width: 100%;
	margin-top: 3%;
	margin-bottom: 3%;
}
.video-wrapper {
	margin-bottom: 2%;
}
.avPlayerWrapper {
	margin-right: 5%;
}
.list-divs-wrapper {
	display: flex;
	margin-bottom: 5%;
	margin-top: 5%;
}
.list-divs-wrapper div:first-child {
	margin-top: 5%;
	background-color: #f2f4f5;
	color: #1f4c83;
}
.list-divs-wrapper div:nth-child(2) {
	margin-bottom: 5%;
	background-color: #0a4183;
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: 45%;
	position: relative;
	color: #fff;
}
.list-divs-wrapper li {
	font-size: 18px;
	padding-bottom: 5%;
}
.list-divs-wrapper div:nth-child(2):after {
	position: absolute;
	bottom: 0;
	content: "";
	display: block;
	width: 100%;
	border-bottom: 17px solid #2797c9;
}
.characteristics-content-table tr:nth-child(3n+2) td:nth-child(1):before {
	position: ;
	display: inline-block;
	content: "";
	width: 10px;
	height: 10px;
	background-color: #2797c9;
}
.characteristics-content-table tr:nth-child(3n+3) td:nth-child(1):before {
	display: inline-block;
	content: "";
	width: 10px;
	height: 10px;
	background-color: #e64030;
}
.characteristics-content-table tr:nth-child(3n+4) td:nth-child(1):before {
	display: inline-block;
	content: "";
	width: 10px;
	height: 10px;
	background-color: #f6dc2e;
}
.characteristics-content-table {
	border: 1px solid #dddddd;
}
.characteristics-content-table h3 {
	font-size: 24px;
}
.fire-extinguisher {
  	padding-top: 5%;
	float: left;
	padding-right: 7%;
}
.page-header h1, .page-header h2, .contacts-wrapper h1, #comjshop h1 {
	font-size: 24px;
	text-align: center;
	color: #254671;
	text-transform: uppercase;
}
.image-p {
	display: inline-block;
	text-indent: inherit;
}
.createdby, .published {
	font-size: 12px;
	color: #aaa;
	display: inline-block;
}
.createdby {
	margin-right: 5%;
}
.proj-first-image {
	max-width: 100%;
}
/*end*/

/*footer style*/
.mobile-footer {
	display: none;
}
footer li {
	font-size: 16px;
}
footer {
	font-size: 16px;
	background-color: #254671;
	color: #fff;
	padding-top: 1%;
	padding-bottom: 1%;
	margin-top: 2%;
}
.schedule-footer ul {
	display: inline-block;
	list-style: none;
	margin: 0;
	padding-left: 0;
}
.schedule-footer ul:nth-child(odd) {
	margin-left: 10%;
}
.schedule-footer p:first-child {
	margin-bottom: 3%;
}
.schedule-footer p:last-child {
	font-size: 11px;
	color: #fefefe;
	opacity: 0.5;
	margin-top: 2%;
}
.footer-address p:not(:first-child) {
	text-align: left;
	margin-bottom: 0;
}
.footer-address p:first-child {
	margin-bottom: 2%;
}
.footer-address {
	padding-bottom: 1%;
}
.footer-address a {
	color: #fefefe;
}
.footer-address address {
	margin-bottom: 0;
	font-style: normal;
}
.footer-menu ul {
	display: block;
}
.footer-menu ul a {
	color: #fefefe;
	padding-bottom: 0;
}
.footer-menu .active>a {
	background: none;
}
.footer-menu .menu a {
	padding-left: 0;
}
.footer-menu p {
	margin-bottom: 0;
}
.footer-menu {
	padding-left: 2%;
}
.footer-copyright {
	font-size: 12px;
	color: #fefefe;
	opacity: 0.5;
	text-align: center;
}
.footer-copyright p {
	margin-bottom: 0;
}
.logo-footer p {
	display: flex;
	justify-content: center;
}
.logo-footer {
    align-self: flex-end;
}
.logo-footer img:hover {
	animation-duration: 1.5s;
	animation-iteration-count: 1;
	transition: all 0.5s ease;
	animation-name: rubberBand;
}
.logo-footer p:not(:first-child) {
	font-size: 11px;
	color: #fefefe;
  	opacity: 0.5;
  	text-align: center;
}
.footer-menu li::after {
	display: block;
	content: "";
	width: 0%;
	transition: width .3s ease-in-out;
	border-bottom: 1px solid #fff;
}
.footer-menu li:hover:after {
	width: 50%;
}
.footer-menu li.active:hover:after {
	width: 0;
}
.footer-menu .active {
	font-weight: 700;
}
/*end*/

/*catalog menu*/
.duker-menu {
	position: sticky;
	top: 10%;
	align-self: flex-start;
}
.duker-menu .menu li:nth-child(1n+1) {
	width: 100%;
	border-bottom: 1px solid #00000038;
	border-right: 1px solid #00000038;
}
.duker-menu .nav-child li:not(:last-child) {
	border-bottom: 1px solid #00000038;
	border-right: none;
	border-left: none;
}
.duker-menu .nav-child li:last-child {
	border-bottom: none;
	border-right: none;
	border-left: none;
}
.duker-menu li:nth-child(4n+1) {
	border-left: 6px solid #de0000;
}
.duker-menu li:nth-child(4n+2) {
	border-left: 6px solid #2797c9;
}
.duker-menu li:nth-child(4n+3) {
	border-left: 6px solid #669934;
}
.duker-menu li:nth-child(4n+4) {
	border-left: 6px solid #fce233;
}
.moduletableshop-menu {
	background-color: #fff;
}
.duker-menu ul {
	list-style: none;
}
.duker-menu li {
	line-height: 2em;
}
/*.duker-menu li li {
	padding-bottom: 3%;
}*/
.duker-menu .active a {
	color: #004496;
	background: none;
	font-weight: bold;
}
.duker-menu .menu ul a {
	font-size: 14px;
	color: #555;
	text-decoration: none;
}
.duker-menu .nav-child li:last-child {
	padding-bottom: 0;
}

.duker-menu li .active {
	background-color: #eee;
}
.duker-menu .active .current a, .duker-menu .menu .active>a {
	color: #004496;
}
.duker-menu li:nth-child(4n+1) li:not(:last-child):hover, .duker-menu li:nth-child(4n+1):not(:last-child):hover {
	border-bottom: 1px solid #de0000;
}
.duker-menu li:nth-child(4n+2) .active>a {
	background-color: #eee;
	color: #004496;
}
.duker-menu li:nth-child(4n+2) li:not(:last-child):hover, .duker-menu li:nth-child(4n+2):not(:last-child):hover {
	border-bottom: 1px solid #2797c9;
}
.duker-menu li:nth-child(4n+3) .active>a {
	background-color: #eee;
	color: #004496;
}
.duker-menu li:nth-child(4n+3) li:not(:last-child):hover, .duker-menu li:nth-child(4n+3):not(:last-child):hover {
	border-bottom: 1px solid #669934;
}
.duker-menu li:nth-child(4n+4) .active>a {
	border-bottom: 1px solid #fce233;
}
.duker-menu li:nth-child(4n+4) li:not(:last-child):hover, .duker-menu li:nth-child(4n+4):not(:last-child):hover {
	border-bottom: 1px solid #fce233;
}
.duker-menu .menu ul {
	padding-left: 0;
	margin-left: 0;
}
.duker-menu .nav-child a {
	padding-left: 10%;
	display: inline-block;
}
.photo-under-catalog img {
	border: 1px solid #00000038;
}
.photo-under-catalog p {
	overflow: hidden;
}
.photo-under-catalog  {
	margin-top: 5%;
	padding: 0;
}
.download-catalog {
	padding-left: 0;
	padding-right: 0;
}
.download-catalog h3 {
	font-size: 20px;
	background-color: #1f4c83;
	color: #fff;
	text-align: center;
	padding-bottom: 3%;
	padding-top: 3%;
	font-weight: 500;
	margin-bottom: 0;
}
.download-catalog ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}
.download-catalog li {
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	font-size: 14px;
	font-weight: 500;
	padding-left: 5%;
	padding-top: 3%;
	padding-bottom: 3%;
	line-height: 24px;
}
.download-catalog ul img {
	display: inline-block;
	text-align: right;
	float: right;
	margin-right: 5%;
}
.photo-under-catalog img {
	transition: all 0.8s ease;
}
.photo-under-catalog img:hover {
	transform: scale(1.1);
	transition: all 0.8s ease;
}
.jshop h1 {
	text-align: center;
}
.duker-menu img {
	/*position: relative;*/
	display: block;
  	margin: auto;
}
.duker-menu h4 {
	color: #fffefe;
	margin-bottom: 0;
	font-size: 20px;
	padding-top: 3%;
	padding-bottom: 3%;
	background-color: #1f4c83;
	text-align: center;
}
.duker-menu .menu a {
	font-size: 14px;
	font-weight: 500;
	color: #222;
	text-transform: uppercase;
}
.duker-menu li a {
	padding-left: 3%;
}
.photo-catalog img {
  padding-left: 15%;
  padding-right: 15%;
}
.photo-catalog-big {
	z-index: 10;
	position: absolute;
  	top: 0;
	background: rgba(100, 200,150, 0.5);
}
.photo-catalog-big img {
	max-width: 45%;
}

/*contact form*/
.contact-form-button {
	display: inline-block;
	margin: auto;
}
/*end*/

/*single item*/
.jshop_prod_description h5 {
  margin-bottom: 0;
}
.jshop .jshop_prod_description h1 {
	border-top: none;
	text-align: left;
}
.item-wrapper {
	border-bottom: 1px solid #ddd;
}
.item-short-descr, .image_middle {
	display: inline-block;
}
/*.jshop_img_description #list_product_image_thumb {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}*/
#list_product_image_thumb {
	width: 100%;
	margin-bottom: 2%;
}
#list_product_image_thumb img {
	margin: 1% 0;
  max-height: 68%;
  max-width: 31%;
}
.block_product img {
	padding: 5%;
}
.second_description table {
		font-size: 16px;
}
.second_description table tr:first-child, table.two-rows-header tr:nth-child(2) {
	background-color: #1f4c83;
	color: #fff;
}
.second_description table tr:hover:not(:first-child) {
	background-color: #BEC2C2;
}
.second_description p:not(:first-child) {
	margin-bottom: 0;
}
table.two-rows-header tr:nth-child(2):hover {
	background-color: #1f4c83;
}
.second_description {
	border-bottom: 1px solid #ddd;
}
.item-main-image {
	max-width: 100%;
	display: block;
	margin: auto;
	border: 1px solid #ddd;
}
.lightbox {
	position: relative;
	display: block;
}
.item-wrapper .jshop_prod_description {
	padding-top: 0;
}
.zoom-icon {
	position: absolute;
	top: 2%;
	right: 3%;
}
.image_middle {
  padding-right: 2%;
}
.oiproduct .name {
	margin-top: 2%;
	margin-bottom: 2%;
	}
/*end*/

/*items catalog*/
.row-fluid [class*="sblock"] {
	padding-left: 0;
}
.list_product .row-fluid {
	justify-content: center;
  	display: flex;
    flex-wrap: wrap;
}
.row-fluid .sblock4 {
	width: 23%;
}
.sblock4:nth-child(odd) {
	margin-left: 2%;
	margin-right: 2%;
}
.block_product .buttons {
	background-color: #1f4c83;
	max-width: 50%;
	display: flex;
	margin: auto;
	height: 30px;
	justify-content: center;
	align-items: center;
	margin-top: 5%;
}
.jshop_list_product .image_block {
  display: block;
}
.block_product .buttons a:focus {
  outline: none;
  box-shadow: none;
}
.block_product .buttons:hover {
	background-color: #fff;
	border: 1px solid #1f4c83;
	transition: all 0.2s ease;
}
.jshop_list_product .block_product {
	margin-bottom: 5%;
}
.jshop_list_product .product .buttons:hover a {
	color: #1f4c83;
	font-weight: 500;
	transition: all 0.2s ease;
}
.jshop_list_product .product .buttons a {
	margin-top: 0;
	color: #fff;
	font-size: 14px;
	text-transform: uppercase;
}
.block_product .name a {
	font-size: 16px;
	color: #222;
}
.block_product .image {
	border-bottom: 1px solid #aaa;
	margin-left: 1%;
 	margin-right: 1%;
}
.sblock4 {
	border: 1px solid #ccc;
}
#comjshop {
	padding-left: 5%;
}
.jshop_prod_description {
	margin-left: 8%;
}
#comjshop .jshop_prod_description h1 {
	text-align: left;
	margin-bottom: 3%;
}
.sblock4:hover {
	-webkit-box-shadow: 5px -5px 18px -3px rgba(31,76,131,0.58);
	-moz-box-shadow: 5px -5px 18px -3px rgba(31,76,131,0.58);
	box-shadow: 5px -5px 18px -3px rgba(31,76,131,0.58);
}
.list_product .row-fluid {
	 margin-bottom: 2%;
}
/**/

/*sticky menu*/
.main-menu-scrolled {
	position: fixed;
	background: #fff;
	top: 0;
	z-index: 20;
	width: 100%;
	border-bottom: 1px solid #aaa;
	transition: all 0.2s ease;
}
/*end*/

/*arrow up*/
.up {
    position: fixed;
    bottom: 40px;
    right: 40px;
    z-index: 20;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 30px;
    background: #f5f5f5;
    color: #254671;
    cursor: pointer;
    border: 0;
    border-radius: 2px;
    text-decoration: none;
    transition: opacity 0.2s ease-out;
    opacity: 0;
}
.up:hover {
    background: #e9ebec;
}
.up.show {
    opacity: 1;
}
/*end*/

/*certificats page*/
#phocagallery {
	padding-left: 2%;
}
.page-header {
	margin-top: 0;
	text-transform: uppercase;
}
.pg-msnr-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.pg-cv-box:hover {
	background: none;
	box-shadow: 1px 1px 2px 1px rgba(120, 120, 120, 0.5);
}
.pg-cv-box {
    -webkit-box-shadow: none;
    box-shadow: none;
	margin: 0;
}
.pg-cv-box-img {
    min-height: 390px;
    min-width: 260px;
	}
/*end*/

/*pagination*/
.pagination-list li:last-child, .pagination-list li:nth-last-child(2) { /*hide unusable li*/
	display: none;
}
.pagination {
	display: block;
}
.pagination-list .disabled {
	display: none;
}
.pagination-list {
	list-style: none;
	display: flex;
	justify-content: center;
	padding-left: 0;
}
.pagination-list li {
	float: left;
	padding: 5px;
	margin-right: 2%;
}
.pagination-list li.active {
	border: 1px solid #1f4c83;
}
.pagination-list li.active a {
	color: #1f4c83;
}
.pagination a {
	color: #777777;
	font-size: 14px;
}
.pagination a:hover {
	background: none;
	color: #1f4c83;
}
/*end*/

/*breadcrumbs*/
.breadcrumb {
    list-style: none;
    display: inline-block;
	margin-left: 0;
	margin-bottom: 2%;
	background-color: #fff;
}
.breadcrumb a {
	color: #777;
	font-size: 12px;
}
.breadcrumb .active span {
	color: #222;
	font-size: 12px;
}
.breadcrumb li {
	display: inline-block;
}
/*end*/

/*bootstrap rewrite*/
a:hover {
    text-decoration: none;
}
.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
}
.breadcrumb>li+li:before {
	content: "";
	padding: 0;
}
/*end*/

/*burger menu*/
#menuToggle input, #menuToggle h6, #menuToggle-catalog {
  display: none;
}
/*end*/

/*social icon animation*/
.social-icon:hover, .schedule p:last-child:hover img, .footer-street:hover img, .schedule p:first-child:hover img {
	animation-duration: 1s;
	animation-iteration-count: 1;
	animation-name: fullRotateY;
}
@keyframes fullRotateY {
		from {
			transform: rotateY(0deg);
		}
		to {
			transform: rotateY(360deg);
		}
	 }
.footer-email:hover img {
	animation-duration: 1s;
	animation-iteration-count: 1;
	animation-name: fullRotateX;
}
@keyframes fullRotateX {
		from {
			transform: rotateX(0deg);
		}
		to {
			transform: rotateX(360deg);
		}
	 }
.footer-phone:hover img {
	animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
  	transform: translate3d(0, 0, 0);
  	backface-visibility: hidden;
  	perspective: 1000px;
}
@keyframes shake {
		10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
	 }
/*end*/

main {
	padding-top: 2%;
}

/*header logo animation*/
.logo-header img:hover {
	animation-duration: 1.5s;
	animation-iteration-count: 1;
	animation-name: swing;
	transition: all 0.5s ease;
}
/*end*/

/*video content*/
.video-wrapper {
	display: flex;
}
.video-wrapper  h4 {
	font-size: 18px;
}
/*end*/

/*map*/
div#gmap {
	max-width: 100%;
	margin-left: 0;
	margin-right: 0;
}
/*end*/

.contacts-contacts-page {
	font-size: 18px;
	padding-bottom: 5%;
}
.warehouse-images {
	display: flex;
	flex-wrap: wrap;
}
.contacts-top-part {
    border-bottom: 1px solid #254671;
	margin-bottom: 1%;
	}
.contacts-bottom-part {
	width: 80%;
}
.contacts-bottom-part input {
	height: 35px;
	width: 100%;
	margin-bottom: 6%;
}
.contacts-bottom-part textarea {
	width: 100%;
	height: 130px;
}
.contact-form-wrapper {
	margin-top: 2%;
}
.contact-form-wrapper h3 {
	text-align: center;
	font-size: 24px;
	font-weight: 500;
	margin-bottom: 4%;
}
.warehouse-p {
	display: block;
	width: 100%;
	border-bottom: 1px solid #ebebeb;
	margin-bottom: 2%;
	font-size: 16px;
}
#captcha {
    display: flex
}
.send-btn, .clear-btn {
	background-color: #254671;
	color: #fff;
	font-weight: 700;
	border: none;
}
.clear-btn {
	background-color: #ebebeb;
	color: #254671;
	font-weight: 700;
	border: none;
}
.send-btn:hover, .clear-btn:hover {
	background-color: #fff;
	color: #254671;
	border: 1px solid #254671;
}
.warehouse-images p:nth-child(3n+1){
	margin-right: 2%;
}
.contacts-wrapper {
	padding-bottom: 2%;
}
.contacts-wrapper h1 {
	color: #254671;
	margin-bottom: 2%;
}
.blog .span6 {
  width: 47%;
  display: inline-block;
  margin: 1%;
}