@import url(https://fonts.googleapis.com/css?family=Germania+One);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);
@import url(https://fonts.googleapis.com/css?family=New+Rocker);



/* Loader */
body,html {
/*min-height:897px;*/
	height:100%;
}
a[href^="tel:"] {
 color: inherit;
 text-decoration: none;
}
* {
    -webkit-text-size-adjust: none;
}

#mjs-site-preloader, body,html {
	background:url(../images/preloader.gif) 50% 50% no-repeat ;
	background:url(../images/preloader.gif) 50% 50% no-repeat ;
}
#mjs-preloader {
	background: url('../images/preloader.gif') 50% 50% no-repeat ;
}
body,html {
	background:none;
	margin: 0;
	padding: 0;
}

/* Header * */
#header-top {
	width: 100%;
	background:url(../images/bg-top-2.png) repeat-x top;
	margin-top: -10px !important;
	padding-bottom: 6px;
}
#header-top .container {
	height: 65px; margin: 10px 10px 10px 10px; text-align:right;
	padding-top:15px;
}
#header-top .top-icons {
	float:right; margin-right: 20px; width: 220px;
}

#header-top .top-contacts {
	float:right; width: 310px; margin-right: 0px;
}

#header-top .list-icon li 	{ float: left; padding: 0 8px 0 0; list-style: none; list-style-image: none; }
#header-top .list-icon li a { text-decoration:none;  text-indent: 100%; white-space: nowrap; overflow: hidden; }

.ico_fb			{ display: block; width: 35px; height: 34px; background: url(../images/icons/fb.png) top ; }
.ico_twitter	{ display: block; width: 35px; height: 34px; background: url(../images/icons/twitter.png) top; }
.ico_googleplus	{ display: block; width: 35px; height: 34px; background: url(../images/icons/googleplus.png) top; }
.ico_rss		{ display: block; width: 35px; height: 34px; background: url(../images/icons/rss.png) top; }
.ico_fb:hover, .ico_twitter:hover, .ico_googleplus:hover,
.ico_rss:hover { background-position: 0 -34px;}

#header-top .list-contact 			{ padding-top: 20px; font-size: 11px; text-transform: uppercase; color: #FFF; font-family: 'Open Sans', sans-serif; font-weight: 400;  }
#header-top .list-contact li 		{ float: left; padding: 0 8px 0 0; list-style: none; list-style-image: none; }
#header-top .list-contact li a 		{ text-decoration:none; color: #FFF; }
/* #header-top .list-contact li:after { content: " | "; }
   #header-top .list-contact li:first-child:after { content: none; } */
   
   /* .list-contact li+li { border-left: 1px solid #ffffff; } */
   .list-contact li:first-child 	{ border-right: 1px solid; border-left: 0 none;  }
   .list-contact li:last-child 		{ border-left: 0px solid; border-right: 0 none;  margin-left: 10px;}
   
	#header-top .list-contact li a:hover 	{ text-decoration:none; color: #5e5e5e; }
	#header-top .list-contact li.phone 		{ background:url(../images/icons/ico-phone16x16.png) left no-repeat; padding-left: 20px; text-align:right }
	#header-top .list-contact li.mail 		{ background:url(../images/icons/ico-mail16x16.png) left no-repeat; padding-left: 20px;  text-align:right }

header { padding-bottom: 10px; }
header h1 {
    margin-bottom:59px;
    padding-top: 68px;
    position: relative;
    z-index: 910;

    text-align: center;

}
header h1 a {
    display: inline-block;
    overflow: hidden;
    width: 758px;
    height: 279px;
    font-size: 0;
    line-height: 0;
    
    text-indent: -999px;
    transition: 0s ease;
    -o-transition: 0s ease;
    -webkit-transition: 0s ease;
}
header h1 a img {
    display: block;
}

#page-header{ margin-top: -10px; }
/* Section */
section { margin-top: -10px; }

/* Slider */
.flexslider .slides img {width: 100%; display: block;}

.slider-wrapper {
	width: 100%;
	height: 100%;
}
#hero,
#page-header{
	background: url(../images/bg.jpg);
}

/* Content */
#main {
	background: #FFF;
	padding-bottom: 20px;
	min-height: 300px;
}

#content {
	
	width: 90%;
	margin: 0 auto;
	font-family: 'Open Sans',sans-serif;
	font-size: 13px;
	font-weight: 400;
	line-height: 18px;
	color:#404040;
	padding: 0px 10px 0px 30px;
}
#content .col-1 {
	width: 46.666666666667%;
	float:left;
}
#content .col-2 {
	width: 46.666666666667%;
	float:right;
}

#content a {
    text-decoration: none;
    color: inherit;
    outline: none;
    transition: 0.5s ease;
    -o-transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
}
#content a:hover {
    color: #fff;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    font-family: 'Open Sans', sans-serif;
    color: #2C2C2C;
}
#content h1 {
	margin-bottom: 5px;
    padding-top: 10px;
    text-transform: none;
    letter-spacing: 0;
    font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-size: 24px;
}
h2 {
	padding-top: 6px;
    font: 18px/24px 'Open Sans', sans-serif;
    letter-spacing: 2px;
    text-transform: uppercase;
}
h3 {
    font-size: 24px;
    line-height: 34px;
    letter-spacing: 1px;
    padding-top: 41px;
    margin-bottom: 18px;
}

