@charset "UTF-8";

/* [data-icon]:before {
	font-family: 'IcoMoon';
	content: attr(data-icon);
	speak: none;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
	font-family: 'IcoMoon';
	font-style: normal;
	speak: none;
} */


body{
	
	
	font-family: 'Ubuntu', sans-serif;
	
	/* font-family:'Century Gothic',sans-serif; */
	font-size:16px;
	line-height:1.5em;
	
	position:relative;
	
	overflow-x:hidden;
	
	color:#003399;
	color:#000;
	background-color:rgb(239,230,227);
	/* background:url(../images/bg.png); */
}

h1 {
	font-size: 1.5em;
	line-height:1.3em;
}
h2 {
	font-size: 1.3em;
	line-height:1.2em;
}
h3 {
	font-size: 1.1em;
	line-height:1.1em;
}

p{
	margin-bottom:30px;
	line-height:1.6em;
}

table p{
	margin-bottom:15px;
	line-height:1.6em;
}
/* .maincontainer img{
	max-width:100% !important;
	height:auto !important;
} */
.img-100{
	width: 100% !important;
	height: auto !important;
}
.img-max-100-i{
	max-width: 100% !important;
	height: auto !important;
}
.img-into-max-100 img{
	max-width: 100%;
	height: auto;
}
.img-into-max-100 p > img{
	max-width: 100% !important;
	height: auto !important;
}
.img-into-max-100-i img{
	max-width: 100%;
	height: auto;
}
.bg-image{
	background-repeat:no-repeat;
	background-position:center center;
	
	background-size: cover; /* contain; */
	background-repeat: no-repeat;
	
	display:block;
	height:250px;
}

.bg-image.contain{
	background-size: contain; /* ; */
}

.overlay {
	background-color:rgba(0,0,0,.5);
}

.full-into{
	position: absolute; 
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}


/* eq */
@media (min-width: 980px) {
	.eq {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		flex-wrap: wrap;
	}
	.eq > [class*='span'] {
		display: flex;
		flex-direction: column;
	}
	.eq > [class*='col-md-'] {
		display: flex;
		flex-direction: column;
	}
	.eq > [class*='col-md-'] > [class*='border'] {
		height:100%;
		position:relative;
	}
}
/* end eq */
	



/* cell-center */
.cell-center{
	text-align:center;
}
.cell-center > [class*='col-md-'] {
	float:none;
	display:inline-block;
	/* width: 24.7%; */
}

@media (max-width: 979px) {
	.cell-center > [class*='col-md-']{
		display:block;
		width:80%;
		margin-left:auto;
		margin-right:auto;
	}
}
/* end cell-center */


/* rows */
.rows .row:last-child  > [class*='col-md-']{
	margin-bottom:30px;
}
@media (min-width: 980px) {
	.rows .row:last-child  > [class*='col-md-']{
		margin-bottom:0px;
	}
}
/* end rows */
	

a, ul > li > a{
	color:#3f3530;
}a:hover,a:focus, ul > li > a:hover,ul > li > a:focus{
	color:#3f3530;
}



