*{

    margin: 0;

    padding: 0;

}

table {

    background-color: transparent;

    border-collapse: collapse;

    border-spacing: 0;

    max-width: 100%;

}

body{
	font-family: Roboto,Helvetica,Arial,sans-serif;
	padding: 0;
	margin: 0;
}

.clear{

	clear:both;

}

button{

	border:none;

}

ul{

	margin:0;

	padding:0;

	list-style:none;

}

a{

	text-decoration:none;

	color:#000;

	/* transition: all 0.3s ease 0s; */

}

img{

	border:none;

    

	max-width: 100%;

}

label{

	cursor:pointer;

}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

input{

	outline:none;

}

.img-text{

	display:block;

}

.img-text span{

	display:inline-block;

	vertical-align:middle;

}

.btn { 

	border:none;

	cursor: pointer;

	text-align:center;

	font-size:11px;

	color: #fff;

	display: inline-block;

}

.btn-primary{

	background: none no-repeat scroll left center #2383C2;

	height:30px;

	color:#FFFFFF;

	padding: 0 15px;

	font-size:13px;

	margin-bottom: 20px;

}

.btn-primary:hover, .link-primary:hover{

	background-color: #252525;

}

.link-primary{

	background:none no-repeat scroll left center #009BCB;

	height:21px;

	color:#FFFFFF;

	padding:4px 20px;

	font-size:13px;

}

.input-text{

	border: 1px solid #dddddd;

	color: #333333;

	display: inline-block;

	position: relative;

	text-decoration: none;

	transition: background-color 0.15s ease-in-out 0s;

	font-size: 14px;

	font-weight: 400;

	margin: 0px;

	outline: medium none;

	padding: 5px 4px;

}

.input-text:focus{

    border: 1px solid #cccccc;

}

.input-tiny{

    width: 10%;

}

.input-small{

    width: 25%;

}

.input-mid{

    width: 50%;

}

.input-large{

    width: 75%;

}

.input-full{

    width: 100%;

	-moz-box-sizing: border-box;

}

.input-textarea{

    border: solid 1px #dddddd;

    width:100%;

	-moz-box-sizing: border-box;

    padding: 5px;

}

.cbbox{

    border: solid 1px #cccccc;

    padding: 6px 4px;

}

.alert{

	padding: 8px 35px 8px 14px;

	margin-bottom: 10px;

	text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);

	background-color: rgb(252, 248, 227);

	border: 1px solid rgb(251, 238, 213);

	color: rgb(192, 152, 83);

}

.alert .close {

    position: relative;

    top: -2px;

    right: -21px;

    line-height: 20px;

	float: right;

	font-weight: bold;

	line-height: 20px;

	color: rgb(0, 0, 0);

	text-shadow: 0px 1px 0px rgb(255, 255, 255);

	opacity: 0.2;

	cursor:pointer;

	font-size:15px;

}

div#wraper {
    width: 100%;
    float: left;
}

.header {
    width: 100%;
    float: left;
}

.wraper-header {
    width: 100%;
    float: left;
    background: #edede6;
}

.container {
    width: 1170px;
    margin: auto;
}

.header-logo {
    width: 20%;
    float: left;
}

.header-phone {width: 60%;float: left;padding-top: 15px;}

.header-social {width: 20%;float: left;padding-top: 26px;}

span.img-logo {
    width: 100%;
    float: left;
}

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

.header-social ul {
    width: 100%;
    float: left;
}

.header-social ul li {width: 35px;height: 35px;float: left;margin-left: 15px;}

