html, body
{
  font-size: 16px;
  line-height: 150%;
  font-family: 'Kanit', sans-serif;
}

.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}

.clear {
  clear: both;
  height: 0px;
}

.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/*======================= TYPOGRAPHY =======================*/
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  font-weight: 400;
  font-family: 'Kanit', sans-serif;
}
h1 {
  font-size: 40px;
}
h2 {
  font-size: 2rem;
  text-transform: uppercase;
}
h3 {
  font-size: 20px;
  line-height: 22px;
}
h4 {
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
}
p {
  margin: 0;
  padding-bottom: 14px;
}
.icons-marker {
  font-size: 16.8px;
  line-height: 18px;
}
/*Buttons*/
.btn,.btn-primary,.btn-info {
  padding: 10px 17px 11px;
  font-size: 14px;
  line-height: 18px;
  border: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  text-shadow: none;
    letter-spacing: 1px;
}
.btn:hover,.btn-primary:hover,.btn-info:hover {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}


.sort .btn-group > .dropdown-toggle{
	padding: 10px 17px 11px;
  font-size: 14px;
  line-height: 18px;
  border: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background: url("../images/link.png") repeat-x scroll 0 0 #686868;
  text-shadow: none;
  color: #FFF;
}


.sort .caret{
	border-top: 4px solid white;
}

.btn-group > .dropdown-toggle,
#jform_publish_up_img .btn {
  padding: 0 0 0 17px;
  font-size: 18px;
  line-height: 18px;
  border: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background: none;
  text-shadow: none;
}
.btn-group > .dropdown-toggle:hover,
#jform_publish_up_img .btn:hover {
  background: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
#jform_publish_up_img,
#jform_publish_down_img,
.hasTooltip,
.modal,
.modal-button,
#editor-xtd-buttons .btn,
.form-validate .btn {
  padding: 5px 0 0 5px;
  line-height: 18px;
  border: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background: none;
  text-shadow: none;
  color: #282828;
}
#jform_publish_up_img:hover,
#jform_publish_down_img:hover,
.hasTooltip:hover,
.modal-button:hover,
#editor-xtd-buttons .btn:hover,
.form-validate .btn:hover {
  background: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  color: #989898;
}
.btn-group.open .btn.dropdown-toggle {
  background: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.item_icons {
  margin: 0 0 10px;
}

.icon-time:before {
  content: "\e023";
}

/*Lists*/
ul.categories-module h5 {
  font-size: 1em;
  line-height: inherit;
  font-weight: normal;
  margin: 0;
}
/*Pagination*/
.pagination ul {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border: none;
  box-shadow: none;
  margin: 0 auto;
}
.pagination ul li {
  display: inline-block;
  margin: 0 -4px 0 0;
}
.pagination ul li .pagenav {
  font: 800 14px/18px;
  text-transform: none;
  color: #ffffff;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border: none;
  box-shadow: none;
  background: url("../images/link.png") repeat-x scroll 0 0 #232323;
  padding: 2px 17px 3px 17px;
}
.pagination ul li span.pagenav {
  color: #ffffff;
}
.pagination ul li a.pagenav {
  color: #ffffff;
}
.pagination ul li a.pagenav:hover {
  background: #666666;
}
.pagination ul li.pagination-start,
.pagination ul li.pagination-end {
  display: none;
}
.pagination ul li.num span.pagenav {
  color: #989898;
}
/*Forms*/
input[type='radio'],
input[type='checkbox'] {
  margin: 3px 0 0;
}
/* Images */
.item_img,
.category_img {
  margin-bottom: 17px;
}
.img-intro__left,
.img-full__left {
  float: left;
  margin: 4px 18px 9px 0;
}
.img-intro__right,
.img-full__right {
  float: right;
  margin: 4px 18px 9px 0;
}
#content-row .moduletable ul {
  margin: 0;
  color: #282828;
  list-style: none;
}
#content-row .moduletable ul.unstyled {
  margin: 0;
}
#content-row .moduletable ul li {
  margin: 0 0 10px;
  font-size: 14px;
  background: url(../images/libg.png) no-repeat left 7px;
  padding: 0 0 0 13px;
}
#content-row .moduletable ul li p {
  color: #989898;
}
/*======================= TOP =======================*/
/*======================= HEADER =======================*/