::-webkit-input-placeholder {color:#000;}
::-moz-placeholder {color:#000;}/* Firefox 19+ */
:-moz-placeholder {color:#000;}/* Firefox 18- */
:-ms-input-placeholder {color:#000;}

/* bootstrap */
.well{
	/* background:#e8e8e8;
	border-color:#e8e8e8; */
}
.element-invisible, form .element-invisible{
	display:none;
}
.btn{
	background-color:rgb(250,99,52);
	background-image:none;
	padding:10px 50px;
	border:none;
	border-radius:0;
	color:#fff;
	text-shadow:none;
}
.btn:hover,.btn:focus{
	background-color:#ff0101;
	color:#fff;
}
.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
.alert.alert-message {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb;
}

.alert-error {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

/*------------------------------------*\
	5 колонок bootstrap
\*------------------------------------*/

.col-xs-five,
.col-sm-five,
.col-md-five,
.col-lg-five {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}
 
.col-xs-five {
    width: 20%;
    float: left;
}
 
@media (min-width: 768px) {
    .col-sm-five {
        width: 20%;
        float: left;
    }
}
 
@media (min-width: 992px) {
    .col-md-five {
        width: 20%;
        float: left;
    }
}
 
@media (min-width: 1200px) {
    .col-lg-five {
        width: 20%;
        float: left;
    }
}

/*------------------------------------*\
	/5 колонок bootstrap
\*------------------------------------*/

/* end bootstrap */

.animation{
	transition:0.25s linear all;
	-webkit-transition:0.25s linear all;
	-moz-transition:0.25s linear all;
	-o-transition:0.25s linear all;
}
.hidden,.hid,.page-hid-content .maincontainer{
	display:none;
}

.clr{
	clear:both;
}

.logo-desc{
	/* font-size:12px;
	font-weight:bold;
	margin-top:10px; */
}

.phone{
	/* font-size:24px;
	font-weight:bold; */
}
.adres{
	
}
.bg-color{
	/* background:#f7f7f7; */
}
.bg-color2{
	background:transparent;
}
.color{
	color:#57a7b3;
}
.color2{
	color:#57a7b3;
}
.vertical-padding{
	padding:50px 0;
}
.padding-top{
	padding-top:50px;
}
.padding-bottom{
	padding-bottom:50px;
}
.margin-top{
	margin-top:50px;
}
.margin-bottom{
	margin-bottom:50px;
}
.vertical-padding2{
	padding:75px 0;
}
.padding-top2{
	padding-top:75px;
}
.padding-bottom2{
	padding-bottom:75px;
}

.m0{margin:0;}.m-t0{margin-top:0;}.m-r0{margin-right:0;}.m-b0{margin-bottom:0;}.m-l0{margin-left:0px;}

.m{margin:30px;}
.m-t{margin-top:30px;}
.m-r{margin-right:30px;}
.m-b{margin-bottom:30px;}
.m-l{margin-left:30px;}

.p0{margin:0;}
.p-t0{margin-top:0;}
.p-r0{margin-right:0;}
.p-b0{margin-bottom:0;}
.p-l0{margin-left:0px;}

.display-table{
	display:table;
}
.display-row{
	display:table-row;
}
.display-cell{
	display:table-cell;
	vertical-align:top;
	float:none;
}

.text-center{
	text-align:center;
}
.text-right{
	text-align:right;
}
.text-left{
	text-align:left;
}



/* login-form */

.login-form {
	width: 340px;
	margin: 50px auto;
}

.login-form form {
	margin-bottom: 15px;
	background: #f7f7f7;
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
	padding: 30px;
}
.login-form h2 {
	margin: 0 0 15px;
}
.login-form .form-control, .login-form .btn {
	min-height: 38px;
	border-radius: 2px;
}
.login-form .btn {        
	font-size: 15px;
	font-weight: bold;
}

.login-form .checkbox-inline{
	padding-top:0;
}


.registration,.profile-edit {
	width: 340px;
	margin: 50px auto;
}
.registration form,.profile-edit form {
	margin-bottom: 15px;
	background: #f7f7f7;
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
	padding: 30px;
}
.registration fieldset .controls input,.profile-edit fieldset .controls input {
	min-height: 38px;
	border-radius: 2px;
	
	display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
}
.registration button,.profile-edit button {
	padding:10px 20px;
	margin-top:10px;
}
.registration a.btn,.profile-edit a.btn {
	padding:10px 20px;
	float:right;
	margin-top:10px;
}
.registration legend,.profile-edit legend {
	border:none;
	text-align:center;
}
.profile legend {
	border:none;
	display:none;
}

/* login */
.reset,.login,.profile-edit. .registration{
	text-align:left;
	
}
.reset .control-label,.remind .control-label,.reset-confirm .control-label,.login .control-label,.profile-edit .control-label
,.registration .control-label{
	text-align:left;
	font-weight:normal;
}
.reset .control-label label,.remind .control-label label,.reset-confirm .control-label label,.login .control-label label,.profile-edit .control-label label
,.registration .control-label label{
	font-weight:normal;
}
.reset .controls, .reset .control-group,
.remind .controls, .remind .control-group, 
.registration  .controls, .registration .control-group, 
.reset-confirm .controls, .reset-confirm .control-group{
	margin:5px 0;
}
/* end login */

/* end login-form */




/* modules */

.moduletable{
	
}

.moduletable h3{
	
}

/* end modules */




/* header */

.header-bg{
	background:transparent;
	padding-top:10px;
	padding-bottom:10px;
	
	/* background: url(../images/header2.png) repeat right top; */
	background-color:rgb(239,230,227);
	color:#000;
}
.header-1{
	/* padding:0px 0px; */
}
.header-2{
	text-align:center;
	padding-top:15px;
	padding-bottom:15px;
}
.moduletable-logo,.moduletable-slogan,.moduletable-adres,.moduletable-adres2{
	float:left;
	position:relative;
}



/* custom-logo-nav */

.custom-logo-nav{
	float:left; /* */

	padding:0px 0px 0px 0px;
	
	/* background-color: rgba(0,1,0,.95); */
	
	
}
.custom-logo-nav-add{
	
	padding:20px 30px 50px 50px;
	
	background-image: linear-gradient(to top left, transparent 50px, #000 11%);
	
	position:absolute;
	top:0;
	left:0;
	
	transition:0.25s linear all;
	-webkit-transition:0.25s linear all;
	-moz-transition:0.25s linear all;
	-o-transition:0.25s linear all;
}
.logo-add-text{
	margin-top:20px;
}
.sticky .custom-logo-nav{
	
}
.sticky .custom-logo-nav-add{
	background-image: none;
	display:none;
}
@media (max-width: 979px) {
	.custom-logo-nav{
		background-image: none;
		padding:0 0 0 15px;
	}
	.custom-logo-nav-add{
		display:none;
	}
}

.custom-logo-nav a{
	display:inline-block;
	font-size:16px;
	line-height:20px;
	font-weight:bold;
	padding-top:0px;
	padding-bottom:0px;
	
	color:#ffe39a;
}
@media (max-width: 979px) {
	.custom-logo-nav a{

		font-size:14px;
		line-height:20px;

	}
}
.custom-logo-nav span{
	display:inline-block;
	margin:0 10px;
	color:rgba(255,255,255,.3);
} 

/* end custom-logo-nav */


.nav-phone {
    float: right;
}
.moduletable-phone-nav {
    padding: 0 0px;
    padding-top: 13px;
    padding-bottom: 15px;
    position: relative;
}
.custom-phone-nav a {
    color: #fff;
    font-size: 22px;
    line-height: 25px;
}

/* .moduletable-phone:before, .moduletable-adres:before, .moduletable-adres2:before {
	background: #00af54 none repeat scroll 0 0;
	content: "";
	display: block;
	height: 60px;
	left: 0;
	position: absolute;
	top: 10px;
	width: 1px;
} */



/*  */
.moduletable-logo{
	position:relative;
	
	padding:0px 0px 0 0px;
}
.custom-logo{
	
	
}
.custom-logo a{
	position:relative;
	
	padding:0 0px 0 90px;
	
	font-size:18px;
	line-height:26px;
	
	color: #f8f3f3;
	color:rgba(255,255,255,.75);
    text-shadow: #221e1a 0px 5px 4px;
	
	display:block;
	display:inline-block;
}
.custom-logo a span{

	display:block;
	font-size:22px;
	line-height:26px;

}
@media (max-width: 979px){
	.custom-logo a{
		padding-left:50px;
		font-size:32px;
		line-height:36px;

	}
	.custom-logo a img{

		width:42px !important;

	}
}
.custom-logo a:hover{
	text-decoration:none;
}
.custom-logo img{
	top:0;
	left:0;
	position:absolute;

}



.moduletable-phone{
	float:right;
	padding:0 0px;
	position:relative;
}
.custom-phone{
	padding:15px 0px 15px 0px;
	position:relative;
	/* margin-left:35px; */
	
	/* text-align:center; */
	
	font-size:18px;
	line-height:20px;
}
.custom-phone a{
	padding:0 0px 0 10px;
	position:relative;
	/* margin-left:35px; */
	color:#000;
	/* color:rgba(255,255,255,.75); */
	text-align:right;
	
	white-space:nowrap;
}
.custom-phone .phone{
	white-space:nowrap;
}
.custom-phone .phone a{
	font-size:18px;
	line-height:22px;
}
.custom-phone .phone a{
	text-decoration:none;
}
.custom-phone .phone i{
	color:rgb(250,99,52);
}

@media (max-width: 979px){
	.custom-phone a{
		padding:0 0px 0 0px;
		

	}
	
}
/* 
.custom-phone i{
	position:absolute;
	left:0px;
	top:5px;
}
.custom-phone i,.custom-phone [class^="flaticon-"]:before,.custom-phone [class*=" flaticon-"]:before{
	font-size:42px;
	margin-left:0;
	color:#00AD19;
}

 */

.moduletable-call{
	float:right;
	padding:0 0px;
	position:relative;
}
.custom-call{
	padding:0 0px 0 35px;
	position:relative;
	/* margin-left:35px; */
	
	text-align:center;
}

.custom-call h4{
	font-size:14px;
	line-height:16px;
	/* margin-bottom:5px; */
	color:#009036;
}


.moduletable-adres{
	padding:0px 0px 0 0px;
	/* margin-left:35px; */
}
.custom-adres{
	padding:0 0px 0 0px;
	position:relative;
	
	font-size:22px;
	line-height:32px;
	font-weight:normal;
	
	margin-top:30px;
}
.custom-adres div{
	white-space:nowrap;
}
.custom-adres i{
	position:absolute;
	left:0px;
	top:5px;
}


.moduletable-adres2{
	padding:0 0px;
	position:relative;
}
.custom-adres2{
	padding:0 0px 0 35px;
	
	
	position:relative;
}
.custom-adres2 i{
	position:absolute;
	left:0;
	top:0px;
} 





/* end header */


/* banner */

@-webkit-keyframes zoom {
  0% {
	-webkit-transform: scale(1, 1);
  }
  /* 50% {
	-webkit-transform: scale(1.2, 1.2);
  } */
  100% {
	-webkit-transform: scale(1.1, 1.1);
  }
}

@keyframes zoom {
  0% {
	transform: scale(1, 1);
  }
  /* 50% {
	transform: scale(1.2, 1.2);
  } */
  100% {
	transform: scale(1.1, 1.1);
  }
}

.banner-bg {
	/* -webkit-animation: zoom 2s;
	animation: zoom 2s; */
}
		
.position-banner{
	position:relative;
	min-height:224px;
	overflow:hidden;
}
.banner-bg{
	background-image: url(../images/ban-comp.jpg);
	background-color:#0087ff;
	
	background-repeat:no-repeat;
	background-position:right top;
	
	background-size: contain; /* cover contain; */
	background-repeat: no-repeat;
	
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	
	z-index:-1;
}

@media (max-width: 979px) {
	.banner-bg{
		background-image: none;
	}
	.blog .item .row{
		display:flex;
		flex-direction: column;
	}
	.blog .item .row .col-md-4{
		order:0;
		margin-bottom:30px;
	}
	.blog .item .row .col-md-8{
		order:1;
		
	}
}

.moduletable-banner{
	padding-top:50px;
	padding-bottom:50px;
}
.custom-banner{
	text-align:center;
	
	
}

.banner-text{
	padding-top:50px;
	padding-bottom:50px;
	text-align:center;
	color:#fff;
}
.banner-text h3 {
	font-size:36px;
	line-height:40px;
	font-weight:normal;
	text-transform:uppercase;
	margin:0 0 10px;
}

.banner-text li {
	display:inline-block;
}
.banner-text li > a{
	color:#fff;
	text-transform:uppercase;
	
	font-size:22px;
	line-height:26px;
}
.banner-text li > a:hover{
	background-color:transparent;
}

.banner-text p{
	font-size:18px;
	line-height:24px;
	color:#000;
}


.banner-form {
	background-color:rgba(0,0,0,.75);
	padding:30px;
	color:#000;
}
.banner-form h3 {
	color:#fff;
	text-align: center;
	text-transform:uppercase;
	margin:0 0 30px;
}
.banner-form input, .banner-form textarea{
	box-sizing: border-box;
	margin: 0 0 15px;
	padding: 6px;
	width: 100%;
	height:40px;
}
.banner-form textarea {
	height:75px;
	vertical-align:top;
}
.banner-form .btn,.banner-form form{
	margin-bottom:0;
}




/* end banner */


/* moduletable-slider */
.slider-wrapper{
	position:relative;
}
.moduletable-slider{
	
}
.nivo-controlNav{
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	text-align:center;
	z-index:10;
	
}
div.moduletable-slider .nivoSlider{
	z-index:9;
	margin:0;
}
/* end moduletable-slider */

/* breadcrumbs */
.position-breadcrumbs{
	
}
.breadcrumb{
	background-color:transparent;
	/* color:#000; */
	padding:0;
	text-align:center;
}
.breadcrumb a{
	/* color:#631120; */
}
.breadcrumb>.active {
     /*color: #fff; */
}
.breadcrumb>li+li:before {
    padding: 0 5px;
    /* color: #000; */
    content: "/\00a0";
}
.breadcrumb>li:nth-child(2):before {
    display:none;
}
/* end breadcrumbs */

/* maincontainer */
.page-hid-content .maincontainer{
	display:none;
}
.maincontainer{
	padding-top:40px;
	padding-bottom:25px;
}
.maincontainer-inside{
	padding:25px 0;
}
.sidebara-inside{
	/* padding:25px 0; */
}
.sidebarb-inside{
	/* padding:25px 0; */
}
.content-inside{
	/* padding:25px 0; */
}

/* end maincontainer */


/* menu */
.moduletable.menu{
}
.moduletable.menu ul{
}
.moduletable.menu li{
}
.moduletable.menu a{
}
.moduletable.menu li.active a,.moduletable.menu li a:hover{
	
}
/* end menu */



/* moduletable-search */

.search-query{
	height:40px;
	padding:10px;
	padding-right:50px;
	border:0;
	border-radius:20px;
	vertical-align:top;
	color:#000;
	
}
.moduletable-search .button{
	width:40px;
	height:40px;
	padding:10px;
	
	
	border-radius:20px;
	
	margin-left:-40px;
}

/* end moduletable-search */

/* com_component */
.blog-featured{
}
.blog{
}
.blogcat {
	
}

/* заголовок страницы блога */
.blog > .page-header, .blog-featured > .page-header{
	margin-top:0;
	padding-top:0;
	padding-bottom:0px;
	border:none;
	text-align:center;
	
	margin-bottom:54px;
}
.blog > .page-header h1, .blog-featured > .page-header h1{
	margin:0;
	padding:0;
	
	font-size:32px;
	text-transform:uppercase;
}
/* end заголовок страницы блога */

/* заголовок материала страницы блога */
.blog .items-row .page-header, .blog-featured .items-row .page-header{
	padding:0;
	margin:0;
	border:none;
}
.blog .page-header h2, .blog-featured .page-header h2{
	margin-top:10px;
	margin-bottom:10px;
	/* background:#3d3d3f;
	color:#fff; */
	
}
.blog .page-header h2 a, .blog-featured .page-header h2 a{
	/* background:#3d3d3f;
	color:#fff;
	display:block;
	padding:10px;
	text-decoration:none; */
}
.blog .page-header h2 a:hover, .blog-featured .page-header h2 a:hover{
	text-decoration:none;
}
/* end заголовок материала страницы блога */

/* изображение материала страницы блога */
.blog .item-image img, .blog-featured .item-image img{
	/* 
	
	height:auto;
	 */
	transition: all .5s;
	object-fit: cover; /* */
	width:100%;
	height:200px;
}
.blog .item-image{
	overflow:hidden;
	
	/* height:230px; */
}

.blog .item-image a{
	display:block;
}





.blog .item:hover .item-image img{
	/* 
	max-width:none !important;
	width: 130% !important;
	 */
	transform: scale(1.3);
	/* 
	object-fit: cover;
	width: 130% !important;
	height: auto;
	object-fit: cover;
	
	 */
	/* 
	-webkit-transition: opacity .4s ease-in-out,-webkit-transform .4s;
    transition: opacity .4s ease-in-out,-webkit-transform .4s;
    transition: transform .4s,opacity .4s ease-in-out;
    transition: transform .4s,opacity .4s ease-in-out,-webkit-transform .4s;
	 */
	
}



/* end изображение материала страницы блога */

/* расстояние между материалами страницы блога */
.blog .items-row .item, .blog-featured .items-row .item{
	margin-bottom:30px;
	/* padding:20px;
	border:1px solid #eee; */
}
.blog .items-row:last-child .item, .blog-featured .items-row:last-child .item{
	margin-bottom:0px;
}

@media (max-width: 979px) {
	.blog .items-row:last-child .item, .blog-featured .items-row:last-child .item{
		margin-bottom:30px;
	}
}
/* end расстояние между материалами страницы блога */




/* заголовок страницы материала */

.item-page > .page-header{
	margin-top:0;
	padding-top:0;
	padding-bottom:0;
	margin-bottom:35px;
	border:none;
	
}
.item-page > .page-header h1{
	margin:0;
	padding:0;
	text-align:center;
	text-transform:uppercase;
	font-weight:bold;
	
	font-size:32px;
}

/* .item-page > .page-header + div h5:first-child{ */
.article-body > h5:first-child{
	text-align:center;
	margin-bottom:40px;
	margin-top:-20px;
	font-size:20px;
}

/* end заголовок страницы материала */

/* изображение страницы материала */
.item-page .item-image img{
	max-width:100%;
	height:auto;
}
/* end изображение страницы материала */

/* article-info */

.article-info-term{
	display:none;
}
dl.article-info{
	color:#828c99;
	padding-bottom:0px;
	margin-top:0px;
	margin-bottom:15px;
}
.article-info dd{
	display:inline;
	display:inline-block;
	margin-right:15px;
	margin-left:0px;
	font-style:italic;
	font-size:.9em;
}
.article-info dd span{

}

/* end article-info */


/* blog-project */

.blog.project{
	
}
.blog.project .project {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    height: 500px;
    width: 100%;
    display: table;
    overflow: hidden;
}
.blog.project .project:hover {
    text-decoration:none;
}
.blog.project .project .desc-t {
    display: table;
    height: 500px;
    width: 50%;
    margin: 0 auto;
}
.blog.project .project .desc-t .desc-tc {
    display: table-cell;
    vertical-align: middle;
    height: 500px;
}
.blog.project .project .desc {
    background: #fff;
    padding: 2em;
}
.blog.project .project .desc h3 {
    margin-top: 0;
    margin-bottom: 20px;
    min-height: 55px;
	
	color:#000;
	text-transform: uppercase;
    font-size: 20px;
    font-weight: 700;
    position: relative;
    padding-left: 70px;
    line-height: 28px;
    display: block;
}
.blog.project .project .desc h3 span {
    position: absolute;
    top: 0;
    left: 0;
    width: 55px;
    height: 55px;
    display: table;
    text-align: center;
}
.blog.project .project .desc h3 span small {
    display: table-cell;
    vertical-align: middle;
    color: #fff;
    background: #FFCD00;
    font-size: 20px;
}


.item-page.project{
	
}
.item-page.project .item-images{
	margin-top:30px;
}
.item-page.project .item-images .bg-image {
    min-height: 150px;
}

/* end blog-project */

/* end com_component */




/* navbar */

/* цвет фона и рамки навигационного меню */
.navbar-default {
    /* background-color: #F8F8F8;
    border-color: #E7E7E7; */
	
	margin-bottom:0;
	
	background-color: #2c333c;
    border-color: #2c333c;
	
	background-color: transparent;
    border-color: transparent;
	
	/*  */
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
}

.navbar-default .dropdown-menu{
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	background-color:#003399;
	color:#fff;
	border:none;
}
	
.navbar-static-top {
    z-index: 1000;
    border-width: 0 0 0px;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #006599;
	border:none;
}
/* цвет текста, содержащий название сайта или бренда */
.navbar-default .navbar-brand {
    color: #777;
}
/* цвет текста (название сайта или бренда), при поднесении к нему курсора мышки или при его нахождении в фокусе */
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #5E5E5E;
}
/* Цвет пунктов навигационного меню */
.navbar-default .navbar-nav > li > a {
    color: #fff;
	text-transform:uppercase;
	
	padding-left:15px;
	padding-right:15px;
	
	font-size:15px;
	line-height:25px;
}
/* Цвет пункта меню, при поднесении к нему курсора мышки или при его нахождении в фокусе */
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #0ac3fa;
}
/* Цвет и фон активного пункта меню, а также поднесении к нему курсора мышки или при его нахождении в фокусе */
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
    color: #0ac3fa;
    background-color: transparent;
}
/* Цвет и фон открытого пункта меню, а также поднесении к нему курсора мышки или при его нахождении в фокусе */
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus {
    color: #ffbf00;
    background-color: transparent;
}
/* Цвет стрелочки (треугольничка) у раскрывающихся пунктов меню */
.navbar-default .navbar-nav > .dropdown > a .caret {
    border-top-color: #fff;
    border-bottom-color: #fff;
}
/* Цвет стрелочки (треугольничка) при поднесении к нему курсора мышки или при его нахождении в фокусе */
.navbar-default .navbar-nav > .dropdown > a:hover .caret,
.navbar-default .navbar-nav > .dropdown > a:focus .caret {
    border-top-color: #ffbf00;
    border-bottom-color: #ffbf00;
}
/* Цвет стрелочки (треугольничка), открывшегося пункта меню */
.navbar-default .navbar-nav > .open > a .caret, 
.navbar-default .navbar-nav > .open > a:hover .caret, 
.navbar-default .navbar-nav > .open > a:focus .caret {
    border-top-color: #ffbf00;
    border-bottom-color: #ffbf00;
}
/* CSS стили для мобильных устройств */
/* Цвет рамки у кнопки, которая открывает меню */
.navbar-default .navbar-toggle {
    border-color: #DDD;
}
/* Цвет фона кнопки (которая открывает меню) при поднесении к ней курсора мышки или при нахождении её в фокусе */
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #DDD;
}
/* Цвет полосочек в кнопочке, которая открывает меню */
.navbar-default .navbar-toggle .icon-bar {
    background-color: #CCC;
}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #337ab7;
    outline: 0;
}

/* Цвет пунктов меню в раскрывающихся списках */
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
	color: #fff;
	padding: 4px 20px;
}
/* Цвет и фон пункта меню в раскрывающихся списках, при поднесении к нему курсора мышки или при нахождении его в фокусе */
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
	color: #ffbf00;
	background-color: transparent;
}

 
@media (max-width: 767px) {
/* Цвет пунктов меню в раскрывающихся списках */
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #fff;
    }
