@charset "utf-8";

/*--------------------------------------------- */
@font-face {
	font-family: 'Lato-Regular';
	src: url('fonts/Lato-Regular.eot') format('EOT'), 
	url('fonts/Lato-Regular.woff') format('WOFF'),
	url('fonts/Lato-Regular.woff2') format('WOFF2'), 
	url('fonts/Lato-Regular.svg') format('SVG'),
	url('fonts/Lato-Regular.ttf') format('truetype'), 
	url('fonts/Lato-Regular.otf') format('opentype');
}
@font-face {
	font-family: 'Lato-Bold';
	src: url('fonts/Lato-Bold.eot') format('EOT'), 
	url('fonts/Lato-Bold.woff') format('WOFF'),
	url('fonts/Lato-Bold.woff2') format('WOFF2'), 
	url('fonts/Lato-Bold.svg') format('SVG'),
	url('fonts/Lato-Bold.ttf') format('truetype'), 
	url('fonts/Lato-Bold.otf') format('opentype');
}
@font-face {
	font-family: 'Lato-Light';
	src: url('fonts/Lato-Light.eot') format('EOT'), 
	url('fonts/Lato-Light.woff') format('WOFF'),
	url('fonts/Lato-Light.woff2') format('WOFF2'), 
	url('fonts/Lato-Light.svg') format('SVG'),
	url('fonts/Lato-Light.ttf') format('truetype'), 
	url('fonts/Lato-Light.otf') format('opentype');
}
@font-face {
	font-family: 'Lato-Semibold';
	src: url('fonts/Lato-Semibold.eot') format('EOT'), 
	url('fonts/Lato-Semibold.woff') format('WOFF'),
	url('fonts/Lato-Semibold.woff2') format('WOFF2'), 
	url('fonts/Lato-Semibold.svg') format('SVG'),
	url('fonts/Lato-Semibold.ttf') format('truetype'), 
	url('fonts/Lato-Semibold.otf') format('opentype');
}
@font-face {
	font-family: 'Lato-Black';
	src: url('fonts/Lato-Black.ttf') format('truetype');
}
@font-face {
	font-family: 'Montserrat-Regular';
	src: url('fonts/Montserrat-Regular.eot') format('EOT'), 
	url('fonts/Montserrat-Regular.woff') format('WOFF'),
	url('fonts/Montserrat-Regular.woff2') format('WOFF2'), 
	url('fonts/Montserrat-Regular.svg') format('SVG'),
	url('fonts/Montserrat-Regular.ttf') format('truetype'), 
	url('fonts/Montserrat-Regular.otf') format('opentype');
}
@font-face {
    font-family: 'FontAwesome';
    src: url('fonts/fontawesome-webfont.eot?v=4.7.0');
    src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), 
    url('fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), 
    url('fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), 
    url('fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), 
    url('fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
body, html{
	font-family: 'Lato-Regular';
	top:0;
	color:#353535;
}
a{  
	color:#5d160c;
}
a:hover{ 
	color:#aaa;
	text-decoration:none;
}
a:focus{ outline:0; text-decoration:none;}
body, p, ul, li, h1, h2, h3, h4{ 
	padding:0; 
	margin:0;
}
.fltLeft{
	float:left;
}
.fltRight{ 
	float:right; 
}
.imgLeft {
	float: left;
	margin: 7px 11px 20px 0;
}
.imgRight {
	float: right;
	margin: 0 0 0 0px; 
}
strong,b{font-family: 'Lato-Bold'; font-weight:normal;}
.wrapper{ width:100%; position:relative; overflow:hidden;}
h1{ font-size:40px; margin-bottom:40px; background:url(../images/line.png) no-repeat bottom; line-height: 1.2; padding-bottom: 15px; letter-spacing: 8px;}
h3{ font-family: 'Lato-Bold'; font-weight:normal; font-size:25px; color:#4f1d13; padding-bottom: 15px; margin:0 0 15px 0; letter-spacing: 0.5px; text-transform: uppercase;background:url(../images/line.png) no-repeat bottom; text-align: center;}
h5{ font-size:20px; color:#4f1d13; margin:0;}
h6{ font-family: 'Lato-Bold'; font-weight:normal; font-size:18px; color:#fff; margin:0; text-transform: uppercase;}
h1,h5{ text-align:center;}

.slides-container img{ position:relative;}
.navbar-default{
	position: absolute;
    z-index: 999;
    width: 100%;
    top: 120px;
    border-radius: 0;
	background:rgba(76,30,16,0.7);
	border-color:#734e43;
	border-left:0;
	font-family: 'Montserrat-Regular';
	letter-spacing:3px;
}
.navbar{ min-height:auto;}
.navbar-nav{ width:100%; text-align:center;}
.navbar-nav li{float:none; display:inline-block;}
.nav > li > a{ padding:12px 18px;}
#nav.affix { position: fixed; top: 0; width: 100%; background:rgba(76,30,16,0.9);}
#slides .caption {
    position: absolute;
    top: 0;
    z-index: 99;
    text-align: center;
    width: 100%;
	height:100%;
    background: rgba(0,0,0,0.1);
}
#slides .caption,#slides a,.navbar-default .navbar-nav > li > a{color:#fff;}
#slides a:hover,.navbar-default .navbar-nav > li > a:hover{color:#fff5c9;}

.lgo{ margin:15% 0 0; background:url(../images/yg-logo.svg) no-repeat center; width:100%; height:320px;}
.text{ font-size:17px; line-height:1.1;}
.text span{ font-size:43px; display:block; color:#fff5c9;}
.text b{ font-size:24px;}
.text p{font-family: 'Lato-Regular'; letter-spacing:10px; margin-bottom:30px; background:url(../images/line1.png) no-repeat bottom; height:1px; padding-bottom:30px;}

.text-abt {font-family: 'Lato-Regular'; text-align: center; font-size: 17px; line-height: 28px;}
p {margin-bottom: 25px;}
strong.tyg-title {font-family: 'Lato-Bold'; font-size: 18px;}

.pro-but {padding: 20px 55px; text-align: center; font-family: 'Lato-Bold'; font-size: 16px; color: #fff; text-transform: uppercase; background: #BF1E2E;}
.pro-but:hover { background: #4f1d13; color: #fff;}

.locations{ margin-top:110px;}
.locations h4{ padding-bottom:40px; font-size:22px;}
.locations li{ display:inline-block; font-size:15px;}
.locations li a {
    border: 1px solid #fff;
    padding: 13px 20px;
    margin: 0 10px;
	text-transform:uppercase;
	letter-spacing:2px;
	font-family: 'Montserrat-Regular';
}
.locations li a:hover{ background: #3e1a0d;}
.text,.locations h4{text-transform:uppercase; font-family: 'Lato-Bold'; letter-spacing:3px; margin-top: 8px;}
.dwnArw {
    position: absolute;
    top: 85%;
    width: 100%;
    text-align: center;
    margin-left: 0 !important;
	z-index:999;
}

.wc-txt{ background:#fef3da; padding:60px 0 100px; font-size:16px; text-align: center;}
.wc-txt p{ margin-bottom:30px;}

.dis-txt{ padding:30px 30px;}

.top-margin {margin-top: 45px;}

.bdr img{ width:100%; margin:0 auto; height:44px;}

.div-services{ padding:80px 0; font-size:15px;}
.div-services span{ display:block; font-family: 'Lato-Black'; font-size:16px; margin-top:15px;}
.img{ margin:45px auto 0;}
.txt{ margin-bottom:100px; text-align: center;}

.div-team{ background:url(../images/team-bg.jpg) repeat-x; padding:50px 0 70px;}
.div-team img{ margin:0 auto; height:225px; width:225px;}
.txt1{ background:url(../images/bdr3.jpg) no-repeat top center; margin-top: 29px; padding: 30px 20px;}
.div-team .carousel-indicators .active{ background:#4f1d13;}
.div-team .carousel-indicators li{ border-color:#4f1d13;}
.div-team .carousel-indicators li,.div-team .carousel-indicators .active{ height:14px; width:14px; margin:0 2px;}
.div-team  .carousel-indicators { bottom: -35px;}

footer .bdr{background:url(../images/arw.png) no-repeat top center; height:20px; width:100%;}
.ftr-top{background:url(../images/ftr-bg.jpg) no-repeat; background-size:cover; font-size:16px; line-height:2;}
.ftr-top strong,.div-team strong{ font-size:18px; display:block;}
.ftr-top strong{ margin-bottom:6px;}
.ftr-top h5{ color:#ffecc0;}
.ftr-top h1,.ftr-top,.ftr-top a{ color:#fff;}
.ftr-top a { color:#ffecc0;}
.ftr-top a:hover{ color:#fff;}
.ftr-top h1{background:url(../images/line2.png) no-repeat bottom;}
.ftr-top .text-center{ padding:50px 0;}
.ftr-top img{ width:6%;}
.ftr-top span{ letter-spacing:3px;}
.ftr-top p {margin-bottom: 0;}
.fa-map-marker{ font-size:18px;}
.fa-phone { transform: rotate(-90deg);}
.fa-mobile {font-size: 22px;}
.fa-envelope { font-size: 13px;}
footer p .fa{ padding-right:5px;}

.ftr-btm{ padding:30px 0;}
.ftr-btm,.ftr-btm a{ color:#2b2b2b; font-size: 13px;}
footer a:hover{color:#5d160c;}

h1,h5,.ftr-top span,.bttn{font-family: 'Lato-Bold';}
h1,h5,.div-services span,.navbar-default,.ftr-top span{text-transform:uppercase;}
.wc-txt p:last-child, .txt:last-child{ margin-bottom:0;}
#arw-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
}
.bttn{ background:#ffecc0; color:#333 !important; padding:15px 30px; cursor:pointer; font-size:18px;}
.bttn:hover{ background:#ddd;}


/*portfolio**/
.div-port{ padding:50px 0; text-align:center;}
.div-port img{ margin:10px 0 5px;}
.banner img{ position:relative;}
.cap-small {
    position: absolute;
    top: 15%;
    font-size: 50px;
    width: 100%;
    padding-top: 5%;
    height: 100%;
    text-align: center;
    font-family: 'Lato-Bold';
    text-transform: uppercase;
    letter-spacing: 6px;
    text-shadow: 0 1px 0 #333;
}
.cap-small h5,.cap-small { color:#fff;}
.cap-small h1{background:url(../images/line2.png) no-repeat bottom;}
/**/


@media(max-width:767px){
	.lgo{ margin:25% 0;}
	.text{ font-size:14px;}
	.text p{ letter-spacing:5px;}
	.text span{ font-size:24px;}
	.text b,.locations h4{ font-size:16px;}
	.locations{ margin-top:20px;}
	.locations li,.locations li a{ display:block; margin-bottom:3px;}
	.locations li a{ font-size:11px; padding:8px;}
	.locations h4{ padding-bottom:5px;}
	.dwnArw{ display:none;}
	.div-services .text-right{ text-align:left;}
	h1{ font-size:28px; margin-bottom:15px;}
	.img { margin: 0;}
	.txt { margin-bottom: 15px;}
	.div-team{ background:#eeeeed;}
	.txt1{ background:none; margin-top:0; padding:15px;}
	.div-team .carousel-indicators { bottom: -15px;}
	.ftr-top img { width: 10%;}
	
	.ftr-btm,.ftr-btm .text-right{ text-align:center;}
	.wc-txt,.div-services,.div-team,.ftr-top .text-center{ padding:20px 15px;}
	.wc-txt img {width:auto; margin-bottom: 30px;}
	.img{ display: none;visibility: hidden;}
	.top-margin {margin-top: 0;}
	#arw-top {display: none; visibility: hidden;}
	.pro-but {padding: 10px 25px;}
}
@media(min-width:768px) and (max-width:991px){
	.locations li,.locations li a{ display:block; margin-bottom:6px; }
	.locations li a{padding:8px;}
	.lgo { margin: 30px 0;}
	.locations { margin-top: 30px;}
	.locations h4 { padding-bottom: 15px;}
	.text b,.locations h4{ font-size:18px;}
	.text p{ margin-bottom:10px;}
	
	.nav > li > a { padding: 10px;}
	.text span{ font-size:30px;}
	.div-team img{ height:158px; width:158px;}
	.txt1 { background: none; margin-top: 0; padding: 0;}
	.ftr-top img { width: 10%;}
	.wc-txt,.div-services,.div-team,.ftr-top .text-center{ padding:30px 0;}
	#arw-top {display: none; visibility: hidden;}
}
@media(min-width:992px) and (max-width:1299px){
	.lgo { margin: 40px 0 50px;}
	.locations { margin-top: 30px;}
	.locations li a{ font-size:11px; padding:8px 12px;}
	.locations h4 { padding-bottom: 15px;}
	.div-team img{ height:200px; width:200px;}
	.txt1{ margin-top:55px; padding:25px 0;}
	#arw-top {display: none; visibility: hidden;}
}