#header-row header{
  position: relative;
}

#header-row .logo-container {
  background: #1A74BA;
  position: relative;
  z-index: 8;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,.1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

#header-row .row-fluid{
	position: relative;
}

#header-row .header-rightside {
  text-align: right;
  color: #FFF;
  font-size: 13px;
}

#header-row .header-rightside a {
  color: inherit;
}

#header-row .language-switcher {
  position: absolute;
  top: 18px;
  right: 0px;
  z-index: 30;
}

.top-mail-us, .top-call-us {
  text-align: right;
  padding: 0px 15px;
  margin: 18px 0px;
}

.top-call-us {
  border-right: 1px solid rgba(255, 255, 255, 0.33);
}

#header-row .menu-shadow {
  position: absolute;
  width: 100%;
  height: 18px;
  z-index: 10;
  background: url(../images/menu-shadow.png) top center no-repeat;
  display: none;
}

#header-row .row-container #logo {
  /*margin:  0;
  margin: 5px;
  float: none;*/
}

#header-row .row-container #logo a {
  display: inline-block;
}
#header-row .row-container #logo img {
  max-width: 100%;
}
.container-fluid.top-block {
  position: relative;
}

/*======================= NAVIGATION =======================*/
.select-menu {
  display: none;
}

.moduletable.navigation{
  position: relative;
  z-index: 20;
  text-align: center;
}

.navigation .mod-menu {
 *display: inline-block;
}

.navigation .nav.menu {
  margin: 0px;
}

.navigation ul.nav.menu > li {
  float: left;
  border-top: 4px solid rgba(0, 0, 0, 0);
  border-right: 1px solid rgba(255, 255, 255, 0.1);
}
li.firstItem {
  border-left: 1px solid rgba(255, 255, 255, 0.1);
}

.navigation ul.nav.menu > li.current, .navigation ul.nav.menu > li:hover{
  border-top: 4px solid #FFF;
  background: rgba(0, 0, 0, 0.03);
}

.navigation ul.nav.menu > li > a{
  display: block;
  padding: 2px 20px 4px;
  line-height: 40px;
  color: #FFF;
}

.mod-menu ul.menu > li ul {
  display: none;
}

.mod-menu ul.menu li.parent:hover > ul {
  display: block;
}

.mod-menu ul.menu li.parent ul,
.mod-menu ul.menu li ul li.parent ul {
  background: #1A74BA;
  list-style: none;
  position: absolute;
  float: left;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.12);
  min-width: 130px;
  z-index: 9999;
  border-top: 1px solid #1A74BA;
  width: 220px;
}

.mod-menu ul.menu li ul ul {
  left: 220px;
  top: -1px;
  border-left: 1px solid #1A74BA;
}

.mod-menu ul.menu li.parent ul li {
  margin: 0;
  padding: 0;
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.05) inset;
  -moz-box-shadow: 0 0 1px rgba(255, 255, 255, 0.05) inset;
  box-shadow: 0 0 1px rgba(255, 255, 255, 0.05) inset;
  border-bottom: 1px solid #1A74BA;
  clear: both;
  width: 100%;
  background: none;
  display: block;
  height: 33px;
}

.mod-menu ul.menu li.parent ul li a {
  color: #FFF;
  float: left;
  padding: 0px 10px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  width: 100%;
  font-size: 15px;
  text-align: left;
  line-height: 33px;
  box-sizing: border-box;
}

.mod-menu ul.menu li.parent ul li a:hover {
  background: rgba(0, 0, 0, 0.22);
}

.navigation ul.sf-menu {
  position: relative;
  float: right;
  /*SubMenu Styles*/

  /*Define 1st SubMenu position*/

  /*Define menu width*/

  /*Define SubMenu position*/

  /*Define 2nd+ SubMenu position*/

}
.navigation ul.sf-menu > li {
  padding: 0;
  margin: 0 0 60px 25px;
  height: 65px;
}

