@font-face {
    font-family: 'Myriad Pro';
     src: url('MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),  url('MyriadPro-Regular.woff') format('woff'), url('MyriadPro-Regular.ttf')  format('truetype'), url('MyriadPro-Regular.svg#MyriadPro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body{
	overflow-x:hidden;
}
@media(max-width:767px){

.background{
	padding: 0em 0 5em 0 !important;
}

}
.background{position: relative;padding: 0em 0 20em 0;background-image: url("../image/banner.jpg");background-image:url("../image/banner.jpg");background-image: url("../image/banner.jpg");background-image: url("../image/banner.jpg");background-attachment: fixed;background-position: center center;background-repeat: no-repeat;background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;/* padding-top: 0; */}

.background1{

position: relative;

background-image: url("../image/banner1.jpg");

background-image:url("../image/banner1.jpg");

background-image: url("../image/banner1.jpg");

background-image: url("../image/banner1.jpg");

background-attachment: fixed;

background-position: bottom right;

background-repeat: no-repeat;

background-size: cover;

-moz-background-size: cover;

-o-background-size: cover;

background-size: cover;

/* padding-top: 0; */

margin-top: 45px;

padding: 54px 0px;
}

.background2{position: relative;background-image: url("../image/banner2.jpg");background-image:url("../image/banner2.jpg");background-image: url("../image/banner2.jpg");background-image: url("../image/banner2.jpg");background-attachment: fixed;background-position: bottom right;background-repeat: no-repeat;background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;/* padding-top: 0; */padding: 54px 0px;}


.logo a img{width:100%;max-width: 366px;}
@media(max-width:605px){
	.logo a img{width:100%;max-width: 150px;}
}
#back-to-top {
    position: fixed;
    bottom: 40px;
    right: 40px;
    z-index: 9999;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 30px;
    background: rgb(209, 174, 108);
    color: #28272c;
    cursor: pointer;
    border: 2px solid #ffffff;
    text-decoration: none;
    transition: opacity 0.2s ease-out;
    opacity: 0;
    padding-top: 16px;
}
#back-to-top:hover {
    background: #A35E4E;
    color: #fff;
}

#back-to-top.show {
    opacity: 1;
}
#portfolio {

	padding: 10px 0px 23px 0px;

	overflow: hidden;

}

#portfolio ul.controls {

padding: 0px 0 20px 2px;

overflow: hidden;

margin: 20px 0;
}

#portfolio ul.controls li {

/* float: left; */

color: #000;

font-weight: 400;

font-size: 15px;

padding: 5px 15px;

cursor: pointer;

text-align: center;

border: 2px solid #00aef0;

margin-right: 6px;
}

#portfolio ul.controls li:hover, #portfolio ul.controls li.active {

padding: 5px 15px;

color: #FFFFFF;

margin: 0 -1px;

background-color: rgb(0, 174, 240);

margin-right: 5px;
}

#portfolio ul#Grid {

/* margin: 0 0 30px 0px; */

padding: 0;

position: relative;
}

@media(max-width:1200px)
{
#portfolio ul#Grid {

/* margin: 0 0 30px 43px; */

padding: 0;

position: relative;
}}

@media(max-width:991px)
{
#portfolio ul#Grid {

/* margin: 0 0 30px 75px; */

padding: 0;

position: relative;
}}

@media(max-width:767px)
{
#portfolio ul#Grid {

/* margin: 0 0 30px 183px; */

padding: 0;

position: relative;
}}

@media(max-width:621px) and (min-width:600px)
{
#portfolio ul#Grid {

	margin: 0 0 30px 110px;

	padding: 0;

	position: relative;

}}

@media(max-width:500px)
{
#portfolio ul#Grid {

margin: 0px 0 0px 0px;

padding: 0;

position: relative;

width: 100%;
}}




#portfolio ul#Grid li {

padding: 6px 6px;

margin: 0;

display: none;

position: relative;

/* max-width: 280px; */

/* width: 100%; */
}

#portfolio ul#Grid li a {

	display: block;

	position: relative;

	color: #fff;

}

#portfolio ul#Grid li span.overlay {

	position: absolute;

	left: 0px;

	top: 0px;

	width: 100%;

	height: 100%;

	opacity: 0;

	filter: alpha(opacity=0);

	visibility: hidden;

	text-indent: -9999px;

	-webkit-transition: 0.3s ease-in-out;

	-moz-transition: 0.3s ease-in-out;

	-o-transition: 0.3s ease-in-out;

	transition: 0.3s ease-in-out;

	background: #000;

}

#portfolio ul#Grid li:hover span.overlay {

	visibility: visible;

	opacity: 0.2;

	filter: alpha(opacity=20);

}

