@font-face {
	font-family: 'HelveticaCn';
	src: url('../fonts/HelveticaNeueLTStd-LtCn_0.eot');
	src: local('O'), url('../fonts/HelveticaNeueLTStd-LtCn_0.woff') format('woff'), url('../fonts/HelveticaNeueLTStd-LtCn_0.ttf') format('truetype'), url('../fonts/HelveticaNeueLTStd-LtCn_0.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

/***********************************
CSS Reset
***********************************/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
body { line-height:1;}
article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section { display:block; }
nav ul {    list-style:none;}
blockquote, q {    quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {    content:'';    content:none;}
a {    margin:0;    padding:0;    font-size:100%;    vertical-align:baseline;    background:transparent;}
ins {    background-color:#ff9;    color:#000;    text-decoration:none;}
mark {    background-color:#ff9;    color:#000;     font-style:italic;    font-weight:bold;}
del {    text-decoration: line-through;}
abbr[title], dfn[title] {    border-bottom:1px dotted;    cursor:help;}
table {    border-collapse:collapse;    border-spacing:0;}
hr {    display:block;    height:1px;    border:0;       border-top:1px solid #cccccc;    margin:1em 0;    padding:0;}
input, select {    vertical-align:middle;}
/******** Reset end *********/

body{
	background-color:#e1e1e1;
	font-family: Arial;
	font-size:14px;
}

p{margin:0 0 20px 0;line-height: 1.2em;}

.page{
	width: 100%;
    max-width: 1006px;
    padding: 0 35.5px;
	overflow:hidden;
	margin:0 auto;
	background:url(../images/page-bg.png) repeat-y;
}

h1 {
  font-size: 38.5px;
}
h2 {
  font-size: 31.5px;
}
h3 {
  font-size: 23px;
}
h4 {
  font-size: 17.5px;
}
h5 {
  font-size: 14px;
  font-weight:bold;
}
h6 {
  font-size: 11.9px;
}

header,footer,
.page-cont{
	width: 100%;
	margin:0 auto;
}

.top-top{
	width: 100%;
	height: 28px;
	padding: 10px 0 10px;
	text-align: right;
	font-family: "Century Gothic";
}

.top-offer{
	display: inline-block;
	padding: 5px 10px 0 0;
	border-right: 1px solid #9f9f9f;
	height: 25px;
}

.top-phone{
	display: inline-block;
	padding-left: 10px;
	font-size: 21px;
	font-weight: bold;
	color:#c30f0b;
}

.header{
	width: 100%;
    overflow: hidden;
    padding: 25px 0;
    border-top: 3px #aaaeb0 solid;
	background: #d9d9d9; /* Old browsers */
	background: -moz-linear-gradient(left,  #d9d9d9 0%, #ffffff 50%, #d9d9d9 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #d9d9d9 0%,#ffffff 50%,#d9d9d9 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #d9d9d9 0%,#ffffff 50%,#d9d9d9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9d9d9', endColorstr='#d9d9d9',GradientType=1 ); /* IE6-9 */

}

a.logo {
    display: block;
    width: 100%;
    max-width: 338px;
    height: auto;
    border: none;
    outline: none;
    margin: 0 auto;
}
a.logo img{
	width:100%;
}

.nav-bar {
width: 100%;
height: 45px;
background-color: #494f54;
}

ul.main-menu{
	list-style: none;
	margin: 0 auto;
	margin-left: 36px;
}

ul.main-menu li{
	float:left;
	position:relative;
}

ul.main-menu li a{
	display:inline-block;
	font-family: Helvetica;
	font-size:16px;
	color: white;
	padding: 14px 22px 15px;
	text-decoration: none;
	background: url(../images/menu-sep.png) repeat-y;
}
ul.main-menu li:first-child a{
	background:none;
}

ul.main-menu li a.current,
ul.main-menu li a:hover{
	background:url(../images/hover-menu-bg.png) repeat-x;
}

/* sub-menu */

ul.main-menu li ul{
	display:none;
	list-style: none;
	background-color:rgba(73,79,84,0.9);
	width:200px;
	position:absolute;
	z-index: 9999;
	left:10px;
}

ul.main-menu li ul li{}

ul.main-menu li ul li a{
	background:none;
	width: 156px;
	color:white;
}

ul.main-menu li:hover ul{
	display:block;
}


/* page content */

div.vide-box{
	padding:36px 2% 0;
}

body.home p{
	text-align:justify;
}

.youtube{
	display: block;
	float:left;
	margin:0 26px 0 0;
}

.user{
	width:96%;
	padding: 15px 2%;
	margin:28px 0 0 0;
}

.user1{	border-top:solid 4px #c70e0c;}

.user1>h3{margin-top: 12px;}

.user2{padding:15px 10px 15px 12px;min-height:330px;}

.right-side .p1{font-family:Ebrima;font-size:17px;font-weight:bold;margin-top: 10px;}

.right-side .p2{font-family:Geirgia;font-size:14px;font-style:italic;line-height: 22px;}

.go-green .p2{font-family:Geirgia;font-size:14px;font-style:italic;line-height: 22px;color:#5e6469;padding: 0 10px 0 12px;}
.go-green .p2 span{font-family:Ebrima;font-size:17px;font-weight:bold;margin-top: 10px;font-style:normal;color:#5e6469;}
.go-green .p3{font-family:Ebrima;font-size:14px;color:#5e6469;font-style:normal;font-weight:normal;padding: 0 10px 0 12px;}
.go-green a{float:right;font-family:Arial;font-size:14px;color:#0f0f0f;text-decoration:none;margin-right: 20px;}
.go-green a:hover{text-decoration:underline;}

.h-wight-left{
	width:58%;
	float:left;
}
.right-side{
	width:40%;
	float:left;
	margin:0 0 0 2%;
}

.user2 p{
	color:#5e6469;
	font-family: Ebrima;
	font-size:14px;
}
.gray-left{
	width:68%;
	float:left;
}
.testimonial{
	width: 26%;
    max-width: 263px;
	position:relative;
	border-top:solid 3px white;
	border-bottom:solid 1px #6a6e71;
	float:left;
	background:url(../images/testi-bg.png) no-repeat;
	margin: 0 0 0 2%;
	padding:10px 2% 10px 2%;
}

div.testi-text{
	font-family:Georgia;
	font-style:italic;
	color:black;
	font-size:14px;
	padding:10px 5px 0 10px;
	text-align: justify;
	line-height: 17px;
}

div.testi-author{
	font-family:Georgia;
	font-style:normal;
	font-size:14px;
	padding:10px 5px 0 10px;
	text-align: right;
	line-height: 17px;
}

div.testi-more{
	text-align:right;
	padding-top:15px;
}

div.testi-more a{
	font-family:Arial;
	font-style:normal;
	color:black;
	font-size:14px;
	text-decoration:none;
}

div.testi-more a:hover{text-decoration:underline;}

a.testi{
	display:block;
	position:absolute;
	width:12px;
	height:14px;
}

a.testi.prev{
	background: url(../images/testi-prev.png) no-repeat;
	top: 18px;
	left: 242px;
}
a.testi.next{
	background: url(../images/testi-next.png) no-repeat;
	top: 18px;
	left: 258px;
}

.call{
	background-color:#4a4f53;
	font-family:Ebrima;
	font-size:26px;
	color:white;
	position:relative;
	padding: 20px 0 20px 0px;
	margin-top: 50px;
}
.call span{
    font-size: 26px;
    font-family: Ebrima;
    background: url(../images/call.png);
    background-repeat: no-repeat;
    background-position-y: 3px;
    color: #FFFFFF;
    padding-left: 35px;
    line-height: 39px;
    display: block;
    margin: 0 auto;
    width: 67%;
	text-align:center;
}
.products{padding-left: 17px;padding-bottom: 0; overflow:hidden;}

.products .intro{
	font-size:16px;
	color:#474646;
	text-align: center;
	border-bottom:solid 1px #c8c8c8;
	padding: 0 0 18px;
	line-height: 20px;
	margin-bottom: 30px;
}

.prod-info{
	width:18%;
	height:217px;
	float:left;
	margin-right:2%;
	position:relative;
	border-bottom:solid 1px #d4d4d4;
}

.prod-info h4.prod-title{
	display:block;
	width: 94%;
	padding:0 0 9px 4px;
	margin:0 0 18px 0;
	font-size:16px;
	font-weight:bold;
	border-bottom:solid 4px #c80e0c;
}

.prod-info div.prod-descr{
	font-size:13px;
	font-weight:normal;
	line-height: 15px;
}

.prod-info a.prod-more-link{
	font-size:13px;
	position:absolute;
	right:2px;
	bottom:5px;
	text-decoration:none;
}

.prod-info a.prod-more-link:hover{text-decoration:underline;}

.prod-info:last-child{margin-right:0;}



footer{
	margin-top: 40px;
	overflow:hidden;
}

footer .podval{
    width: 96%;
    padding: 24px 2%;
    overflow: hidden;
}
footer .copyright{
	width: 96%;
    height: 28px;
    color: white;
    padding: 16px 2% 0 2%;
}

footer .copyright span.top a{
	color:white;
	text-decoration:none;
	float:right;
}

.podval h4 {
display: block;
padding: 0 0 9px 4px;
margin: 0 0 10px 0;
font-size: 16px;
font-weight: bold;
border-bottom: solid 1px #a8a8a8;
}

.podval {
	font-family:Ebrima;
	font-size:13px;
}

.podval>div{
	float:left;
	margin-right:4%;
}

.about img{
	float: left;
    width: 20%;
    margin: 0 2% 2% 0;
    display: block;
    min-width: 207px;
}

.about{
	position:relative;
	width:51%;
}

.about .about-text{ overflow:hidden;}

.contact-info{	width:25%;line-height: 20px; }

.site-map{	width:16%;margin:0 !important;}

.site-map ul{ list-style: none; }

.site-map ul li{
line-height: 15px;
}

.site-map ul a{	
	font-family:Ebrima;
	font-size:13px;
	text-decoration:none;
	color:black;
}

.page-title{
	width: 100%;
    height: auto;
    overflow: hidden;
    background: url(../images/page-title-bg.png) no-repeat;
    padding: 0 0 30px 5px;
    margin-top: 45px;
	background-position: left bottom;
}

.breadcrumbs{
	font-family:Arial;
	font-size:12px;
	height:40px;
	width:100%;
}

.main{
	width: 100%;
    overflow: hidden;
}

.main-left{
	width: 69%;
    float: left;
}
.main-left img{
	max-width:50%;
}
.youtube img {
    max-width: 100%;
}
.main-left p{
	text-align:justify;
}

.sidebar{
	width: 29%;
    float: left;
	margin-left:2%;
}
.sidebar .testimonial {
	max-width: 263px;
    position: relative;
    border-top: solid 3px white;
    border-bottom: solid 1px #6a6e71;
    float: left;
    background: url(../images/testi-bg.png) no-repeat;
    background-size: cover;
    margin: 0 0 45px 0;
    padding: 10px 2% 10px 2%;
    width: 100%;
}
.sidebar .go-green{
    float: left;
    width: 100%;
    margin: 0 auto;
    max-width: 263px;
}
.yellow-testi{
padding: 10px;
line-height: 20px;
margin-top: 20px;
border: 4px double #c80e0c;
background-color: #ffffcc;
}

.yellow-testi a{
	color:#970080;
	text-decoration:underline;
}

.yellow-testi2{
    width: 90%;
    margin: 10px auto;
    padding: 2%;
    overflow: hidden;
}

.yellow-testi1{
    width: 90%;
    margin: 10px auto;
    padding: 2%;
    overflow: hidden;
}

.yellow-testi3{
    width: 90%;
    margin: 10px auto;
    padding: 2%;
    overflow: hidden;
}

.yellow-testi4 {
float: right;
width: 460px;
height: 200px;
}

.big-testimonial{
	width:100%;
	min-height:50px;
	border-bottom:1px solid #dadada;
	margin-bottom:16px;
}

.big-testimonial-logo{
	padding: 50px 5px 50px;
}


.big-testimonial-text{
	font-family:Georgia;
	font-size:13px;
	font-style:italic;
	padding: 0 0 55px 0;
}

.big-testimonial-text img.left-qout{
	display:block;
	margin: 0 0 5px 0;
}

.big-testimonial-text img.right-qout{
	position:absolute;
	width:70px;
	height:55px;
}

.all-logos{
	font-family:Ebrima;
	font-size:15px;
	font-style:normal;
	text-align:center;
}

span.panel-title a{
	color:#c80e0c;
	font-family:'HelveticaCn';
	font-size:18px;
	text-decoration:none;
	font-weight: bold;
}
span.panel-title a.collapsed{
	color:#464646;
}

span.panel-title a span.toggle-btn{
	width:28px;
	height:28px;
	display:block;
	background:url(../images/collaps-m.png) no-repeat;
	position: absolute;
	top: 6px;
	right: 9px;
}

span.panel-title a.collapsed span.toggle-btn{
background:url(../images/collaps-p.png) no-repeat;
}

body.faq-page .main-left,
body.contact-page .main-left{
	width:69%;
}

body.contact-page{
	font-family:Ebrima;
	font-size:14px;
	font-style:normal;
}

body.contact-page .info{
	overflow:hidden;
	margin:0 0 70px 0;
}
body.contact-page .cont-box{
	overflow: hidden;
    width: 100%;
}
body.contact-page .address{
	width: 34%;
    float: left;
}
body.contact-page .address div{
	padding-left:25px;
	min-height:22px;
}
body.contact-page .address div.adr{
	background:url(../images/address-pin.png) no-repeat;
	margin:0 0 20px 0;
}
body.contact-page .address div.phn{
	background:url(../images/phone-pin.png) no-repeat;
}
body.contact-page .line{
    width: 1%;
    float: left;
    margin: 10px 4% 10px;
}
body.contact-page h5{
font-size: 19px;
padding: 10px;
border-bottom: 1px solid #d6d6d6;
margin: 0 0 20px 0;
}
body.contact-page .mailform{
	float: left;
    width: 57%;
    position: relative;
}

body.contact-page .mailform label{
display: inline-block;
width: 142px;
text-align: right;
height: 30px;
}

body.contact-page .mailform input{
	display:inline-block;
	width:220px;
	height:30px;
	background-color:#EEE;
	border:1px solid #D2D2D2;
	margin: 0 0 10px 10px;
	color:#999;
	padding:5px;
	outline: none;
}
body.contact-page .mailform textarea{
	width:220px;
	background-color:#EEE;
	border:1px solid #D2D2D2;
	margin: 0 0 10px 10px;
	color:#999;
	padding:5px;
	font-family: Ebrima;
	outline: none;
}

body.contact-page .mailform input[type='submit']{
	width:127px;
	height:40px;
	background:url(../images/submit-btn.png) no-repeat;
	position:absolute;
	color:white;
	right: 22px;
	cursor:pointer;
}

#recaptcha_image{
float: right;
}

#recaptcha_response_field{
width: 205px;
margin-top: 10px;	
}

.Meeting{
padding: 0 70px 40px;
}

body.support-page .main{
	min-height: 1080px;
}

.soc-icon{
	display:inline-block;
	width:41px;
	height:41px;
	margin: 0 12px 0 0;
	float:left;
}

.soc-icon-fb{
	background:url(../images/fb-icon.png) no-repeat;
}

.soc-icon-tw{
	background:url(../images/tw-icon.png) no-repeat;
}

.soc-icon-google{
	background:url(../images/google-icon.png) no-repeat;
}

.soc-icon-lin{
	background:url(../images/lin-icon.png) no-repeat;
}

.recaptcha_only_if_image {
margin: 10px 0 10px 10px;
display: block;
}

.get_another,
.recaptcha_only_if_image_audio,
.get_help
{
margin: 0 0 10px 10px;
display: inline-block;
}

#sending-box{
	display:none;
	text-align: center;
	width: 140px;
	height: 20px;
	padding: 40px 50px 50px;
	background: rgba(255,255,255,0.9);
	color: #3A3A3A;
	border: 1px solid #3A3A3A;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

.left{
	float: left;
}

.right{
	float: right;
}
.site-map ul a:hover{text-decoration:underline;}

.line-unader-header{height:5px;margin:9px 0 22px 0;display:block;}

.user1 .line-unader-header{	background:url(../images/block-header-bottom-bg-1.png) no-repeat;}

.testimonial .line-unader-header{background:url(../images/testi-header-bottom-bg-1.png) no-repeat;}

.user2 .line-unader-header,
.go-green .line-unader-header{	background:url(../images/block-header-bottom-bg-3.png) no-repeat;}

.italic{font-style:italic;}

.red{color:#c80e0c !important;overflow:hidden;}

.green{color:#52be1d;overflow:hidden;}

.no-bg{background:none; overflow:hidden;}

.grey-bg{background-color:#d6dde3; overflow:hidden;}

.black-bg{background-color:#000;overflow:hidden;}

.clear{clear:both;}
#cssmenu {
    display: none !important;
    position: fixed !important;
    top: 0;
    left: 0;
    z-index: 99999;
}
.height100 {
    height: 100%;
    overflow: scroll;
}
.main-left .all-logos img{
	max-width:100%;
}
@media screen and (max-width: 980px){
#cssmenu {
    display: block !important;
}
.top-top {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 10px 0 10px;
    text-align: right;
    font-family: "Century Gothic";
}
.top-offer {
    display: block;
    padding: 0;
    border-right: none;
    height: 25px;
    float: none;
    text-align: center;
}
.top-phone {
    display: block;
    padding-left: 0;
    font-size: 21px;
    font-weight: bold;
    color: #c30f0b;
    text-align: center;
}
.page {
    width: 100%;
    max-width: 1006px;
    padding: 0 0px;
    overflow: hidden;
    margin: 0 auto;
    background: #fff;
	padding-top:52px;
}
.no-bg {
    background: none;
    overflow: hidden;
    width: 96%;
    max-width: 100%;
    padding: 0 2%;
}
.nav-bar{ display:none;}
.gray-left{
	width:100%;
}
.testimonial {
    width: 96%;
    max-width: 100%;
    position: relative;
    border-top: solid 3px white;
    border-bottom: solid 1px #6a6e71;
    float: left;
    background: url(../images/testi-bg.png) no-repeat;
    background-size: cover;
    margin: 0;
    padding: 10px 2% 10px 2%;
}
.h-wight-left{
	width:100%;
}
.right-side {
    width: 100%;
    float: left;
    margin: 25px 0 0 0;
}
.right-side img{
	float: none !important;
    display: block;
    width: 80%;
    margin: 0 auto;
}
.call {
    height: auto;
    background-color: #4a4f53;
    font-family: Ebrima;
    font-size: 26px;
    color: white;
    position: relative;
    padding: 20px 0 20px 0px;
    margin-top: 50px;
	overflow:hidden;
}
.call img{
	width: 12%;
	display: block !important;
    float: left !important;
    margin: 0 5% !important;
    position: initial !important;
    top: 0 !important;
    left: 0 !important;
	
}
.call span {
    display: block;
    width: 73%;
    margin: 0 auto;
}
.prod-info {
    width: 100%;
    height: auto;
    padding-bottom: 25px;
    float: left;
    margin-right: 0;
    position: relative;
    border-bottom: solid 1px #d4d4d4;
	margin-bottom:25px;
}
.products{
	padding-left:2%;
}
.youtube {
    width: 50%;
}
.youtube img{
	width:100%;
	max-width: 100%;
}
.podval>div{
	margin-right:0;
}
.about {
    position: relative;
    width: 100%;
	margin-bottom:25px;
}
.contact-info {
    width: 100%;
    line-height: 20px;
    margin-bottom: 25px;
}
.site-map {
    width: 100%;
	margin-bottom:25px;
}
.about img {
    float: none;
    width: 20%;
    margin: 0 auto;
    display: block;
    min-width: 207px;
}
.main-left{
	width: 96%;
    padding: 0 2%;
    margin: 0 auto;
}
body.faq-page .main-left,
body.contact-page .main-left{
	width: 96%;
    padding: 0 2%;
    margin: 0 auto;
}
.sidebar{
	width: 96%;
    padding: 0 2%;
    margin: 0 auto;
    margin-top: 45px;
}
.sidebar .testimonial{
	float:none;
	margin: 0 auto 45px;
}
.sidebar .go-green {
    float: none;
}
.yellow-testi4{
    width: 90%;
    margin: 10px auto;
    padding: 2%;
    overflow: hidden;
    float: initial;
    height: auto;
}
body.contact-page .address {
    width: 100%;
    margin-bottom: 30px;
}
body.contact-page .line {
    display: none;
}
body.contact-page .mailform {
     width: 100%;
 }
body.contact-page .mailform label{
	text-align:left;
}
body.contact-page .mailform input {
    display: inline-block;
    width: 96%;
    height: 30px;
    background-color: #EEE;
    border: 1px solid #D2D2D2;
    margin: 10px auto;
    color: #999;
    padding: 2%;
    outline: none;
}
body.contact-page .mailform textarea {
    width: 96%;
    background-color: #EEE;
    border: 1px solid #D2D2D2;
    margin: 0 auto;
    color: #999;
    padding: 2%;
    font-family: Ebrima;
    outline: none;
}
body.contact-page .mailform textarea {
    width: 96%;
    background-color: #EEE;
    border: 1px solid #D2D2D2;
    margin: 0 auto;
    color: #999;
    padding: 2%;
    font-family: Ebrima;
    outline: none;
}
body.contact-page .mailform input[type='submit'] {
    position: relative;
    right: 0;
    top: 10px;
    cursor: pointer;
    float: right;
}
}