@import "base.css";
@import "fonts.css";
body{font-family: "Arial","Open Sans","sans-serif" !important;font-size: 12px; color: #444;}
.clear{clear: both;}
.fixwidth{width: 940px; margin: 0px auto;}
.color-g{color: #48aee3; font-size: 12px;}
a,a:focus,a:active{outline: none;}
/**fa**/
.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

/**page top**/
.page-top{font-size: 11px; color: #b7babb; border-bottom: 1px solid #F1F1F1; padding: 8px 0px;}
.page-top-left{float: left; background: url(../images/common/location.png) left center no-repeat; padding-left: 18px; width:60%;}
.page-top-right{float: right; width:100px; text-align: right;}
.twitter-icon{margin-right: 5px;}

.page-logo .logo{float: left; height: 90px;}
.page-logo-right{float: right; color: #006aae; line-height: 1; padding-top: 27px;}
.page-logo-right {text-align: right;}
.page-logo-right .contact-phone{font-family: "Microsoft New Tai Lue"; font-size: 24px; font-weight: bold;}
.page-logo-right .contact-phone span{font-weight: normal;}
.page-logo-right .contact-email{font-family: "Comfortaa Regular";}
.page-logo-right .contact-email a{color: #006aae;}

/**nav**/
.nav{height: 45px; background: #48AEE3; margin-bottom: 16px;}
.nav li{float: left; background: url(../images/common/nav_bg_line.png) left top no-repeat;}
.nav li.nav-item-last{background: none;}
.nav li a{color: #fff; font-size: 15px;font-family: "Patuaone Regular"; display: block; text-align: center; height: 45px; line-height: 45px;}
.nav li a:hover{color: #fff; }
.nav li.current-menu-item a,.nav li.nav-highlight a{background: #006AAE;}
.nav li.nav-highlight-siblings{background: none;}
.nav li#menu-item-10{background: none;}
.nav li#menu-item-10 a{width: 147px;}
.nav li#menu-item-11 a{width: 147px;}
.nav li#menu-item-13 a{width: 147px;}
.nav li#menu-item-16 a{width: 147px;}
.nav li#menu-item-19 a{width: 147px;}
/*.nav li#menu-item-22 a{width: 140px;}*/
.nav li#menu-item-25 a{width: 205px;}

/**banner**/
.banner{margin-bottom: 10px; height: 163px; position: relative; overflow: hidden;}
.banner-text{height: 95px; width: 536px; font-size: 18px;font-family: "Patuaone Regular"; color: #227eb9; position: absolute; bottom: 34px; left: 21px; background: url(../images/common/banner_text_bg.png) repeat;}
.banner-text table,.banner-text td{vertical-align: middle; width: 100%; height: 100%; padding: 3px 15px;}

/**content**/
h2.title{font-size: 30px; color: #394041;font-family: "Patuaone Regular";background: url(../images/common/title_bg.png) left bottom no-repeat; padding-bottom:15px;}
/**footer**/
#footer{border-top: 1px solid #F1F1F1; margin-top: 18px; padding: 18px 0px;}
.footer-item{text-align: center; color: #555;}
.footer-item-last{margin-top: 5px;}
.footer-item .line{padding: 0px 5px;}
.footer-item strong{font-weight: bold;}

/**back top**/
.back-top{position: fixed; bottom: 20px; right: 0px;z-index: 9999; display: none}
/**home**/
.more-link{font-size: 14px; color: #fff; background: #48AEE3; border-radius: 2px;}
a.more-link:hover{background: #333333; color: #fff;}
#home-slider{margin-bottom: 16px;}
#home-slider,#home-slider .slides_container{height: 347px; position: relative; width: 940px; }
#home-slider img{width: 940px; height: 347px;}
.slide-text{position: absolute; z-index: 9999; width: 612px; padding:10px 20px 20px 20px; bottom: 90px; text-align: left; left: 0px; overflow: hidden;background: url(../images/common/banner_text_bg.png) repeat; }
.slide-text h1{color: #2f2f2f; font-size: 30px;font-family: "Patuaone Regular"; margin-bottom: 0px;}
.slide-text p{color: #424242;}
.slide-text .more-link{padding:15px 38px;}
.pagination{height: 14px;position: absolute; right: 24px; bottom:20px; z-index: 999;}
.pagination li{float: left; width: 15px; height: 15px;background: url(../images/common/page.png) no-repeat; margin-left: 5px; text-indent: -9999px;}
.pagination li.current{background: url(../images/common/page_active.png) no-repeat;}
.pagination li a{display: block; width: 15px; height: 14px;}

.home-product-item{float: left; width: 220px; text-align: center; margin-right: 20px; margin-bottom: 39px;}
.home-product-item-last{margin-right: 0px;}
.home-product-item  img{width: 220px; height: 159px;}
.home-product-item h5{font-size: 20px;font-family: "Patuaone Regular"; margin-top: 8px;}
.home-product-item h5 a{color: #394041; }
.home-product-item p{color: #777777; height: 54px; margin:5px 0px 10px 0px; padding: 0px 10px; overflow: hidden;}
.home-product-item  .more-link{display: block; width: 83px; height: 32px; line-height: 32px; margin: 0px auto;}

#home-testimonials{background: #006AAE; color: #fff; width: 940px; margin: 0px auto; }
#home-testimonials .slides_container{width:940px;}
.testimonials-item{padding: 26px; width: 888px;}
.testimonials-item h5{font-size: 28px;font-family: "Patuaone Regular";}
.testimonials-item h5 .fa-comments-o{font-size: 34px; margin-right: 10px;}
.testimonials-item .testimonials-content{margin: 10px 0px 5px 0px; position: relative; padding-left: 33px;}
.testimonials-item .by-user{color: #d0eafa; text-align: right;}
.testimonials-item .by-user .fa-user{font-size: 20px; margin-right: 5px; position: relative; top: 2px;}
.testimonials-item .quote-left{margin-right: 3px; position: absolute; left: 0px; top: -5px; width: 27px; height: 19px;}
.testimonials-item .quote-right{position: relative; top: 5px; left: 4px;}

/**page content**/
.page-content {font-size: 14px; color: #444; padding-top: 8px;}
.page-content .page-content-item td{vertical-align: top;}
.page-content .page-content-item-left{padding-right: 10px;}
.page-content .title{font-size: 20px; color: #48aee3; font-family: "Patuaone Regular"; margin: 5px 0px;}
.page-content ul li,.service-item-right ul li{background: url(../images/common/icon_select.png) left 4px no-repeat; padding-left: 23px; margin: 5px 0px;}
.page-content p{margin: 10px 0px;}
.page-content img.page-content-image{margin-top: 45px;}
.page-content-left{float: left; width: 545px;}

/**system**/
/*.system-page .page-content{font-size: 13px;}*/
/**services**/
.service-item{background: url(../images/common/title_bg.png) left top no-repeat; padding-top: 19px; margin-top: 20px;}
.service-item .service-item-title{font-size: 20px; color: #333333;font-family: "Patuaone Regular"; margin-bottom: 10px;}
.service-item .fa-chevron-right{font-size: 16px;}
.service-item td{vertical-align: top;}
.service-item-left img{width: 266px;}
.service-item-right{padding-left: 29px; font-size: 14px;}
.service-item-right ul li{margin-top: 0px;font-size: 14px;}

/**references**/
.references-page table{width: 100%;}
.references-page img.page-content-image{margin-top: 10px;}
.references-page p.references-item-title{margin-bottom: 0px; margin-top: 5px;}
.references-item{color: #777; margin-bottom: 50px;}
.references-item-title{font-size: 18px;font-family: "Patuaone Regular"; color: #444;}
.references-item p{margin: 1px 0px;}
.references-item p strong{font-size: 12px; color: #444;}
.contact-us-info-or{border-top: 1px solid #ccc; margin-top: 20px; padding-top: 20px; margin-bottom: 20px;}
.contact-us-info{margin-bottom: 40px;}
.contact-us-info strong{font-weight: bold;}
/**form**/
.form-submit{margin-bottom: 13px;}
.form-submit input{background: #48aee3; color: #fff; font-size: 14px; border: none; border-radius: 2px; padding: 6px 22px;}
.form-submit input[type="submit"]:hover{background: #48aee3; color: #fff; font-size: 14px; border: none; border-radius: 2px; padding: 6px 22px;}
.form-item{font-size: 12px; color: #333; margin-bottom: 13px;}
.form-item p{display: none;}
.fm-input input{height: 30px; line-height: 30px;}
.fm-input input,.fm-input textarea{resize: none;border: 1px solid #E8E8E8; background: #F4F4F4; padding: 3px 5px; border-radius: 0px; width: 380px;}

div.wpcf7-response-output{margin:0px; padding: 3px 5px; width: 380px;}

/**location**/
.required{color: #48aee3;}
.location-page .title{color: #333;}
.location-left{float: left; width: 509px;}
.location-right{float: right;  width: 392px;}
/*.location-map{-webkit-box-shadow: 1px 1px 5px 2px rgba(204,204,204,1);-moz-box-shadow: 1px 1px 5px 2px rgba(204,204,204,1);box-shadow: 1px 1px 5px 2px rgba(204,204,204,1);padding: 5px 5px 0px 5px; border-radius: 4px; margin: 13px 0px 10px 0px;}*/
.location-map{background: url(../images/common/map_bg.jpg) no-repeat; width: 509px; height: 287px;}
.location-map-inner{padding:11px 0px 0px 5px;}
.address-item{padding-left: 30px; color: #777; margin-bottom: 8px;}
.address-item strong{color: #333; font-size: 12px;}
.address-item-email{background: url(../images/common/email_icon.png) left center no-repeat}
.address-item-phone{background: url(../images/common/phone_icon.png) left center no-repeat}
.address-item-fax{background: url(../images/common/fax_icon.png) left center no-repeat}
.address-item-address{background: url(../images/common/location_icon.png) left center no-repeat}

.location-product-list{margin-top: 10px;}
.product-item{float: left; width: 220px; text-align: center; margin-right: 20px; margin-bottom: 10px;}
.product-item-last{margin-right: 0px;}
.product-item  img{width: 210px; height: 210px; border:1px solid #e4e4e4; padding: 5px;}
.product-item p{color: #777777; height: 40px; margin:5px 0px 5px 0px; padding: 0px 10px; overflow: hidden;}
/**request a quote**/
.request-a-quote-page .title{list-style: none;}
.request-a-quote-page .form-content{width: 760px; margin: 0px auto;}
.quote-form-left{float: left;}
.quote-form-right{float: right;}
.request-a-quote-page .fm-input input{width: 340px;}
.request-a-quote-page .fm-input textarea{width: 748px;}
.request-a-quote-page .form-submit{text-align: center;}
.request-a-quote-page .form-submit input{margin-left: 20px;}
.request-a-quote-page .wpcf7-response-output{width: 746px;}