/* Цвет и фон пункта меню в раскрывающихся списках, при поднесении к нему курсора мышки или при нахождении его в фокусе */
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #ffbf00;
        background-color: transparent;
    }
}

.navbar-collapse {
	/* padding-right: 0px;
	padding-left: 0px; */
	overflow-x: visible;
	-webkit-overflow-scrolling: touch;
	border-top: 1px solid transparent;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
		  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
}
.collapse-title{
	display:none;
}
/* navbar-toggle */
/* .navbar-default .navbar-toggle {
    border-color: #631120;
}

.navbar-default .navbar-toggle .icon-bar{
    background-color: #631120;
}
.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus {
    border-color: #631120;
	background-color: #631120;
}

.navbar-default .navbar-toggle:hover .icon-bar,.navbar-default .navbar-toggle:focus  .icon-bar{
    background-color: #fff;
} */

/* --- Navbar Mobile Toggle --- */
@media only screen and (min-width: 768px) {
	.navbar-toggle-btn {
		display: none !important;
	}
}

.navbar-toggle-btn {
	position: relative;
	display: block;
	width: 50px;
	float: right;
	height: 50px;
	background: transparent;
	border: none;
	
}


.navbar-toggle-btn span {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	left: 10px;
	-webkit-transition: 0.2s background;
	transition: 0.2s background;
}

