*:focus { outline:none;}

* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin:0 ;padding:0;text-decoration:none;}



article, aside, details, figcaption, figure, footer, header, hgroup, /*menu, nav,*/ section { display: block;}

img { border:none;}

a { color:#008351; text-decoration:none;}

a:hover { text-decoration:underline;}



body { padding:0; margin:0; font-family: 'Ubuntu', sans-serif; font-size:1em; font-weight:400; color:#2d2d2d; background:#ffffff; }



header { padding:0; top:0; width:100%; float:left; background:#FFFFFF; -webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.3); box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.3); position:fixed; z-index:10; height:110px; }

header .body { padding:0; margin:0 auto; width:100%; max-width:1100px; }



.logo { width:20%; float:left; padding:40px 0 20px 0; border:0px solid #333;}

.logo img { width:100%; max-width:225px;}



nav { float:left; text-transform:uppercase; padding:0; }

#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile{border:0;list-style:none; line-height:1em; position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

#cssmenu > ul:after{clear:both;visibility:hidden;line-height:0;height:0}

#cssmenu #head-mobile{display:none}

#cssmenu { width:75%; float:right; padding:40px 0 0 0; border:0px solid #093; }

#cssmenu ul { padding:0 0 0 5%; float:right; }

#cssmenu > ul > li { float:left; padding-bottom:0px; white-space:nowrap; }

#cssmenu > ul > li > a { padding:5px 15px 0.750em 15px; font-size:1.188em; font-family: 'Ubuntu Condensed', sans-serif; text-decoration:none;color:#000; line-height:0.750em; float:left; white-space:nowrap; }

#cssmenu ul li a.active { color:#000; border-bottom:3px solid #34813e; }

#cssmenu > ul > li:last-child > a {padding-right:0px;}

#cssmenu > ul > li:hover > a,#cssmenu ul li.active a{ color:#34813e; border-bottom:3px solid #34813e; }

#cssmenu > ul > li:hover,#cssmenu ul li.active:hover,#cssmenu ul li.active,#cssmenu ul li.has-sub.active:hover{-webkit-transition:background .3s ease;-ms-transition:background .3s ease;transition:background .3s ease;}

#cssmenu ul li.active:hover,#cssmenu ul li.active,#cssmenu ul li.has-sub.active:hover{ color:#34813e; }

#cssmenu > ul > li.has-sub > a{padding-right:15px}

#cssmenu > ul > li.has-sub > a:after{position:absolute;top:22px;right:11px;width:8px;height:2px;display:block;background:#ddd;}

#cssmenu > ul > li.has-sub > a:before{position:absolute;top:19px;right:14px;display:block;width:2px;height:8px;background:#ddd;-webkit-transition:all .25s ease;-ms-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; text-transform:none; width:auto; z-index:100; margin-left:-2px; 	white-space: nowrap;}

#cssmenu ul ul li{height:0;-webkit-transition:all .25s ease;-ms-transition:all .25s ease;background:#1b72b9 !important;transition:all .25s ease; }

#cssmenu ul ul li:hover{}

#cssmenu li:hover > ul{left:auto}

#cssmenu li:hover > ul > li{height:auto;}

#cssmenu ul ul ul{margin-left:100%;top:0}

#cssmenu ul ul li a{border-bottom:1px solid rgba(150,150,150,0.15);padding:7px 20px;width:100%;font-size:0.938em; font-family: 'Ubuntu', sans-serif; text-decoration:none;color:#fff;font-weight:400;background: #1b72b9;}

#cssmenu ul ul ul li a { background:#ffd964; padding:auto !important; width:280px !important;}

#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:#fff; background:url(../img/bullet_submenu.png) no-repeat top left #003767;}

#cssmenu ul ul ul li:hover > a,#cssmenu ul ul ul li a:hover{color:#fff; background:#002444;}

#cssmenu ul ul li.has-sub > a:after{position:absolute;top:16px;right:11px;width:8px;height:2px;display:block;background:#ddd;}

#cssmenu ul ul li.has-sub > a:before{position:absolute;top:13px;right:14px;display:block;width:2px;height:8px;background:#ddd;-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}

#cssmenu ul ul > li.has-sub:hover > a:before{top:17px;height:0}

#cssmenu ul ul li.has-sub:hover,#cssmenu ul li.has-sub ul li.has-sub ul li:hover{background:#0a5fab;}

#cssmenu ul ul ul li.active a{border-left:1px solid #000}

#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid #333}





.pics-home {

	margin-top:110px;

}

.bxslider li { text-align:center; background:#eaeaea; }

.bxslider li img { max-width:1100px; margin:0 auto; }

.slide-info { max-width:1100px; margin:0 auto; position:relative; border:0px solid #F00; }

.text-btn { position:absolute; /*top:40%*;*/ bottom: 2rem; left:5%; } 

.caption { width:60%; padding-bottom:0.5em; text-align:left; float:left; text-transform:uppercase; font-size:2.375em; font-family: 'Ubuntu Condensed', sans-serif; color:#FFF; text-shadow:2px 1px 2px rgba(0, 0, 0, 0.75); }

.caption a { display:block; color:#FFF; }

.more-btn { clear:both; float:left; }

.more-btn a { background:#008351; color:#FFFFFF; display:block; padding:0.375em 1.500em 0.500em 1.500em; }





.products { padding:0; width:100%; float:left; background:#FFFFFF; }

.products .body { padding:0; margin:0 auto; width:100%; max-width:1100px; border:0px solid #000; }

.products h2 { font-size:2.750em; color:#008351; padding:0.500em 0; margin:0; font-family: 'Ubuntu Condensed', sans-serif; font-weight:500; text-transform:uppercase; text-align:center; background:url(../img/bgr-h.png) no-repeat bottom center; }

.products h2 a { color:#008351; text-decoration:none; }



.products-home-row { display: table; width:100%; margin:2em 0 6em 0; float:left; clear:both; }

.col { display:block; width:26%; max-width:300px !important; float:left; margin:0; padding-right:4%; position:relative; border:0px solid #000; min-height:240px; }

/*.col:last-child { padding-right:0; width:30% !important; }

.col:last-child .more-p-btn { width:100% !important; }*/



.col:nth-child(4) { padding-right:0; width:30%; max-width:242px !important; }

.col:nth-child(4) .more-p-btn { width:100%; }



.col a { color:#000; }

.col img { border:5px solid #ebebeb; width:100%; margin-bottom:1em; }

.col img:hover { border:5px solid #d6d6d6; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; }

.more-p-btn { position:absolute; bottom:-4em; padding:3px; border:1px solid #ebebeb; width:87%; text-align:center; font-size:1.125em; font-weight:500; }

.col:last-child .more-p-btn { /*width:100%;*/ }

.more-p-btn a { background:#008351; color:#FFFFFF; display:block; padding:0.375em 1.500em 0.500em 1.500em; text-decoration:none; }

.more-p-btn a:hover { background:#000000; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; }



.services { padding:0; width:100%; float:left; background:#ebebeb; margin:6em 0 0 0; }

.services .body { padding:0; margin:0 auto; width:100%; max-width:1100px; border:0px solid #000; }

.services h2 { font-size:2.750em; color:#000; padding:0.750em 0; margin:0; font-family: 'Ubuntu Condensed', sans-serif; font-weight:500; text-transform:uppercase; text-align:center; background:url(../img/bgr-h.png) no-repeat bottom center; }

.services h2 a { color:#000; text-decoration:none; }

.services h3 { font-size:1.125em; color:#008351; padding:0.500em 0 0 0; margin:0; font-family: 'Ubuntu', sans-serif; font-weight:500; }

.services h3 a { color:#008351; text-decoration:none; }

.services h3 a:hover { color:#000; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; }

.services-row { float:left; width:100%; clear:both; padding:2em 0 3em 0;  }

.service { float:left; width:31%; text-align:center; margin-right:5%; padding:0 4% 0 0; }

.service:last-child { margin:0; padding-right:0; width:27% }

.service-icon { display:inline-block; border-radius:50%; background:#FFFFFF; width:130px; height:130px; padding:20px; }

.service-icon img { width:100%;}





.page-title { padding:0; width:100%; float:left; background:#ebebeb; margin:110px 0 0 0; }

.page-title .body { padding:0; margin:0 auto; width:100%; max-width:1100px; border:0px solid #000; position:relative; }

.page-title h1 { font-size:2.125em; color:#000; padding:0.750em 0; margin:0; font-family: 'Ubuntu Condensed', sans-serif; font-weight:500; text-transform:uppercase; text-align:center; }

.page-title h1 a { color:#000; text-decoration:none; }

.page-title img { position:absolute; bottom:-4px; left: 0; right: 0; margin-left: auto; margin-right: auto; }



.page { padding:0; width:100%; float:left; background:#fff; margin:1.500em 0 5em 0; }

.page .body { padding:0 0 3em 0; margin:0 auto; width:100%; max-width:1100px; border:0px solid #000; }

.page h2 { font-size:1.250em; color:#008351; padding:0 0 1em 0; margin:0; font-family: 'Ubuntu', sans-serif; font-weight:700; }

.page h2 a { color:#000; text-decoration:none; }



.page ul { padding:1em 0; margin:0; }

.page ul li { background:url(../img/bullet.png) no-repeat top left; list-style:none; padding:0 0 0.125em 15px; }

.page img { border:5px solid #ebebeb; width:35%; max-width:360px; margin:0 0 30px 0; }



.path { font-size:0.875em; padding:0 0 1.500em; float:left; width:100%; }

.path a { color:#008351; text-decoration:none; }

.path a:hover { text-decoration:underline; }



.products-row { width:100%; float:left; clear:both; padding:1em 0; }

.product-item { width:50%; float:left; padding:0 3% 0 0; }

.product-item a { color:#000000; }

.page .product-item img { width:40%; max-width:180px; float:left; margin-right:15px; }

.more { float:left; padding:3px; margin-top:2em; border:1px solid #ebebeb; width:32%; text-align:center; font-size:1.125em; font-weight:500; }

.more a { background:#008351; color:#FFFFFF; display:block; padding:0.375em 1.500em 0.500em 1.500em; text-decoration:none; }

.more a:hover { background:#000000; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; }



.product-item-inner { width:100%; float:left; padding:1em 3% 0.5em 0; clear:both; }

.product-item-inner a { color:#000000; }

.page .product-item-inner img { width:40%; max-width:90px; float:left; margin:0 15px 0 0; }

.product-item-inner .more { float:none; padding:0; margin-top:0.500em; border:none; width: auto; text-align:left; font-size:1em; font-weight:500; }

.product-item-inner .more a { background:none; color:#008351; padding:0; text-decoration:none; }

.product-item-inner .more a:hover { color:#000000; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; }



.product-content-left img {float: left; margin-right: 3%;}



.map-bottom { padding:0; width:100%; float:left; background:#fff; margin:5px 0 0 0; }

.map-bottom iframe { float:left; }



footer { clear: both; float: left; position: relative; width: 100%;  padding:1.500em 0; color:#fff; font-size:0.875em; background:#008351; }

footer .body { padding:0; margin:0 auto; width:100%; max-width:1100px; }

footer a { color:#fff; text-decoration:none;}

footer a:hover { text-decoration:underline;}

footer h2 { font-size:2.750em; color:#fff; padding:0.500em 0; margin:0; font-family: 'Ubuntu Condensed', sans-serif; font-weight:500; text-transform:uppercase; text-align:center; background:url(../img/bgr-h-white.png) no-repeat bottom center; }

footer h2 a { color:#fff; text-decoration:none; }

.footer-col-row { float:left; width:100%; clear:both; }

.footer-col { float:left; width:18%; padding:2em 2% 2em 0; }

.footer-col:nth-child(2) { width:30%; padding:2em 2% 2em 0; }

.footer-col:last-child { float:left; width:15%; padding:2em 0; }

.footer-col ul { list-style:none;}

.footer-col ul li { line-height:1.5em; }

.footer-col ul strong { text-transform:uppercase; }

.copyright { clear:both; width:100%; float:left; }

.social { clear:both; width:100%; float:left; border-bottom:1px solid #339c74; text-align:right; padding:0.500em 0; margin-bottom:0.500em; }

.social img { margin-left:10px; max-width:30px; }

.footer-left { float:left; width:50%; opacity:0.6; }

.footer-right { float:right; width:50%; text-align:right; opacity:0.6; }





.team { clear: both; padding:1em 0 2em 0; float:left; width:100%;	 }

.team article { float: left; width:22%; margin:0 3.5% 0 0; padding:5px 5px 1em 5px; color:#000000; background:#ebebeb; text-align:center; }

.team article:last-child { margin:0; }

.team article strong { font-size:1.125em; font-weight:500;}

.page .team article img { border:none; width:100%; margin:0 0 1em 0; }



.promo { clear: both; padding:1em 0 2em 0; float:left; width:100%;	 }

.promo article { float: left; width:47.5%; margin:0 5% 0 0; padding:5px; color:#000000; background:#ebebeb; }

.promo article:last-child { margin:0; }

.page .promo article img { border:none; width:30%; max-width:160px; float:left; margin:0 15px 0 0; }

.page .promo article a { color:#444444;}

.title-promo { padding:0.500em 0 1em 0; font-size:1.125em; font-weight:500; }

.date-promo { color:#FFFFFF; font-weight:500; background:#008351; display:block; float:left; padding:0.250em 5px; margin-top:0.500em; }



.left-part { float:left; width:24%;  }

.right-part { float:left; width:76%; padding-left:3%; }



.categories { width:100%; }

.categories .dropdown { width:100%; }



.pricelist-table { border-collapse: collapse;

    border-spacing: 0;

    width: 100%;

    border: 1px solid #ddd; }

.pricelist-table th { font-size:0.625em; text-transform:uppercase; color:#FFFFFF; text-align:center; background:#008351; font-weight:300; padding:0.500em 1%; }
.pricelist-table th:nth-of-type(3) { width:7%; }

.pricelist-table td { font-size:0.750em; padding:0.750em 1em; }

.pricelist-table tr:nth-child(odd) td {background: #ebebeb; }

.pricelist-table tr:nth-child(even) td {background: #FFF; }

.pricelist-table td:nth-child(5) { text-align:right; font-weight:700;}





 /* Dropdown Button */

.dropbtn {

    background: url(../img/plus.png) no-repeat top left;

    color: #008351;

    padding: 0.500em 2% 0.500em 7%;

    font-size: 0.938em;

	font-weight:500;

    border: none;

    cursor: pointer;

	display:block;

	border:1px solid #e6e6e6;

	border-top:none;

}

.open { background: url(../img/minus.png) no-repeat top left; }

.notext { background:none !important; border:none !important;  }



/* Dropdown button on hover & focus */

.dropbtn:hover, .dropbtn:focus {

/*    background-color: #3e8e41;*/

}



/* The container <div> - needed to position the dropdown content */

.dropdown {

    position: relative;

    display: inline-block;

	border-top:1px solid #e6e6e6;

}



/* Dropdown Content (Hidden by Default) */

.dropdown-content {

    display: none;

    position: relative;

    min-width: 160px;

    z-index: 1;

	border:1px solid #e6e6e6;

	border-bottom:none;

}



/* Links inside the dropdown */

.dropdown-content a {

    color: black;

    padding: 0.500em 16px;

    text-decoration: none;

    display: block;

	font-size:0.750em;

}



/* Change color of dropdown links on hover */

.dropdown-content a:hover {background-color: #f1f1f1}



/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */

.show {display:block;}

.dropdown-content a.plus { background: url(../img/plus.png) no-repeat top left !important; }

.dropdown-content .dropdown-content { border:none; }



.show a.plus { color:#000000 !important; }



.show a.show { background: url(../img/minus-white.png) #008351 no-repeat top left !important; color:#ffffff !important;}





.contacts-left, .contacts-right {float:left; width:50%;}

.contacts-left ul { list-style:none;}

.contacts-left ul li { line-height:1.5em; background: none; }

.contacts-left ul strong { color: #008351; font-size: 1.2em; }

.form-left { float:left; width:50%; padding:0 2% 0 0; }

.form-right { float:left; width:50%; padding:0 0 0 2%; }







/*forms*/

form { padding:0; margin:0;}

.btn-search { border:none; background: url(../img/search-button.png) #e7781e no-repeat center center; color:#FFFFFF; padding:0; height:30px; width:13%;}



.form-content p { margin: 0 0 15px 0 !important; padding:0 !important; }

.form-content ul { padding:0 !important; margin:0 !important;}

.form-content li { list-style:none; display:block; clear:both; padding:0 !important; margin:0 !important;}



.radio-btn input[type="radio"], .check-box input[type="checkbox"] {

    visibility: hidden;

}

label { clear:both; float:left; width:100%; margin-bottom:5px;}



input.login {

	padding:0.5em 10px;

	float:left; border:none; 

	margin-right:2%;

	background:#fff);

    border: 1px solid #eaeaea;

	font-family: 'Ubuntu', sans-serif;

	font-size:1em; 

	color:#314475;

	width:49%;

}

.login-clients input:nth-child(3) { margin-right:0;}

.login-btn { font-size:1.125em; border:none; background:#314475; color:#fff; font-family: 'Ubuntu', sans-serif; padding:5px 20px; margin:10px 0 0 0; width:100%; float:left; clear:both; font-weight:500; text-transform:uppercase; border-radius:5px; }



/* input.i1 {

	padding:5px 10px;

	height:30px;

	clear:both; 

	float:left;

	width:87%; 

	background: #fff;

    border: 1px solid #ccc;

	border-right:0;

	font-family: 'Ubuntu', sans-serif;

	font-size:1em;

	color:#2d2d2d;

} */

input.i1 {

	padding:7px 10px;

	height:40px;

	clear:both; float:left; border:none; width:100%; 

	margin-bottom:10px;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

	background: rgb(255, 255, 255);

    border: 1px solid #ccc;

	font-family: 'Ubuntu', sans-serif;

	font-size:1em; 

	color:#2d2d2d;

}



input.i2 {

	padding:10px;

	clear:both; float:left; border:none; width:100%; 

	margin-bottom:10px;

	background:#fff);

    border: 1px solid #c8c8c8;

	font-family: 'Ubuntu', sans-serif;

	font-size:1em; 

	color:#333333;

}



textarea {clear:both; float:left; width:100%; margin-bottom:5px; height:130px;

    border: 1px solid #c8c8c8;

	font-family: 'Ubuntu', sans-serif;

	font-size:1em;

	padding:1% 2%;

	color:#2d2d2d;

	resize:none;

	margin-bottom:10px;

}



/* input.send { font-size:1.125em; border-radius:5px; border:none; background:#bac60d; font-weight:500; color:#FFFFFF;font-family: 'Ubuntu', sans-serif; padding:5px 20px; margin:0 auto; width:30%; display:block; clear:both; text-transform:uppercase; } */

input.send { background:#008351; color:#FFFFFF; display:block; padding:0.600em 1.900em 0.700em 1.900em; text-decoration:none; font-weight:500; font-family: 'Ubuntu', sans-serif; font-size: 1.125em; margin:0 auto; width:30%; display:block; clear:both; text-transform:lowercase; border: none; }

.err { color:#c00000; font-size:0.75em;}



/* selectbox wrapper */

.styled-select {

  border: 1px solid #e1e1e1;

  background:url(../img/arrow.png) #f5a700 no-repeat center right;

  width:30%;

  display: inline-block;

  margin: 0 4% 0 0;

  font-family: 'Ubuntu Condensed', sans-serif;

  height: 44px;

  color: #fff;

  position: relative;

}

.styled-select:last-child {

	margin:0;

}

.styled-select,

.styled-select .curr {

  padding: 5px 20px 0 10px

}

.dates-res .styled-select {

  width:90%;

}

/* select element inside the custom selectbox */

.styled-select select {

  padding: 0 0;

  margin: 0 0;

  height: 0;

  visibility: hidden;

}

/* selectbox button (current value holder) */

.styled-select .curr {

  display: block;

  position: absolute;

  top: 0;

  right: 0;

  left: 0;

  cursor: pointer;

  font-size:1.625em;

}

/* arrow down */

.styled-select .curr:after {

  display: block;

  width: 0;

  height: 0;

  background:;

  border: 3px solid transparent;

  border-top-color: black;

  position: absolute;

  top: 12px;

  right: 8px;

}

/* drop down menu (fake option list) */

.styled-select ul {

  border: 1px solid #ccc;

  margin: 0 0;

  padding: 0 0;

  position: absolute;

  top: 100%;

  right: -1px;

  left: -1px;

  z-index: 99;

  font-family: 'Ubuntu', sans-serif;

  font-size:1em;

  color:#000000 !important; 

 }

/* option item (fake option item) */

.styled-select li {

  list-style: none;

  cursor: pointer;

  padding: 5px 10px !important;

  margin: 0 0;

  background:#FFFFFF !important;

  padding:0 0 0 20px; 

}

.styled-select li:hover {

  background-color: #39f !important;

  color: white;

}

/* selected option */

.styled-select li.selected,

.styled-select li.selected:hover {

  background-color: #9aa5ad !important;

  color: #fff;

}



/* disabled option */

.styled-select li.disabled,

.styled-select li.disabled:hover {

  color: #bbb;

  font-style: italic;

  background: none;

  cursor: text;

}

/* focused selectbox */

.styled-select .curr.focused {

  background:url(../img/arrow.png) #f5a700 no-repeat center right;

  height: 42px;

  font-size:1.625em;

 }

.form-center .styled-select { width:100%; margin-bottom:10px !important; background:url(../img/arrow.png) #ffffff no-repeat center right; font-family: 'Ubuntu', sans-serif; color:#333333;border: 1px solid #c8c8c8;}

.form-center .styled-select .curr { font-size:1em; }

.form-center .styled-select, .form-center .styled-select .curr { padding-top:10px !important; }

.form-center .styled-select .curr.focused { background:url(../img/arrow.png) #ffffff no-repeat center right; }



.chooce-decision .styled-select { width:75%; margin-bottom:10px !important; background:url(../img/arrow-big.png) #f5a700 no-repeat center right; height:70px; }

.chooce-decision .styled-select .curr { font-size:2.250em; }

.chooce-decision .styled-select, .chooce-decision .styled-select .curr { padding-top:10px;  }

.chooce-decision .styled-select .curr.focused { background:url(../img/arrow-big.png) #f5a700 no-repeat center right; height:70px; }



.send-home{ font-size:1.125em; border:none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background:#ffc72c; color:#2d2d2d;font-family: 'Roboto', sans-serif; padding:3px 0; margin:10px 0; width:25%; float:left; clear:both; }

#content #inner-right #inner-right-cont #inner-right-main-text p {

    margin-top: 19px;

    overflow:visible !important;

}



.ui-autocomplete { z-index:1000; }

/*Custom checkbox*/

 .check-box {

    width: 22px;

    height: 22px;

    cursor: pointer;

    display: inline-block;

    margin: 2px 7px 0 0;

    position: relative;

    overflow: hidden;

    box-shadow: 0 0 1px #ccc;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

    background: rgb(255, 255, 255);

    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%);

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(47%, rgba(246, 246, 246, 1)), color-stop(100%, rgba(237, 237, 237, 1)));

    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%);

    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%);

    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%);

    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed', GradientType=0);

    border: 1px solid #2d2d2d;

}

.check-box i {

    background: url('../img/check_mark.png') no-repeat center center;

    position: absolute;

    left: 3px;

    bottom: -15px;

    width: 16px;

    height: 16px;

    opacity: .5;

    -webkit-transition: all 400ms ease-in-out;

    -moz-transition: all 400ms ease-in-out;

    -o-transition: all 400ms ease-in-out;

    transition: all 400ms ease-in-out;

    -webkit-transform:rotateZ(-180deg);

    -moz-transform:rotateZ(-180deg);

    -o-transform:rotateZ(-180deg);

    transform:rotateZ(-180deg);

}

.checkedBox {

    -moz-box-shadow: inset 0 0 5px 1px #ccc;

    -webkit-box-shadow: inset 0 0 5px 1px #ccc;

    box-shadow: inset 0 0 5px 1px #ccc;

    border-bottom-color: #fff;

}

.checkedBox i {

    bottom: 2px;

    -webkit-transform:rotateZ(0deg);

    -moz-transform:rotateZ(0deg);

    -o-transform:rotateZ(0deg);

    transform:rotateZ(0deg);

}

/*Custom radio button*/

 .radio-btn {

    width: 20px;

    height: 20px;

    display: inline-block;

    float: left;

    margin: 0 7px 5px 0;

    cursor: pointer;

    position: relative;

    -webkit-border-radius: 100%;

    -moz-border-radius: 100%;

    border-radius: 100%;

    border: 1px solid #ccc;

    box-shadow: 0 0 1px #ccc;

    background: rgb(255, 255, 255);

    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%);

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(47%, rgba(246, 246, 246, 1)), color-stop(100%, rgba(237, 237, 237, 1)));

    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%);

    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%);

    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%);

    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed', GradientType=0);



}

.checkedRadio {

    -moz-box-shadow: inset 0 0 5px 1px #ccc;

    -webkit-box-shadow: inset 0 0 5px 1px #ccc;

    box-shadow: inset 0 0 5px 1px #ccc;

}

.radio-btn i {

    border: 1px solid #E1E2E4;

    width: 10px;

    height: 10px;

    position: absolute;

    left: 4px;

    top: 4px;

    -webkit-border-radius: 100%;

    -moz-border-radius: 100%;

    border-radius: 100%;

}

.checkedRadio i {

    background-color: #002c54;

}

/*end forms*/





.select {width:100%; overflow-y: hidden; color: #fff; background:#0096dd; border-radius:10px 0 0 10px; padding:4px 0; margin:0; position: absolute; top:0; right:0; z-index:3; }

.collapsed { height:37px !important; background:#0096dd; padding:4px 0;}

.option, .shown { width:100%; height:37px; padding:0 10px 1px; cursor: pointer; }

.option { background:#ffffff; padding:0 0 -5px 0;}

.shown { font-weight: 300; padding-top:5px; background:url(../img/arrow_lang.png) no-repeat center right;/* background:url(../img/arrow2.svg) no-repeat 95% center #ffffff;*/}

.select img {margin-right:5px; float:left; padding-top:8px;}

.shown a { color:#fff; text-decoration:none;}

.option a { color:#000; padding:5px; text-decoration:none; white-space:nowrap; display:block; width:100%}



.title-inner { width:100%; max-width:1100px; text-align:center; margin:0 auto; }

.title-inner strong { font-weight:800; }



.product-content-left { width:35%; padding-right:3%; float:left; }

.product-content-left img { width:100%; }

.product-content-right { width:62%; float:left; }

.product-content-right img { margin:0px 0.5em 1em 0 !important; }

.product-content-right p { clear:both; }



.product-content-right table tr td img {margin: 0 !important; width: auto !important; border: none !important;}





.back { display:none; }

.back a { display:none;}



/* gdpr */

.alert { margin: 1.5rem 0 1.5rem 0; }

.alert-success { color: #000; }

.alert-danger { color: #ce0000; }



/* Youtube video */

.videoWrapper {

	position: relative;

	padding-bottom: 56.25%; /* 16:9 */

	padding-top: 25px;

	height: 0;

}

.videoWrapper iframe {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

}



/* product tables */

.product-content table {

  /*border-collapse: collapse;*/

  border-width: 0;

}



.product-content td,

.product-content th {

  /* Spacing and border for Table cells */

  border: 1px solid;

  padding: .25rem .25rem;

}

/* Social buttons */
#st-1 .st-btn > img {
		border: none;
}
#st-1.st-has-labels .st-btn {
    min-width: auto !important;
}
#st-1 .st-btn > span {
	min-width: auto !important;
}