.navigation ul.sf-menu > li > a,
.navigation ul.sf-menu > li > span {
  font-size: 14px;
  line-height: 36px;
  text-transform: uppercase;
  font-weight: bold;
  height: 12px;
  font-size: 13px;
  display: block;
  padding: 53px 0 0;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
.navigation ul.sf-menu > li > a:hover,
.navigation ul.sf-menu > li > span:hover {
  border-top: 7px solid #fff;
  padding: 46px 0px 0px;
}
.navigation ul.sf-menu li:hover > ul,
.navigation ul.sf-menu li.sfHover > ul {
  top: 89px;
  left: -40px;
}
.navigation ul.sf-menu ul {
  width: 130px;
}
.navigation ul.sf-menu li li:hover ul,
.navigation ul.sf-menu li li.sfHover ul {
  top: -12px;
  left: 130px;
}
.navigation ul.sf-menu li li li:hover ul,
.navigation ul.sf-menu li li li.sfHover ul {
  top: -12px;
  left: 130px;
}
.navigation ul.sf-menu ul {
  background: url(../images/submenubg.png) center 0px no-repeat;
  padding: 11px 0 0;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.1);
}
.navigation ul.sf-menu ul li {
  background: #090909;
  margin: 0;
}
.navigation ul.sf-menu ul li a,
.navigation ul.sf-menu ul li span {
  font-size: 12px;
  line-height: 18px;
  color: #aaaaaa;
  display: block;
  padding: 6px 12px;
  text-decoration: none;
  text-align: center;
}
.navigation ul.sf-menu ul li a:hover,
.navigation ul.sf-menu ul li span:hover {
  color: #ffffff;
}
.navigation ul.sf-menu ul li.active > a,
.navigation ul.sf-menu ul li.sfHover > a,
.navigation ul.sf-menu ul li.active > span,
.navigation ul.sf-menu ul li.sfHover > span {
  color: #ffffff;
}
.navigation ul.sf-menu ul li.firstItem {
  padding-top: 20px;
}
.navigation ul.sf-menu ul li.lastItem {
  padding-bottom: 20px;
}
.navigation ul.sf-menu ul ul {
  background: url(../images/sub2menubg.png) left 20px no-repeat;
  padding: 11px 0 0 11px;
  margin-left: 3px;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1);
}
.navigation ul.sf-menu ul ul li {
  box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.1);
  background: #676767;
}
.navigation ul.sf-menu ul ul li.firstItem {
  padding-top: 0;
}
.navigation ul.sf-menu ul ul li.lastItem {
  padding-bottom: 0;
}

.menu-container .mobile-menu{
  position: relative;
  z-index: 1000;
}

.menu-container > .row-container{
  position: relative;
}

.menu-container .mobile-menu #dl-menu {
}

.navigation .firstItem a .icon-home {
  font-size: 24px;
  position: relative;
  top: 2px;
  margin-right: 2px;
}

/*======================= SHOWCASE =======================*/
#showcase-row {
  margin-bottom: 11px;

}
#showcase-row .camera_caption {
  box-sizing: border-box;
}
#showcase-row .camera_caption > div {
  max-width: 335px;
  display: inline-block;
  text-align: right;
  background: rgba(79,84,88,0.85);
  padding: 10px 15px;
  width: 100%;
  box-sizing: border-box;
}
#showcase-row .camera_caption > div p {
}
#showcase-row .camera_caption > div h3 {
  line-height: 24px;
  color: #FFEB3C;
  font-size: 21px;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 5px;
}
#showcase-row .camera_prev,
#showcase-row .camera_next {
  bottom: 35px;
  top: auto;
  margin: 0;
  width: 47px;
  height: 47px;
  background: none;
}
#showcase-row .camera_prev span,
#showcase-row .camera_next span {
  width: 47px;
  height: 47px;
  font-size: 53px;
  line-height: 47px;
  background-color: none;
}
#showcase-row .camera_prev span:hover,
#showcase-row .camera_next span:hover {
  transition: all 0.3s;
}
#showcase-row .camera_prev {
  left: 50%;
  margin-left: 467px;
}
#showcase-row .camera_prev span {}
#showcase-row .camera_prev span:hover {}
#showcase-row .camera_next {
  left: 50%;
  margin-left: 520px;
}
#showcase-row .camera_next span {}
#showcase-row .camera_next span:hover {}
.mod-newsflash-adv .isotope {
  margin: 0 -1.5%;
}
.mod-newsflash-adv .isotope-item {
  padding: 0 1.5%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  float: left;
}
.mod-newsflash-adv .isotope-item.straightDown {
  text-align: center;
}
/*======================= FEATURE =======================*/