.navbar-toggle-btn span:after , .navbar-toggle-btn span:before {
	content: "";
	position: absolute;
	left: 0;
	-webkit-transition: 0.2s -webkit-transform;
	transition: 0.2s -webkit-transform;
	transition: 0.2s transform;
	transition: 0.2s transform, 0.2s -webkit-transform;
}

.navbar-toggle-btn span { 
	background: transparent;
}

.navbar-toggle-btn span:before {
	-webkit-transform: translateY(0px) rotate(45deg);
	    -ms-transform: translateY(0px) rotate(45deg);
	        transform: translateY(0px) rotate(45deg);
}

.navbar-toggle-btn span:after {
	-webkit-transform: translateY(0px) rotate(-45deg);
	    -ms-transform: translateY(0px) rotate(-45deg);
	        transform: translateY(0px) rotate(-45deg);
}

.navbar-toggle-btn.collapsed span , .navbar-toggle-btn span:after , .navbar-toggle-btn span:before {
	height: 4px;
	width: 30px;
	background-color: #004;
}

.navbar-toggle-btn.collapsed span:before {
	top: -10px;
} 

.navbar-toggle-btn.collapsed span:after {
	top: 10px;
}

.navbar-toggle-btn.collapsed span:before {
	-webkit-transform: translateY(0px) rotate(0deg);
	    -ms-transform: translateY(0px) rotate(0deg);
	        transform: translateY(0px) rotate(0deg);
}

