@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,300,700,400,600&subset=latin,cyrillic);
@import url('https://fonts.googleapis.com/css?family=Merriweather:300,400,700&subset=cyrillic');
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i&subset=cyrillic');

a {outline: none;}

body {margin:0; padding:0; width:100%; /*background:url(../images/menubg.jpg) left 150px repeat-x #fff;*/}
html {padding:0; margin:0;}

img{max-width:100%;}
.custom p {margin:0 !important;}

/********* main ********/
.main {max-width:1200px; padding:0 20px; margin:0 auto;}
.clr {clear:both; padding:0; margin:0; background:none;}

.container{max-width:1200px; margin:0 auto;}

/********** block_header **********/
.header {max-width:1200px; min-height:237px; margin:0 auto; /*background:url(../images/quality2.png) right 21px no-repeat, url(../images/shadow.png) center bottom no-repeat; position:relative;*/}
.topheader{max-width:1200px; margin:0 auto; display:flex;justify-content:space-between;align-items:center;}

.logo {padding:0; }

.slogan { font:500 17px/24px 'Montserrat', sans-serif; color:#000; text-align:center; }
.cont {font:500 17px/21px 'Montserrat', sans-serif; color:#000; text-align:center; }
.cont strong {font:700 16px/21px 'Montserrat', sans-serif; color:#dc1616;}
.cont a, .cont a:visited {font:600 26px/32px 'Montserrat', sans-serif; color:#dc1616; text-decoration:none;}
.vk {}
.vk a {display: inline-block; font:500 17px/31px 'Montserrat', sans-serif; color:#396393; background:url(../images/vk.png) left center no-repeat; padding-left:38px; text-decoration:none; transition:color 0.3s ease; -webkit-transition:color 0.3s ease;}
.vk a:hover {color:#94b2d5;}

@media all and (max-width: 900px){
    .topheader{
  flex-wrap:wrap;
}
  .vk{
  display:none;
}
  .logo, .slogan {
    flex-basis:50%; text-align:center;
  }
  .cont{
   flex-basis:100%; 
  }
  .slogan { font:500 10px/24px 'Montserrat', sans-serif;  }
}
@media all and (max-width: 400px){
  
  .logo{
    flex-basis:100%; 
  }
  .slogan {
    display:none; 
  }
}
.order {text-align:right; padding-top: 10px;}
.order a, .order a:visited {display:block; font:600 17px/44px 'Montserrat', sans-serif; color:#fff; background:#dc1616; padding:0 20px; text-decoration:none; border-radius:4px; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; border:2px solid #dc1616;}
.order a:hover {color:#dc1616; background:#e5e5e5;}
@media all and (max-width: 1100px){
  .stamp{
  display:none;
}
  
}
/******* top menu *********/
.menuwrap{background:url(../images/menubg.jpg);min-height:70px;position:relative;}
.menublock{
  display:flex;justify-content:space-between;
}
@media all and (max-width: 1100px){
  .menublock{
  display:flex;
}
  .order {
   
    display: inline-block;
 
    position: absolute;
}
}
.menu_nav {  padding:0; width:calc(100% - 220px)}
.menu_nav ul {list-style:none; padding:0; margin:0; display:flex; display:-webkit-box; display:-webkit-flex; justify-content:space-around;}
.menu_nav ul li {margin:0; padding:0; flex-grow:1; -webkit-box-flex:1;}
.menu_nav ul li a {
	display:block;
	font:600 18px/70px 'Montserrat', sans-serif;
	color:#010101;
	padding:0;
	margin:0;
	text-decoration:none;
	text-align:center;
	background:#e5e5e5;
	transition:background 0.3s ease;
	-webkit-transition:background 0.3s ease;
	border-radius: 0;
	}
.menu_nav ul li a:hover {background:#d4d4d4; text-decoration:none;}
.menu_nav ul li.active a {color:#dc1616 !important; text-decoration:none;}
.menu_nav ul li.active a:hover {background:#e5e5e5;}


/* 2nd level and above */
.menu_nav ul.menu li ul{display:block; padding:0; position:absolute; z-index:99; left:-999em;}
.menu_nav ul.menu li ul li {padding:0; margin:0; border-top:1px solid #fff;}
.menu_nav ul.menu li ul li a {
                    display:block;
  					white-space:nowrap;
                    padding:0 50px 0 20px;
  					font:600 16px/40px 'Montserrat', sans-serif;
					color:#010101 !important;;
					background:#e5e5e5 !important;
  					text-align:left;
					}
.menu_nav ul.menu li ul li a:hover,.menu_nav ul.menu li ul li a:active,.menu_nav ul.menu li ul li a:focus {background:#d4d4d4 !important; color:#010101 !important;}
.menu_nav ul.menu li ul li.active a,.menu_nav ul.menu li ul li.active:hover a,.menu_nav ul.menu li ul li.active:active a,.menu_nav ul.menu li ul li.active:focus a {background:#2f5f89; color:#010101 !important;}
.menu_nav ul.menu li:hover ul, .menu_nav ul.menu li li:hover ul, .menu_nav ul.menu li li li:hover ul {left:auto; margin:0;}


/********slider*******/
.slider-wrapper .nivoSlider > a {display: block; text-decoration: none; position: relative;}
.theme-amazing .nivoSlider {box-shadow: none !important; margin-bottom:30px;}

/******** block_left ***/
.col-left {width:260px; float:left; margin:0 50px 0 0; padding:0;}

.col-left .moduletable h3 {
  width: 260px;
  min-height: 40px;
  padding: 0;
  margin: 0;
  font: 400 22px/40px 'Merriweather', serif;
  color: #4c5d80;
  border-bottom: 1px solid #4c5d80;
}

.col-left > div {margin-bottom: 0;}
.col-left .nav_left .nav.menu {width: 260px; margin:0; padding: 12px 0 0; list-style: none;}
.col-left .nav_left .nav.menu li a {
  display: block;
  padding: 9px 0;
  margin-bottom:2px;
  font:normal 14px/18px 'Open Sans', sans-serif;
  color: #2e2e2e;
  text-decoration: none;
  text-transform:uppercase;
  transition:color 0.3s ease; -webkit-transition:color 0.3s ease;
}
.col-left .nav_left .nav.menu li a:hover {color:#4d6fb5;}
.col-left .nav_left .nav.menu li.active a {color:#4d6fb5;}


/********search******/
.search {display: table; width: 100%;}

.search .inputbox.search-query {
display: block;
float: left;
width: 260px;
border: 1px #afafaf solid;
background:#fefefe;
height: 30px; 
font-style: italic;
color: #444;
padding: 0 5px;
box-sizing: border-box;
border-radius: 0;
outline: none;
}

.search .inputbox.search-query::-webkit-input-placeholder {color: #444;}
.search .inputbox.search-query::-moz-placeholder {color: #444;}
.search .inputbox.search-query:-ms-input-placeholder {color: #444;}
.search .inputbox.search-query:-moz-placeholder {color: #444;}
.search .button {
float: right;
width: 31px;
height: 30px;
background: url(../images/search.png);
border: 0;
font-size: 0;
cursor: pointer;
border-radius: 0;
outline: none;
}


/******** content ***/
.page-header {border: 0; margin: 0; padding: 0;}
.pageinfo {max-width:1200px; margin:0 auto; padding:0 0 60px; font:normal 16px/23px 'Open Sans', sans-serif; color:#000;}
.breadcrumb {font:normal 12px/14px 'Open Sans', sans-serif; color:#828282; list-style: none; margin: 0; padding: 0; background: none;}
.breadcrumb li {display: inline-block; padding: 0 1px;}
.breadcrumb li.active:first-child {display: none;}
.breadcrumb a, .breadcrumb a:visited {color:#828282 !important;}

.pageinfo h1 {font:500 24px/34px 'Montserrat', serif; color:#000; padding:8px 0 15px 0; margin:0; text-align:center;}
.pageinfo h2 {font:500 19px/24px 'Montserrat', serif; color:#dc1616; padding:25px 0 0 0; margin:0;}
.pageinfo h2.h2center {max-width:900px; font:400 19px/24px 'Merriweather', serif; color:#363636; padding:25px 0 12px; margin:0 auto 10px auto; text-align:center; border-bottom:1px solid #d5d5d5;}
.pageinfo h3 {font:500 16px/21px 'Montserrat', serif; color:#dc1616; padding:25px 0 0 0; margin:0;}
.pageinfo p {margin: 18px 0 0 0; text-align:justify; text-indent:0;}
.pageinfo a {color:#000; text-decoration:underline;}
.pageinfo b {font-weight:600;}
.pageinfo strong {font-weight:600;}
.pageinfo em {font-weight:600; font-style:normal; color:#dc1616;}

.item-page ul {
   list-style:none;
   margin: 10px 0 0 0;
   padding:0;
}
.item-page ul li {
   list-style-type:none;
   background:url(../images/ul_li.png) no-repeat 0 5px;
   padding: 5px 0 5px 30px;
   margin: 0px 0 2px 10px;
   text-align:justify;
}

.item-page ul.spisok {
   list-style:none;
   margin: 10px 0 0 0;
   padding:0;
}
.item-page ul.spisok li {
   list-style-type:none;
   background:url(../images/ul_li2.png) no-repeat 0 5px;
   padding: 2px 0 2px 20px;
   margin: 0 0 2px 0;
   text-align:left;
}



/*search*/
.search fieldset.only {
margin-top: 15px;
}
.search .ordering-box,
.search .form-limit {
margin-top: 8px;
}
.search .ordering-box label, 
.search .form-limit label {
display: inline-block;
margin-right: 3px;
position: relative;
top: 1px;
}
.search .search-results .result-title {
margin-top: 15px;	
}
.search .search-results .result-title:first-child {
margin-top: 0;	
}

/********** footer **********/
.footerfull {width:100%;  padding:0; margin:0 auto; border-top: 1px solid #cecece; background:#e5e5e5;}
.footer {max-width:1200px; min-height:114px; padding:0; margin:0 auto; position:relative;display:flex;justify-content:space-between;}
.logofooter {/*width:125px; margin:28px 0 0; position:absolute;*/}
.copyright {/*width:250px; margin:36px 0 0 140px; */font:600 12px/17px 'Open Sans', sans-serif; color:#242424;}
.copyright a, .copyright a:visited {color:#4e4e4e;}
.footer .cont {}

.address {/*width:330px; margin:36px 0 0 870px; */font:500 16px/28px 'Montserrat', sans-serif; color:#000; }
.address a, .address a:visited {color:#000; display: inline-block; text-decoration:none; background:url(../images/email.png) left center no-repeat; padding-left:27px; transition:color 0.3s ease; -webkit-transition:color 0.3s ease;}
.address a:hover {color:#dc1616;}

@media all and (max-width: 1060px){
  .footer {flex-wrap:wrap;}
  .copyright{
    flex-basis:100%; 
    order:5;
    margin: 30px 10px;
  }
  .address {margin: 30px 10px;}
  .logofooter {text-align: center;margin-top:20px;
    width: 100%;}
}


// ---------------------Statij modul----------------------------
.news {max-width: 1200px; margin: 0 auto;}
.news .moduletable {background:#fff; padding:0;}
.news span.date {display: none;}
.news h4, .news h4 a {display: block; margin: 10px 0 10px; color:#dc1616; text-decoration: underline; font:500 16px/21px 'Montserrat', serif;}
.newsflash {margin:0; display: flex; flex-wrap: wrap; justify-content: space-between; }
.infoblock {width: 360px; padding:0; box-sizing: border-box; display:inline-block; margin-top: 40px;}
.infoblock img {width:360px; height:240px; padding: 3px; border: 1px solid #e3e3e3; object-fit:cover; box-sizing: border-box;} 
.news p {padding: 0px; margin: 0px; text-align: left; font:400 14px/20px 'Open Sans', sans-serif; color:#131313;}

// ---------------------Statij stranica bloga----------------------------
.category-desc {margin-bottom: 25px;}
.items-row {width: 100%; display: inline-block; padding: 35px 0 30px; border-bottom: 1px dashed #e3e3e3;}
.items-row:last-child {border-bottom: 0px dashed #e3e3e3;}
.info-image {float: left; margin: 0;}
.info-image img {width:270px; height:180px; object-fit: cover; padding: 3px; border: 1px solid #e3e3e3;}
.info-all {margin:0; float:right; max-width:860px;}
.info-date {margin:0; font:500 13px/15px 'Montserrat', serif; color:#717171;}
.info-date dl {margin:0; padding:0;}
.info-date dd {margin:0; padding:0;}
.info-title h2 {padding-top:5px !important; margin-bottom:-5px !important; font:600 18px/24px 'Montserrat', serif !important; color:#333 !important;}
.info-more {margin-top:5px;}
.readmore {margin-top:10px;}
.readmore a {
	display:inline-block;
	font:500 16px/42px 'Montserrat', serif;         
    color:#dc1616 !important;
    padding:0 20px;     
    background:#fff;
    border:2px solid #dc1616;
    border-radius:4px;
    text-decoration:none;  
    -webkit-transition:all 0.3s ease;  
    transition:all 0.3s ease; 	
}
.readmore a:hover {background:#dc1616; color: #fff !important;}
// ---------------------Statij stranica novosti----------------------------
.article-info {margin:0; padding:0; font:500 15px/22px 'Montserrat', serif; color:#717171;}
.article-info dd {margin:0; padding:0;}


input, textarea, .uneditable-input {width: auto;}
ol li {text-align:justify; margin-top:10px;}

.img-left {float:left; margin:7px 30px 5px 0; padding:4px !important; box-shadow:0 0 3px #a7a7a7;}
.img-right {float:right; margin:7px 0 5px 30px; padding:4px !important; box-shadow:0 0 3px #a7a7a7;}
.img-left2 {float:left; margin:7px 30px 5px 0; padding:4px !important; }
.img-right2 {float:right; margin:7px 0 5px 30px; padding:4px !important;}

ul.sigProSleek li.sigProThumb a.sigProLink img.sigProImg {background-color: #fff !important;}
ul.sigProSleek li.sigProThumb a.sigProLink, ul.sigProSleek li.sigProThumb a.sigProLink:hover {background: #fff !important;}
ul.sigProSleek li.sigProThumb a.sigProLink {color: #fff; border: 3px solid #e5e5e5; transition:all 0.3s ease;}
ul.sigProSleek li.sigProThumb a.sigProLink:hover {color: #fff; border: 3px solid #cfcfcf;}
ul.sigProSleek li.sigProThumb {margin: 16px;}


.promo img {margin-bottom:20px;}
.moduletablepreim h3 {font:500 25px/30px 'Montserrat', serif; color:#dc1616; padding:25px 0 !important; margin:0; text-align:center;}

.infoblocks {
  max-width:1200px;
  padding:0;
  margin:0 0 40px;
  display:flex;
  display:-webkit-flex;
  display:-webkit-box;
  //justify-content:space-between;
  //-webkit-justify-content:space-between;
  //-webkit-box-pack:justify;
  align-items:stretch;
  position:relative;
}
.infobl {
  width: 30%;
  height: 502px;
  background:#fff;
  border:1px #000 solid;
  border-radius:12px;
  padding:10px;
  margin:10px 20px;
  text-align:center;
  position:relative;
}
.infobl_text {font:normal 14px/20px 'Open Sans', sans-serif; margin:15px 25px 0; color:#131313;min-height: 400px; }
.infobl_text img:first-child {margin-bottom:10px; border-radius:10px; border:2px solid #c1c1c1;}
.infobl_text h4 {font:500 16px/20px 'Montserrat', sans-serif; color:#000; margin-bottom:8px;}
.infobl_text h4 a, .infobl_text h4 a:visited {color:#000; text-decoration:none; transition:color 0.3s ease; -webkit-transition:color 0.3s ease;}
.infobl_text h4 a:hover {color:#dc1616;}
.infobl_more { text-align:center; }
.infobl_more a {
	display:inline-block;
	font:500 17px/48px 'Montserrat', serif;         
    color:#dc1616 !important;
    padding:0 25px;     
    background:#fff;
    border:2px solid #dc1616;
    border-radius:8px;
    text-decoration:none;  
    -webkit-transition:all 0.3s ease;  
    transition:all 0.3s ease; 	
}
.infobl_more a:hover {background:#dc1616; color: #fff !important;}
.infobl_shadow { height:25px; margin:490px 0 0; background:url(../images/infoshadow.png) top center no-repeat; position:absolute;}
@media all and (max-width: 600px){
  .infobl {width:100%;margin:10px 0; }
}

.table {border-collapse:collapse; margin:20px 0; text-align:left;}
.table tr:first-child td {background-color:#dc1616 !important; color:#fff; font:500 17px/40px 'Montserrat', serif;}
.table tr td:first-child {font-weight:600; text-align:left;}
.table tr td:first-child p {margin:0; text-align:left;}
.table tr td {border:1px solid #ccc; border-collapse:collapse; padding:7px 6px 7px 12px; vertical-align: inherit; text-align:center;}
.table tr td p {margin:0; text-align:center;}


p.vopros {
  margin: 24px 0 -15px 0;
  padding: 5px 0 5px 28px;
  background: url(../images/ul_li.png) no-repeat 0 center;
  font:500 16px/21px 'Montserrat', serif;
  color:#dc1616;
}

@media all and (max-width: 900px){
  .infoblocks {flex-wrap:wrap;  justify-content:space-around; }
  .infobl{width:45%;}
}
@media all and (max-width: 600px){
  
  .infobl{width:100%;}
}

#mxcpr {display: none;}
hr {border-top: 1px solid #e0e0e0 !important;}
// ***************************************** kategorii tovarov ***********************************************************
.jshop_list_category .row-fluid {display: table-cell; vertical-align:top;}
.jshop_list_category .row-fluid [class*="sblock"] {padding-left:0;}
.jshop_list_category .row-fluid .sblock4 {width:180px; margin:30px 0 0 29px; display: inline-block;}
.jshop_list_category .row-fluid .sblock4:first-child {margin:30px 0 0 !important;}
.jshop_list_category .image {text-align:center;}
.jshop_list_category .jshop_img {margin:0 0 5px; width:180px; height:180px;}
.jshop_list_category .sblock2 .category_name {text-align: center; width:166px; margin:0; padding:0 7px; height:75px; background:#f7f7f7; vertical-align: middle; display: table-cell; -webkit-transition:background 0.3s ease; transition:background 0.3s ease;}
.jshop_categ:hover .category_name {background: #f3f1ef;}
.jshop_list_category .sblock2 .category_name a.product_link {font:normal 15px/17px 'Exo 2', sans-serif; color:#2466af !important; padding:0px;}
.category_short_description {display: none !important;}


.jshop_list_product .sblock3 {margin:30px 0 10px 31px; width:250px; padding:0; float:left;}
.jshop_list_product .sblock3:first-child {margin:30px 0 0 !important;}	
.jshop_list_product .product .image img {width:250px; height:170px;}	
.jshop_list_product .sblock3 .block_product {margin:0;}
.jshop_list_product .sblock3 .name {margin:10px 0;}
.jshop_list_product .sblock3 .name a {color:#2466af; font:normal 15px/18px 'Exo 2', sans-serif; text-decoration:underline;}
.jshop_list_product .sblock3 .description {font:normal 13px/17px 'Open Sans', sans-serif; color:#808080;}
.jshop_list_product .sblock3 .buttons, .jshop_list_product .sblock3 .oiproduct, #sort_count, .text_zoom {display:none;}

.row-fluid .span4 {width:100% !important; margin-top:25px;}
.jshop_prod_description {margin-top:-17px;}

.row-fluid .span8 {width:100%;}
#list_product_image_thumb img {margin:10px 0; max-height:100px; cursor:pointer;}
.row-fluid [class*="span"] {margin-left:0;}


.pagination {
    margin: 20px 0;
}

.pull-right {
    float: right;
}

/*pagination*/
.pagination ul {
padding: 0;
text-align: center;
}


.pagination li {
display: inline-block;
padding: 0 5px;
}

.pagination ul>li:first-child>a, .pagination ul>li:first-child>span {
    border-left-width: 1px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-topleft: 4px;
}
.pagination ul>li>a, .pagination ul>li>span {
    float: left;
    padding: 4px 12px;
    line-height: 20px;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
    border-left-width: 0;
}











.portfolio {
    display: inline-block;
    margin: 15px 18px;
    padding: 20px;
    box-sizing: border-box;
    max-width: 350px;
    text-align: center;
    font: 400 15px/18px 'Montserrat', sans-serif;
    border: 1px solid #d6d6d6;
    border-radius: 8px;
}
.portfolio h3 {
    font: 600 16px/20px 'Montserrat', sans-serif !important;
    margin: 10px 0 !important;
  	padding: 0 !important;
  	color:#000;
}
.portfolio img {border-radius:4px;}
.portfolio p {margin-top:8px; text-align:center;}
.portfolio .price {margin:15px 0 0; text-align:center; font:500 16px/22px 'Montserrat', sans-serif;}
.portfolio .zakaz {margin:15px 0 0;}
.portfolio .zakaz a {display:inline-block; font:600 17px/44px 'Montserrat', sans-serif; color:#fff; background:#dc1616; padding:0 27px; text-decoration:none; border-radius:4px; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; border:2px solid #dc1616;}
.portfolio .zakaz a:hover {color:#dc1616; background:#fff;}

.company td {padding-bottom: 20px;}
.company td, .company td p {text-align: center;}
.company td img {margin:10px 0; border-radius: 50%;}

.knopka {display:inline-block; font:600 17px/44px 'Montserrat', sans-serif; color:#fff !important; background:#dc1616; padding:0 27px; text-decoration:none; border-radius:4px; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; border:2px solid #dc1616; text-decoration:none !important}
.knopka:hover {color:#dc1616 !important; background:#fff !important;}

.minus10:after {content: "-10%"; color:#dc1616; padding-left:10px;}
.minus20:after {content: "-20%"; color:#dc1616; padding-left:10px;}
.minus30:after {content: "-30%"; color:#dc1616; padding-left:10px;}
.minus40:after {content: "-40%"; color:#dc1616; padding-left:10px;}
.minus50:after {content: "-50%"; color:#dc1616; padding-left:10px;}
.menuhit:after {content: "ХИТ"; color:#dc1616; padding-left:10px; font-size:15px !important;}
.menunew:after {content: "NEW"; color:#dc1616; padding-left:10px; font-size:15px !important;}




.row{display:flex;flex-wrap:wrap;}












#cssmenu:after,
#cssmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu #menu-button {
  display: none;
}

#cssmenu > ul > li {
  float: left;
}
#cssmenu.align-center > ul {
  font-size: 0;
  text-align: center;
}
#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 {
  
}
#cssmenu > ul > li:hover > a {
  
}
#cssmenu > ul > li.has-sub > a {
 
}
#cssmenu > ul > li.has-sub > a:after {
  position: absolute;
  top: 22px;
  right: 11px;
  width: 8px;
  height: 2px;
  display: none;
  background: #dddddd;
  content: '';
}
#cssmenu > ul > li.has-sub > a:before {
  position: absolute;
  top: 19px;
  right: 14px;
  display: none;
  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;
  display:none;
}
#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 {
  
}
#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 {
  
}
#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;
}
.submenu-button, .submenu-button:before, .submenu-button:after {
  display:none;
}
@media all and (max-width: 1200px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1200px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1200px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1200px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1200px), only screen and (min-resolution: 192dpi) and (max-width: 1060px), only screen and (min-resolution: 2dppx) and (max-width: 1200px) {
  #cssmenu,
#cssmenu ul,
#cssmenu ul li,

#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 #menu-button i{
 
  float:right;
}
  #cssmenu {
    width: 100%;
  }
  #cssmenu ul {
    width: 100%;
    display: none;
  }
  #cssmenu.align-center > ul {
    text-align: left;
  }
  #cssmenu ul li {
    width: 100%;
   
  }
  #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;
    text-align: left;
  }
  #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;
    padding: 17px;
   height: 50px;
    cursor: pointer;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
  }
 
  
  #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;
    
    
    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: 22px;
    height: 22px;
    display: block;
   
    content: '';
  }
  #cssmenu ul ul .submenu-button:after {
    top: 15px;
    right: 13px;
  }
  #cssmenu .submenu-button.submenu-opened:after {
   content: "-";
    font-size: 30px;
  }
  #cssmenu .submenu-button:before {
    position: absolute;
    top: 19px;
    right: 22px;
    display: block;
    width: 22px;
    height: 22px;
   font-size: 30px;
    content: '+';
  }
  #cssmenu ul ul .submenu-button:before {
    top: 12px;
    right: 16px;
  }
  #cssmenu .submenu-button.submenu-opened:before {
    display: none;
  }
}




/*bootstrap*/
*,
*::before,
*::after {
  box-sizing: border-box;
}

.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1200px;
  }
}
.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.col-md-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    width: 8.333333%;
  }
  .col-md-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    width: 16.666667%;
  }
  .col-md-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    width: 25%;
  }
  .col-md-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    width: 33.333333%;
  }
  .col-md-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    width: 41.666667%;
  }
  .col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    width: 50%;
  }
  .col-md-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    width: 58.333333%;
  }
  .col-md-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    width: 66.666667%;
  }
  .col-md-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    width: 75%;
  }
  .col-md-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    width: 83.333333%;
  }
  .col-md-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    width: 91.666667%;
  }
  .col-md-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    width: 100%;
  }

@media all and (max-width: 800px){
  .col-md-6 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    width: 100%;
  }
  
}
@media all and (max-width: 600px){
  .col-md-3, .col-md-9 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    width: 100%;
    
  }
  
}


.iframe{

width:560px;

}
.formTableLayout textarea, .formTableLayout input{width:100%;}
@media all and (max-width: 600px){
.iframe{
max-width:100%;
}
  .formTableLayout, .formTableLayout tr, .formTableLayout td{
    display:block;
  }
}
.sigProContainer{
  display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
.formTableLayout textarea, .formTableLayout input{width:100%;}