#feature-row .moduleTitle {
  text-align: left;
  font-size: 35px;
}

#feature-row .item__module {
  text-align: center;
  border: 1px solid rgba(230,230,231,0.85);
  padding: 35px 15px;
  background: rgba(255,255,255,0.85);
}

#feature-row .item_title a {
  color: #1A74BA;
  font-weight: bold;
  font-size: 28px;
}

#feature-row .item_introtext {
  font-size: 13px;
}

#feature-row .item_img.img-intro img {
  max-width: 134px;
}


/*======================= MAINTOP =======================*/
/*======================= CONTENT TOP =======================*/
/*======================= CONTENT =======================*/#content-row {
  padding: 18px 0 26px;
  background: #FFF;
}
#content-row p {
  line-height: 21px;
}
#content-row .page-featured__home {
  padding-top: 25px;
  margin-top: 30px;
}
#content-row .page-featured__home h1 {
  line-height: 36px;
  word-spacing: 1px;
  font-weight: 600;
  font-size: 35px;
}
#content-row .page-featured__home h3, #content-row .page-featured__home p {
  color: #000;
  line-height: 30px;
  font-size: 15px;
  font-weight: 300;
  margin: 0px 0 0 0;
  text-transform: none;
  margin-top: 10px;
  margin-bottom: -15px;
}


#content-row .page-featured__home a.mainlink {
  float: right;
  font-weight: 600;
  font-size: 19px;
  line-height: 23px;
  padding: 19px 14px 19px 22px;
  text-decoration: none;
  text-transform: uppercase;
  margin-top: 40px;
}
#content-row .page-featured__home a.mainlink:hover {
}
#content-row .page-featured__home .item {
  margin-bottom: 35px;
}
#content-row .page-category h3 {
  line-height: 25px;
  font-weight: normal;
  margin: -4px 0 0 0;
}
#content-row .page-category .item_header {
  margin: 0 0 26px;
}
.container-fluid {
  padding: 0 !important;
}
.item {

}
.page-header {
  border: none;
  padding: 0;
  margin: 0;
}
/*===== Gallery Page ======*/
ul.gallery {
  margin: 0 0 0 -1%;
}
ul.gallery .gallery-item {
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 1%;
  float: left;
  list-style: none;
}
ul.gallery .gallery-item .item_img {
  margin-right: 0;
  float: none;
}
ul.gallery .gallery-item.straightDown {
  float: none;
}
ul.gallery .gallery-item.straightDown .item_img {
  float: left;
  margin: 0 18px 18px 0 !important;
}
/*===== Team Page ======*/
.page-category__team .item_introtext {
  overflow: hidden;
}
h2.moduleTitle,
.page_header h2 {
  margin: 20px 0;
  padding-bottom: 10px;
  border-bottom: 1px solid #E5E5E5;
  text-align: center;
}
/*===== Service Page ======*/
.body__services #content-row {
  padding: 58px 0 58px;
}
.body__services #content-row .page-category__services .item_header {
  margin: 0 0 5px;
}
.body__services #content-row .page-category__services .item {
  background: #F3F3F3;
  padding: 10px;
  border: 1px solid #DBDBDB;
  border-radius: 10px 0px 0px;
}

.item_img.img-full.img-full__left.item-image img {
  max-width: 550px;
}