.navbar-toggle-btn.collapsed span:after {
	-webkit-transform: translateY(0px) rotate(0deg);
	    -ms-transform: translateY(0px) rotate(0deg);
	        transform: translateY(0px) rotate(0deg);
}

/* end navbar-toggle */
/* end navbar */

/* login */
.reset{
	text-align:left;
	
}
.reset .control-label,.remind .control-label,.reset-confirm  .control-label{
	text-align:left;
	
}
.reset .controls, .reset .control-group,
.remind .controls, .remind .control-group, 
.reset-confirm .controls, .reset-confirm .control-group{
	margin:5px 0;
}
/* end login */

/* chrono */
.fa.fa-asterisk{
	color:#999 !important;
}
.gtooltip.gvalidation-error-tip {
	background-color: #666;
	border: 1px solid #ccc;
}
.gvalidation-error-tip .gtooltip-arrow {
	border-color: #666 transparent transparent;
}
.gvalidation-error-tip .gtooltip-arrow-border {
	border-color: #ccc transparent transparent;
}
.chrono_credits{
	display:none;
}


#submitbutton,.submitbutton {
	/* background: #009036;
	border: 1px solid #939aa2;
	box-sizing: border-box;
	border-radius:2px;
	color: #fff;
	display: inline-block;
	font-size: 16px;
	height: 36px;
	line-height: 18px;
	margin-top: 5px;
	padding: 8px 25px;
	text-decoration: none;
	text-transform: uppercase; */
}


