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

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
h1, h2, h3, h4, h5, h6 {
	margin: 0px;
}
p {
	color: #c8aa6a;
}
.clear {
	clear: both;
}
body {
	margin: 0 auto;
	background: #e2e5e8;
	text-decoration: none;
	color: #4d4d4d;
	line-height: 22px;
	font-family: Arial, Helvetica, sans-serif;
}

::-moz-selection {
 background: #f55a08;
 color: #162d39;
 text-shadow: none !important;
}
::selection {
	background: #f55a08;
	color: #162d39;
	text-shadow: none !important;
}
body a {
	outline: 0;
}



/*---HEADER---*/

#inner_banner_wrapper{
	float:left;
}
#inner_banner_wrapper img{
	width:100%;
	height:auto;
}
@keyframes animatedBackground {
	from { background-position: 0 0; }
	to { background-position: 100% 0; }
}
@-webkit-keyframes animatedBackground {
	from { background-position: 0 0; }
	to { background-position: 100% 0; }
}
@-ms-keyframes animatedBackground {
	from { background-position: 0 0; }
	to { background-position: 100% 0; }
}
@-moz-keyframes animatedBackground {
	from { background-position: 0 0; }
	to { background-position: 100% 0; }
}

#inner_banner_wrapper{
	width: 100%;
	height:auto;
	background-image:url(../images/bgggg.jpg);
	background-position: 0px 0px;
	background-repeat: repeat-x;
	animation: animatedBackground 40s linear infinite;
	-ms-animation: animatedBackground 40s linear infinite;
	-moz-animation: animatedBackground 40s linear infinite;
	-webkit-animation: animatedBackground 40s linear infinite;
}


#inner_banner_wrapper { position: relative;}

.header-inner{
	width:1200px;
	height:auto;
	text-align:center;
	padding:0px;
	margin:0px auto;
}

.logo{
	width:800px !important;
	max-width:80%;
	padding:90px 0px 90px 0px;
}


/*---CLINT---*/

#clint-wrappper{
	width:100%;
	padding:0px;
	margin:0px;
	float:left;
	background:#000000;}

#clint-inner{
	width:1200px;
	height:auto;
	overflow:hidden;
	padding:0px;
	margin:0px auto;
	background:#000;}

.clint-box{
	width:16.66%;
	height:auto;
	float:left;
}

.clint-box-1{
	width:98%;
	height:220px;
	margin:auto;
	border:2px solid #d7b76f;
	border-radius:2px;
	display: flex;
    align-items: center;
    justify-content: center;
}



.clint-box-1-img{
	width:190px;
	display:block;
	margin:auto;
	text-decoration:none;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	text-align: center;
}

.clint-box-1-img:hover{
	-ms-transform: translate(0, -18px); /* IE 9 */
	-webkit-transform: translate(0, -18px); /* Chrome, Safari, Opera */
	transform: translate(0, -18px); cursor:pointer;
}
.clint-box-1-img img{
	max-width: 85%;
	height: auto;
}


#wrapper{
	width:100%;
	padding:0px;
	margin:0px;
	float:left;
	background:#000;}

#inner{
	width:1200px;
	height:auto;
	padding:0px;
	margin:0px auto;
	background:#000;}

.inner img{
	width:100%;
	height:auto;
	margin-top:5px;
}


/*---FOOTER---*/

#footer-wrapper{
	width:100%;
	padding-top:2px;
	padding-bottom:140px;
	margin:0px;
	float:left;
	background:#d7b76f;}

#footer-inner{
	width:1200px;
	height:auto;
	overflow:auto;
	margin:0px auto;
	background:#000;
	border:1px solid #caac68;
	border-radius:3px;}


.footer-contact p{
	width:300px;
	float:left;
	font-size:16px;
	padding:30px;
	letter-spacing:1px;
}
.footer-contact a{
	color: #c8aa6a;
	text-decoration: none;
}
.footer-contact a:hover{
	color: #f8d58a;
}

.footer-contact-2 p{
	width:210px;
	float:right;
	padding-top:180px;
	letter-spacing:1px;
}



/* -------------------------------  Media Query  ------------------------------- */

@media screen and (max-width: 1330px) {

.header-inner{
	width:90%;
}


}

@media screen and (max-width: 1280px) {

#header-inner{
	width:95%;
}

#clint-inner{
	width:95%;
}

#inner{
	width:95%;
}

#footer-inner{
	width:95%;
}