.header-social ul li a {width: 100%;height: 100%;box-shadow: 1px 2px 4px #999;border-radius: 50%;text-align: center;float: left;color: white;padding-top: 10px;}

.header-social ul li:first-child a {
    background: #1C4BA3;
}

.header-social ul li:nth-child(2) a {
    background: #01A6FF;
}

.header-social ul li:last-child a {
    background: #8EC63E;
}

.header-social ul li:nth-child(3) a {
    background: #DC0C0C;
}

.content-header-phone {width: 250px;margin: auto;position: relative;padding-left: 50px;}

.content-header-phone i {
    position: absolute;
    left: 0;
    top: 12px;
    color: #8EC63E;
    font-size: 34px !IMPORTANT;
    box-shadow: 1px 3px 5px #999;
    border-radius: 50%;
}

.content-header-phone span.phone {
    font-weight: 700;
    color: #f7923e;
    font-size: 16px;
}

.footer {
    width: 100%;
    float: left;
}

.wraper-footer {
    width: 100%;
    float: left;
    padding: 15px 0px;
    background: #232628;
}

.content-footer {
    width: 100%;
    float: left;
    color: #888;
}

.wraper-navi {
    width: 100%;
    float: left;
}

nav.menu {
    background: -webkit-linear-gradient(top, #fbb64c  0%, #F25C2A 100%);
    width: 100%;
    float: left;
}

.header-nav {
    width: 100%;
    float: left;
}

.main-menu {
    width: 100%;
    float: left;
}

ul.header-menu {width: 100%;float: left;/* padding: 3px 0px; */}

ul.header-menu li {
    float: left;
    margin-left: 20px;
    position: relative;
}

li.menu-item.menu-item-type-post_type.menu-item-object-page.home a {
    width: 48px;
    height: 48px;
    float: left;
    padding: 0;
    border-radius: 50%;
    border: 2px solid white;
    font-size: 30px;
    text-align: center;
    line-height: 44px;
    color: white;
    background: -moz-linear-gradient(top, #FFA903 0%, #FED901 100%);
    background: -webkit-linear-gradient(top, #FFA903 0%, #FED901 100%);
    background: -ms-linear-gradient(top, #FFA903 0%, #FED901 100%);
}

li.menu-item.menu-item-type-post_type.menu-item-object-page.home {
    margin: 0;
}

li.menu-item.menu-item-type-post_type a {width: 100%;height: 100%;float: left;padding: 0px 15px;font-weight: bold;color: white;line-height: 47px;font-size: 14px;text-transform: uppercase;}

ul.sub-menu {display: none;position: absolute;top: 100%;left: 0;width: 250px;/* padding-top: 4px; */}

li.menu-item.menu-item-type-post_type:hover>ul.sub-menu {
    display: block;
}

ul.sub-menu li {
    margin: 0;
    width: 100%;
    float: left;
}

ul.sub-menu li.menu-item.menu-item-type-custom.menu-item-has-children a {
    text-transform: none;
    font-weight: 400;
    line-height: 22px;
    font-size: 13px;
    padding: 12px 30px 12px 34px;
}

li.menu-item.menu-item-type-custom.menu-item-has-children {
    background: #f48120;
}

li.menu-item.menu-item-type-custom.menu-item-has-children:hover ul.sub-menu {
    display: block;
    left: 100% !important;
    top: 0;
    padding: 0;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
}

i.menu-child {
    position: absolute;
    top: 15px;
    font-size: 16px;
    color: white;
    right: 0;
}

li.menu-item.menu-item-type-custom.menu-item-has-children i.menu-child {
    right: 15px;
}

li.menu-item.menu-item-type-post_type:hover {
    background: #129748;
}

li.menu-item.menu-item-type-post_type.menu-item-object-page.home:hover {
    background: none;
}

li.menu-item.menu-item-type-custom.menu-item-has-children>a:hover {
    background: #129748;
}

.page {
    width: 100%;
    float: left;
}

div#content {
    width: 100%;
    float: left;
}

div#warranty {
    width: 100%;
    float: left;
}

img.banner {}

.wrapper {
    width: 100%;
    float: left;
}

.left {
    width: 100%;
    float: left;
    padding-bottom: 10px;
}

.left1 {
    float: left;
    width: 20%;
}

.top {
    width: 80%;
    float: left;
    text-align: center;
    padding: 30px;
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 600;
}

.wrapper {box-shadow: 0px 0px 5px 1px #ccc;padding: 20px;margin: 20px 0px;}

div#warranty .container {
    width: 980px;
}

.content {
    float: left;
    width: 100%;
    position: relative;
}

.right {
    width: 100%;
    float: left;
}

.right ul.tabs {
    width: 100%;
    float: left;
    margin-bottom: 10px;
}

.right ul.tabs li {
    float: left;
}

.right ul.tabs li a {
    padding: 8px 12px;
    float: left;
    background: linear-gradient(#feb021, #fec774, #feb021);
    color: white;
    border-right: 1px solid white;
}

.right ul.tabs li.active a {background: linear-gradient(#51a846, #8fc965, #3a9d46);}

section.content article {
    width: 100%;
    float: left;
}

section.content article img {
    position: absolute;
    top: 0;
    right: 0;
    max-width: 100%;
    max-height: 100%;
}

section.content article form {
    position: relative;
    width: 100%;
    float: left;
}

table.tablew {
    width: 500px;
    float: left;
}

.title {
    width: 30%;
    float: left;
    padding: 5px;
}

table.tablew tr td {
    padding: 10px;
}

input.required {
}

table.tablew tr td input {
    width: 60%;
    padding: 5px;
    float: left;
}

.title.colspan {
    width: 100%;
    float: left;
    padding-bottom: 10px;
}

textarea.required {
    width: 90%;
    float: left;
    padding: 5px;
    height: 100px;
}

.result {
    width: 100%;
    float: left;
    text-align: center;
}

.result input {
    width: auto !important;
    padding: 8px 20px !important;
    background: #feb32c;
    border: 0;
    color: white;
    text-transform: uppercase;
    font-size: 14px;
    float: none !important;
    cursor: pointer;
}

form#formContact2 {
    width: 500px !important;
}

form#formContact2 input {
    padding: 5px;
    width: 60%;
}

form#formContact2 .result {
    margin-top: 10px;
}

form#formContact3 {
    width: 500px;
}

form#formContact3 input {
    padding: 5px;
    width: 60%;
    margin-bottom: 10px;
}

span.red {
    color: red;
}

div#messagewarranty {
    margin-bottom: 10px;
    font-style: italic;
}