.c_phone {
    background: url(../images/phone_icon.png) 0 62px no-repeat;
    padding-top: 94px;
    letter-spacing: 3px;
    font: 24px/24px 'Open Sans', sans-serif;
}

.c_phone  span {
    margin-bottom: 6px;
    letter-spacing: 1px;
    font-size: 18px;
    color: #5e5e5e;
    display: block;
}
.platinumtravel {
    font-family: 'Open Sans', sans-serif;
	font-weight: 800;
	font-style:italic;
	font-size: 24px;
}


/* Prints */
    strong {
        font-weight: 700;
    }

address {
    font-style: normal;
}

p {
    margin-bottom: 18px;
}

.p1  {
  margin-bottom: 21px;  
}


input {
    border-radius: 0 !important;
    outline: none !important;
}


img {
    max-width: 100%;
}





/* MAIN NAV  /*/
.menu {

    font-family: 'Open Sans', sans-serif;
	font-weight: 400;
		font-size: 12px;
	color:#fff;
		text-transform:uppercase;
}
.menu ul li{
    float: left;
	padding: 22px 0px 21px 0px;    

}

.menu ul li+li {
   margin-left: 10px;
}

.menu ul li a {
    display: block;
    position: relative;
    padding: 10px 10px 15px 10px;
}
.menu ul li a:hover {
	border-bottom: 5px solid transparent;
	color: #3f3f3f;
	border-bottom-color: #3f3f3f;

}
.menu ul li a.active{
	border-bottom: 5px solid transparent;
	color: #ffffff;
	border-bottom-color: #3f3f3f;

}
.menu ul li a:after {
    transition: 0.5s ease;
    -o-transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    content: '';
    display: block;
    position: absolute;
    left: 0;
    cursor: pointer;
}

.menu ul li a:hover:after {
    background-position: 0 0;

}

.menu ul li+li a:after {
    width: 16px;
    height: 32px;

}

.menu ul li+li+li a:after {
    width: 30px;
    height: 22px;
    left: -15px;
    top: 8px;

}

.menu ul li+li+li+li a:after {
    width: 30px;
    top: 5px;
    height: 27px;

}

.menu ul li+li+li+li+li a:after {
    width: 32px;
    top: 15px;
    height: 11px;

}

.menu ul li a:hover {
    color: #fff;
}

.sub ul li{
    float: left;
    color: #514a4c;
    padding: 22px 0 21px;
    font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 12px;
	color:#fff;
}

.sub ul li+li {
    margin-left: 10px;
}

.sub ul li a {
    display: block;
    position: relative;
    padding-left: 25px;
}

.sub ul li a:after {
    transition: 0.5s ease;
    -o-transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    content: '';
    display: block;
    position: absolute;
    left: 0;
    cursor: pointer;
    top: 3px;
    width: 13px;
    height: 32px;
    background: url(../images/icon1.png) 0 bottom no-repeat;
}

.sub ul li a:hover:after {
    background-position: 0 0;
}

.sub ul li+li a:after {
    width: 16px;
    height: 32px;
    background-image: url(../images/icon2.png);
}

.sub ul li+li+li a:after {
    width: 30px;
    height: 22px;
    left: -15px;
    top: 8px;
    background-image: url(../images/icon3.png);
}

.sub ul li+li+li+li a:after {
    width: 30px;
    top: 5px;
    height: 27px;
    background-image: url(../images/icon4.png);
}

.sub ul li+li+li+li+li a:after {
    width: 32px;
    top: 15px;
    height: 11px;
    background-image: url(../images/icon5.png);
}

.sub ul li a:hover {
    color: #fff;
}
/* Features */
#features {
	background:#060302;
	border-top: #110d0f thin solid;
	border-top-width: 4px;
	width: 100%;
	
}
.features {
    padding-top: 6px;
    font: 20px/30px 'Open Sans', sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
	color: #b5b5b5;
}

.features>div>div {
    padding-bottom: 0px;
	height: 150px;
	overflow:hidden;
}


.st1 {
    margin-bottom: 5px;
    padding-top: 10px;
    text-transform: none;
    letter-spacing: 0;
    font: 36px/38px 'Open Sans', sans-serif;
	font-weight: 300;
	color:#FFF;

}
/* Grid Custom */
#features .grid_6 {
	margin-bottom: 0px !important;
}
.vertical-padding {
    padding: 10px 0px 8px 0px;
}
/* Testimonials */
#testimonials {
    background: #1d191a;
	width: 100%;
	font-family: 'Open Sans',sans-serif;
	font-size: 13px;
	font-weight: 400;
	line-height: 18px;
	color:#b5b5b5;
}
#testimonials h1 {
    font: 28px/30px 'Open Sans', sans-serif;
	font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
	font-style:italic;
	color: #ffffff;
	text-shadow: 0 1px 0 #000000;
}