.logo{
	width:90%;
	text-align:center;

}




}



@media screen and (max-width: 1300px) {


.logo{
	margin:auto;
	padding:97px 0px 93px 0px;}



}


 @media screen and (max-width: 1190px) {

.logo{
	margin:auto;
	padding:97px 0px 93px 0px;}


}


 @media screen and (max-width: 1188px) {

.logo{
	margin:auto;
	padding:65px 0px 65px 0px;}

.logo img{
	max-width:65%;
	height:auto;}


}



 @media screen and (max-width: 1100px) {



}
@media screen and (max-width: 1070px) {



}

@media screen and (max-width: 1037px) {

.clint-box-1-img img{
	max-width:95%;
	height:auto;
}



}

@media screen and (max-width: 1024px) {

}
 @media screen and (max-width: 991px) {



.clint-box-1{

	height:211px;

}

}

 @media screen and (max-width: 950px) {



.clint-box-1{

	height:211px;

}

}


 @media screen and (max-width: 910px) {

.clint-box-1{

	height:200px;

}

 }


 @media screen and (max-width: 900px) {


.clint-box-1{

	height:192px;

}

}
@media screen and (max-width: 860px) {




}
 @media screen and (max-width: 850px) {



}
@media screen and (max-width: 800px) {



.clint-box-1{

	height:172px;

}


}
 @media screen and (max-width: 768px) {



.clint-box{
	width:50%;
	height:auto;
	float:left;
	margin-bottom:5px;
}

.clint-box-2{
	width:50%;
	height:auto;
	float:left;
}

.inner img{
	width:98%;
    margin-left:6px;
}

#footer-inner{
	width:93%;
}




}
@media screen and (max-width: 700px) {


.logo{
	margin:auto;
	padding:49px 0px 49px 0px;}


}

 @media screen and (max-width: 651px) {

.email-detais p{
	width:100%;
	float:right;
	padding-top:190px;
	padding-left:100px;
}

.logo{
	margin:auto;
	padding:49px 0px 49px 0px;}



}


 @media screen and (max-width: 615px) {



}
 @media screen and (max-width: 640px) {
}
 @media screen and (max-width: 603px) {



}

 @media screen and (max-width: 594px) {



}


 @media screen and (max-width: 568px) {



 @media screen and (max-width: 550px) {

.footer-contact p{
	width:100%;
	float:left;
	text-align:center;
	padding:30px;
	letter-spacing:1px;
}

.footer-contact-2 p{
	width:100%;
	float:right;
	text-align:center;
	padding-top:0px;
	padding-bottom:20px;
	letter-spacing:1px;
}

}

 @media screen and (max-width: 502px) {

.logo{
	margin:auto;
	padding:29px 0px 29px 0px;}

}



}
 @media screen and (max-width: 460px) {

.footer-contact p{
	width:100%;
	font-size:14px;

}
.footer-contact-2 p{
	width:100%;
	font-size:14px;

}

.clint-box{
	width:100%;
	height:auto;
	float:left;
	margin-bottom:5px;
}

.clint-box-2{
	width:100%;
	height:auto;
	float:left;
}

.footer-contact p{
	width:100%;
	float:left;
	font-size:15px;
	text-align:center;
	padding:20px;
	letter-spacing:1px;
}

.footer-contact-2 p{
	width:100%;
	float:right;
	font-size:15px;
	text-align:center;
	padding-top:0px;
	padding-bottom:20px;
	letter-spacing:1px;
}



}
 @media screen and (max-width: 400px) {

}
 @media screen and (max-width: 360px) {

.footer-contact p{
	width:100%;
	float:left;
	font-size:14px;
	text-align:center;
	padding:20px;
	letter-spacing:1px;
}

.footer-contact-2 p{
	width:100%;
	float:right;
	font-size:14px;
	text-align:center;
	padding-top:0px;
	padding-bottom:20px;
	letter-spacing:1px;
}


}
 @media screen and (max-width: 320px) {
}
 @media screen and (max-width: 300px) {

.footer-contact p{
	width:100%;
	font-size:13px;

}
.footer-contact-2 p{
	width:100%;
	font-size:13px;

}

.logo{
	margin:auto;
	padding:21px 0px 21px 0px;}

.inner img{
	width:97%;
    margin-left:4px;
}

}

@media screen and (max-width: 240px) {


.footer-contact p{
	width:100%;
	font-size:12px;

}

.footer-contact-2 p{
	width:100%;
	font-size:12px;

}





}