/* callup */

.moduletable-callup h4 {
	text-align: center;
	
	font-size:14px;
	line-height:18px;
	
	background-color:#236d96;
	color:#fff;
	
	padding:10px;
}
.moduletable-callup input, .moduletable-callup textarea{
	box-sizing: border-box;
	margin: 0 0 15px;
	padding: 6px;
	width: 100%;
	height:35px;
}
.moduletable-callup textarea {
	height:75px;
}
.moduletable-callup .btn,.moduletable-callup form{
	margin-bottom:0;
}

/* end callup */

/* contact-form */

.contact-form h4 {
	text-align: center;
}
.contact-form input, .contact-form textarea{
	box-sizing: border-box;
	margin: 0 0 15px;
	padding: 6px;
	width: 100%;
	height:40px;
}
.contact-form textarea {
	height:75px;
	vertical-align:top;
}
.contact-form .btn,.contact-form form{
	margin-bottom:0;
}


/* end contact-form */

/* end chrono */


/* footer */
.footer-bg{
	/* padding:60px 60px 60px 60px;  */
	/* border-top:1px solid #999; */
	padding-top:30px;
	padding-bottom:30px;
	background-color: #333;
	color:#fff;
}
.footer-bg .contact-row{
	margin-bottom:20px;
	padding: 0 0 0 40px;
}
.footer-bg .contact-row:last-child{
	margin-bottom:0px;
}
.footer-bg .contact-row i {
    font-size: 24px;
    position: absolute;
    left: 0;
    top: 5px;
	
	color:#36d6ca;
}
.footer-bg h3{
	font-size: 22px;
	line-height:24px;
	font-weight:normal;
	margin:0 0 20px;
}
.footer-bg h4{
	font-size: 40px;
	line-height:44px;
	font-weight:bold;
	
	margin:0 0 20px;
}
.footer-bg .div-label{
	color:rgba(255,255,255,.8);
}


.footer-bg .moduletable.soc-gr-b{
	margin-top:30px;
}
.footer-bg .soc-gr-b a {
    border-radius: 0;
    width: 36px;
    margin: 5px;
    height: 36px;
    box-sizing: border-box;
    line-height: 36px;
    font-size: 20px;
    text-align: center;
    transition: all 0.3s;
    background-color: rgba(255,255,255,.1);
    display: inline-block;
}

.footer-bg .inside {
    border-radius: 0;
    padding-left:30px;

}
.footer-bg .border {

	border-left:1px solid rgba(255,255,255,.1);
}

.footer-bg .vopros {
    text-align:left;
	margin-top:30px;
}

.footer-bg .right {
    text-align:right;
	
}

.footer-bg .btn {
    background-color:transparent;
	border:3px solid #36d6ca;
	color:#fff;
	
}


.footer-bg .nav > li > a{
	background-color:transparent;
	padding:0px 0px;
}
.footer-bg .row{

	/* display: flex;
	align-items: flex-end;
	justify-content: center; */

}
.footer-bg a{
	color:#fff;
	white-space:nowrap;
}
.footer1{
	
}
.footer2{
	text-align:center; /* */
}
.footer3{
	text-align:right;
}