#testimonials>div>div {
    padding-bottom: 29px;
}
#testimonials .contact {
	margin-left: 20px;
}
#testimonials .contact .company {
	font: 18px/20px 'Open Sans', sans-serif;
	font-weight: 700;
	color:#FFF;
	margin-bottom: 20px;
}
#testimonials .contact .address {
	font: 14px/20px 'Open Sans', sans-serif;
	font-weight: 300;
	margin-bottom: 20px;
	color: #ffffff;
}
#testimonials .contact .phone {
	background:url(../images/icons/ico-phone.png) no-repeat left;
	padding-left: 42px;
	font: 16px/20px 'Open Sans', sans-serif;
	font-weight: 500;
	margin-bottom: 10px;
	color: #b5b5b5;
}
#testimonials .contact .mobile {
	background:url(../images/icons/ico-mobile.png) no-repeat left;
	padding-left: 42px;
	font: 16px/20px 'Open Sans', sans-serif;
	font-weight: 500;
	margin-bottom: 10px;
	color: #b5b5b5;
}
#testimonials .contact .email {
	background:url(../images/icons/ico-mail.png) no-repeat left;
	padding-left: 42px;
	font: 16px/20px 'Open Sans', sans-serif;
	font-weight: 500;
	margin-bottom: 10px;
	color: #b5b5b5;
}

/* Quotes */
blockquote { 
	display: block;quotes: none;
	background: url(../images/quote_1-1.png) 0 0 no-repeat;
	padding:12px 0 12px 20px;
	line-height:18px;
    margin: 1em 10px;
	}
blockquote em{ 
	display:inline-block;
	margin-top:10px;
	}
.quotes a {
	padding: 11px 0 10px 0;
	text-indent: 0px;
	}
.quotes img {
	margin-left: 4px;
	}
.quotes p {
	text-indent: 0px;
	}
.quotes{
	background: url(../images/quote_1-1.png) 5px 10px no-repeat;
	padding-left:5px;
	text-indent:26px;
	}

/* Testimonial */

.testimonial {
    margin: 0;
    background: #B7EDFF;
    padding: 10px 50px;
    position: relative;
    font-family: Georgia, serif;
    color: #666;
    border-radius: 5px;
    font-style: italic;
    text-shadow: 0 1px 0 #ECFBFF;
    background-image: linear-gradient(#CEF3FF, #B7EDFF);
}

.testimonial:before, .testimonial:after {
    content: "\201C";
    position: absolute;
    font-size: 80px;
    line-height: 1;
    color: #999;
    font-style: normal;
}

.testimonial:before {
    top: 0;
    left: 10px;
}
.testimonial:after {
    content: "\201D";
    right: 10px;
    bottom: -0.5em;
}
.arrow-down {
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #B7EDFF;
    margin: 0 0 0 25px;
}
.testimonial-author {
    margin: 0 0 0 25px;
    font-family: Arial, Helvetica, sans-serif;
    color: #999;
    text-align:left;
}
.testimonial-author span {
    font-size: 12px;
    color: #666;
}


/* Footer */
footer {
    display: block;
    padding-top: 45px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 11px;
    color: #3f373a;
    background: #060302 url(../images/footer.png) center 0 no-repeat;
    padding-bottom: 45px;
    font: bold 12px/16px 'Open Sans', sans-serif;
}

.page1 footer {
    background: #060302 url(../images/footer.png) center 0 no-repeat;
}

#navfooter ul
{
padding-left: 0;
margin-left: 0;
color: #fff;
float: left;
width: 100%;
font: 11px/18px 'Open Sans', sans-serif;
font-weight: 500;
text-transform:uppercase;
padding-right: 80px;
}

#navfooter ul li { display: inline;  }

#navfooter ul li a
{
padding: 0.2em 1em;
color: #fff;
text-decoration: none;
float: right;
border-right: 1px solid #2f1e18;
}

#navfooter ul li a:hover
{
background-color: #1d191a;
color: #fff;
}

.f_logo {
    margin-right: 8px;
    position: relative;
    top: 4px;
    color: #3f373a;
    font: 36px/24px 'Germania One', cursive;
    text-transform: uppercase;
    float: left;
    letter-spacing: 5px;
}


#toTop {
    display: none;
    text-decoration: none;
    position: fixed;
    bottom: 60px;
    left: 51%;
    margin-left: 500px;
    overflow: hidden;
    width: 30px;
    height: 16px;
    border: none;
    text-indent: -999px;
    z-index: 20;
    background: url(../images/totop.png) no-repeat left 0;
    transition: 0s ease;
    -o-transition: 0s ease;
    -webkit-transition: 0s ease;
}
#toTop:hover {
    outline: none;
    background-position: right 0;
}

#toTop:active, #toTop:focus {
	outline:none;
}

.designplushosting {
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	font-style:italic;
	color:#727272;
	font-size: 14px;
	line-height: 24px;
	margin-left: 20px;
	text-transform:lowercase !important;
}
.font-effect-emboss {
    text-shadow: 0px 1px 1px rgb(255, 255, 255), 0px -1px 1px rgb(0, 0, 0);
    color: rgb(221, 221, 221);
}


.designplushosting2 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 800;
	font-style:italic;
	font-size: 14px;
	color:#444;
	line-height: 24px;
}
	
/* Color    */