.body__services #content-row .page-category__services .item p {
  padding: 0;
  font-size: 13px;
}
/*===== Blog Page ======*/
.page-blog .items-row {
  margin: 0 0 15px 0;
}
.page-blog .items-row .item_createdby,
.page-blog .items-row .item_published {
  color: #666666;
  text-transform: uppercase;
}
.page-blog .items-row .item_info_dl {
  margin: -5px 0 18px;
}
.page-blog .items-row .item_info_dl dd {
  margin: 0;
}
.page-item {
  margin: 0 0 30px;
}
.page-item .item_createdby,
.page-item .item_published {
  color: #666666;
  text-transform: uppercase;
}
.page-item .item_info_dl {
  margin: -5px 0 18px;
}
.page-item .item_info_dl dd {
  margin: 0;
}
#content-row .offerlist ul {
  margin: 0;
  list-style: none;
}
#content-row .offerlist ul li {
  margin: 0 0 10px;
  background: none;
  padding: 0;
}
#content-row .offerlist ul li .dropcap {
  background: url("../images/dropcap.gif") repeat-x;
  color: #FFF;
  float: left;
  font-size: 25px;
  font-weight: 600;
  line-height: 30px;
  margin: 3px 21px 0 0;
  padding: 12px 0 17px;
  text-align: center;
  width: 59px;
}
#content-row .offerlist ul li .extra {
  margin: 0 0 0 80px;
}
#content-row .offerlist ul li .extra a {
  text-transform: uppercase;
  line-height: 14px;
}
#content-row .offerlist ul li .extra p {
  margin: 5px 0 0;
}
#aside-right .moduletable {
  margin: 0 0 60px;
}
#search-searchword {
  margin-top: 5px;
}
.addthis_toolbox {
  padding-top: 0px;
}
/*======================= CONTENT BOTTOM =======================*/
/*======================= MAINBOTTOM =======================*/
#mainbottom-row {
  *background: url("../images/main-bg.png") repeat-x 0 bottom #ffffff;
  padding: 0 0 10px;
}
#mainbottom-row .row-container .mod-newsflash-adv__offers h3.item_title__offers {
  margin: 0;
  line-height: 22px;
}
#mainbottom-row .row-container .mod-newsflash-adv__offers h4 {
  color: #666666;
}
#mainbottom-row .row-container .mod-newsflash-adv__offers .price {
  color: #282828;
  font-weight: 600;
  font-size: 25px;
  line-height: 23px;
  margin: 4px 0 0;
}
#mainbottom-row .row-container .mod-newsflash-adv__offers p {
  margin: 15px 0 0;
  line-height: 21px;
}
#mainbottom-row .row-container .mod-newsflash-adv__offers .readmore {
  margin: 13px 0 0;
}
#mainbottom-row .team {
  margin-top: 9px;
}
/*======================= BOTTOM =======================*/
#bottom-row {
  margin-top: 20px;
}
#bottom-row #bottom-row-in {

}
#bottom-row .moduletable {
  border-radius: 10px 0 0;
  padding: 15px;
  margin-top: 18px;
}

#bottom-row .moduletable .moduleTitle {
  margin: 0;
  margin-bottom: 20px;

}

#bottom-row .tweets h2 {
  margin: 0 0 20px;
}
#bottom-row .tweets #twittericon {
  background: url(../images/twitter.png) no-repeat;
  width: 63px;
  height: 51px;
  margin: 5px 0 0 0;
}
#bottom-row .tweets .tweet_list li {
  padding: 18px 0;
  border-top: 1px solid #dedede;
  background: none;
}
#bottom-row .tweets .tweet_list li.tweet_first {
  padding: 0 0 18px 0;
  border: none;
}
#bottom-row .tweets .tweet_list li .tweet_text {
  color: #989898;
}
#bottom-row .tweets .tweet_list li .tweet_text,
#bottom-row .tweets .tweet_list li .tweet_time {
  margin: 0 0 0 75px;
  display: block;
}
#bottom-row .tweets .tweet_list li .tweet_user
margin: 0 0 0 14 {
  display: inline-block;px;
}
#bottom-row .tweets .tweet_list li .tweet_time a {
  color: #c6c6c8;
}
#bottom-row .tweets .tweet_list li .tweet_time a:hover {
  color: #989898;
}
#bottom-row .mod-custom__market {
  margin: -6px 0 0;
}
#bottom-row .mod-custom__market h4 {
  margin: -9px 0 16px;
}
#bottom-row .mod-custom__market p {
  margin: 8px 0 0;
}
#bottom-row p {
  line-height: 21px;
}
#bottom-row .services .mod-newsflash-adv__services {
  margin-top: -7px;
}
#bottom-row .services .mod-newsflash-adv__services .item {
  margin-bottom: 20px;
}
#bottom-row .services .mod-newsflash-adv__services .item .img-intro {
  margin-top: 5px;
}
#bottom-row .services .mod-newsflash-adv__services .item_content {
  margin: 0 0 0 77px;
}
#bottom-row .mod-custom__whyus img {
  margin: 0 0 14px;
}
#bottom-row .mod-custom__whyus h4 {
  margin: -9px 0 13px;
}
/*======================= FOOTER =======================*/

