@charset "utf-8";
/* CSS Document */

body {
	background-color: #2e2e2e;
}

.main-wrapper-first {
	width: 68.75%;
	margin: auto;
	/* [disabled]margin-top: 96px; */
	margin-bottom: 96px;
}

@media (min-width: 1200px) {
  .main-wrapper-first {
    width: 75%;
  }
}

@media (max-width: 1199px) {
  .main-wrapper-first {
    width: 90%;
  }
}

@media (max-width: 767px) {
  .main-wrapper-first {
    margin-top: 3rem;
    width: 97%;
  }
}

.wrapper {
	margin-left: 40px;
	margin-right: 40px;
	padding-bottom: 40px;
}
@media (min-width:768px) { 
	.navbar > .container {
	    text-align: center;
	}
	.navbar-header {
	    float: none;
	    display: inline-block;
	}
	.navbar-brand {
	    float: none;
	    display: inline-block;
	}
	.navbar .navbar-nav {
	    float: none;
	    display: inline-block;
	    clear: none;
	}
	.navbar .navbar-nav > li {
	    float: none;
	    display: inline-block;
	}
	.navbar .navbar-nav > li li {
	    text-align: left
	}
	.collapse.navbar-collapse#centerednav {
	    float: none;
	    display: inline-block!important;
	    width: auto;
	    clear: none;
	}
}
header{
	padding-top: 40px;
	padding-right: 0;
	padding-left: 0;
	background-image: url(../img/background.jpg);
	background-position: center center;
	background-size: cover;
}
.brand{
	font-size: 0!important;
	line-height: 0!important;
	margin: 0!important;
	width: 100%;
	text-align: center;
	padding-top: 0;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 20px;
}

h1.brand a{display:inline-block;}

h1.brand a>img{width:100%;}



#slider{

	}

	#home-carousel  .item {
	background-position: center center;
	background-size: cover;
	min-height: 640px;
	}
@media (max-width: 767px){
#home-carousel  .item {
	background-position: center center;
	background-size: cover;
	min-height: 400px;		
	}
}
	#home-carousel .item:before{
		background-color: #ffffff;
		content: "";
		height: 100%;
		top: 0;
		left: 0;
		opacity: 0.2;
		position: absolute;
		width: 100%;
	}

	.carousel-caption {
		left: 15px;
		right: 15px;
		top: 50%;
		font-size: 15px;
		text-align: left;
		color: #00d2e3;
		text-shadow: none;
		margin-top: -130px;	
	}

	.carousel-caption h1 {
		font-size:46px;
		margin-bottom:0;
		line-height:27px;
		letter-spacing:2px;
		font-weight:100;
	}

	.carousel-caption h2 {
		font-size:81px;
		font-weight:600;
		margin-top:0px;
		text-transform:lowercase;
		letter-spacing:2px;
		margin-bottom:20px;
	}

	.home-carousel-left, 
	.home-carousel-right {	
		background-color: #f0f0f0;
		color:#000;
		font-size: 32px;
		height: 40px;
		line-height: 40px;
		margin-top: -20px;
		position: absolute;
		text-align: center;
		top: 50%;
		width: 32px;
		z-index: 999;
		-webkit-transition: 300ms;
		-moz-transition: 300ms;
		-o-transition: 300ms;
		-ms-transition: 300ms;
		transition: 300ms;
	}

	.home-carousel-left {
		left:-32px;
	}

	.home-carousel-right {
		right:-32px;
	}

	#home-carousel:hover .home-carousel-left {
		left:0;
	}

	#home-carousel:hover .home-carousel-right {
		right:0;
	}
	
	.divider-lg::after {
	content: '';
	display: inline-block;
	width: 90px;
	height: 2px;
	background-color: #ececec;
	
}