.color-1	{ color:#000 !important; }
.color-2	{ color:#FFF !important; }
.color-3	{ color:#940000 !important; }
.color-4	{ color:#313131; }
.color-5	{ color:#1e4590; }
.color-6	{ color:#093 }


hr {
	border: 0 #ccc solid;
	border-top-width: 1px;
	clear: both;
	height: 0;
}



/****Lists****/


ul {
    padding: 0;
    margin: 0;
    list-style: none;
}


ul.list  li {
}

ul.list  li+li {
    margin-top: 21px;
}

ul.list time {
    margin-top: 6px;
    display: block;
    float: left;
    min-width: 80px;
    font: 24px/18px 'New Rocker', cursive;
}

ul.list1 li {
    position: relative;
    padding-left: 22px;
}

ul.list1 li span  {
    display: block;
    position: absolute;
    font-size: 10px;
    color: #fff;
    left: 0;
    top: 1px;
}

ul.list1 li+li {
    margin-top: 6px;
}


ol{ list-style-position:inside;line-height:18px;}
	ol li{ padding:2px 0;}
	ol li a{color:#2f2f2f;}
ul.list1 li{ background:url(../images/ul_list1_marker.png) 0 7px no-repeat; padding:2px 0 2px 15px;line-height:18px;}
ul.list2 li{ display:block;background:url(../images/ul_list2_marker.png) 0 10px no-repeat; border-top:1px dotted #ddd; padding:5px 0 6px 15px;line-height:18px;}
	ul.list2 li:first-child{ border-top:none;}
	ul.list1 li a,ul.list2 li a{color:#2f2f2f;}
dl dt{ font-weight:bold; padding-bottom:5px;}
	dl dd{ padding-bottom:15px;}
ol ul{ padding:2px 0 2px 20px;line-height:18px;}
	ol ul li{ padding:2px 0 2px 15px !important;}
.list3{ list-style-type:decimal-leading-zero;line-height:18px;}
.list-wrapper{ position:relative;}

/****Links****/


a {
    text-decoration: none;
    color: inherit;
    outline: none;
    transition: 0.5s ease;
    -o-transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
	color: #fff;
}

a:hover {
	color: #3f3f3f;
}

/**Map**/

.map {
    overflow: hidden;
    padding-right: 35px;
    padding-top: 5px;
}
 

.map figure {
    display: block;
    width: 100%;
    margin-bottom: 15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}


.map figure iframe {
    width: 100%;
    height: 278px;
    max-width: 100%;
}
.map address {
    display: block;
}

.map address dt {
}

.map address dd span {
    min-width: 85px;
    display: inline-block;
    text-align: left;
}

.map address dd span.col1 {
    min-width: 0;
}
input[type="text"],input[type=password],textarea{font-family:Arial, Helvetica, sans-serif;color:#000;font-size:11px;vertical-align:middle;font-weight:normal;padding:7px;margin:0;background:#fff;border:1px solid #ddd;outline:none;width:270px; overflow:hidden;}

/** the form elements **/
#hongkiat-form { box-sizing: border-box; }

#hongkiat-form .txtinput { 
display: block;
font-family: "Helvetica Neue", Arial, sans-serif;
border-style: solid;
border-width: 1px;
border-color: #dedede;
margin-bottom: 20px;
font-size: 1.2em;
padding: 7px 25px;
padding-left: 55px;
width: 90%;
color: #777;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset; 
transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
-webkit-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
-moz-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
-o-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
}

#hongkiat-form .txtinput#security_code { 
width: 68%;
}

#hongkiat-form .txtinput:focus { 
color: #333;
border-color: rgba(41, 92, 161, 0.4);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(41, 92, 161, 0.6);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(41, 92, 161, 0.6);
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(41, 92, 161, 0.6);
outline: 0 none; 
}

#hongkiat-form input#name {
background: #fff url('../images/user.png') 5px 4px no-repeat;
}
#hongkiat-form input#email {
background: #fff url('../images/email.png') 5px 4px no-repeat;
}
#hongkiat-form select#vehicle {
background: #fff url('../images/vehicle.png') 5px 4px no-repeat;
}
#hongkiat-form input#security_code {
background: #fff url('../images/securitycode.png') 5px 4px no-repeat;
}
#hongkiat-form input#telephone {
background: #fff url('../images/phone.png') 5px 4px no-repeat;
}

#hongkiat-form textarea {
display: block;
font-family: "Helvetica Neue", Arial, sans-serif;
border-style: solid;
border-width: 1px;
border-color: #dedede;
margin-bottom: 15px;
font-size: 1.2em;
padding: 11px 25px;
padding-left: 55px;
width: 90%;
height: 90px;
color: #777;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset; 
transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
-webkit-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
-moz-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
-o-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
}
#hongkiat-form textarea:focus {
color: #333;
border-color: rgba(41, 92, 161, 0.4);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(40, 90, 160, 0.6);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(40, 90, 160, 0.6);
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(40, 90, 160, 0.6);
outline: 0 none; 
}
#hongkiat-form textarea.txtblock {
background: #fff url('../images/speech.png') 5px 4px no-repeat;
}

#hongkiat-form #slider { width: 60%; }

#hongkiat-form #aligned { 
box-sizing: border-box; 
float: left; 
width: 450px; 
margin-right: 50px; 
}
#hongkiat-form #aside {
	float: left;
	width: 250px;
	padding: 0;
	box-sizing: border-box;
}

span.radiobadge { display: block; margin-bottom: 8px; }
span.radiobadge label { font-size: 1.2em; padding-bottom: 4px; }

