@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700);.backgroundCover, #home, #download, #packages, #subscribe, footer{-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}
@font-face{font-family:'thaisans_neueregular';src:url('font/thaisansneue-regular-webfont.eot');src:url('font/thaisansneue-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('font/thaisansneue-regular-webfont.woff2') format('woff2'),
url('font/thaisansneue-regular-webfont.woff') format('woff'),
url('font/thaisansneue-regular-webfont.ttf') format('truetype'),
url('font/thaisansneue-regular-webfont.svg#thaisans_neueregular') format('svg');font-weight:normal;font-style:normal;letter-spacing:0.5px;}
@font-face{font-family:'thaisans_neuebold';src:url('font/thaisansneue-bold-webfont.eot');src:url('font/thaisansneue-bold-webfont.eot?#iefix') format('embedded-opentype'),
url('font/thaisansneue-bold-webfont.woff2') format('woff2'),
url('font/thaisansneue-bold-webfont.woff') format('woff'),
url('font/thaisansneue-bold-webfont.ttf') format('truetype'),
url('font/thaisansneue-bold-webfont.svg#thaisans_neuebold') format('svg');font-weight:normal;font-style:normal;letter-spacing:0.5px;}
body{background:url(../img/bg_web.jpg) #fff no-repeat top center;font-family:'thaisans_neueregular', Tahoma, Arial;font-size:21px;}
a{-webkit-transition:all 0.25s ease-in-out;-o-transition:all 0.25s ease-in-out;-moz-transition:all 0.25s ease-in-out;transition:all 0.25s ease-in-out;}
a:hover{color:#FC6;text-decoration:none; outline:none;}
a:active{outline:none;}
.container h2, .row h2,section h2{font-family:'thaisans_neuebold';font-size:50px;}
.container p, .row p{font-family:'thaisans_neueregular';font-size:25px;letter-spacing:0px;line-height:30px;}
header{color:black;}
header.masthead .bannercontainer{width:100%;position:relative;padding:0;}
header.masthead .banner{width:100%;position:relative;}
header.masthead h1{text-transform:uppercase;font-size:55px;font-weight:bold;}
header.masthead .tp-caption a{color:white;}
header.masthead h1, header.masthead h2, header.masthead h3{color:white;}
header.masthead .mh-slider{position:absolute;bottom:0;top:auto;}
#home{width:100%!important;background:#fff;overflow:hidden;background-attachment:fixed;position:relative;text-align:center;margin-top:-70px;}
#home:before{content:"";position:absolute;top:0;right:0;left:0;bottom:0;background:url(../img/pattern.png) repeat;}
.navbar-collapse.collapse{float:right;margin-right:30px;margin-top: 25px;}
#nav{width:100%;position: absolute;top:0;margin-bottom:0;background:none;min-height:50px;z-index:9999;}
##nav.navbar-static-top{background:rgba(255, 115, 13, 0.9);-webkit-box-shadow:0 0 5px rgba(0, 0, 0, 0.4);-moz-box-shadow:0 0 5px rgba(0, 0, 0, 0.4);-o-box-shadow:0 0 5px rgba(0, 0, 0, 0.4);box-shadow:0 0 5px rgba(0, 0, 0, 0.4);}
#nav.affix{ background:#1869bc; border-bottom:1px solid #fcfcfc;position:fixed; height:70px;top:0;z-index:99999;-webkit-transition:all 0.25s ease-in-out;-o-transition:all 0.25s ease-in-out;-moz-transition:all 0.25s ease-in-out;transition:all 0.25s ease-in-out;
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
-o-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}

#nav.affix .navbar-brand img{width:290px; margin-top:-10px;}
#nav.affix .navbar-brand .logo3x,
body.p-home #nav.affix-top .navbar-brand .logo2x {display:none;}
#nav.affix .navbar-nav.nav-title {margin-left: 70px; display:none;}
#nav.affix .navbar-nav.nav-title h1 {padding-top: 7px; font-size:30px; display:none;}
#nav.affix .navbar-collapse.collapse {margin-top: 15px;}
#nav .navbar-brand img{margin-top:0px;margin-left:0px;position:absolute;z-index:99;width:115px; margin-top:15px; margin-left:50px;}
#nav.navbar-fixed-top{position:fixed;top:0;}
#nav .navbar-toggle{padding:10px;height:50px;}
#nav .navbar-toggle i{font-size:1.5em;}
#nav .navbar-nav.nav-title{margin-left:90px;}
#nav .navbar-nav.nav-title h1{ display:none;font-family:'thaisans_neuebold';font-size:49px;padding:0;margin:0;padding-top:15px;margin-bottom:-3px;font-weight:normal;}
#nav .navbar-nav.nav-title h1.title_short{display:none;font-family:'thaisans_neuebold';font-size:21px;padding-top:0;}
#nav .navbar-right li a{text-transform:uppercase;font-size:25px;padding:10px 13px;}
#nav .navbar-right li{font-family:'thaisans_neuebold';background:;transition:all .2s linear;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear;}
#nav .navbar-right li.active{border-bottom: 3px solid #fea330; background:#fea330;}
#nav .navbar-right li.active a{ color:#fff!important;}
#nav .navbar-right li:hover{background:#fea330;border-bottom: 3px solid #fff;}
#nav .navbar-right li a,
#nav .navbar-right li.active a,
#nav .navbar-right li:hover a{color:#fff;}
#nav.affix .navbar-right li a,
#nav.affix .navbar-right li:active a{color:#fff;}
#nav.affix .navbar-right li:hover a{color:#fff;}
#nav .navbar-right li:active,
#nav .navbar-right li a:active,
.nav>li>a:hover,.nav>li>a:focus{background:none!important;}
#nav .navbar-lang{float:right;margin-top:20px;margin-left:20px;}
#nav .navbar-lang li{background:#f05624;margin-left:2px;float:left;}
#nav .navbar-lang li:hover a{background:none;}
#nav .navbar-lang li a{font-family:'thaisans_neuebold';color:#fff;padding:4px 8px;font-size:17px;overflow:hidden;display:block;}
.nav_top {
    height: 40px;
    width: 100%;
    background: #46a3e2;
    position: relative;
	display:none;
}
.tel_nav, .line_nav {
    width: 50%;
    text-align: center;
    padding-left: 0;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    margin: 0;
}
.line_nav, .tel_nav {
    color: #fff;
    font-size: 24px;
    height: 40px;
    padding: 3px 0 0 20px;
    position: relative;
    font-family: 'thaisans_neuebold';
    float: right;
    text-align: center;
    -webkit-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    text-shadow: 2xp 2px #333;
}
.line_nav a, .tel_nav a{
    color: #fff;
}
.line_nav {
    z-index: 9;
    background: #7dbd3e;
}
.tel_nav {
    z-index: 99;
    background: #e7760c;
}
#page1 {
    text-align: center;
    background:none;
    background-size: cover;
    color: #fff;
	width: 100%;
	height: 100%;
	position:absolute;
	top:0;
	left:0;
	display:block;
}
.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #000;
    z-index: 2;
    opacity: 0.4;
    filter: alpha(opacity=40);
}
#page1 .content{
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    z-index: 3;
	position: relative;
	width: 100%;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