.bord {
  border-left: 1px solid #cce7d9;
 
}
.vertical-align {
    display: flex;
    align-items: center;
}
@media (max-width: 991px) {
    .row.vertical-align {
        display: block; /* Turn off the flexible box layout */
    }
	.mb-20 {
	margin-bottom: 20px;
}
}
@media (min-width: 992px) {
    .row.vertical-align {
        display: flex;
        align-items: center;
    }
}
@media (min-width: 576px) and (max-width: 991px) {
	.row.revarce-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap-reverse;
            flex-wrap: wrap-reverse;
    }
}
@media (max-width: 575px) {
	.row.revarce-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap-reverse;
            flex-wrap: wrap-reverse;
    }
}

.textbox {
	padding: 10px;
	margin: 50px 0;
	background-color: #282828;
	text-align: center;
	transition: all ease .3s;
	box-shadow: 0 8px 24px rgba(0, 0, 0, .2);
}

.textbox__image img {
    width: 100%;
}

.textbox__body {
    padding: 20px;
}

@media (min-width: 992px) {
    .textbox__body {
	padding: 20px 30px;
    }
}

.textbox__title a {
	font-size: 24px;
	font-weight: 400;
	margin-bottom: 20px;
	color: #ececec;
}

.textbox__description {
    color: #c2c2c2;
}

a:hover,a:focus{
    text-decoration: none;
    outline: none;
}

.btn.btn-primary {
	background: transparent;
	border: 1px solid #9e9e9e;
	color: #9e9e9e;
	margin-top: 1rem !important;
}

.btn.btn-primary:hover {
  color: #9e9e9e;
  background: #ececec;
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
  border: 1px solid #ececec;
}


.image-blocks.image-blocks-header{
	padding-top: 50px;
	padding-bottom: 50px;
}

.image-blocks .blocks{position:relative;display:flex;flex-flow:column;margin-bottom:15px}.image-blocks .blocks:before{content:"";width:100%;height:100%;top:0;left:0;right:0;background-color:inherit;display:block;position:absolute;z-index:-1}.image-blocks .blocks .btn{margin-top:15px}.image-blocks .blocks .item{
	background-color: #313131;
	position: relative;
	z-index: 9;
	order: 2
}.image-blocks .blocks .item .text{padding:20px}.image-blocks .blocks .image img{display:inline-block;width:100%}@media(min-width:768px){.image-blocks .blocks{margin-bottom:0}.image-blocks .blocks .item{width:50%;padding-right:50px;padding-left:50px}.image-blocks .blocks .item .text{padding:70px 0}.image-blocks .blocks .image{
	background-position: center;
	background-size: cover;
	position: absolute;
	width: 50%;
	height: 100%;
	right: 0;
	top: 0
}.image-blocks .blocks .image img{display:none}.image-blocks .blocks.blocks-right .item{margin-left:0%}.image-blocks .blocks.blocks-right .image{right:0%}.image-blocks .blocks.blocks-left .item{margin-left:50%}.image-blocks .blocks.blocks-left .image{
	right: 50%
}}

.parallax {
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: center center;
	background-size: cover;
}
 .bg4 {
	background-image: url(../img/Taklalong.png);
 }

.pad-110 {
	padding-top: 150px;
	padding-bottom: 150px;
}
.bg-de {
	background-color: #313131;
	
}
.bg-two {
	background-color: #292929;
}
.bg-first {
	margin-top: 100px;
	border: 10px solid #242424;

}
.mt-20 {
	margin-top: 20px;
}

.mt-50 {
	margin-top: 50px;
}
.mt-80 {
	margin-top: 80px;
}
.pb-80 {
	padding-bottom: 80px;
}
.pt-100 {
    padding-top: 60px;
    padding-bottom: 20px;
}
.pt-80 {
	padding-top: 80px;
}