select.selmenu {
display: block;
font-family: "Helvetica Neue", Arial, sans-serif;
border-style: solid;
border-width: 1px;
border-color: #dedede;
margin-bottom: 20px;
font-size: 1.55em;
padding: 11px 25px;
padding-left: 55px;
width: 90%;
color: #777;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset; 
transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
-webkit-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
-moz-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
-o-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;

}

/** custom buttons **/

#buttons { display: block; padding-top: 10px; }
#buttons #resetbtn {
display: block;
float: left;
color: #515151;
text-shadow: -1px 1px 0px #fff;
margin-right: 20px;
height: 3em;
padding: 0 1em;
outline: 0;
font-weight: bold;
font-size: 1.3em;
white-space: nowrap;
word-wrap: normal;
vertical-align: middle;
cursor: pointer;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
background-color: #fff;
background-image: -moz-linear-gradient(top,  rgb(255,255,255) 2%, rgb(240,240,240) 2%, rgb(222,222,222) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(2%,rgb(255,255,255)), color-stop(2%,rgb(240,240,240)), color-stop(100%,rgb(222,222,222)));
background-image: -webkit-linear-gradient(top,  rgb(255,255,255) 2%,rgb(240,240,240) 2%,rgb(222,222,222) 100%);
background-image: -o-linear-gradient(top,  rgb(255,255,255) 2%,rgb(240,240,240) 2%,rgb(222,222,222) 100%);    background-image: -ms-linear-gradient(top,  rgb(255,255,255) 2%,rgb(240,240,240) 2%,rgb(222,222,222) 100%);
background-image: linear-gradient(top,  rgb(255,255,255) 2%,rgb(240,240,240) 2%,rgb(222,222,222) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dedede',GradientType=0 );
border: 1px solid #969696;
box-shadow: 0 1px 2px rgba(144, 144, 144, 0.4);
-moz-box-shadow: 0 1px 2px rgba(144, 144, 144, 0.4);
-webkit-box-shadow: 0 1px 2px rgba(144, 144, 144, 0.4);
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
}

#buttons #resetbtn:hover {
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);	
color: #818181;
background-color: #fff;
background-image: -moz-linear-gradient(top,  rgb(255,255,255) 2%, rgb(244,244,244) 2%, rgb(229,229,229) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(2%,rgb(255,255,255)), color-stop(2%,rgb(244,244,244)), color-stop(100%,rgb(229,229,229)));
background-image: -webkit-linear-gradient(top,  rgb(255,255,255) 2%,rgb(244,244,244) 2%,rgb(229,229,229) 100%);background-image: -o-linear-gradient(top,  rgb(255,255,255) 2%,rgb(244,244,244) 2%,rgb(229,229,229) 100%); background-image: -ms-linear-gradient(top,  rgb(255,255,255) 2%,rgb(244,244,244) 2%,rgb(229,229,229) 100%); background-image: linear-gradient(top,  rgb(255,255,255) 2%,rgb(244,244,244) 2%,rgb(229,229,229) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
border-color: #aeaeae;
box-shadow: inset 0 1px 0 rgba(256,256,256,0.4),0 1px 3px rgba(0,0,0,0.5);
}

#buttons #submitbtn {
display: block;
float: left;
height: 3em;
padding: 0 1em;
border: 1px solid;
outline: 0;
font-weight: bold;
font-size: 1.3em;
color:  #232323;
text-shadow: 0px 1px 0px #fff;
white-space: nowrap;
word-wrap: normal;
vertical-align: middle;
cursor: pointer;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
border-color: #5e890a #5e890a #000;
-moz-box-shadow: inset 0 1px 0 rgba(256,256,256, .35);
-ms-box-shadow: inset 0 1px 0 rgba(256,256,256, .35);
-webkit-box-shadow: inset 0 1px 0 rgba(256,256,256, .35);
box-shadow: inset 0 1px 0 rgba(256,256,256, .35);
background-color: rgb(226,238,175);
background-image: -moz-linear-gradient(top, rgb(226,238,175) 3%, rgb(188,216,77) 3%, rgb(144,176,38) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(3%,rgb(226,238,175)), color-stop(3%,rgb(188,216,77)), color-stop(100%,rgb(144,176,38))); 
background-image: -webkit-linear-gradient(top, rgb(226,238,175) 3%,rgb(188,216,77) 3%,rgb(144,176,38) 100%);
background-image: -o-linear-gradient(top, rgb(226,238,175) 3%,rgb(188,216,77) 3%,rgb(144,176,38) 100%);
background-image: -ms-linear-gradient(top, rgb(226,238,175) 3%,rgb(188,216,77) 3%,rgb(144,176,38) 100%);
background-image: linear-gradient(top, rgb(226,238,175) 3%,rgb(188,216,77) 3%,rgb(144,176,38) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2eeaf', endColorstr='#90b026',GradientType=0 );
}
#buttons #submitbtn:hover, #buttons #submitbtn:active {
display: block;
float: left;
height: 3em;
padding: 0 1em;
border: 1px solid;
outline: 0;
font-weight: bold;
font-size: 1.3em;
color:  #232323;
text-shadow: 0px 1px 0px #fff;
white-space: nowrap;
word-wrap: normal;
vertical-align: middle;
cursor: pointer;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
border-color: #5e890a #5e890a #000;
-moz-box-shadow: inset 0 1px 0 rgba(256,256,256, .35);
-ms-box-shadow: inset 0 1px 0 rgba(256,256,256, .35);
-webkit-box-shadow: inset 0 1px 0 rgba(256,256,256, .35);
box-shadow: inset 0 1px 0 rgba(256,256,256, .35);
background-color: rgb(226,238,175);
background-image: -moz-linear-gradient(top, rgb(226,238,175) 3%, rgb(188,216,77) 3%, rgb(144,176,38) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(3%,rgb(226,238,175)), color-stop(3%,rgb(188,216,77)), color-stop(100%,rgb(144,176,38))); 
background-image: -webkit-linear-gradient(top, rgb(226,238,175) 3%,rgb(188,216,77) 3%,rgb(144,176,38) 100%);
background-image: -o-linear-gradient(top, rgb(226,238,175) 3%,rgb(188,216,77) 3%,rgb(144,176,38) 100%);
background-image: -ms-linear-gradient(top, rgb(226,238,175) 3%,rgb(188,216,77) 3%,rgb(144,176,38) 100%);
background-image: linear-gradient(top, rgb(226,238,175) 3%,rgb(188,216,77) 3%,rgb(144,176,38) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2eeaf', endColorstr='#90b026',GradientType=0 );
}