div#messagewarranty1 {
    font-style: italic;
    width: 100%;
    float: left;
    margin-top: 10px;
}

div#messagewarranty2 {
    width: 100%;
    float: left;
    font-style: italic;
}

.wraper-result-detail {
    width: 100%;
    float: left;
    padding: 15px;
    background: #eee;
}

.header-detail {
    width: 100%;
    float: left;
}

.header-detail h2 {
    width: 100%;
    float: left;
    text-align: center;
    text-transform: uppercase;
    padding-bottom: 5px;
    border-bottom: 1px solid #ccc;
}

.content-detail {
    width: 100%;
    float: left;
}

.row-detail {
    width: 100%;
    float: left;
    padding: 5px;
    border-bottom: 1px solid #fff;
}

span.detail-title {
    width: 45%;
    float: left;
    text-align: left;
}

.content-detail .row-detail:last-child {
    border-bottom: 0;
}

.result-detail {
    float: left;
}

.result-detail h3 {
    float: left;
    color: #feb32c;
}

span#mobile-bar {
    display: none;
}

.nav-mobile {
    display: none;
}

@media only screen and (max-width: 768px) {
	.container {
		width: 100% !important;
		float: left;
	}
	
	span#mobile-bar {display: block !important;position: fixed;top: 20px;right: 20px;color: #6c98e1;font-size: 24px;z-index: 9999999999999;}
	.header-logo {
		width: 100%;
		float: left;
		text-align: center;
	}

	.header-phone {
		width: 100%;
		float: right !important;
	}

	.header-social {
		width: 100%;
		float: left;
		padding-top: 20px;
	}

	.header-social ul {
		width: 220px;
		margin: auto;
		float: none;
	}

	.wraper-header {padding: 15px 0px;}

	.wraper-navi {
		position: fixed;
		top: 0;
		width: 260px;
		height: 100%;
		right: -260px;
		transition: all 0.3s ease;
	}

	.left1 {
		width: 100%;
		text-align: center;
	}

	.top {
		width: 100%;
		padding: 10px 0px;
	}

	.right ul.tabs li {
		width: 100%;
		margin-bottom: 5px;
	}

	.right ul.tabs li a {
		width: 100%;
	}

	section.content article img {
		display: none;
	}

	table.tablew {
		width: 100%;
	}

	.title {
		width: 100%;
		font-size: 14px;
	}

	table.tablew tr td input {
		width: 100%;
	}

	table.tablew tr td {
		padding: 0;
		padding-bottom: 10px;
	}

	textarea.required {
		width: 100%;
	}

	.content-footer {
		padding: 0px 10px;
		text-align: center;
	}

	form#formContact2 {
		width: 100% !important;
		min-height: auto !important;
	}

	form#formContact2 input {
		width: 100%;
	}

	form#formContact3 {
		width: 100% !important;
		min-height: auto !important;
	}

	form#formContact3 input {
		width: 100% !important;
	}

	form#formContact3 .result input {
		width: auto !important;
	}
	
	.open-menu {
		right: 0;
	}

	nav.menu {
		height: 100%;
	}
	
	li.menu-item.menu-item-type-post_type.menu-item-object-page.home {
		width: 100%;
		text-align: center;
		flex-wrap: wrap;
		display: flex;
	}

	ul.header-menu {
		padding: 10px;
	}

	li.menu-item.menu-item-type-post_type.menu-item-object-page.home a {
		float: none;
		margin: auto;
	}

	li.menu-item.menu-item-type-post_type {
		width: 100%;
		float: left;
		margin: 0;
	}

	i.menu-child {
		width: 35px;
		height: 35px;
		/* background: red; */
		top: 6px;
		text-align: center;
		padding-top: 5px;
	}
	
	ul.sub-menu {
		position: inherit !important;
	}

	li.menu-item.menu-item-type-post_type.show-sub ul.sub-menu {
		display: block;
		width: 100%;
		float: left;
	}

	ul.sub-menu li.menu-item.menu-item-type-custom.menu-item-has-children a {
		padding: 10px 20px !important;
		position: relative;
	}

	ul.sub-menu li.menu-item.menu-item-type-custom.menu-item-has-children ul.sub-menu {
		padding-left: 15px;
	}

	li.menu-item.menu-item-type-custom.menu-item-has-children i.menu-child {
		display: none;
	}

	ul.sub-menu li.menu-item.menu-item-type-custom.menu-item-has-children a:before {content: "";width: 10px;height: 10px;background: #ccc;position: absolute;border-radius: 50%;top: 15px;left: 5px;}
	
	body.wraper-show-nav .content {
		z-index: -1;
	}
}

form#formContact2 .content-detail .row-detail:nth-child(2) .result-detail h3 {margin-top: 5px;}