@media (max-width: 979px) {
	.footer-bg {
		padding: 30px;
	}

	.footer-bg .row{
		display: flex;
		flex-direction: column;
	}
	
	.footer-bg .row > div{
		text-align:left;
		width:100%;
		margin-bottom:30px;
	}
	
	.footer-bg .border {
		border-left: none;
	}
	.footer-bg .inside {
		padding-left: 0px;
	}

	
	.footer1{
		order:0;
	}
	.footer2{
		order:2;
		margin-bottom:0px;
	}
	.footer3{
		order:1;
	}
}

/* end footer */

/* Copy */
.copy-bg{
	padding:10px 0 120px;
	/* border-top:1px solid #999; */
	background-color: #000;
	/* color:rgba(255,255,255,.75); */
	color:#fff;
	font-size:.8em;
}
.copy{
	text-align:center;
}
.copy-text{
	font-size:16px;
}
.moduletable-phone-b{
	font-size:18px;
	line-height:22px;
	color:#fff;
	/* margin-bottom:25px; */
}
.moduletable-adres-b{
	font-size:14px;
	line-height:18px;
}

.footer-contact{
	/* margin-bottom:40px; */
}


#arrowup{
    display: none;
    position: fixed;
    right: 25px;
    bottom: 50px;
	
	z-index:11;
}
#arrowup a{
	display: block;
	border-radius: 2px;
	background-color: #e3e3e3;
	
	width: 44px;
    height: 44px;
	
	line-height: 44px;
	
	text-align: center;
}
/* end footer */

/*------------------------------------*\
	Preloader
\*------------------------------------*/

#preloader {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: #FFF;
    z-index: 99999;
}

.preloader {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
	-webkit-animation: preload-rotate 10s linear infinite;
	        animation: preload-rotate 10s linear infinite;
}
.preloader span {
	display: inline-block;
	width: 30px;
	height: 30px;
	background-color: #3f3530;
	position: absolute;
	-webkit-transform: scale(0);
	    -ms-transform: scale(0);
	        transform: scale(0);
}

.preloader span:nth-child(1) {
	top: 0;
	left: 0;
	-webkit-animation: 1s preload-scale ease-in-out infinite;
	        animation: 1s preload-scale ease-in-out infinite;
}
.preloader span:nth-child(2) {
	top: 0;
	right: 0;
	-webkit-animation: 1s preload-scale 0.06s ease-in-out infinite;
	        animation: 1s preload-scale 0.06s ease-in-out infinite;
}
.preloader span:nth-child(3) {
	bottom: 0;
	-webkit-animation: 1s preload-scale 0.11s ease-in-out infinite;
	        animation: 1s preload-scale 0.11s ease-in-out infinite;
}
.preloader span:nth-child(4) {
	bottom: 0;
	right: 0;
	-webkit-animation: 1s preload-scale 0.17s ease-in-out infinite;
	        animation: 1s preload-scale 0.17s ease-in-out infinite;
}

@-webkit-keyframes preload-rotate {
	0% {
		-webkit-transform:translate(-50%, -50%) rotate(0deg);
		        transform:translate(-50%, -50%) rotate(0deg);
	}
	100% {
		-webkit-transform:translate(-50%, -50%) rotate(360deg);
		        transform:translate(-50%, -50%) rotate(360deg);
	}
}

@keyframes preload-rotate {
	0% {
		-webkit-transform:translate(-50%, -50%) rotate(0deg);
		        transform:translate(-50%, -50%) rotate(0deg);
	}
	100% {
		-webkit-transform:translate(-50%, -50%) rotate(360deg);
		        transform:translate(-50%, -50%) rotate(360deg);
	}
}

@-webkit-keyframes preload-scale {
	0% {
		-webkit-transform: scale(0);
		        transform: scale(0);
	}
	40% {
		-webkit-transform: scale(1);
		        transform: scale(1);
	}
	80% {
		-webkit-transform: scale(0);
		        transform: scale(0);
	}
	100% {
		-webkit-transform: scale(0);
		        transform: scale(0);
	}
}

@keyframes preload-scale {
	0% {
		-webkit-transform: scale(0);
		        transform: scale(0);
	}
	40% {
		-webkit-transform: scale(1);
		        transform: scale(1);
	}
	80% {
		-webkit-transform: scale(0);
		        transform: scale(0);
	}
	100% {
		-webkit-transform: scale(0);
		        transform: scale(0);
	}
}











#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cssmenu:after,
#cssmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu #menu-button {
  display: none;
}
#cssmenu {
  /* font-family: Montserrat, sans-serif; */
  /* background: #333333; */
}
#cssmenu > ul > li {
  float: left;
}
#cssmenu.align-center > ul {
  font-size: 0;
  text-align: center;
  float:none;
  display: flex;
}
#cssmenu.align-center > ul > li {
  display: inline-block;
  
  float: none;
  
}
#cssmenu.align-center ul ul {
  text-align: left;
}
#cssmenu.align-right > ul > li {
  float: right;
}
#cssmenu > ul > li > a {
  padding: 0 50px 0 0;
  font-size: 15px;
  line-height:17px;
  letter-spacing: 1px;
  text-decoration: none;
  color: #000;
  font-weight: 700;
  text-transform: uppercase;
  white-space:nowrap;
}
#cssmenu > ul > li:hover > a, #cssmenu > ul > li.active > a {
  color: rgb(250,99,52);
}
#cssmenu > ul > li.has-sub > a {
  padding-right: 30px;
}
#cssmenu > ul > li.has-sub > a:after {
  position: absolute;
  top: 25px;
  right: 11px;
  width: 8px;
  height: 2px;
  display: block;
  background: #dddddd;
  content: '';
}
#cssmenu > ul > li.has-sub > a:before {
  position: absolute;
  top: 22px;
  right: 14px;
  display: block;
  width: 2px;
  height: 8px;
  background: #dddddd;
  content: '';
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
#cssmenu > ul > li.has-sub:hover > a:before {
  top: 23px;
  height: 0;
}
#cssmenu ul ul {
  position: absolute;
  left: -9999px;
}
#cssmenu.align-right ul ul {
  text-align: right;
}
#cssmenu ul ul li {
  height: 0;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