/* Typography Page Forms */

#contact-form{line-height:18px;}
	#contact-form label{ min-height:40px; display:block; position:relative;}
	#contact-form input,#contact-form  textarea{ border-radius:3px; box-shadow:inset 0 0 5px rgba(0,0,0,.1);}
	#contact-form  textarea{ resize:none; overflow:auto; height:170px;}
#contact-form .buttons{ position:relative; padding:20px 0  0 0; text-align:right;}
	#contact-form .buttons span{ display:inline-block; margin-right:15px;}
#contact-form .success,#contact-form .error,#contact-form .empty{display:none; text-align:left;}
#contact-form .error,#contact-form .empty{position:relative; color:red; font-size:11px; top:0px; left:10px;}
#contact-form .success,#contact-form .success strong{ color:#000; background:none; box-shadow:none;}
#contact-form .success{ padding-bottom:5px;-pie-background:none;}
/* ------------------------------------------------ */
#form1{line-height:18px;}
	#form1 label{ display:block; position:relative; min-height:40px;}
	#form1 input[type="text"]{ border-radius:3px; width:180px; box-shadow:inset 0 0 5px rgba(0,0,0,.1);}
	#form1 input[type="radio"]{ margin:5px 0 0;}
	#form1 input[type="checkbox"]{ margin:10px 0 0;}
	#form1 textarea{ resize:none;border-radius:3px; height:120px; box-shadow:inset 0 0 5px rgba(0,0,0,.1); overflow:auto;}
	#form1 select{ width:195px; border-radius:3px; box-shadow:inset 0 0 5px rgba(0,0,0,.1); overflow:auto;}
	#form1 span.text-form{ display:inline-block; padding:5px 0 0; min-width:80px;}
	#form1 span.select{ width:195px; border-radius:3px; box-shadow:inset 0 0 5px rgba(0,0,0,.1); overflow:auto;}
	#form1 div.text-form{ padding:5px 0 10px 0;}
	#form1 .text-form2{ margin:2px 10px 0 8px; display:inline-block;}
	#form1 .text-form3{ margin:7px 0px 0 8px; display:inline-block;}
	#form1 .btns{ padding:10px 0 0 0;}
/* ------------------------------------------------ */
#form2{line-height:18px;}
	#form2 label{ display:block; position:relative; min-height:40px;}
	#form2 input[type="text"]{ border-radius:3px; width:180px; box-shadow:inset 0 0 5px rgba(0,0,0,.1);}
	#form2 textarea{ resize:none;border-radius:3px; height:120px; box-shadow:inset 0 0 5px rgba(0,0,0,.1); overflow:auto;}
	#form2 span.text-form{ display:inline-block; padding:5px 0 0; min-width:80px;}
	#form2 div.text-form{ padding:5px 0 10px 0; min-width:90px;}
	#form2 .text-form2{ margin:3px 0 0 5px;}
	#form2 .text-form3{ padding:8px 0px 5px 5px;}
	#form2 .btns{ padding:10px 0 0 0;}	
.pad-form{ padding-top:5px;}
.pad-form2{ padding-top:25px;}
/* ------------- * Selects * ------------- */
#form2 .jqTransformSelectWrapper {position:relative; float:left; width:194px !important;}
#form2 .jqTransformSelectWrapper div span{ display:block;float: none; width:184px !important;background:#fff;position:relative;white-space: nowrap;overflow:hidden;cursor:pointer;border:1px solid #ddd;padding:5px; border-radius:3px; box-shadow:inset 0 0 5px rgba(0,0,0,.1);}
#form2 .jqTransformSelectWrapper  a.jqTransformSelectOpen {display: block;position:absolute; right:2px;top:4px;width:22px;height:21px;background: url(../images/select.png) no-repeat  0 0;}
#form2 .jqTransformSelectWrapper  a.jqTransformSelectOpen:hover{ background-position:0 -21px;}
#form2 .jqTransformSelectWrapper ul {
	position: absolute;
	top: 31px;
	left: 0px;
	background-color: #FFF;
	display: none;
	margin: 0px;
	padding: 0px;
	overflow: auto;
	overflow-y: auto;
	z-index:10;
	border:1px solid #ddd;
	width:234px !important;
	border-radius:3px; box-shadow:inset 0 0 5px rgba(0,0,0,.1);}