.prl-30 {
	padding-left: 25px;
	padding-right: 25px;
}
.text h2 {
	color:#ECECEC;
}
.text p {
    color: #9e9e9e;
    line-height: 24px;
    font-size: 15px;
}
.bg-three {
	background: #292929;
	box-shadow: 0 0px 24px rgba(0, 0, 0, .2);
}
.bg-four {
	background-color: #282828;
}
.myclass {
    width: 40%;
    margin-top: 0;
    margin-right: 2%;
    margin-bottom: 2%;
}
.myclass1 {
    width: 40%;
    margin-top: 0;
    margin-left: 2%;
    margin-bottom: 2%;
}
.entry_  {
    font-size: 16px;
    color: #9e9e9e;
    line-height: 24px;
    text-align: justify;
}
.brd {
	border: 3px solid #9e9e9e;
}
h1 {
	color: #E0E0E0;
	font-size: 18px;
	letter-spacing: 1.25px;
	font-family: 'Cambo', serif;
	font-weight: normal;
	font-style: italic;
}
h3 {
	color: #ffe17a;
	font-size: 14px;
	letter-spacing: 1.25px;
	font-family: 'Cambo', serif;
	font-weight: normal;
	font-style: italic;
}
h4 {
	color: #ececec;
	font-size: 18px;
	letter-spacing: 1.25px;
	margin-top: 0;
}
h5 {
	color: #ececec;
	font-size: 28px;
	letter-spacing: 1.25px;
	line-height: 35px;
	margin-top: 0;
	font-family: 'Cambo', serif;
	font-weight: normal;
}
h6 {
	color: #E0E0E0;
	font-size: 14px;
	letter-spacing: 1.25px;
	font-family: 'Cambo', serif;
	font-weight: normal;
	font-style: italic;
}
.bg-first h2 {
	color: #ececec;
	font-size: 28px;
	letter-spacing: 1.25px;
	font-family: 'Cambo', serif;
	font-weight: normal;
	margin-bottom: 0;
	padding-bottom: 20px;
}
.p-20 {
	padding: 20px;
}

.thumb1 {margin-bottom: 0px; margin-top: 0px;}
.thumb1.last {margin-bottom: 0px;}
.thumb1 .thumbnail{padding: 0; border: none; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; box-shadow: none; moz-box-shadow: none; -webkit-box-shadow: none; margin-bottom: 0; background: none;}
.thumb1 a{display: block; box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.25); moz-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.25);  border: 1px solid transparent;

}

.thumb1 a figure{margin: 0; float: none; margin:0px 0px 35px 0px; position: relative;}
.thumb1 a figure img{margin-left: 0; margin-right: 0;

}
.thumb1 a figure .img1{position: relative;}


.thumb1 a .caption{
	text-align: center;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 30px;
}
.thumb1 a .caption .txt1 {
	font-size: 18px;
    color: #ececec;
	font-family: 'Cambo', serif;
	letter-spacing: 1.25px;
}
.thumb1 a:hover .caption .txt1{color: #fff;}

p span {
	color: #ececec;
	letter-spacing: 1.2px;	
}
p span-1 {
	color: #599FCF;
	letter-spacing: 1.2px;
}
p span-2 {
	color: #EF6F6C;
	letter-spacing: 1.2px;
}
p span-3 {
	color: #d07d45;
	letter-spacing: 1.2px;	
}
p span-4 {
	color: #45A887;
	letter-spacing: 1.2px;
}
.widget {
	margin-bottom: 60px;
	margin-top: 50px;
	background: #242424;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 20px;
}

.widget h3 {
	color: #ececec;
	font-size: 26px;
	letter-spacing: 1.25px;
	font-family: 'Cambo', serif;
	padding-top: 20px;
	padding-bottom: 20px;
}
.widget ul li h6 a {
	display: block;
	color: #9e9e9e;
	font-size: 18px;
}

.widget-recent-post ul {
	list-style: none;
	padding-left: 0;
	padding-bottom: 0;
}

.widget-recent-post ul li {
	border-bottom: 1px solid rgba(138,138,138,0.38);
	padding-bottom: 15px;
	margin-bottom: 15px;
}

.widget-recent-post ul li .media .media-left {
  margin-right: 18px;
}

.widget-recent-post ul li .media .media-left img {
  border-radius: 4px;
}

.widget-recent-post .more {
	font-size: 12px;
	font-style: italic;
	color: #9e9e9e;
}
.widget-recent-post .more:hover {
	color: #ececec;
}
.no-padding {
	padding: 0;
}