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

#header {
	width: 100%;
	height: auto;
	position: relative;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.header_top {
	padding: 12px 0;
	background: #434752;
}
.header_top_container {
	margin-bottom: 0;
	padding: 0;
}
.header_top_container li {
	display: inline-block;
	color: #bdbdbd;
	border-right: 1px solid #868686;
	padding: 0 20px;
}

.header_top_container li + li{
	border-right: 0px solid #868686;
}
.header_top_container_right {
	margin-bottom: 0px;
}
.header_top_container_right li {
	padding: 0 20px !important;
}
.header_top_container_right li + li {
	border-left: 1px solid #868686;
}
.header_top_container_right li a i {
	color: #bdbdbd;
}
.header_top_container li a {
	color: #bdbdbd;
}


.header_logo {
	width: 100%;
	padding: 10px 0;
}
.logo a img {
	width: 55%;
}
.navbar-default .navbar-nav > li > a {
    color: #0a0000 !important;
    font-weight: bold !important;
    letter-spacing: 2px !important;
	transition: 0.5s all ease-in-out !important;
}
.navbar-default .navbar-nav > li > a:hover {
    color: #0092dd !important;
    transition: 0.5s all ease-in-out !important;
}
.navbar-collapse {
    padding-right: 0px !important;
}
.navbar {
    position: relative !important;
    min-height: 0 !important;
    margin-bottom: 0 !important;
    border: 0px solid transparent !important;
    margin-top: 38px !important;
}
.link {
	outline: none;
	position: relative;
}
.link--kukuri {
	overflow: hidden;
	color: #dc214c;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #dc214c !important;
    background-color: inherit !important;
}
.link--kukuri:hover {
	color: #dc214c;
}

.link--kukuri::after {
	content: '';
	position: absolute;
	height: 16px;
	width: 100%;
	top: 50%;
	margin-top: -8px;
	right: 0;
	background: #F9F9F9;
	transform: translate3d(-100%,0,0);
	transition: transform 0.4s;
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}

.link--kukuri:hover::after {
	transform: translate3d(100%,0,0);
}

.link--kukuri::before {
	content: attr(data-letters);
	position: absolute;
	z-index: 2;
	overflow: hidden;
	color: #dc214c;
	white-space: nowrap;
	width: 0%;
	transition: width 0.4s 0.3s;
}

.link--kukuri:hover::before {
	width: 100%;
}


/*-- slider --*/
.slider {
	border-top: 2px solid #ccc;
}
.carousel-control.left, .carousel-control.right {
	background-image: none !important;
	height: 150px;
	width: 40px;
	background: rgba(222,32,76,0.8);
	top: 28%;
	display: none;
	transition: 0.5s all ease-in-out !important;
}
.fa-chevron-left:before {
    content: "\f053";
    top: 44%;
	left: 30%;
    position: absolute;
}
.fa-chevron-right:before {
    content: "\f053";
    top: 44%;
	right: 30%;
    position: absolute;
}
.carousel:hover .carousel-control.left, .carousel:hover .carousel-control.right {
	display: block;
	transition: 0.5s all ease-in-out !important;
}