#form2 .jqTransformSelectWrapper ul a {display: block;padding:5px;color:#000;font-size:11px;padding-left:12px;}
#form2 .jqTransformSelectWrapper ul a.selected {color: #B94A48;}
#form2 .jqTransformSelectWrapper ul a:hover, .jqTransformSelectWrapper ul a.selected:hover {color: #fff; background:#ddd;text-decoration:none;}
/* ------------- * Radios * ------------- */
#form2 .jqTransformRadioWrapper {float: left;display:block; margin:5px 0 0;}
#form2 .jqTransformRadio {
	background: transparent url(../images/radio.png) 0 0px no-repeat;
	vertical-align: middle;
	height:16px;
	width:16px;
	display:block;/*display: -moz-inline-block;*/
}
/* ------------- * Checked - Radio * ------------- */
#form2 a.jqTransformChecked {background: transparent url(../images/radio.png) 0 -17px no-repeat;}
/* -- * Checkboxes * -- */
#form2 span.jqTransformCheckboxWrapper{display:block;float:left; padding:10px 0 0 0;}
#form2 a.jqTransformCheckbox {background: transparent url(../images/checkbox.png) 0 0px no-repeat;vertical-align: middle;height:15px;width:15px;display:block;/*display: -moz-inline-block;*/}
/* -- * Checked * -- */
#form2 .jqTransformCheckboxWrapper a.jqTransformChecked {background: transparent url(../images/checkbox.png) 0 -16px no-repeat;}
/* ------------- * Hidden - used to hide the original form elements * ------------- */
#form2 .jqTransformHidden {display: none;}
/* ------------------------------------------------ */
#search,#subscribe{ vertical-align:middle;line-height:18px;}
	#search input,#subscribe input{ width:180px; border-radius:3px; box-shadow:inset 0 0 5px rgba(0,0,0,.1);}
	#search .btn,#subscribe .btn{ padding:7px 10px; margin-top:-1px;}
/* ------------------------------------------------ */
#log_in{ vertical-align:middle;line-height:18px;}
	#log_in input{ width:90px; border-radius:3px; box-shadow:inset 0 0 5px rgba(0,0,0,.1);}
	#log_in .btn{ padding:7px 10px; margin-top:-1px;}
/* ------------------------------------------------ */
#log_in2{ vertical-align:middle; padding:10px 0 0 0; width:274px;line-height:18px;}
	#log_in2 label{ display:block; min-height:40px;}
	#log_in2 input{ width:258px; border-radius:3px; box-shadow:inset 0 0 5px rgba(0,0,0,.1);}
	#log_in2 .btn{ padding:7px 10px;}
	#log_in2 .buttons{ text-align:right; padding:5px 0;}

/* Columns Demo */
#columnsdemo .grid_1,
#columnsdemo .grid_2,
#columnsdemo .grid_3,
#columnsdemo .grid_4,
#columnsdemo .grid_5,
#columnsdemo .grid_6,
#columnsdemo .grid_7,
#columnsdemo .grid_8,
#columnsdemo .grid_9,
#columnsdemo .grid_10,
#columnsdemo .grid_11,
#columnsdemo .grid_12 {
text-align: center;
margin-top:20px;
padding:20px;
background:url(../images/bg.jpg);
}



/*==================================RESPONSIVE LAYOUTS===============================================*/


@media only screen and (max-width: 995px) {
 body {
 min-width: 768px;
}

 .map address+address {
    float: left;
    margin-left: 30px;
 }
 .map figure,  .map figure iframe,  #form input,  #form textarea,  #form .success {
 width: 100% !important;
 float: none !important;
}
 #form .success {
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 -o-box-sizing: border-box;
 box-sizing: border-box;
}
 .map figure {
 height: auto !important;
}
 .extra_wrapper {
 overflow: visible;
}

.map figure {
    margin-bottom: 15px;
}
.menu ul {
    overflow: hidden;
}

.menu li {
    margin-left: 0 !important;
    width: 18%;
     -moz-box-sizing: border-box;
 	-webkit-box-sizing: border-box;
 	-o-box-sizing: border-box;
 	box-sizing: border-box;
}

.sub ul {
    overflow: hidden;
}

.sub li {
    margin-left: 0 !important;
    width: 18%;
     -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 -o-box-sizing: border-box;
 box-sizing: border-box;
}

.bann .extra_wrapper {
    overflow: hidden;
    display: block !important;
    height: auto !important;
}

.bann span {
    font-size: 18px;
}

.bann img {
    width: 187px;
    display: block;
}
.menu ul li + li + li + li a:after {
    left: -5px;
}

.st1 {
    font-size: 30px;
}

.menu ul li + li + li + li+li a:after {
    left: -10px;
}

.menu li+li {
    margin-left: 8px !important;
}
.sub ul li + li + li + li a:after {
    left: -5px;
}

.st1 {
    font-size: 30px;
}

.sub ul li + li + li + li+li a:after {
    left: -10px;
}