#portfolio ul#Grid span.text {

	padding: 0px 10px;

	height: 0;

	-webkit-transition: 0.3s;

	-moz-transition: 0.3s;

	-o-transition: 0.3s;

	transition: 0.3s;

	z-index: 10;

	overflow: hidden;

	font-size: 22px;

	font-weight: 400;

	width: 100%;

	position: absolute;

	left: 0;

	bottom: 0;

	color: #FFF;

	line-height: 30px;

	background: #ADC648;

}

#portfolio ul#Grid li:hover span.text {

	background: #ADC648;

	opacity: 0.9;

}

#portfolio ul#Grid span.text span {

	color: #f9f9f9;

	font-weight: 400;

	display: block;

	font-size: 14px;

	text-transform: none;

	line-height: 22px;

}

#portfolio ul#Grid span.text:after {

	border-color: rgba(63, 141, 191, 0);

	border-bottom-color: #ADC648;

	border-width: 10px;

	margin-left: -10px;

}

#portfolio ul#Grid span.text:before {

	border-color: rgba(63, 141, 191, 0);

	border-bottom-color: #ADC648;

	border-width: 16px;

	margin-left: -16px;

}

#portfolio ul#Grid li:hover span.text {

	padding: 10px 10px;

	height: auto;

	overflow: visible;

	text-decoration: none;

}


 @media(max-width:767px) {



.carousel-control .carousel-control-right, .carousel-control .carousel-control-left {

	margin-top: -30px;

}

.row {

/* padding: 15px 0; */
}

#portfolio ul#Grid a.link span {

	font-size: 11px;

	line-height: 15px;

}

#portfolio ul.controls li {

	padding: 5px 10px;

}

}

 @media(min-width:768px) and (max-width: 991px) {


.recent-posts .col-md-9 .text h3 {

	margin-top: 0px;

}

.recent-posts .col-md-3 .icon-item img {

	max-width: 100%;

}

#portfolio ul#Grid a.link {

	font-size: 18px;

}

#portfolio ul#Grid a.link span {

	font-size: 11px;

	line-height: 15px;

}

}
.bg{
	background-color:#005BE5;
}
.footer{
	padding-bottom: 75px;
}
.lower-footer{
	background-color: #4B2413;
	padding: 11px;
	color: #fff;
}
@media(max-width:767px){
	.lower-footer{
		text-align:center
	}
		.col-md-6{
		text-align:center !important;
	}
			.col-md-12{
		text-align:center
	}
			.col-sm-6{
		text-align:center
	}
			.col-sm-8{
		text-align:center
	}
}
@media(max-width:768px){
	.col-sm-10{
		text-align:center !important;
	}
	.col-sm-2{
		text-align:center !important;
	}
	
}
@media(max-width:639px){
		
	.slogan{
		margin-top: 17px !important;
		}

}
@media(min-width:512px) and (max-width:768px){
	.col-xs-12{
		width:50% !important;
	}
}
/*-- gallery --*/
.gallery-grids{
	margin:3em 0 0;
}
.gallery-grid{
	float:left;
	width:33.33%;
}
.gallery-grid img {
    border: 1px solid #fff;
}
/*-- //gallery --*/

header {
  position: fixed;
  /* top: 0; */
  left: 0;
  width: 100%;
  z-index: 99;
  padding: 5px 0 5px;
  background: #fff;
  box-shadow: 0 1px 1px rgba(196, 194, 202, 0.23);
  
  /* Prevent Chrome bug because of on-scroll effect in other section */
  border-bottom: 2px solid #d1ae6c;
}
  header .btn {
    float: right;
    margin: 2px 0 0 59px;
    height: 38px;
    min-width: 145px;
    padding: 7px;
    font-weight: bold;
    font-size: 1.6rem;
    line-height: 22px;
    letter-spacing: 0; }
header.shrink{
  padding: px 0 !important;
  top: 0px;
  border-bottom: 2px solid #d1ae6c;
}
header.shrink img{
  max-width: 297px !important;
  margin-top: 17px;
}

header.shrink .nav-drop{

  margin-top: 2px !important;
}

@media(max-width:605px){
	header.shrink img{
  max-width: 250px !important;
  margin-top: 17px;
}
}

@media(max-width:362px){
	header.shrink img{
  max-width: 200px !important;
  margin-top: 17px;
}
}

@media(max-width:311px){
	header.shrink img{
  max-width: 160px !important;
  margin-top: 17px;
}
}
.gallery li a img:hover {
       -webkit-filter: brightness(40%);



    }
.banner-link{
	text-decoration: none;
	color: #fff;
	font-size: 23px;
	text-transform: uppercase;
	padding: 10px 46px;
	background: #d1ae6c;
}