#copyright-row .row-container .mod-footer {
  margin: 10px 0 0;
}
#copyright-row .row-container .mod-footer .siteName {
  font-weight: bold;
}
#copyright-row .row-container .mod-footer a {
  color: #000;
}
#copyright-row .row-container .mod-footer a:hover {
  text-decoration: underline;
}
#copyright-row a{
  text-decoration: underline;
}
/*===== Social Media ======*/
.moduletable .social li {
  margin: 0 4px 0 6px;
}
.moduletable .social li a {
  width: 30px;
  height: 30px;
  line-height: 32px;
  font-size: 34px;
  text-decoration: none !important;
}
.moduletable .social li a:hover {

}

.container-flex
{
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
  margin-left: auto;
  margin-right: auto;
}

.footer-2
{
  background-color: #1d1d1b;
  line-height: 150%;
}


.footer-2 .container-flex
{
  padding: 50px 0;
  text-align: left;
  justify-content: space-between;
  align-items: flex-start;
  color: #ffffff;
}

.footer-2 .container-flex > div
{
  width: 25%;
  text-align: center;
}

.footer-2 .container-flex > div:last-child
{
  align-self: center;
}

.footer-2 h3
{
  font-size: 1.25rem;
    margin-bottom: 2rem;
}

.footer-2 h3:after {
    content: "";
    height: 2px;
    background-color: #fff;
    opacity: .7;
    width: 50%;
    margin-left: 25%;
    display: block;
    margin-top: 2rem;
}

.footer-2 p
{
  margin-bottom: 2rem;
    line-height: 175%;
        opacity: .7;
}

.footer-2 a
{
  color: #ffffff;
  font-weight: bold;
  text-decoration: underline;
}

.footer-2 .container-flex > div ul
{
  list-style-type: none;
  padding: 0;
  margin:0;
}

.footer-2 .container-flex > div ul li
{
  line-height: 150%;
}

.footer-2 .image {
    height: 150px;
    margin-bottom: 0;
}

/*======================= Contact-form =========================*/

.moduletable.contact-form {
  border: 1px solid #F3F3F3;
  border-radius: 4px;
  padding: 14px;
}

/*======================= rsmonialscroller =========================*/

.moduletable.rsmonialscroller {
  border: 1px solid #F3F3F3;
  border-radius: 4px;
  padding: 14px;
}
.rsmonialscroller .icon-wrapper, .contact-form .icon-wrapper {
  display: inline-block;
  background: #1A74BA;
  width: 65px;
  height: 65px;
  border-radius: 50%;
  margin-right: 10px;
}



.rsmonialscroller .icon-wrapper .icon-wechat, .contact-form .icon-wrapper .icon-envelope{
  color: #FFF;
  font-size: 39px;
  margin: 13px 11px;
}
.contact-form .icon-wrapper .icon-envelope{
  font-size: 32px;
  margin: 16px 16px;
}
.rsmonialscroller h3.rsmonial-name {
  float: left;
}
.rsmonialscroller h4.rsmonial-date {
  float: right;
}
.rsmonialscroller .rsmonial-msg {
  clear: both;
}
.rsmonialscroller .rsmonial-item {
  width: 85%;
  margin: 20px auto;
}
.rsmonialscroller .rsmonial-img {
  float: left;
  margin-right: 10px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #C6C6C6;
}

.rsmonialscroller .rsmonial-img .icon{
  color: #FFF;
  font-size: 30px;
  margin-top: 9px;
  margin-left: 13px;
}

#rsmsc .icon, .site-contact.popup .icon{
  font-size: 18px;
}

.rsmonialscroller .rsmonial-context {
  float: left;
  width: 85%;
}

.rsmonialscroller .see-more.btn {
  text-align: center;
  margin-bottom: 4px;
}

#ContactRegion .recaptchatable #recaptcha_response_field {
  width: 153px!important;
  position: relative!important;
  bottom: 7px!important;
  padding: 0!important;
  margin: 9px 0 0 0!important;
  font-size: 10pt;
  top: -4px;
}

/* Module Title */
.sub-border{
  display: block;
  height: 5px;
  text-align: center;
  position: relative;
  width: 270px;
  margin: auto;
  top: -23px;
}

header {
  background: #1d1d1b;
}

.header-1 {
  color: #FFF;
  padding: 0px 50px;
}

.header-1 .container-flex
{
  justify-content: space-between;
}

