body{ font-size: 16px;font-family: 'Roboto', sans-serif; }

.nailthumb-container{width:auto;height:auto;margin:0 0 11px;padding:0;overflow:hidden;position:relative;text-align:left}.nailthumb-container img.nailthumb-image{margin:0;padding:0;max-width:none;text-align:left;float:left}.nailthumb-container span.nailthumb-title{background:none repeat scroll 0 0 rgba(0,0,0,0.5);bottom:0;color:White;display:block;font-size:9px;height:20px;left:0;margin-top:2px;line-height:20px;position:relative;text-align:center;width:100%;overflow:hidden;float:left}.nailthumb-container span.nailthumb-title .nailthumb-title-scroller{padding-left:2px}.nailthumb-container img{max-width:none;text-align:left}

h1,h2,h3{font-weight: 300}
h2{ margin: 0;padding: 0;  text-transform: uppercase }
h2 b{color:#333}
a{transition: all .3s}
.carousel-control.right, .carousel-control.left{ background-image:none}
ul.nav li.dropdown:hover > ul.dropdown-menu {display: block;}

.navbar-inverse{background-image:none; border:0; background-color:#666}
.navbar{box-shadow:none; margin-bottom:0; min-height:40px; margin-bottom:10px}
.navbar-inverse .navbar-nav > li > a{color:white; text-transform:uppercase; font-size:14px}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>a:hover, .navbar-inverse .navbar-nav>a:focus,
.navbar-inverse .navbar-nav> li > a:hover { background-color:#555;  color:#ccc}
.navbar-inverse .navbar-nav> li{border-right: 0px solid #555;}
.topmenu{background-color: #fff}
.topnav2 .navbar-inverse{background-image:none; border:0; background-color:transparent}
.topnav2 .navbar{box-shadow:none; margin-bottom:0; min-height:40px; margin-bottom:0px}
.topnav2 .navbar-inverse .navbar-nav > li > a{color:#333; text-transform:uppercase; text-shadow:0 0 0 ; font-family: 'Roboto', sans-serif;font-size:15px;
font-weight: 400;letter-spacing: 1px; line-height: 15px; }
.topnav2 .navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>a:hover, .navbar-inverse .navbar-nav>a:focus,
.topnav2 .navbar-inverse .navbar-nav> li > a:hover { background-color:#FAA61A;  color:#fff;  background-image:none; box-shadow:none}

.navbar-brand {padding: 0}
.navbar-brand > img{height: 50px}

@media (min-width: 1200px) {
    .topnav2 .navbar-inverse .navbar-nav>li>a{padding:27px 15px}
}

@media (max-width: 998px) { .navbar-inverse .navbar-nav>li>a{padding:10px 60px} }
@media (min-width: 768px) and (max-width: 979px) {}

@media (max-width: 767px) {
    .navbar-inverse .navbar-nav>li>a{padding:10px 30px}
    .navbar-inverse .navbar-toggle .icon-bar{background-color:#333 }
    .topmenu{padding: 8px 0}
    .navbar-brand > img{height: 50px}
}



.dropdown-menu{background-color: #fff;}
.dropdown-menu>li>a{font-family: 'Oswald', sans-serif; font-size:13px;font-weight: 200;letter-spacing: 1px;padding: 15px 20px; text-transform: uppercase}
.dropdown-menu > li > a:hover {
    background-color: #FAA61A;
    color:#fff;
    background-image: none;
}

section{}
section .container{padding:100px 0}
.pageblank{}
.pageblank h2{ margin-bottom:20px}
.pageblank .separator{ border: 1px solid #ccc;width: 100px;margin: 10px auto ; }
.pageblank .separator:last-child{ margin-bottom: 50px;}

.zigcont{  text-align:center }
.zigcont a.more{border:1px solid #BD9D63;color:#BD9D63; display:inline-block; padding:7px 30px; margin-top:20px; text-decoration:none; }
.zigcont a.more:hover{background-color:#BD9D63; color:#fff; border:1px solid #BD9D63}

.zigcont .inner{ padding: 70px 25px 20px 25px; display: block}
.bgimg{background-size:auto 100%}

.pageblank .container-fluid{padding-left:0; }
.page{ padding: 150px 0 30px 0;color: #fff;position: relative; min-height: 300px}
.page h2{ margin-bottom:20px}
.separator{ border: 1px solid #fff;width: 100px;margin: 10px auto ; }
.page .separator:last-child{ margin-bottom: 50px;}
.banner{ padding: 0 30px; text-align: center}
.banner:hover, .banner:hover i{color:#000}
.banner:hover a{background-color:#333; border:2px solid #333; color:#fff}
.banner h3{ text-align: center;margin-bottom: 20px; padding: 10px 0}
.banner i{ text-align: center;font-size: 55px;margin: auto;display: block; color:#999}
.banner .btn1{ border: 2px solid #999;padding: 3px 30px;display: inline-block;color: #333;font-size: 12px;font-weight: bold; margin-top: 10px}
.slides-pagination{bottom: 20px}

.btn-b{ padding: 10px 30px;display: inline-block; background-color: #666;color: #fff;font-weight: 400;border: 0; text-transform: uppercase}
.btn-b:hover{ background-color: #ccc;color: #333; text-decoration: none}

.btn-g{ padding: 10px 30px;display: inline-block; background-color: #BD9D63;color: #fff;font-weight: 400;border: 0; text-transform: uppercase}
.btn-g:hover{ background-color: #ccc;color: #333; text-decoration: none}

.btn-r{ padding: 10px 30px;display: inline-block; background-color: #FC594B;color: #fff;font-weight: 400;border: 0; text-transform: uppercase}
.btn-r:hover{ background-color: #ddd;color: #FC594B; text-decoration: none}

.btn-w{ padding: 10px 30px;display: inline-block; background-color: #fff;color: #333;font-weight: 400;border: 0; text-transform: uppercase}
.btn-w:hover{ background-color: #333;color: #fff; text-decoration: none}

.social{ margin:30px  0 10px 0; text-align:center}
.social a i{ text-decoration:none; font-size:30px; margin:0; padding:0;  line-height:80px }
.social a{border:1px solid #ccc; display:inline-block;margin-left:5px; width:80px; border-radius:50%; text-align:center; color:#666 }
.social a:hover{ background-color: #ccc; color: #000}

input[type=text], textarea{ padding: 10px 10px;border-radius: 0 !important; margin-bottom: 10px}
input[type=text]{height: 45px}

.clients li{text-align: center}
.clients li img{filter: url("data:image/svg+xml;utf8,<svg xmlns=''><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;
  
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;

  width: 200px
}
.clients li img:hover {
        filter: url("data:image/svg+xml;utf8,<svg xmlns=''><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0'/></filter></svg>#grayscale");
        -webkit-filter: none;
        filter: none;
}

.team{ margin: 0;padding: 0; list-style: none}
.team li{ float: left;width: 25%;}
.team li div{margin: 10px;padding: 10px; background-color: rgba(255, 255, 255, .5);color: #333; text-align: center}
.team li img{ width: 100%; margin-bottom: 10px}
.team p{  margin-top:10px} 
.team em{font-size:15px} 

.gallery{ margin: 0;padding: 0; list-style: none}
.gallery li{ float: left;width: 33%;}
.gallery li div{margin: 10px;padding: 10px; background-color: rgba(255, 255, 255, .5);color: #333; text-align: center}
.gallery li img{ width: 100%; margin-bottom: 10px}
.gallery p{ font-weight: 700; margin-bottom: 0} 
.gallery em{font-size:15px} 

figure {
    margin: 15px;
    padding: 0;
    height: 200px;
    position: relative;
    display: block;
    cursor: pointer;
    overflow: hidden;
    border: 3px solid #fff;
}

figure:hover figcaption {
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: alpha(opacity=100);
    opacity: 1;
    top: 0;
}

figcaption {
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    filter: alpha(opacity=0);
    opacity: 0;
    position: absolute;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,.5);
    color: #fff;
    -webkit-transition: all .9s ease;
    -moz-transition: all .9s ease;
    -o-transition: all .9s ease;
    -ms-transition: all .9s ease;
    transition: all .9s ease;
    -webkit-transition-delay: .5s;
    -moz-transition-delay: .5s;
    -o-transition-delay: .5s;
    -ms-transition-delay: .5s;
    transition-delay: .5s;
}

figure img {
    -webkit-transition: all 1.5s;
    -moz-transition: all 1.5s;
    -o-transition: all 1.5s;
    -ms-transition: all 1.5s;
    transition: all 1.5s;
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    -o-transition-delay: .3s;
    -ms-transition-delay: .3s;
    transition-delay: .3s;
}

figure:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

figcaption h3 {
    font-weight: 400; 
    padding: 5px 20px;
    margin-bottom: 0;
    position: relative;
    righ: 100%;
    margin-top: 17px;
    font-size: 30px;
}

figcaption p {   
    padding: 5px 20px;
    margin-bottom: 0;
   
    position: relative;
    left: 100%;
    font-size: 13px;
}

figure:hover h3,figure:hover p {
    left: 0;
}

figcaption a {
    color: #fff;
    border: 2px solid #fff;
    padding: 4px 10px;
    text-decoration: none;
    margin-top:10px; display:inline-block
}

figcaption a:hover {
    color: #4f5856;
    background: #fff;
}

.gallery img {
    width: 100%;
}

.services{}
.services h3{margin:0 0 10px 0; padding:0; text-transform:uppercase; font-size:20px; font-weight:400}
.services .col-xs-4{padding-right:0; text-align:center }
.services .row{margin-bottom:20px}
.services i{color:#333; font-size:50px}
.services img{width:60px; margin:auto}

.topmenu{}

.navbg .container{background-color:rgba(255,255,255,.6)}
.navbg a{color:#333 !important}
.navbg li a:hover, .navbg li.active a{color:#999 !important}

.homebox{}
.homebox .col-sm-6 div{padding:30px; font-size:18px}
.block1{color:#333}
.block2{color:#fff}
.block2 a{color:#6B4D0B; text-decoration:none}
.block1 a{color:#999; text-decoration:none}

.is-sticky{z-index:300!important; position:absolute}
.is-sticky .topmenu .container{ background-color:#333 }

.menu {

	border-bottom: 0;
	letter-spacing: 1px;
	background: 0 0;
	-webkit-transition: background .5s ease-in-out, padding .5s ease-in-out;
	-moz-transition: background .5s ease-in-out, padding .5s ease-in-out;
	transition: background .5s ease-in-out, padding .5s ease-in-out;
}
.menu-collapse {padding: 5px 0;background: #000;}

#about .col-sm-6{padding:0}
#about .content{padding:30px}

.footericon{text-align:center; margin:70px 0}
.footericon b, .footericon i, .footericon em{display:block}
.footericon i{font-size:50px; color:#BD9D63; margin-bottom:20px} 
.footericon b{margin-bottom:20px} 

.section{}
.section h2{text-align:center}

.prodtypes{margin:0; padding:0; list-style:none}
.prodtypes li{width:25%; float:left; text-align:center; }
.prodtypes i{display:block; margin-bottom:20px; font-size:30px; color:#BD9D63}
.prodtypes a{color:#333; display:block;border:1px solid #fff;margin:20px 0  0 0; padding:20px 0}
.prodtypes a:hover{background-color:#eee; border:1px solid #ddd; text-decoration:none}

.servicestypes{margin:0; padding:0; list-style:none}
.servicestypes li{width:50%; float:left;  text-align: left}
.servicestypes i{  font-size:30px;color: #BD9D63; margin-right: 15px}
.servicestypes a{color:#333; display:block;border:1px solid #fff;margin: 0; padding:10px}
.servicestypes a:hover{background-color:#eee; border:1px solid #ddd; text-decoration:none}

.locations{margin:30px 50px; padding:0;list-style: none; text-align: center}
.locations li{width:14%;  text-align:center; display:inline-block}
.locations li img{width:100%;border-radius: 50%; margin-bottom: 20px}
.locations a{color:#333; display:block;margin:20px 0  0 0; padding:10px 20px}
.locations a:hover , .locations a:hover img{  text-decoration:none; opacity: .6 ;  transition: all .5s}
.locations a em{color: #BD9D63}


.portfolio{margin:0px 50px; padding:0;list-style: none; text-align: center}
.portfolio li{width:25%;  text-align:center; display:inline-block}
.portfolio li img{width:100%; }
.portfolio a{color:#333; display:block;margin:10px 0  0 0; padding:15px ; text-transform: uppercase}
.portfolio a:hover , .portfolio a:hover img{  text-decoration:none; opacity: .9 ;  transition: all .5s}
.portfolio a em{color: #BD9D63}
.portfolio .title{ padding: 15px 5px 5px 5px ; }

@media(max-width:767px) {
    .portfolio {margin: 0}
    .portfolio li{width:100%;  text-align:center; display:inline-block}
    #slider1_container {
        height: 300px; overflow: hidden
    }

    .homeContent h2{ font-size: 25px; line-height: 150%}
}

.caption{position: absolute; top: 80%; left: 50px;font-size: 3.5em;color: #fff;background-color:rgba(255, 255, 255, 0.4);
    padding:1px 10px;font-weight: 300; border-radius:5px

}

.more{color:#999; border:1px solid #ccc; padding: 8px 30px}

.footernav{ margin: 0;padding: 0;list-style: none; float:right}
.footernav li{float: left}
.footernav li a{ margin: 0 10px; color:#ccc}
.footernav li a:hover{ color: #fff; text-decoration: none}

.proj-grid { padding: 0; margin: 0; list-style: none}

.proj-grid li a{ display: block; padding: 15px;}
.proj-grid li img{ width: 100%;}
.proj-grid li :nth-child(3n+1){clear:both}

@media(min-width:768px ) {
    .proj-grid li{ float: left; width: 33%}
}