section {
    padding: 75px 0;
	overflow:hidden;
}
.page26 li::before {
    font-family: "Font Awesome 5 Free";
    content: " \f0ab";
	font-weight: 900;
    margin-right: 10px;
}
.page26 ul{padding-left:0!important; margin-left:0!important;}
.page26 li{ display:block; -moz-transition:all .2s linear;-webkit-transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear;padding:10px 15px!important; margin-left:0!important;}
.page26 li:nth-of-type(2n+1) {background-color: #f9f9f9;}
.page26 li:hover {background-color: #fef9e3;}
/* contact */
.line_contact{padding:0;margin:0;list-style:none;width:100%;position: absolute; z-index:99; overflow:hidden;z-index: 99;bottom: 0;}
.line_contact li{width:25%;list-style:none; line-height:45px;float:left;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear; height:65px;}
.line_contact li a{width:100%;display:block; text-align:left;padding:10px 25px;color:#fff;font-size:30px;}
.line_contact li.phone{background-color:#00bff3;}
.line_contact li.line{background-color:#7fcc16;}
.line_contact li.fb{background-color:#0054a6;}
.line_contact li.mail{background-color:#ffa430;}
.line_contact li:hover{background-color:#7d7d7d;}
.line_contact li:hover i{color:#7d7d7d!important;}
.line_contact li i{width:39px;height:39px;background:#fff;line-height:39px;text-align:center;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;display:block;float:left;margin-left:25px;font-size:27px;border:1px solid #fff;margin-right:15px;margin-top:5px;}
.line_contact li.phone i{color:#00bff3;}
.line_contact li.line i{color:#7fcc16;}
.line_contact li.fb i{color:#0054a6;}
.line_contact li.mail i{color:#ffa430;}
.line_contact li.mail a{font-size:23px;}
/* about */
#page2 p{text-indent:65px;}
/* contact */
#page6{padding:0; padding-top:30px;background:#003768;border-top:5px solid #f7941d;}
#page6 .row{ margin:0;}
.intro .title-comp{font-family:'thaisans_neuebold';font-size:50px;text-shadow:0px 0px 12px rgba(0, 0, 0, 0.9);}
.intro h1{font-size:33px;font-weight:normal;text-shadow:0px 0px 9px rgba(0, 0, 0, 0.85);}
.about-us{color:#000;background:url(../img/bg-about-us.jpg) #fedc7e no-repeat center;background-size:100%;padding:100px 0;}
.micropile01 { position:absolute;left: 100px;top: -100px;z-index: 6;width: 340px;}
.product{color:#fff;background: url(../img/bg-product.jpg) #f7941d no-repeat right center;background-size:auto 100%;}
.img-type-product{max-width:400px;margin:auto;display:block;webkit-box-shadow:0px 1px 4px rgba(0, 0, 0, 0.2);-moz-box-shadow:0px 1px 4px rgba(0, 0, 0, 0.2);box-shadow:0px 1px 4px rgba(0, 0, 0, 0.2);border-radius:5px;-webkit-border-radius:5px;border-radius:5px;overflow:hidden;}
.product-index{float:none; margin-bottom:50px;}
.cat-product{margin-bottom:24px; position:relative; display:block; overflow:hidden; width:100%; height:80px;}
.cat-product h2{font-size:37px;padding:5px 25px; text-align:left;margin:0; color:#fff;text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.45);}
.cat-product h2 span{display:block; font-size:25px;}
.cat-product.cat1{ background-image:url(../img/bg-cat1.jpg);}
.cat-product.cat2{ background-image:url(../img/bg-cat2.jpg);}
.cat-product.cat3{ background-image:url(../img/bg-cat3.jpg);}
.cat-product.cat4{ background-image:url(../img/bg-cat4.jpg);}
/* map */
#page7{padding:0;}


.titlefth2{
    font-size: 40px!important;
    margin-top: 0px;
    line-height: 50px!important;
    padding: 0 25px!important;
    display: inline-block;
    text-align: center;
    background: #0f488c;
    color: #fff;
	margin-bottom:50px;
	border:4px solid #e7760c;
	border-left-width:50px;
}

#info{ padding:100px 0; background:url(../img/bg-info.jpg) #fff no-repeat center; background-attachment:fixed;}
#info .slick-dots{bottom: -35px;}
.ico-info{margin:0 10px; text-align:center;}
.ico-info .ipic,
.ico-info h3{-webkit-transition:all 0.25s ease-in-out;-o-transition:all 0.25s ease-in-out;-moz-transition:all 0.25s ease-in-out;transition:all 0.25s ease-in-out;}
.ico-info img{width:110px; margin:38px auto 0;}
.ico-info:hover .ipic,.ico-info:hover h3{ background:#3c3c3c;}
.ico-info:hover img{width:120px;}
.ico-info h3{min-height:100px; padding:10px 15px 0; color:#fff;}
.ico-info .ipic{ width:200px; height:200px; overflow:hidden; display:block;margin-left: auto;margin-right: auto;
border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;}
.info1 .ipic{background:#ffc84a;}
.info2 .ipic{background:#ffa430;}
.info3 .ipic{background:#ff8026;}
.info4 .ipic{background:#ff5a1d;}
.info5 .ipic{background:#e0450c;}
.info1 h3{background:#42b3ff;}
.info2 h3{background:#0097fe;}
.info3 h3{background:#0085e2;}
.info4 h3{background:#006cb7;}
.info5 h3{background:#00528e;}
#info .slick-initialized .slick-slide{padding-left:10px;padding-right:10px;-webkit-transition:all 0.25s ease-in-out;-o-transition:all 0.25s ease-in-out;-moz-transition:all 0.25s ease-in-out;transition:all 0.25s ease-in-out;}
#info .slick-dots li button::before{font-size:11px;}
#info .slick-prev::before{font-size:35px;}
#info .slick-prev{left:-45px;}
#info .slick-prev,#info .slick-next{width:40px;height:40px;}
#info .slick-next{right:-45px;}

.view-photo{width:100%; position:relative; text-align:center;}
.item-photo{border: 1px solid #fff;
display:inline-block;padding:0; margin: 10px; width:252px; height:252px;
-webkit-box-shadow: 3px 3px 6px -2px rgba(0,0,0,0.21);
-moz-box-shadow: 3px 3px 6px -2px rgba(0,0,0,0.21);
box-shadow: 3px 3px 6px -2px rgba(0,0,0,0.21);
list-style-type: none !important;}
.item-photo:hover{-webkit-box-shadow: 3px 3px 12px -2px rgba(0,0,0,0.61);
-moz-box-shadow: 3px 3px 12px -2px rgba(0,0,0,0.61);
box-shadow: 3px 3px 12px -2px rgba(0,0,0,0.61);}
.item-photo img{padding:0!important; margin:0!important;}
.item-product{-moz-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1) 3px 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1) 3px 5px rgba(0, 0, 0, 0.5);
box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1) 3px 5px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1); padding:0;display:inline-block; float:none; vertical-align:top; width:30.33%; margin:1%; margin-bottom:50px;}
.item-product-index .item-product{margin:10px; width:100%;}
.item-product img{width:100%;max-width:100%; margin:0!important;}
#page3 .item-product:hover h3{background:#0c3c91!important; color:#fff!important;}
.item-product:hover h3{background:#f7941d!important; color:#fff!important;}
.item-product:hover h3 span.pprice{color:#fff!important;}
.item-product h3{font-family:'thaisans_neuebold'; color:#31373b; font-weight:normal!important;font-size:25px!important;vertical-align:middle; text-indent:0!important;background:#fff;text-align:center!important;margin:0!important;padding:20px 10px!important;min-height:50px;display:inline-block;width:100%;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear;transition:all .2s linear;line-height:30px!important;}
.item-product h3 span{font-size:21px!important;}
.item-product h3 span.pprice{font-size:28px!important; color:#F00!important;}
.bprice{font-size: 42px!important; color:#F00!important;}
.btn-quotation{font-size:29px; color:#fff!important;}
.btn-quotation:hover{text-decoration:none!important;}
.btn-border { 
    color: #000 !important;
    border: 1px solid #fff;
	background:#fff;
    font-size: 25px;
    font-family: 'thaisans_neueregular';
    border-radius: 25px;
    padding: 0px 15px;
}
.btn-border:hover {
    text-decoration: none !important;
    border-color: #0c3c91;
	background:#0c3c91;
	color:#fff!important;
}
.form_search{overflow:hidden;margin-bottom:50px;}
.product-list{ position:relative; margin-bottom:0px;}
#content_view .content h2.title-cat { display:block;color:#fff; background:#31373b;padding: 10px 25px;text-indent: 0;}
.item-product.p2 h3{background:#a95557;}
.item-product .li .grow img{width:100%;margin:0!important;-webkit-transition:all .2s ease;-moz-transition:all 0.2s ease;-o-transition:all 0.2s ease;-ms-transition:all 0.2s ease;transition:all 0.2s ease;}
.item-product .li:hover .grow img{margin-left:-4%!important;margin-top:-1.5%!important;width:110%;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
.item-product .li .pic{float:left;width:100%;overflow:hidden;position:relative;}
.service{ padding:0;}
.service .row{margin:0; color:#fff;}
.list-service{display:block; vertical-align:top; float:left; width:33.33%; margin:0; padding:0; transition:all .2s linear;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear;}
.list-service h3{font-size:47px; padding:20px; height:200px; text-align:right; vertical-align: bottom; margin-top:0;font-family:'thaisans_neuebold';text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.45); background-repeat:no-repeat; background-repeat:top left;
-webkit-transition:all .2s ease;-moz-transition:all 0.2s ease;-o-transition:all 0.2s ease;-ms-transition:all 0.2s ease;transition:all 0.2s ease;}
.ct-service{width:100%; position:relative;}
 .list-service.sv01 h3{ background-image: url(../img/bg-dry-process-bored-pile.jpg); background-color:#ffa430;}
.list-service.sv02 h3{ background-image: url(../img/bg-micropile.jpg); background-color:#e7760b;}
.list-service.sv03 h3{ background-image: url(../img/bg-steel-plan.jpg); background-color:#e82900;}
.list-service.sv01,
.service .list-service.sv01:hover{background-color:#1869bc;}
.list-service.sv02,
.service .list-service.sv02:hover{background-color:#0c3c91;}
.list-service.sv03,
.service .list-service.sv03:hover{background-color:#003768;}
.service .desc-service{padding:20px;min-height:360px; }
.service .desc-service a{color:#fff;}
.service li{font-size:25px;text-align:left;list-style:none;line-height:30px;border-top:1px solid #d5d5d5;padding:10px 15px;}
.service li:last-child {border-bottom:1px solid #d5d5d5;}
.service li a{color:#363636;width:100%;display:block;}
.service li a:hover{font-family:'thaisans_neuebold';}
.service li:hover{}
.service h2{ margin-top:55px;margin-bottom: 35px;}
.news{color:#fff;background:url(../img/bg-news.jpg) no-repeat; background-attachment:fixed;background-size:100%;}
.news h2{margin-bottom:50px;}
.contact{color:#dedede;background:#fff;}
.contact h2{padding-top:0px;margin-bottom:10px; text-align:center;}
.contact h3{font-size:39px;text-align:left; text-indent:50px;color:#ffb369;padding:0 0 20px;margin:0;}
.contact .ct-content{margin-bottom:25px;}
.box-contact{padding:15px;}
.box-contact .inner{width:95%;position:relative;overflow:hidden;}
.contact a{color:#edba78;}
.contact p i{width:35px;height:35px;line-height:35px;text-align:center;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;display:block;float:left;margin-left:25px;font-size:22px;border:1px solid #bbb;margin-right:15px;color:#bbb;}
.copyright{background:#f7941d;position: relative;z-index:9;margin:0;font-family:Tahoma, Geneva, sans-serif;padding-top:5px;width:100%;color:#fff;}
.copyright p{font-size:14px;font-family:Tahoma, Geneva, sans-serif;}
.copyright.view{position:relative;}
.col-left{text-align:right;}
.register-page label.col-left{font-weight:bold;}
.req{color:#F00;}
.item-article h3{line-height:21px;font-size:23px!important;color:#fff;letter-spacing:0;text-shadow:none;font-weight:normal!important;letter-spacing:0.5px;font-family:'thaisans_neueregular';background:#0c3c91;padding:10px 5px;margin-top:0px!important;transition:all .2s linear;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear;text-indent:0!important;text-align:center;min-height:60px;}
#article {background: url(../img/bg-article.jpg) #fff no-repeat bottom center; background-size:auto 100% ;}
#article .item-article h3{min-height:50px;}
.item-article a:hover,
.item-article a:hover h3{text-decoration:none!important;background:#e2730a;}
.news .item-article h3{background:#e2730a;}
.news .item-article a:hover,
.news .item-article a:hover h3{background:#0c3c91;}
.item-article{height:290px;position:relative;z-index:99;display:inline-block;}
.item-article img{width:100%;}
#content_view .item-article h3{font-family:'thaisans_neuebold';background:none!important;text-align:left;}
#content_view .item-article:hover h3{color:#ff4900!important;}
.view-product .side-right{float:right;padding-left:0;}
.view-product .side-left{padding-right:0;}
.view-product .side-left h2{font-size:25px;text-align:left;border-bottom:1px dotted #a6a6a6;color:#2d2d2d;}
.view-product .side-left p{font-size:23px;line-height:23px;color:#363636;text-indent:15px;padding:0;margin:0;}
.view-product .side-left a{color:#363636;width:100%;display:block;border-bottom:1px solid #eee;padding:5px 10px;}
.view-product .side-left a:hover{background:#fea330;color:#fff!important;text-decoration:none!important;}
.view-product .side-left a.active{color:#fff; background:#31373b;}
#setting_list,#setting_menu{position:absolute;right:20px;top:98px;z-index:99;border:1px solid #d3d6db;padding:5px;font-weight:bold;font-family:Tahoma, Geneva, sans-serif;}
#setting_list{margin-top:40px;background:#fff;}
#setting_list ul{width:135px;list-style:none;padding:0;margin:0;}
#setting_list ul li a{border-bottom:1px solid #d3d6db;line-height:30px;width:100%;color:#676e7d;font-size:14px;float:left;text-indent:10px;font-weight:normal;}
#setting_list ul li a:hover{background:#f6f7f8;text-decoration:none;}
.title_view{font-family:'thaisans_neueregular';text-transform:uppercase;letter-spacing:0
5px;font-size:43px;color:#fff;letter-spacing:0.5px;padding:15px 30px;float:none;margin:0;line-height:33px;background:#0c3c91;border-bottom:5px solid #f7941d;margin-bottom:25px;padding-right:27%;}
.title_cat{border:0;width:inherit!important;background:#06C;color:#fff!important;display:inline;padding:5px 20px !important;}
.view_path{font-family:Tahoma, Geneva, sans-serif;color:#777;font-size:13px;padding:15px 0 5px 25px;background:#f9f9f9;border-bottom:1px solid #f0efef;padding-right:27%;}
.view_path a{color:#EA704F;}
.nav_title{font-family:Tahoma, Geneva, sans-serif;font-size:14px;position:relative;overflow:hidden;background:#e7e7e7;padding:5px 30px;border-bottom:2px solid #cfcfcf;margin-bottom:25px;margin-top:-25px;}
.view_date_event{width:100%;border-bottom:1px solid #ccc;margin:-25px 0 25px 0;line-height:36px;display:block;text-indent:25px;color:#396;}
.nav_title i{margin:0 10px;}
.hits_path{margin-left:30px;}
#content_view{width:100%;min-height:450px;margin:120px auto 50px auto;overflow:hidden!important;padding:0;position:relative;background:#fff;}
#content_view .row{margin:15px 0;}
#content_view .content a{color:#2e3192;}
#content_view a:hover{text-decoration:underline;color:#393cc6;}
#content_view .content{font-family:Tahoma, Geneva, sans-serif;font-size:15px;margin:auto;line-height:28px;position:relative;min-height:350px;color:#303030;padding:15px;width:95%;margin-bottom:20px;background:#fff;border:1px solid #dfe0e4;overflow:hidden;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:2px 2px 5px -2px rgba(0,0,0,0.11);-moz-box-shadow:2px 2px 5px -2px rgba(0,0,0,0.11);box-shadow:2px 2px 5px -2px rgba(0,0,0,0.11);}
#content_view .content ul li{list-style-type:disc;margin-left:45px;line-height:25px;}
#content_view .content ol{margin-left:65px;line-height:25px;}
#content_view .content ol li{list-style-type:decimal;line-height:28px;margin-bottom:10px;}
#content_view .content,#content_view .content p{font-family: 'thaisans_neueregular', Geneva, sans-serif;font-size:23px;line-height:inherit;letter-spacing:normal;}
#content_view .content p{padding:0;margin:0 25px;margin-bottom:15px;}
#content_view .content .btn span{color:#fff!important;}
#content_view .content h2{color:#fc5b03;padding:5px 0;margin:15px 0;font-family:'thaisans_neuebold';font-size:32px;border-bottom:1px solid #eee;text-indent:30px;line-height:inherit;}
#content_view .content h1{font-size:36px;background:#d81b52;color:#fff;font-family:'thaisans_neueregular';padding:10px 0;margin:25px 0;text-indent:30px;}
#content_view .content.view p > img{margin-right:7px;max-width:100%;height:auto!important;text-indent:0;}
#content_view .content.view img{margin:10px 0;}
#content_view .content.view h3{font-family:'thaisans_neuebold';font-size:25px;font-weight: normal;line-height:30px;margin:10px 0;color:#000;text-align:left;text-shadow:none;line-height:inherit;text-indent:30px;}
#content_view .content.view li h3{ text-indent:0;}
#content_view .content.view em{font-style:italic}
#content_view .content.view pre > img{margin-right:7px;max-width:880px;}
#content_view .content.view pre{margin:0;padding:0;}
#content_view .content.view{padding:30px 15px;color:#444;}
#content_view .content.view ul,#content_view .content.view ol{margin-bottom:20px;}
#content_view .content pre{border:0;margin:0;padding:0;-webkit-box-shadow:0;-moz-box-shadow:0;box-shadow:0;}
#content_view .content-panel,#content_view .content-panel b{color:#054950;}
#content_view .content-panel .type_page{color:#999;}
#content_view .content strong,#content_view .content b{font-weight:bold;}
#content_view .content hr{border:none;height:1px;background:#e4e5e5;}
#content_view h2.title_view{font-size:39px;background:none;color:#333;}
#content_view table{margin:25px auto;width:100%!important;}
#content_view table tr:first-child td{background:#666;color:#fff;vertical-align:middle;padding-top:5px;}
.blog-share{position:absolute;right:30px;top:17px;text-align:center;font-family:Tahoma, Geneva, sans-serif;font-size:13px;}
.count-share{float:left;display:inline-table;overflow:hidden;width:150px;height:80px;border-right:1px solid #ECECEC;margin-right:10px;}
.btn-share{display:inline-table;overflow:hidden;width:180px;height:80px;}
.btn-share a{color:#fff;width:40px;height:40px;overflow:hidden;display:inline-table;border:0;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;padding:6px 0 0 0;font-size:20px;}
.btn-share a:hover{color:#fff!important;opacity:0.7;filter:alpha(opacity=70);text-decoration:none!important;}
.text-btn-share,.text-count-share{float:left;width:100%;margin-bottom:12px;}
.num-share{font-size:26px;font-weight:bold;}
.btn-share-fb{background:#3354A5;}
.btn-share-tw{background:#5AC8E6;}
.btn-share-gp{background:#CB4C4C;}
.btn-share-line{background:#59c816;}
.btn-share-line i{font-size:23px!important;font-style:normal;}
.list-banner ,
.list-banner li{list-style:none!important;}
.list-banner li{float:left;width:25%;padding:0;margin:1%;}
.item-banner{margin:15px 0;}
.item-banner > a{width:100%;position:relative;overflow:hidden;height:230px;display:block;-webkit-box-shadow:0px 1px 3px rgba(0,0,0,0.2);-moz-box-shadow:0px 1px 3px rgba(0,0,0,0.2);box-shadow:0px 1px 3px rgba(0,0,0,0.2);}
.item-banner:hover > a{-webkit-box-shadow:0px 1px 13px rgba(0,0,0,0.25);-moz-box-shadow:0px 1px 13px rgba(0,0,0,0.25);box-shadow:0px 1px 13px rgba(0,0,0,0.25);}
.item-banner .grow img{width:100%;margin:0!important;-webkit-transition:all .2s ease;-moz-transition:all 0.2s ease;-o-transition:all 0.2s ease;-ms-transition:all 0.2s ease;transition:all 0.2s ease;}
.item-banner:hover .grow img{margin-left:-4%!important;margin-top:-1.5%!important;width:110%;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
.item-banner .pic{float:left;width:100%;overflow:hidden;position:relative;}
.item-banner span{width:100%;padding:10px 10px;line-height:16px;position:absolute;bottom:0;z-index:999;left:0;background:rgba(159, 52, 30, 0.8);color:#fff;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear;text-align:center;}
.item-banner:hover span{background:rgba(231, 114, 0, 0.8);}
.webform-client-form input[type="text"],
.webform-client-form input[type="email"],
.webform-client-form textarea{font-size:16px;color:#727a7e;background:#f4f6f8;-webkit-transition:all 0.25s ease-in-out;-o-transition:all 0.25s ease-in-out;-moz-transition:all 0.25s ease-in-out;transition:all 0.25s ease-in-out;padding-left:35px;}
.webform-client-form label{font-weight:normal;display:none;}
.webform-client-form input:focus,
.webform-client-form textarea:focus{background:#f2f2f2;}
.webform-client-form i.fa{color:#727a7e;font-size:15px;position:absolute;margin:10px;z-index:99;}
.form-control{ font-size:21px;line-height: 21px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:0px;-webkit-box-shadow:none;box-shadow:none;}
a{-webkit-transition:all 0.25s ease-in-out;-o-transition:all 0.25s ease-in-out;-moz-transition:all 0.25s ease-in-out;transition:all 0.25s ease-in-out;}
section{background:#fff;}
.scrollpoint{opacity:0;}
.scrollpoint.active{opacity:1 \0;}
.pre-loader{position:fixed;background:#ecf0f1;width:100%;height:100%;z-index:9999999;display:block;margin-top:0px;}
.pre-loader .load-con{margin:20% auto;position:relative;text-align:center;}
.spinner{margin:50px auto 0;width:70px;text-align:center;}
.spinner > div{width:18px;height:18px;background-color:#bdc3c7;border-radius:100%;display:inline-block;-webkit-animation:bouncedelay 1.4s infinite ease-in-out;animation:bouncedelay 1.4s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.spinner .bounce1{-webkit-animation-delay:-0.32s;animation-delay:-0.32s;}
.spinner .bounce2{-webkit-animation-delay:-0.16s;animation-delay:-0.16s;}
.jssorb21{position:absolute;}
.jssorb21 div, .jssorb21 div:hover, .jssorb21 .av{position:absolute;width:19px;height:19px;text-align:center;line-height:19px;color:white;font-size:12px;background:url(../img/img/b21.png) no-repeat;overflow:hidden;cursor:pointer;}
.jssorb21 div{background-position:-5px -5px;}
.jssorb21 div:hover, .jssorb21 .av:hover{background-position:-35px -5px;}
.jssorb21 .av{background-position:-65px -5px;}
.jssorb21 .dn, .jssorb21 .dn:hover{background-position:-95px -5px;}
.jssora21l, .jssora21r{display:block;position:absolute;width:55px;height:55px;cursor:pointer;background:url(../img/a21.png) center center no-repeat;overflow:hidden;}
.jssora21l{background-position:-3px -33px;}
.jssora21r{background-position:-63px -33px;}
.jssora21l:hover{background-position:-123px -33px;}
.jssora21r:hover{background-position:-183px -33px;}
.jssora21l.jssora21ldn{background-position:-243px -33px;}
.jssora21r.jssora21rdn{background-position:-303px -33px;}
.scrollup{width:50px;height:50px;position:fixed;bottom:80px;right:15px;display:none;text-indent:-9999px;background:url(../img/back_on_top.png) no-repeat;background-size:100%;opacity:0.5;z-index:9999;}
.scrollup:hover{opacity:0.9;}

.footer-menu {
    font-size: 21px;
    border-top: 1px solid #fcfcfc;
    padding-top: 15px;
	padding-bottom:25px;
	overflow:hidden;
}
.footer-menu li {
    line-height: 24px;
    width: inherit;
    padding-right: 25px;
    float: left;
}

/*nav-admin*/
#nav.nav-admin{min-height:50px; width:100%!important; top:auto; bottom:0; position:fixed;z-index: 99999;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-o-border-radius:0;}
#nav.nav-admin .navbar-collapse.collapse { margin-top:0;}
#nav.nav-admin .navbar-toggle{font-size:18px!important; margin:0!important; position:relative!important;}
#nav.nav-admin .navbar-header{height:auto!important; margin:3px 0!important; min-height:44px!important;}
#nav.nav-admin .navbar-right{width: 100%;float:right!important; display:block!important;height: auto!important; background:none!important; margin:0!important; border:0!important;}
#nav.nav-admin .navbar-right li a {font-size: 14px!important; font-family:Tahoma, Geneva, sans-serif!important;padding: 14px 15px 15px!important; color:#fff!important;text-align: center!important;border:0!important; text-align:left!important;text-indent:0;}
#nav.nav-admin .collapse.in{margin:0!important; background:none!important; }
#nav.nav-admin{background: #707070;}
#nav.nav-admin .navbar-right li:active, #nav.nav-admin .navbar-right li a:active, .nav-admin .nav > li > a:hover, .nav-admin .nav > li > a:focus {background: #898989!important;}

/* cookies */
.highlight {
    background: rgba(255,215,0,0.115);
}
#gdpr-cookie-message {
    position: fixed;
    right: 30px;
    bottom: 30px;
    max-width: 375px;
    background-color: var(--purple);
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 6px 6px rgba(0,0,0,0.25);
    margin-left: 30px;
    font-family: system-ui;
	background: #81888c;
	z-index:99999999999;
}
#gdpr-cookie-message h4 {
    color: var(--red);
    font-family: 'Quicksand', sans-serif;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 10px;
}
#gdpr-cookie-message h5 {
    color: var(--red);
    font-family: 'Quicksand', sans-serif;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 10px;
}
#gdpr-cookie-message p, #gdpr-cookie-message ul {
    color: white;
    font-size: 15px;
    line-height: 1.5em;
}
#gdpr-cookie-message p:last-child {
    margin-bottom: 0;
    text-align: right;
}
#gdpr-cookie-message li {
    width: 49%;
    display: inline-block;
}
#gdpr-cookie-message a {
    color: var(--red);
    text-decoration: none;
    font-size: 15px;
    padding-bottom: 2px;
    border-bottom: 1px dotted rgba(255,255,255,0.75);
    transition: all 0.3s ease-in;
}
#gdpr-cookie-message a:hover {
    color: white;
    border-bottom-color: var(--red);
    transition: all 0.3s ease-in;
}
#gdpr-cookie-message button,
button#ihavecookiesBtn {
    border: none;
    background: var(--red);
    color: white;
    font-family: 'Quicksand', sans-serif;
    font-size: 15px;
    padding: 7px;
    border-radius: 3px;
    margin-left: 15px;
    cursor: pointer;
    transition: all 0.3s ease-in;
}
#gdpr-cookie-message button:hover {
    background: white;
    color: #000;
    transition: all 0.3s ease-in;
}
button#gdpr-cookie-advanced {
    background: white;
    color: var(--red);
}
#gdpr-cookie-message button:disabled {
    opacity: 0.3;
}
#gdpr-cookie-message input[type="checkbox"] {
    float: none;
    margin-top: 0;
    margin-right: 5px;
}
#gdpr-cookie-advanced{display:none!important;}



@-webkit-keyframes bouncedelay{0%,
80%,
100%{-webkit-transform:scale(0);}
40%{-webkit-transform:scale(1);}
}
@keyframes bouncedelay{0%,
80%,
100%{transform:scale(0);-webkit-transform:scale(0);}
40%{transform:scale(1);-webkit-transform:scale(1);}
}
@media all and (min-width:1367px){
body,.inner-table-course,#info,#article{background-size:100% auto;}
.service .desc-service { min-height:450px;}
}
@media (min-width:1280px){
.container {width: 1220px;}
}
@media all and (max-width:1280px){#nav .container{width:100%;}
#nav .navbar-header .navbar-nav.nav-title{position:absolute;}
#nav .inner_nav{background-position:left;}
#nav.affix .navbar-nav.nav-title {margin-left: 90px;}
#nav .navbar-nav.nav-title {margin-left: 120px;}
.intro .title-comp {font-size: 45px;}
.intro h1 {font-size: 30px;}
.line_contact li.mail span{ display:none;}
#nav .navbar-right li a { font-size:22PX;}
.service .desc-service{min-height: 350px;}
}
@media all and (max-width:1024px){#nav{background-position:-150px;}
#nav .navbar-right li a{font-size:21px;padding-right:12px;padding-left:12px;min-width:inherit;}
.box-contact p{font-size:21px;}
.item-article h3{font-size:21px !important;}
.view-product .side-left p{font-size:21px;}
.title_view{font-size:37px;}
#content_view h2.title_view{font-size:35px;}
section {padding: 40px 0;}
.service li {font-size: 23px; line-height:27px;}
.service .desc-service { min-height:650px;}
#nav .navbar-right li a { font-size:21PX;padding: 10px 7px;}
.about-us{background-size: auto 100%;}
.micropile01{left:0;}
}
@media (min-width:993px){
.ct-service:hover .list-service{background:#31373b;}
.ct-service:hover h3{-webkit-filter: grayscale(100%); filter: gray;}
.list-service:hover h3{-webkit-filter: none; filter: none;}
.container {width:95%;}
.about-us{background-position:top right;}
}
@media all and (max-width:992px){
.container {width: 95%;}
.container.view{width: 100%;}
section {padding: 0;}
.navbar-collapse.collapse { background:#f9f9f9;margin-top: 50px;}
#nav .navbar-right li a,
#nav .navbar-right li.active a,
#nav .navbar-right li:hover a{color:#000!important;}
#nav .navbar-right li.active a{color:#fff!important;}
.navbar-header{float:none;min-height:60px;}
.navbar-left,.navbar-right{float:none !important;}
.navbar-nav.navbar-right:last-child {margin-right:0;}
.navbar-toggle{display:block;position:absolute;right:0px;z-index:9999;width:50px!important;height:60px!important;color: #fff;}
#nav.affix .navbar-toggle{color:#fff;}
.navbar-collapse{border-top:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,0.1);max-height:none;}
.navbar-fixed-top{top:0;border-width:0 0 1px;}
.navbar-collapse.collapse{display:none!important;margin-right:0;float:none;}
.navbar-nav{float:none!important;margin-top:0;margin-bottom:0;}
.navbar-nav>li{float:none;}
.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;text-align:center;}
.collapse.in{display:block !important;margin-left:0px; padding:0;}
#nav .navbar-nav.nav-title{margin-left:150px;}
#nav .navbar-header .navbar-nav.nav-title{margin-left:80px!important;}
#nav .navbar-right li a{font-size:25px;font-weight:normal;text-indent:25px;}
#nav .navbar-nav.navbar-lang li a{padding:4px 8px!important;}
#nav .navbar-header .navbar-nav.nav-title{margin-left:120px!important;display:block;}
#nav.affix .navbar-header .navbar-nav.nav-title{margin-left:90px!important;}
#nav .navbar-right li a {padding: 15px 10px;}
.bnt-product-service{width:100%;}
#content_view .content.view img{margin:15px 0;max-width:100%!important;height:auto!important;}
#content_view .content.page4 img{width:100%!important;height:auto!important;}
#content_view .content.page3 table img,
#content_view .content.page4 table img{max-width:180px!important;width:180px!important;height:180px!important;}
#setting_menu{top:20px;}
.title_view,.view_path{padding-right:30px;}
.blog-share{width:100%;position:relative;height:80px;top:-10px;right:0;}
.count-share{width:40%;}
.btn-share{width:55%;}
.btn-share a{margin-right:2%;margin-left:2%;}
.item-banner > a{height:140px;}
.item-banner:hover .grow img{margin:0!important;}
#page1{position:absolute!important;top:0!important;height:100vh}
#page1 .content{position:absolute!important;top:50%!important;-webkit-transform:translate(0, -50%)!important;-ms-transform:translate(0, -50%)!important;transform:translate(0, -50%)!important;}
section{background-size:100% auto !important;}
#page4 .content, #page5 .content{position:relative;top:0;-webkit-transform:none;-ms-transform:none;transform:none;}
.contact .content{padding:0!important;}
.box-contact .inner{margin:auto;}
.footer-map, .footer-map iframe{height:250px!important;}
.content{padding:40px 0;}
#page7 .content{padding:0;}
.container h2, .row h2,section h2{font-size:40px;}
.intro .title-comp {font-size: 45px;}
.intro h1 {font-size: 30px;}
section{min-height:auto !important;}
.contact h2{margin-top:0;}
.about-us{ padding:20px 0;background-size: 380% auto !important;  }
.about-us .col2{ display:none;}
#info{ padding:30px 0px;}
#page1 .icon{margin-bottom:15%;}
.copyright{position:relative;}
.copyright p{line-height:20px;font-size:12px;}
.box-contact{min-height:auto;}
#home{width:100%!important;max-width:100%!important;overflow:hidden!important;height: 100vh!important;}
.view-product .side-right{padding-right:0;}
.view-product .side-left{width:100%;padding-right:15px;position: relative;overflow: hidden;}
#content_view .row{margin:0;}
body, .onepage-wrapper, html,.main,.wrapper{ height:auto!important;position:relative; overflow:auto;}
.line_contact li a{padding:10px 15px;font-size:25px;}
.line_contact li i{margin-top:0px;}
.list-service{width:100%;}
.service .desc-service {min-height: inherit;}
.news,#info{background-attachment:inherit;}
#info{background-size:100% auto!important;}
#article,.product{background-size:auto 100%!important;}
#page4 .content{padding:0;}
.cat-product { background-size:100% auto;}
.contact h2 { text-align:center;}
.line_contact span{display:none;}
.line_contact li a{padding-bottom:7px;text-align:center;width:100%;display:block;overflow:hidden;}
.line_contact li a i{margin-left:auto;margin-right:auto;float:none;}
.product .col2 h2{margin-top:30px;}
.contact h3 { margin-top:30px;}
.nav_top { display:block; position:fixed;z-index: 999;}
#nav,#nav.affix { top:40px;}
}
@media all and (max-width:900px){
#info{background-size:auto 130%!important;}
}
@media all and (max-width:800px){#nav .navbar-right li a{font-size:25px;font-weight:normal;text-indent:25px;}
#nav .navbar-nav.navbar-lang li a{padding:4px 8px!important;}
#nav .navbar-header .navbar-nav.nav-title{display:block;}
.webform-component-fieldset{margin-bottom:15px;}
section.about-us,
section.service{background-size:auto 180%!important;}
.about-us p{font-size:23px;}
#nav.affix .navbar-brand img { margin-left:0;}
}
@media (max-width:767px){
section.service{background-size:100% auto!important;}
#nav .navbar-nav li a{padding-top:10px;padding-bottom:10px;}
.item-banner{width:33.33%;float:left;padding:0 5px;}
.item-article{height:auto;width:100%;}
section.news{background-size:auto 100%!important;}
.img-type-product{margin-bottom:25px;}
.service .container{background:rgba(255,255,255,.7);width:95%;}
.slick-dots{bottom:-25px;}
.intro .title-comp{font-size:35px;}
.intro h1{font-size:29px;}
.item-product { width:47%;}
.navbar-nav{margin:0;}
.cat-product { background-size:auto 120%;}
.view-product .side-right{width:100%;}
.ico-info .ipic {width: 150px;height: 150px;}
.ico-info img {width: 100px;margin: 25px auto 0;}
.list-service h3 { height:150px;}
.product h2{margin-bottom:20px;}
.list-service h3 {font-size: 37px;}
.contact p i { margin-left:0;}
.contact h3 { text-indent:0;}
}
@media all and (max-width:640px){.item-banner{width:50%;}
.item-banner > a{height:170px;}
#nav .navbar-nav.nav-title h1{font-size:25px;}
.footer-map, .footer-map iframe{height:200px!important;}
#content_view{margin-top:130px;}
.container {width: 98d%;}
.line_contact li i{width:30px;height:30px;line-height:27px;font-size:21px;}
#nav .navbar-header .navbar-nav.nav-title h1{ width:100%;}
#content_view .content ul li { margin-left:20px;}
#content_view .content.view { padding:10px;}
#content_view .content p{ margin:0;}
#content_view .content.view h3 { font-size:21px;}
.item-product h3 { padding:10px 2!important;}
#content_view .content.view{padding:5px 10px;}
.product-list{padding:0;}
.box-contact{padding:50px 0;}
.item-product { margin:0.7%; margin-bottom: 50px;}
.cat-product { background-size:auto 100%;}
.titlefth2 {font-size: 30px !important;line-height: 38px !important;}
.line_contact li {height: 49px;}
.item-photo { width:46%; margin:1%; height:auto;}
}
@media all and (max-width:480px){.item-banner > a{height:140px;}
#nav .navbar-brand img{margin-left:0;}
#content_view .content.view{padding-top:10px;}
h3,.title_view,#content_view .content h1{font-size:25px;line-height:30px;text-indent:0;}
#content_view .content h2{text-indent:0;font-size:23px;}
.title_view{border-bottom-width:1px;padding-bottom:5px;}
#content_view .content{border:0;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-o-border-radius:0;}
#content_view .content p{margin:0;}
.content.view, .form-control{width:100%!important;}
label input[type="radio"], label input[type="checkbox"]{width:auto!important;}
.text-only-mob{display:inherit;}
.item-promotion img{width:100%!important;}
.view-product .side-right{width:100%;}
.view-product .content.view{width:inherit;}
.about-us p{font-size:23px;}
.intro .title-comp {font-size: 30px;}
.intro h1 {font-size: 25px;}
}
@media all and (max-width:420px){.img-type-product{max-width:94%;}
#content_view .content.view .item-product h3,.item-article h3{font-size:23px !important;padding-top:10px!important;}
}
@media all and (max-width:400px){.item-banner > a{height:90px;}
.item-banner span{font-size:14px;line-height:15px;}
#nav .navbar-header .navbar-nav.nav-title h1.title_short{display:none;}
#nav.affix .navbar-nav.nav-title h1 {padding-top: 17px;}
#nav .navbar-nav.nav-title h1{font-size: 31px;padding-top: 37px;}

}
@media all and (max-width:320px){.container.view{padding:0;}
#content_view{margin-top:0;}
h3,.title_view,#content_view .content h1{font-size:23px;!important;line-height:25px;}
}