.mod-custom__top
{
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}

.header-1 .mod-custom__top a
{
  display: inline-block;
  color: #fff;
  text-decoration: none;
  padding: 0 0.5rem;
  line-height: 40px;
}
.header-1 .mod-custom__top a:hover
{
  background-color: #3d3c3b;
}
.header-1 .head-contact {
  text-align: right;
}
.header-1 .head-contact span {
  display: inline-block;
  vertical-align: top;
}
.header-1 .head-contact span:first-child {
  margin-right: 40px;
}
.header-1 .head-contact span div {
  display: inline;
}
.header-1 .head-contact span#inschrijven {
  margin-top: 7px;
  cursor: pointer;
}
.header-1 .bg-icon, .header-1 #slider-wrap .camera_prev span, #slider-wrap .camera_prev .header-1 span, .header-1 #slider-wrap .camera_next span, #slider-wrap .camera_next .header-1 span {
  margin-right: 10px;
}

.header-2
{
  position: relative;
  padding: 1rem 2rem;
  top: 0px !important;
  background-color: #1d1d1b;
}

.header-2 > div:first-child{
  padding: 10px 0px;
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
  justify-content: flex-start;
  align-items: center;
  max-width: 2000px;
  margin-left: auto;
  margin-right: auto;
}

.header-2 > div:first-child > div:first-child {
  width: 25%;
  min-width: 250px;
}

.header-2 > div:first-child > div:nth-child(2) {
  width: 50%;
}

.header-2 > div:nth-child(2)
{
  position: absolute;
  right: 1rem;
  top: 50%;
  margin-top: -20px;
}

.header-2 .main-menu {
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
  font-size: 1rem;
  text-transform: uppercase;
  margin:0;
  padding:0;
  justify-content: center;
}
.header-2 .main-menu li {
  display: block;
}

.header-2 .main-menu li a
{
  display: block;
  height: 50px;
  line-height: 50px;
  padding: 0 15px;
  font-size: 1.25rem;
  font-weight: bold;
      letter-spacing: 1px;
}

.header-2 .main-menu li a:hover, .header-2 .main-menu li a:focus, .header-2 .main-menu li.current a {
  background: transparent;
  color: #ffb531;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;

}
.header-2 .main-menu li:first-child {
  display: none;
}
.header-2.visible {
  position: fixed;
  top: 0px !important;
  left: 0;
  right: 0;
  z-index: 9996;
}

/*** Mobile Menu ***/
.slicknav_btn {
  float: left;
  background: #3d3c3b;
  position: absolute;
  top: 21px;
  left: 50px;
}

.slicknav_menu {
  background: #FFF;
  padding: 0px;
}
.slicknav_menu .slicknav_menutxt {
  font-size: 18px;
}

.slicknav_nav li:first-child {
  display: none;
}
.slicknav_nav a {
  padding: 12px 10px;
  margin: 5px 5px;
  text-decoration: none;
  color: #3d3c3b;
  text-transform: uppercase;
}
.slicknav_nav a:hover {
  background: transparent;
}

.row
{
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}

.right-tab-content
{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.col-md-12
{
  width: 100%;
}

.col-md-7
{
  width: 57.3333%;
}

.col-md-6, .col-lg-6, .col-sm-6, .col-xs-6
{
  width: 48.5%;
}

.col-md-5
{
  width: 40.6666%;
}

.col-sm-4
{
  width: 31.3333%;
}

.col-sm-2
{
  width: 14%;
}


#PriceList .floors-wrap, #PriceList .buildings-wrap {
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: right;
}
#PriceList .floors-wrap span, #PriceList .buildings-wrap span {
  font-size: 18px;
  color: #3d3c3b;
  font-weight: bold;
  border-bottom: none;
  margin-right: 25px;
  line-height: 40px;
}
#PriceList .floors-wrap .selFloor {
  display: none;
}
#PriceList .floors-wrap .selFloor:nth-of-type(1) {
  display: inline;
}
#PriceList select, #PriceList .com_contactme .chosen-container-single .chosen-single, .com_contactme .chosen-container-single #PriceList .chosen-single {
  background-color: #FFFFFF;
  border: 1px solid #CDCDCD;
  color: #3d3c3b;
  line-height: 20px;
  font-size: 14px;
  padding: 5px 2% 5px 20px;
  min-width: 155px;
  width: auto;
  text-align: center;
}

