@import url(https://fonts.googleapis.com/css?family=Itim&subset=thai,latin);

div.mod-languages li {
  border-right: 1px solid rgb(158, 1, 28);
  padding-right: 5px;
}

/*html[lang="th-th"] body, html[lang="th-th"] p, html[lang="th-th"] #sp-main-menu ul.level-0 > li >a  {
  text-transform: none;
  font-family: 'Itim', cursive;
  font-size: 20px;
}*/

/*** 24-05-16 ***/

/**html[lang="th-th"] #sp-main-menu ul.level-0 > li >a  {
  text-transform: none;
  font-family: 'Itim', cursive;
  font-size: 20px;
}

html[lang="vi-vn"] #sp-main-menu ul.level-0 > li >a {
  font-size: 16px;
  text-transform: none;
}**/

#sp-top-bar {
	min-height: 22px;
}

#sp-subheader {
	   padding-bottom: 10px;
}

@media (max-width: 979px){

	#sp-search .search {
	  margin: 10px 25px 10px 30px;
	}

	.sp-main-menu-toggler {
	  padding: 3px;
	}
}

@media (max-width: 767px) {
.responsive #sp-search .search {
  margin: -20px 15px;
}

#menu {
  height: 53px;
}

.layout-bloggani .slider-controllers {
	left: 38% !important;
  height: 30px !important;
  width: 30px !important;
  bottom: 20% !important;
}

.layout-bloggani .slider-controllers >a >span {
  font-size: 30px !important;
  line-height: 30px !important;
}

.layout-bloggani .slider-title {
  bottom: 10px !important;
  height: 60px !important;
}

.layout-bloggani .slider-title >div h1 {
  font-size: 12px !important;
}

}

@media (max-width: 480px) {
.responsive #sp-header-wrapper .logo {
  width: 100% !important;
}

#sp-header-wrapper .logo-wrapper {
  width: 100%;
}

.responsive #sp-header-wrapper #sp-logo {
  width: 100%;
}

#sp-top-info {
	clear: both;
}
}
.entry-header,
body.menu-contact #sp-message-area,
body.menu-contact-2 #sp-message-area,
body.menu-contact-3 #sp-message-area,
body.menu-contact-4 #sp-message-area,
body.menu-userful-links  #sp-message-area{
	  margin-top: -65px;
}

.entry-header .page-header ,
body.menu-contact #sp-component h1.title,
body.menu-contact-2 #sp-component h1.title,
body.menu-contact-3 #sp-component h1.title,
body.menu-contact-4 #sp-component h1.title,
body.menu-userful-links #sp-component .page-header ,
body.menu-userful-links #sp-component .page-header h1  {
	  font-size: 20px;
	    border-bottom: none;
}

body.featured #main-body {
  padding: 0;
  background: none;
  margin-bottom: 40px; /*** 24-05-16 ***/
}

body.featured #sp-component-area-wrapper {
  padding: 0;
}

/*** 25.05.16 ***/

#sp-header-wrapper #header {
  padding: 15px 20px 8px 20px;
}

#sp-header-wrapper #sp-top-info {
  margin-top: 18px;
}

#sp-top-info ul.social-icons {
  margin: -20px 5px;
}

#sp-menu-wrapper .container {
  background: #363948;
}

#sp-bottom-wrapper .container {
  background: #6c6f74;
  border-top: 4px solid #2980b9;
}

#sp-bottom-wrapper #bottom {
  border: none;
  background: #6c6f74;
  color: #FFF;
}

#sp-footer-wrapper {
  background: #6c6f74;
}

#sp-footer-wrapper .container {
  background: #363948;
  color: #FFF;
}

#sp-footer-wrapper .container ul li a {
  color: #FFF;
}

#sp-bottom-wrapper ul li a, #sp-bottom-wrapper a {
  color: #FFF;
}

@media (max-width: 1200px){

  #sp-header-wrapper #sp-top-info {
    width: 100%;
    margin-top: 0;
  }

  #sp-header-wrapper #sp-top-info .module {
    margin-top: 0;
  }
}