#cssmenu li:hover > ul {
  left: auto;
}
#cssmenu.align-right li:hover > ul {
  left: auto;
  right: 0;
}
#cssmenu li:hover > ul > li {
  height: 35px;
}
#cssmenu ul ul ul {
  margin-left: 100%;
  top: 0;
}
#cssmenu.align-right ul ul ul {
  margin-left: 0;
  margin-right: 100%;
}
#cssmenu ul ul li a {
  border-bottom: 1px solid rgba(150, 150, 150, 0.15);
  padding: 11px 15px;
  width: 170px;
  font-size: 12px;
  text-decoration: none;
  color: #dddddd;
  font-weight: 400;
  background: #333333;
}
#cssmenu ul ul li:last-child > a,
#cssmenu ul ul li.last-item > a {
  border-bottom: 0;
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover {
  color: #ffffff;
}
#cssmenu ul ul li.has-sub > a:after {
  position: absolute;
  top: 16px;
  right: 11px;
  width: 8px;
  height: 2px;
  display: block;
  background: #dddddd;
  content: '';
}
#cssmenu.align-right ul ul li.has-sub > a:after {
  right: auto;
  left: 11px;
}
#cssmenu ul ul li.has-sub > a:before {
  position: absolute;
  top: 13px;
  right: 14px;
  display: block;
  width: 2px;
  height: 8px;
  background: #dddddd;
  content: '';
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
#cssmenu.align-right ul ul li.has-sub > a:before {
  right: auto;
  left: 14px;
}
#cssmenu ul ul > li.has-sub:hover > a:before {
  top: 17px;
  height: 0;
}
@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
	#cssmenu > ul > li > a {

	  color: #fff;

	}
  #cssmenu {
    /* width: 100%; */
  }
  #cssmenu ul {
    width: 100%;
    /* display: none; */
  }
  #cssmenu.align-center > ul {
    text-align: left;
  }
  #cssmenu ul li {
    width: 100%;
    border-top: 1px solid rgba(120, 120, 120, 0.2);
  }
  #cssmenu ul ul li,
  #cssmenu li:hover > ul > li {
    height: auto;
  }
  #cssmenu ul li a,
  #cssmenu ul ul li a {
    width: 100%;
    border-bottom: 0;
  }
  #cssmenu > ul > li {
    float: none;
  }
  #cssmenu ul ul li a {
    padding-left: 25px;
  }
  #cssmenu ul ul ul li a {
    padding-left: 35px;
  }
  #cssmenu ul ul li a {
    color: #dddddd;
    background: none;
  }
  #cssmenu ul ul li:hover > a,
  #cssmenu ul ul li.active > a {
    color: #ffffff;
  }
  #cssmenu ul ul,
  #cssmenu ul ul ul,
  #cssmenu.align-right ul ul {
    position: relative;
    left: 0;
    width: 100%;
    margin: 0;
    text-align: left;
  }
  #cssmenu > ul > li.has-sub > a:after,
  #cssmenu > ul > li.has-sub > a:before,
  #cssmenu ul ul > li.has-sub > a:after,
  #cssmenu ul ul > li.has-sub > a:before {
    display: none;
  }
  #cssmenu #menu-button {
    display: block;
	
	display:none;
	
    padding: 17px;
    color: #dddddd;
    cursor: pointer;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
  }
  #cssmenu #menu-button:after {
    position: absolute;
    top: 22px;
    right: 17px;
    display: block;
    height: 4px;
    width: 20px;
    border-top: 2px solid #dddddd;
    border-bottom: 2px solid #dddddd;
    content: '';
  }
  #cssmenu #menu-button:before {
    position: absolute;
    top: 16px;
    right: 17px;
    display: block;
    height: 2px;
    width: 20px;
    background: #dddddd;
    content: '';
  }
  #cssmenu #menu-button.menu-opened:after {
    top: 23px;
    border: 0;
    height: 2px;
    width: 15px;
    background: #ffffff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  #cssmenu #menu-button.menu-opened:before {
    top: 23px;
    background: #ffffff;
    width: 15px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  #cssmenu .submenu-button {
    position: absolute;
    z-index: 99;
    right: 0;
    top: 0;
    display: block;
    border-left: 1px solid rgba(120, 120, 120, 0.2);
    height: 46px;
    width: 46px;
    cursor: pointer;
  }
  #cssmenu .submenu-button.submenu-opened {
    background: #262626;
  }
  #cssmenu ul ul .submenu-button {
    height: 34px;
    width: 34px;
  }
  #cssmenu .submenu-button:after {
    position: absolute;
    top: 22px;
    right: 19px;
    width: 8px;
    height: 2px;
    display: block;
    background: #dddddd;
    content: '';
  }
  #cssmenu ul ul .submenu-button:after {
    top: 15px;
    right: 13px;
  }
  #cssmenu .submenu-button.submenu-opened:after {
    background: #ffffff;
  }
  #cssmenu .submenu-button:before {
    position: absolute;
    top: 19px;
    right: 22px;
    display: block;
    width: 2px;
    height: 8px;
    background: #dddddd;
    content: '+';
  }
  #cssmenu ul ul .submenu-button:before {
    top: 12px;
    right: 16px;
  }
  #cssmenu .submenu-button.submenu-opened:before {
    display: none;
  }
}