.sub li+li {
    margin-left: 8px !important;
}
}
@media only screen and (max-width: 767px) {
 body {
 min-width: 420px;
}

.menu {
	margin-top:20px;
	background: #100A0D url(../images/nav-bg.jpg);
	
}

.menu ul li{
	padding: 10px 0px 10px 0px;    
	text-transform:uppercase;
	text-align: left;
    width: auto !important;
    margin-left: 0 !important;
    float: none !important;
	border: none !important;
}
.menu li a {
	padding-left: 50px !important;
	font-size: 18px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	color:#fff;
}
.menu ul li a:hover {
	color: #3f3f3f;
	border-bottom: none !important;
	border-bottom-width: 0px !important;
}
.menu ul li a.active {
	color: #3f3f3f;
	border-bottom: none !important;
	border-bottom-width: 0px !important;
}
.menu li a:after {
    left: 0 !important;
}

.menu ul li + li {
    margin-left: 0 !important;
}
.bx-wrapper img{
    max-width: 100%;
}
.sub {
    background: none;
    background-color: #100A0D;
}

.sub li {
    text-align: left;
    width: auto !important;
    margin-left: 0 !important;
    float: none !important;
}

.sub ul li + li {
    margin-left: 0 !important;
}

.bann, .bann.b1, .bann.b2  {
    text-align: left !important;
    overflow: hidden;
}

.bann img {
    margin-bottom: 15px;
    width: 100%;
}

.bann {
    margin-bottom: 20px;
}

.bann:after {
    display: none;
}

.sale>div>div {
    background: none;
}

.bann .extra_wrapper {
    padding-left: 20px;
    text-align: left !important;
    overflow: visible !important;
}


.bann {
    float: none;
    width: auto;
}


.sub li a {
    padding-left: 50px !important;
}

.sub li a:after {
    left: 0 !important;
}



 .map address {
    float: none;
    margin-left: 0 !important;
 }

  .map address +address {
    margin-top: 30px;
  }


header h1 {
    display: block;
    width: auto;
    height: auto;
}


.img_inner {
width: 100% !important;
float: none !important;
margin-right: 0 !important;
margin-bottom: 20px !important;
}

h1 a {
    max-width: 90%;
}


.img_inner img {
    width: 100%;
}


 header h1 {
 margin-bottom: 20px;
 float: none;
 text-align: center;
}
 header h1 a {
    width: auto;
    display: inline-block;
 height: auto;
}
 header h1 a img {
}

 .map {
    padding-right: 0px !important;
 }

 .map figure iframe {
 width: 100%;
 height: 300px;
}
 .map address {
    margin-right: 0;
}




 .content .noresize {
 width: auto !important;
 float: left !important;
 margin-right: 20px !important;
 margin-top: 4px !important;
}

 .img_inner {
 margin-top: 20px;
}


.bann .extra_wrapper {
    padding-bottom: 15px;
}

.bann.b1.b2 .extra_wrapper {
    padding-bottom: 120px;
    height: auto;
}


}

@media only screen and (max-width: 479px) {
 body {
 min-width: 300px;
}

header span.col1 {
    line-height: 15px;
    display: block;
    margin-bottom: 20px;
}
#content {
	padding: 10px;
}
#content .col-1 {
	width:100%;
	float:none;
}
#content .col-2  {
	width:100%;
	float:none;

}
footer {
	text-align:center;
}
footer .col-1 {
	width:100%;
	float:none;
}
footer .col-2  {
	width:100%;
	float:none;

}
#features {
	height: auto;
}
#features .grid_6 {
	width:100%;
	float:none;
	text-align:center;
	margin-bottom: 10px;
	padding-bottom: 10px;
	height: 120px;
}

#features .features {
	
    font: 14px/16px 'Open Sans', sans-serif;
}
#features .st1 {
    font: 24px/28px 'Open Sans', sans-serif;
}
#features .features img {
	text-align:center;
	width: 100%;
	margin-bottom: 0px;
}

#testimonials h1 {
	font: 24px/28px 'Open Sans', sans-serif;
}
img {
    max-width: 100%;
}

@media(max-width: 400) {
#content .col-1 {
	width:100%;
	float:none;
}
#content .col-2  {
	width:100%;
	float:none;

}
	}


/** all devices and responsive browser windows **/
@media screen and (max-width: 800px) {

	#hongkiat-form #aligned {
		width: 100%;
		float: none;
		display: block;
	}
	#hongkiat-form {
		width: 100%;
		display: block;
		float: none;
	}
	#hongkiat-form .txtinput, #hongkiat-form textarea {
		width: 85%;
	}
	#prioritycase {
		float: left;
		display: block;
	}
	#recipientcase {
		float: left;
		display: block;
		margin-right: 55px;
	}
}


/* smaller screen dropoff *******/
@media only screen and (max-width: 550px) {
 	#hongkiat-form .txtinput, #hongkiat-form textarea {
		width: 80%;
	}
}

/* iPhone Landscape ********/
@media only screen and (max-width: 480px) {
	select.selmenu {
		width: 190px;
	}
}

/* iPhone portrait *******/
@media only screen and (max-width: 320px) {
 	#hongkiat-form .txtinput, #hongkiat-form textarea {
		width: 70%;
	}
	#hongkiat-form #aligned {
		overflow: hidden;
	}
	select.selmenu {
		width: 160px;
	}
	#recipientcase {
		margin-right: 30px;
	}
}

body .contactuspage {
	background:none !important; }