
.mar-bot { margin-bottom: 20px; }

.glow-main { padding-top: 27px; }

.box-main { background: #ffffff; max-width: 1230px; margin: 0 auto; padding-top: 30px; }

.clear { clear: both; line-height: 0; font-size: 0; overflow: hidden; height: 0; width: 100%; margin: 0; padding: 0; display: block; }

/*------ header ------- */
header { padding: 0; z-index: 50; }

/* navbar */
.row-nav-search { background: url(../img/tail-nav.png) repeat-x 0 0 #3E3E42; margin-bottom: 10px; margin-top: 0px; }

.navbar_ { margin: 0; position: relative; float: left; }

.navbar_ .navbar-inner_ { padding: 0; margin: 0; border: none; min-height: inherit; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

/*nav*/
.navbar_ .nav-collapse select { display: none; }

.navbar_ .container { position: relative; }

.nav-collapse.nav-collapse_ { z-index: 10; height: auto !important; overflow: visible; }

.nav-collapse_ .nav { margin: 0; }

.nav-collapse_ .nav li { margin: 0; padding: 0; position: relative; zoom: 1; }

.nav-collapse_ .nav > li { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: url(../img/border-item.png) no-repeat right 0; float: left !important; margin-right: 1px; }

.nav-collapse_ .nav li a { font-family: "Open Sans", sans-serif; text-transform: uppercase; text-shadow: none; text-decoration: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }

.nav-collapse_ .nav > li > a { color: #ffffff; margin: 0; padding: 17px 19px 18px; display: block; background: none; position: relative; z-index: 20; font-size: 12px; line-height: 18px; font-weight: bold; border-radius: 0; background: url(../img/part-item-hover.png) repeat-x 0 54px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }

.nav-collapse_ .nav > li.sfHover > a, .nav-collapse_ .nav > li.sfHover > a:hover, .nav-collapse_ .nav > li > a:hover, .nav-collapse_ .nav > li.active > a, .nav-collapse_ .nav > li.active > a:hover { background-position: 0 0; color: #ffffff; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background-color: #050F42; }

.sub-menu > a { position: relative; }

.nav-collapse_ .nav ul { position: absolute; display: none; width: 251px; left: 0px; top: 53px; list-style: none; zoom: 1; z-index: 100; background: #2c2c2c; padding: 0; margin: 0; }

.nav-collapse_ .nav ul li ul { position: absolute; display: none; width: 251px; left: 251px; top: 0; list-style: none; zoom: 1; z-index: 100; background: #2c2c2c; padding: 0; margin: 0; -webkit-box-shadow: inset 0 0 1px #000; -moz-box-shadow: inset 0 0 1px #000; box-shadow: inset 0 0 1px #000; }

.nav-collapse_ .nav ul li { background: url(../img/border-ul-li.png) repeat-x 0 0; }

.nav-collapse_ .nav ul li:first-child { background: none; margin: 0; padding: 0; }

.nav-collapse_ .nav ul li a { display: block; font-size: 12px; line-height: 18px; color: #fff; text-align: left !important; overflow: hidden; padding: 10px; }

.nav-collapse_ .nav ul li a:hover { background-color:#000; }

.nav-collapse_ .nav ul li a strong { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; font-weight: normal; overflow: hidden; }

.nav-collapse_ .nav ul li a span { padding-right: 18px; float: left; }

.nav-collapse_ .nav > li > ul li > a:hover strong, .nav-collapse_ .nav > li > ul li.sfHover > a strong { text-decoration: none; color: #2F96B4; }

.brand_ { float: left; font-size: 0px; font-weight: 0; margin: 0 0 0; padding: 0; text-shadow: none; display: inline-block; }

.box-soc-adress { overflow: hidden; text-align: right; }

.list-soc { overflow: hidden; margin-bottom: 15px; margin-top: 15px; }

.list-soc li { float: right; margin-left: 3px; }

.list-soc li a { opacity: 1; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }

.list-soc li a:hover { opacity: 0.5; }

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

.phone-1 { text-align: right; font-family: "Open Sans", sans-serif; font-size: 18px; line-height: 26px; color: #333333; text-transform: uppercase; font-weight: 700; padding-bottom: 4px; }

.address-1 { text-align: right; color: #333; font-family: "Open Sans", sans-serif; font-size: 12px; line-height: 16px; text-transform: uppercase; }

/* search */
#search { margin: 0; overflow: hidden; position: relative; float: right; background: url(../img/tail-search.gif) repeat-x 0 0 #141414; padding: 0; }

#search input { background: url(../img/border-item.gif) no-repeat 0 0; border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; color: #505050; line-height: 17px; width: 225px; margin: 0; padding: 18px; height: 53px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; }

#search input:focus { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }

#search a { display: inline-block; float: left; background: url(../img/part-btn-search.png) no-repeat 0 0; width: 48px; height: 53px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }

#search a:hover { background-position: 0 bottom; }

/*--- header end ------*/
/*------ content ------- */
#content { position: relative; padding: 0 0 5px; }

.p-full {
	display: inline-block;
	width: 100%;
	text-align: justify;
}

.left-0 { margin-left: 0 !important; }

.overflow { overflow: hidden; }

.thumbnail-1 { border: none; padding: 0; margin: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }

.box-title { background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #F3F3F3; padding: 0 20px 20px; text-align: center; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }

.box-title h4 { margin-bottom: 10px; }

.box-title span { color: #2F96B4; line-height: 18px; padding-bottom: 15px; }

.txt-1 { font-size: 18px; line-height: 22px; text-transform: uppercase; padding-bottom: 21px; }

.date-1 { color: #2F96B4; font-family: "Open Sans", sans-serif; font-weight: 600; text-transform: uppercase; padding-bottom: 7px; }

.date-1 time { display: inline-block; }

.date-1 span { display: inline-block; color: #777; text-transform: none; padding-left: 4px; }

/* list-service */
.list-service li { overflow: hidden; }

.list-service { margin: 0; }

/* list-blog */
.list-blog.extra .btn-3 { margin-top: 5px; }

.list-blog li { overflow: hidden; border-top: 1px solid #EEEEEE; padding-top: 23px; margin-top: 30px; }

.list-blog li:first-child { border: none; margin: 0; padding: 0; }

.list-blog li:last-child { margin-bottom: 8px; }

.list-blog li img { }

.list-blog li p {
	margin-bottom: 0;
	padding-bottom: 12px;
	text-align: justify;
}

.list-feature {
	display: inline-block;
	padding: 3px 0 0px;
	width: 100%;
	text-align: justify;
}

.list-feature li { line-height: 22px; padding-top: 0px; margin-top: 0px; border-top: 1px solid #e4e1e1; background: url(../img/marker-1.png) no-repeat 3px 12px; padding-left: 22px; font-size: 13px; }

.list-feature li:first-child { border: none; margin: 0; }

.list-feature li a { color: #000; display: inline-block; }

.list-feature li a:hover { color: #000; text-decoration: none; }

/*----------- buttons --------------*/

.btn-2, .btn-3 { color: #777; text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25); background-color: #F7F7F7; background-image: -moz-linear-gradient(top, #FFFFFF, #EEEEEE); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFFFFF), to(#EEEEEE)); background-image: -webkit-linear-gradient(top, #FFFFFF, #EEEEEE); background-image: -o-linear-gradient(top, #FFFFFF, #EEEEEE); background-image: linear-gradient(to bottom, #FFFFFF, #EEEEEE); background-repeat: repeat-x;  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffFFFFFF', endColorstr='#ffEEEEEE', GradientType=0);
border-color: #FFFFFF #EEEEEE #EEEEEE; border-color: rgba(0, 0, 0, 0.01) rgba(0, 0, 0, 0.01) rgba(0, 0, 0, 0.15);  *background-color: #F7F7F7;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
 font-family: "Open Sans", sans-serif; font-size: 11px; font-weight:800; line-height: 18px; padding: 17px 20px 16px; }

.btn-2:hover, .btn-3:hover { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #555555; background-image: -moz-linear-gradient(top, #555555, #555555); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#555555)); background-image: -webkit-linear-gradient(top, #555555, #555555); background-image: -o-linear-gradient(top, #555555, #555555); background-image: linear-gradient(to bottom, #555555, #555555); background-repeat: repeat-x;  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff555555', endColorstr='#ff555555', GradientType=0);
 *background-color: #555555;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

.btn-2 { font-size: 12px; padding: 8px 12px 7px; }

.btn-3 { font-size: 11px; padding: 4px 10px 5px; }

.link-1 { color: #777; background: url(../img/marker-2.png) no-repeat right 4px; font-weight: bold; padding-right: 10px; margin-top: 10px; display: inline-block; }

.link-1:hover { text-decoration: none; color: #000; }

 .list-blog .img-border {
 margin: 4px 30px 10px 1px !important;
}
.vcard span {
    display: block;
    margin-bottom: 10px;
	width: 330px;
}
.vcard .street-address {
    background: url("../img/ico-home.png") no-repeat scroll 0 0 transparent;
    padding-left: 30px;
}
.vcard .tel {
    background: url("../img/ico-phone.png") no-repeat scroll 0 0 transparent;
    padding-left: 30px;
}
.vcard .email {
    background: url("../img/ico-mail.png") no-repeat scroll 0 0 transparent;
    color: #1C1968;
	padding-left: 30px;
    text-decoration: underline;
}

/*--- content end ------*/

@media (min-width: 1200px) {
}
@media (max-width: 979px) {
}
@media (max-width: 1200px) and (min-width: 767px) {
}
@media (min-width: 768px) and (max-width: 979px) {
 .nav-collapse_ .nav > li > a {
 padding: 17px 10px 18px 9px;
}
 #search input {
 padding: 0 8px 2px;
 width: 175px;
}
 .overflow.extra {
 overflow: visible;
}
}
@media (max-width: 767px) {
 .sf-menu {
 display: none !important;
}
 .navbar_ {
 float: none;
}
 .navbar_ .btn-navbar {
 display: none;
}
 .select-menu {
 display: block !important;
 background: url("../img/tail-search.gif") repeat-x scroll 0 0 #141414;
 border: 1px solid #1a1a1a;
 color: #ffffff;
}
 .select-menu option {
 padding-bottom: 4px;
}
 #search {
 float: none;
 position: relative;
 margin-bottom: 10px;
}
 .row-nav-search {
 background: none;
}
 #search a {
 background: url("../img/part-btn-search.png") no-repeat scroll 0 -11px transparent;
 display: inline-block;
 float: none;
 height: 53px;
 width: 48px;
 position: absolute;
 right: 0;
 top: 0;
}
#search a:hover {
 background-position: 0 -63px;
}
 #search input {
 width: 70%;
 height: 33px;
 line-height: 33px;
 padding: 4px 6px;
}
 .navbar_ .nav-collapse select {
 margin: 0;
 position: relative;
 width: 100%;
}
 .list-service {
 margin-left: -20px;
}
 .list-service img {
 width: 100%;
}
 .list-service li {
 float: left;
 width: 43%;
 margin-left: 20px;
 margin-bottom: 20px;
}
 body {
 padding: 0;
}
 .container {
 padding: 0 20px;
}
 .overflow.extra {
 overflow: visible;
}
 .list-blog .overflow.extra {
 overflow: hidden;
}
}
@media (max-width: 600px) {
 .list-soc {
 float: right;
}
 .phone-1 {
 float: none;
 display: none;
}
 .address-1 {
 float: none;
 display: none;
}
}
@media (max-width: 550px) {
 .list-service li {
 float: none;
 width: 100%;
 margin-left: 0;
}
 .list-service {
 margin-left: 0;
}
}
@media (max-width: 480px) {
 .date-1 {
 display: inline-block;
}

 .list-service {
 margin: 0;
}
}
@media (max-width: 420px) {
}
@media (max-width: 320px) {
 .list-blog .overflow.extra {
 overflow: visible;
}
 .list-soc {
 margin-top: 2px;
}
 .list-soc {
 margin-top: 2px;
}
 .list-soc li {
 float: none;
 margin: 0 0 3px;
}
}