@media (max-width: 767px){
  #sp-header-wrapper #sp-top-info {
    clear: both;
  }

  #sp-header-wrapper #sp-top-info .module .custom .span4{
    width: 100% !important;
  }

  #sp-bottom4 {
    width: 100% !important;
  }

  #sp-bottom4 .custom > div {
      margin-bottom: 10px;
      clear: both;
  }

  #sp-footer-wrapper .sp-totop {
    bottom: 50px !important;
  }

  .testimonial-subpage .testimonial-wrapper .testimonial-info {
    left: 5%;
  }

}

@media (min-width: 1200px){

  #sp-menu-wrapper .container {
    width: 100%;
    max-width: 100%;
  }

  #sp-menu-wrapper #menu {
    margin-right: auto;
    margin-left: auto;
    width: 1170px;
    max-width: 1170px;
  }

  #sp-bottom-wrapper .container {
    width: 100%;
    max-width: 100%;
  }

  #sp-bottom-wrapper #bottom {
    margin-right: auto;
    margin-left: auto;
    width: 1170px;
    max-width: 1170px;
  }

  #sp-footer-wrapper {
    padding: 0 0 30px 0;
  }

  #sp-footer-wrapper .container {
    width: 100%;
    max-width: 100%;
    padding: 10px 0 2px 0;
  }

  #sp-footer-wrapper #sp-footer1 {
    text-align: right;
    padding-right: 10px;
  }

  #sp-footer-wrapper #sp-footer2 {
    text-align: left !important;
    padding-left: 10px;
  }

  #sp-footer-wrapper #sp-footer2 .module {
    margin-top: 0;
  }

}

@media (min-width:1025px) and (min-width:1281px) {

  #sp-search .search {
    margin: 16px 25px 16px 30px;
  }

	/**#sp-search .search {
	  margin: 16px 25px 16px 30px;
	  width: 93px;
	  float: right;
	}**/

	/**#sp-menu .search {
	  margin: 0;
	  width: 93px;
	}*/

  #sp-search .search i {
    left: 5px;
  }

	#sp-search .search #mod-search-searchword {
		padding-left: 25px;
	}

/***
    #sp-search .search input::-webkit-input-placeholder {
        color: transparent;
    }
    #sp-search .search input:-moz-placeholder {
       color: transparent;
    }
    #sp-search .search input::-moz-placeholder {
       color: transparent;
    }
    #sp-search .search input:-ms-input-placeholder {
       color: transparent;
    }
***/
}

#menu #sp-menu {
  padding: 0 10px;
}

.menu-vn ul.level-0 > li >a {
  text-transform: none !important;
}

.menu-th ul.level-0 > li >a  {
  text-transform: none;
  font-family: 'Itim', cursive;
  font-size: 20px;
}

#sp-main-menu ul.level-0 {
  margin: 10px 7px;
}

#sp-main-menu li li:not(.sp-menu-group):hover,
#sp-main-menu li li:not(.sp-menu-group).active {
  background-color: #97999c;
}

#sp-main-menu ul.level-0 > li >a:after {
	background-color: #FFF;
}

#sp-main-menu ul.level-0 > li:hover >a:after,
#sp-main-menu ul.level-0 > li.active >a:after {
	background: #00f710;
}

#sp-main-menu ul.level-0 > li >a.icon-home {
	font-size: 22px;
}

#sp-main-menu ul.level-0 > li:hover >a.icon-home,
#sp-main-menu ul.level-0 > li.active >a.icon-home {
	color: #00f710;
}

#sp-main-menu ul.level-0 > li >a.icon-home:after { /* hide the bullet */
	width: 0;
	height: 0;
	border: none;
}

.sp-mobile-menu li.first a.first:after {
    content: '\f015';
    font-size: 22px;
}

.icon-home:before {
  display: block;
  height: 0;
}

.homepage .testimonial-subpage .mod-wrapper {
  background-color: white;
  padding: 0 10px;
}

.homepage .testimonial-subpage .mod-content {
  padding: 0 10px;
}

.homepage .testimonial-subpage {
  padding-bottom: 0;
}

#sp-footer-wrapper .sp-totop i {
  background: #FFF;
}

#sp-footer-wrapper .sp-totop i {
  font-size: 52px;
  color: #363948;
  width: 40px;
  height: 40px;
}

#sp-footer-wrapper .sp-totop {
  position: fixed;
  right: 5px;
  bottom: 45px;
}