.price-lists-wrap .price-list {
  border-collapse: separate;
  border-spacing: 2px;

}
.price-lists-wrap .price-list:first-child {
  display: inline;
}
.price-lists-wrap .price-list td {
  width: 13%;
  font-size: 14px;
  text-align: center;
  padding: 4px 5px;

}
.price-lists-wrap .header-title td {
  background-color: #3d3c3b;
  color: #FFF;
}
.price-lists-wrap .mail2-icon {
  vertical-align: bottom;
}
.price-lists-wrap .row-item:hover {
  background: #3d3c3b;
  color: #FFF;
}
.price-lists-wrap .row-item {
  background: #eeeeee;
  color: #333;
}

.price-lists-wrap .row-item.sold
{
  background: #e3e3e3;
}

#mobile-menu
{
  display: none;
}

#logo img
{
  max-height: 75px;
}

.project-img img
{
  width: 100%;
}

#menubutton, .header-2 .main-menu li.mobilemenuitem
{
  display: none;
}

body.view-project
{
  padding: 0;
  margin: 0;
}

@media (max-width: 900px) 
{
  .row.tab-content-wrapper
  {
    display: block;

  }

  .tab-content-wrapper
  {
    padding: 0 10px;
  }

  .row.tab-content-wrapper > .col-md-7, .row.tab-content-wrapper > .col-md-5, .row.tab-content-wrapper > .col-md-6
  {
    width: 100%;
  }

  .project-img
  {
    height: auto !important;
  }

  .col-sm-4
  {
    width: 100%;
  }

  .col-sm-2
  {
    width: 47.5%;
  }

  

  .view-project .header-2
  {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    flex-wrap: wrap;
  }

  .menuopen .header-2
  {
    height: auto;
  }

  .view-project #main-menu-wrapper
  {
    position: relative;
    color: #3d3c3b;
    display: none;
    width: 100%;
  }

  body.menuopen.view-project #main-menu-wrapper
  {
    display: block;
    padding-top: 2rem;
  }

  .view-project .header-2 .main-menu
  {
    display: block;
    padding-left: 0;
    margin-left: 0;
  }


  .view-project .header-2 .main-menu li
  {
    display: block !important;
    position: relative;
  }

  .view-project .header-2 .main-menu li:after
  {
    content: '';
    background:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffb531'%2F%3E%3C%2Fsvg%3E");
    height: 1rem;
    width: 1rem;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -0.5rem;
  }

  .view-project .header-2 .main-menu li a
  {
    float:none;
    display: block;
  }

  .menuopen .view-project .header-2 .main-menu
  {
    padding-top: 2rem;
  }

  .view-project .header-2 .container-fluid
  {
    height: 100%;
    width: 100%;
  }

  .view-project .header-2 .logo
  {
    top: 0;
  }

  .view-project #logo img
  {
    max-height: 100px;
  }

  #menubutton
  {
    display: block;
  }
  .header-2 
  {
    flex-wrap: wrap;
  }
  .header-2 > div:nth-child(2)
  {
    top: auto;
    bottom: 40px;
    right: 3rem;
    text-transform: uppercase;
  }

  .menuopen .header-2 > div:nth-child(2)
  {
    right: 50%;
    margin-right: -20px;
    bottom: 1rem;
  }

  .header-2 > div:first-child{
    flex: 0 1 50%;
    margin-right: 25px;
flex-wrap: wrap;
  }

  .menuopen .header-2 > div:first-child
  {
    padding-bottom: 4rem;
  }

  .mobilemenuitem
  {
    display: block;
  }

  .mobilemenuitem i
  {
    margin-right: 10px;
  }


}
@media (max-width: 767px)
{
  .footer-2 .container-flex
  {
    flex-wrap: wrap;
  }
  .footer-2 .container-flex > div,
  .col-md-6, .col-lg-6, .col-sm-6, .col-xs-6
  {
    width: 100%;
    margin-bottom: 2rem;
  }

  .header-1,.header-2
  {
    padding: 0 1rem;
  }

  .header-1 .mod-custom__top a
  {
    padding: 5px;
  }

  .header-1 .container-flex
  {
    flex-wrap: wrap;
  }
}