/*-- welcome --*/
.welcome {
	padding: 100px 0;
}
.about_contain {
	width: 82%;
	text-align:center;
	margin: 0 auto;
}
.about_contain img {
	margin: auto;
}
.about_contain h2 {
	font-weight: bold;
    font-size: 30px;
    letter-spacing: 1px;
}
.about_contain p {
	color: #717171;
    line-height: 25px;
}
@import 'https://fonts.googleapis.com/css?family=Comfortaa:300,400,700&subset=cyrillic,cyrillic-ext,latin-ext';
.blue button {color:#3bb4e5;border-color:#3bb4e5; padding: 12px 30px;}
.blue button:before, .blue button:after  {border-color:#3bb4e5}
.blue button:hover:before, .blue button:hover:after {width:calc(100% + 12px);
  height:calc(100% + 12px);border-color:#3bb4e5;transform:rotateY(180deg)}
.blue button:hover {color:#3bb4e5;background-color:transparent;border-color:#3bb4e5}
.blue .panel {max-width:960px;text-align:center;position:relative;margin:auto;}
button {color:#454545;background:transparent;border-width:2px;border-style: solid;border-color: #454545;position:relative;margin:1em;display:inline-block;padding:0.5em 1em;transition:all 0.3s ease-in-out;text-align:center;
font-family:comfortaa;font-weight:bold}
button:before, button:after {content:'';display:block;position:absolute;border-color:#454545;box-sizing:border-box;border-style:solid;width:1em;height:1em;transition:all 0.3s ease-in-out}
button:before {top:-6px;left:-6px;border-width:2px 0 0 2px;z-index:5;}
button:after {bottom:-6px;right:-6px;border-width:0 2px 2px 0;}
button:hover:before, button:hover:after {width:calc(100% + 12px);
  height:calc(100% + 12px);border-color:#fff}
button:hover {color:#353535;background-color:#fff;border-color:#fff}
.panel {max-width:960px;text-align:center;position:relative;margin:auto;}

/*-- production --*/
.production {
	padding: 10px 0 80px 0;
}
.prd_box {
	padding: 30px 10px;
	text-align:center;
	width: 100%;
	transition: 0.5s all ease-in-out;
}
.prd_box:hover {
	box-shadow: 0 5px 23px 5px rgba(0,0,0,0.15);
	transition: 0.5s all ease-in-out;
}
.prd_box h4 {
	color: #000;
	font-weight: bold;
}
.prd_box img {
	margin: auto;
}
/*-- //production --*/

/*-- footer --*/
.footer_above {
	width: 100%;
	position: relative;
}
.heera_ind {
	background: #dc214c;
    padding: 36px 20px;
    overflow: hidden;
    margin-bottom: -66px;
    position: relative;
    z-index: 3;
    display: table;
    width: 100%;
    background-image: url(../img/texture_dots.png);
    background-repeat: no-repeat;
    background-position: 100% 50%;
    background-size: 37.5rem;
}
.below-content-inner a {
	padding: 10px 30px;
	background: #fff;
	color: #000;
	float:right;
}
.below-content-inner a:hover {
	color: #fff;
	text-decoration: none;
	background: #000;
}
.below-content-inner p {
	color: #fff;
	font-size: 20px;
}
.below-content-inner p i {
	font-size: 30px;
}
.footer {
    padding: 80px 0 30px 0;
    background: #222222;
    position: relative;
}
.f_head h3 {
    position: relative;
    display: block;
    color: #fff;
    margin-bottom: 30px;
}
.f_head h3::before {
    content: '';
    position: absolute;
    display: block;
    background: #dc214c;
    height: 1px;
    width: 30px;
    left: 0;
    bottom: -10px;
}
.f_head p {
    color: #fff;
}
.f_cont {
    color: #fff;
    padding-left: 50px;
    margin-bottom: 20px;
    border-bottom: 1px solid #333;
    padding-bottom: 15px;
}
.address, .calling, .messages {
    position: relative;
}
.address::before {
    position: absolute;
    left: 0;
    top: 0;
    content: url(../img/map.png);
    display: block;
}
.calling::before {
    position: absolute;
    left: 0;
    top: 0;
    content: url(../img/call2.png);
    display: block;
}
.messages::before {
    position: absolute;
    left: 0;
    top: 7px;
    content: url(../img/message.png);
    display: block;
}
.f_cont img {
    margin-right: 20px;
}
.f_cont2 {
    color: #fff;
    margin-bottom: 20px;
    border-bottom: 1px solid #333;
    padding-bottom: 15px;
}
.footer_list {
    list-style: none;
    display: inline-block;
    padding: 0px;
    margin: 0;
}
.footer_list li a i {
    color: #fff;
}
.footer_list li a i:hover {
    color: #fff;
    text-decoration: none;
}
.subfooter {
    padding: 20px 0;
    background: #282828;
}
.sublink span {
    color: #ccc;
}
.f_cont.messages, .f_cont2.messages2 {
    border-bottom: 0px;
}

/*------ other -----*/
.other {
	padding: 70px 0;
}
.about_contain2 h2 {
    font-weight: bold;
    font-size: 30px;
    letter-spacing: 1px;
    border-left: 5px solid #dd204e;
    padding: 3px 0 3px 25px;
}
.about_contain2 p, .about_contain2 ul li {
    font-size: 16px;
    line-height: 28px;
}
.contact_Detail input[type="text"] {
	outline: 0;
	border: 0;
	width: 100%;
	padding: 5px 15px;
	border-bottom: 1px solid #ccc;
}
.contact_Detail textarea {
	outline: 0;
	border: 0;
	width: 100%;
	padding: 5px 15px;
	border-bottom: 1px solid #ccc;
}
.contact_Detail input[type="text"]:focus, .contact_Detail textarea:focus {
	outline: 0;
	border: 0;
	width: 100%;
	padding: 5px 15px;
	border-bottom: 1px solid #dc214c;
}
.prd_0115 {
	border-right: 1px solid #ccc;
	padding: 10px 0;
}
.prd_0115:last-child {
	border-right: 0px solid #ccc;
}
.bo_01258 {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#feffff+50,c1c1c1+100 */
background: rgb(254,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(254,255,255,1) 50%, rgba(193,193,193,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(254,255,255,1) 50%,rgba(193,193,193,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(254,255,255,1) 50%,rgba(193,193,193,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#c1c1c1',GradientType=0 ); /* IE6-9 */
	/* -webkit-box-shadow: inset -2px -71px 191px -49px rgba(0,0,0,0.33); */
	/* -moz-box-shadow: inset -2px -71px 191px -49px rgba(0,0,0,0.33); */
	/* box-shadow: inset -2px -71px 191px -49px rgba(0,0,0,0.33); */
}


.prd_0114 {
	text-align: center;
}
.prd_0114 a:focus {
	outline: 0;
	border: 0;
}
.fancybox-image-wrap {
	background: rgba(255, 255, 255, 0.9) !important;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    cursor: pointer !important;
    background-color: #dc214c !important;
    border-color: #dc214c !important;
}
.pagination > li > a, .pagination > li > span {
    color: #000000 !important;
    background-color: #fff !important;
    border: 1px solid #dc214c !important;
}

/*--- responsive css ----*/

@media (max-width:1200px) {
	.nav > li > a {
		padding: 10px 10px !important;
		font-size: 12px !important;
	}
}


@media (max-width:992px) {
	.container {
		width: 100% !important;
	}
	.below-content-inner p {
		color: #fff;
		font-size: 16px;
	}
}



@media (max-width:962px) {
	.navbar {
		margin-top: 10px !important;
	}
}



@media (max-width:855px) {
	.bnox_021 {
		width: 20% !important;
	}
	.bnox_022 {
		width: 80% !important;
	}
	.logo a img {
		width: 100%;
	}
	.nav > li > a {
		padding: 10px 8px !important;
		font-size: 10px !important;
	}
}



@media (max-width:767px) {
	.header_logo {
		position: relative !important;
	}
	.bnox_021 {
		width: 30% !important;
	}
	.bnox_022 {
		width: 65% !important;
		position: relative !important;
	}
	.menu {
		position: absolute !important;
		width: 100% !important;
	}
	.full {
		float: none !important;
		padding-bottom: 50px !important;
		margin: auto !important;
		width: 80% !important;
	}
	.navbar-nav {
		margin: 7.5px -15px !important;
		position: fixed !important;
		width: 100% !important;
		left: 0 !important;
		padding: 0 30px !important;
		background: #434752 !important;
		z-index: 99 !important;
		top: 130px !important;
	}
	.navbar-default .navbar-nav > li > a {
		color: #f8f8f8 !important;
		font-size: 15px !important;
		border-bottom: 1px solid #60646f !important;
	}
	.navbar {
		margin-top: 0px !important;
	}
}



@media (max-width:594px) {
	.top_8, .top_9 {
		width: 100% !important;
		float: none !important;
		text-align: left !important;
	}
}



@media (max-width:px) {
	
}



@media (max-width:px) {
	
}