body{font-size:13px;font-family: 'Didact Gothic', sans-serif;}
/*.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12{	position:inherit}*/
.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}
h2{	margin:0 0 5px 0;font-family: 'Muli', sans-serif;}
p{font-family: 'Didact Gothic', sans-serif;font-size: 15px;    line-height: 1.7em;    color: #555;}
.social{ margin:20px  0 10px 0; text-align:right}
.social a i{ text-decoration:none; font-size:1.2em; margin:0; padding:0;  line-height:30px }
.social a{ /*background-color:#C7363C;*/display:inline-block;margin-left:5px; width:30px; border-radius:50%; text-align:center; color:#666; }
.social a:hover{}
.carousel-control.right, .carousel-control.left{ background-image:none}
ul.nav li.dropdown:hover > ul.dropdown-menu {display: block;}
/* bar menu */
.navbar-inverse{background-image:none; border:0; background-color:#666;font-family: 'Didact Gothic', sans-serif;}
.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-family: 'Didact Gothic', sans-serif; letter-spacing:1px;}
.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; /*border-bottom:2px solid #564f4e;*/ color:#ccc}
.navbar-inverse .navbar-nav> li{border-right: 1px solid #d6d6d6;}
.ptitles{text-align:center;font-size:20px;padding-top: 10px; color:#30a0da }

.container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
    margin-right: -23px;
}

.heading{
	background-color:#FFF; padding-bottom:10px;
   	color: #8c8c8c;
    font-size: 15px;
    line-height: 1.7em;
    margin: .5em 0 0 0;
    font-family: 'Open Sans', sans-serif;

    }
    
   .head {padding-left:20px; padding-right:20px; color:#323232; padding-top:10px;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;}
   .head1 {padding-left:20px; padding-right:20px; color:#8c8c8c; }

.font ul li {
    border-bottom: 1px solid #ddd;padding:2px 10px 4px 10px
}
       
   .font span{color:#323232; }
 
 
 .menu ul{ margin:0; padding-left:10px; padding-top:5px }
.menu li{ list-style:none;  margin:5px; }
.menu a{ text-decoration:none; color:#323232}
.menu p{  margin-bottom:0; padding-top:8px; }
.menu img{ width:150px; height:120px}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 180px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}


.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

/*.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}*/

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: #ddd;
}

/*.elastislide-carousel ul li a img {
    display: block;
     border: 2px solid #d3ac67; 
   width:230px;
   height:200px;
}*/

/*.elastislide-carousel li{
    width: 33.3019%;
    max-width: 401px;
    max-height: 250pxx;
}*/

/*.navbar li:hover:nth-child(8n+1), .nav li.active:nth-child(8n+1){
  border-bottom: #C4E17F 3px solid;
}
.navbar li:hover:nth-child(8n+2), .nav li.active:nth-child(8n+2){
  border-bottom: #F7FDCA 3px solid;
}
.navbar li:hover:nth-child(8n+3), .nav li.active:nth-child(8n+3){
  border-bottom: #FECF71 3px solid;
}
.navbar li:hover:nth-child(8n+4), .nav li.active:nth-child(8n+4){
  border-bottom: #F0776C 3px solid;
}
.navbar li:hover:nth-child(8n+5), .nav li.active:nth-child(8n+5){
  border-bottom: #DB9DBE 3px solid;
}
.navbar li:hover:nth-child(8n+6), .nav li.active:nth-child(8n+6){
  border-bottom: #C49CDE 3px solid;
}
.navbar li:hover:nth-child(8n+7), .nav li.active:nth-child(8n+7){
  border-bottom: #669AE1 3px solid;
}
.navbar li:hover:nth-child(8n+8), .nav li.active:nth-child(8n+8){
  border-bottom: #62C2E4 3px solid;
}*/

.titles{font-family: 'Muli', sans-serif; font-size:60px;


        background-color: rgba(43, 40, 44, 0.8);
background: rgba(43, 40, 44, 0.8);
color: #fff;
  -moz-border-radius:1px;
  -webkit-border-radius:1px;
  padding-left:15px;
  padding-right:20px;
  padding:7px;
}


.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle {
   background-color:#30a0da;
}

.section-title {
    border-bottom: 1px solid #e1e6e9;
    /*margin-top: 60px;*/
    padding-top: 60px;
    padding-bottom: 60px;
    text-transform: uppercase;
    font-weight: 600;
}

.section-title:before {
    content: '';
    width: 180px;
    height: 3px;
    background: url(../img/t-left.png) no-repeat center;
    margin-bottom: 10px;
    margin-right: 15px;
    display: inline-block;
}

.section-title:after {
    content: '';
    width: 180px;
    height: 3px;
    background: url(../img/t-right.png) no-repeat center;
    margin-bottom: 10px;
    margin-left: 15px;
    display: inline-block;
}
/*.topnav2 .navbar-inverse .navbar-nav> li > a:hover:nth-child(8n+1), .nav li.active:nth-child(8n+1){
  border-bottom: red 3px solid;
}


.topnav2 .navbar-inverse .navbar-nav> li > a:hover:nth-child(8n+1), .nav li.active:nth-child(8n+2){
  border-bottom: green 3px solid;
}

.topnav2 .navbar-inverse .navbar-nav> li > a:hover:nth-child(8n+1), .nav li.active:nth-child(8n+3){
  border-bottom: Blue 3px solid;
}*/


.topnav2 .navbar-inverse{background-image:none; border:0; background-color:transparent}
.topnav2 .navbar{box-shadow:none; margin-bottom:0; min-height:40px; margin-bottom:10px}
.topnav2 .navbar-inverse .navbar-nav > li > a{color:#2c86b5; text-transform:uppercase; font-size:14px; text-shadow:0 0 0 ; /*background-color:#E0E0E0;*/ }
.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:#fff;  color:#135690; /*border-bottom:3px solid #C40001;*/ background-image:none; box-shadow:none;}

.dropdown-menu>li>a:hover{ background-color:#123F66; background-image:none; color:white;}


@media (min-width: 1200px) {
.navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav>li>a{padding:10px 10px} 
.topnav2 .navbar-inverse .navbar-brand, .topnav2 .navbar-inverse .navbar-nav>li>a{padding:0px 10px}
.navbar-nav {float:right}
}
/* Portrait tablet to landscape and desktop */
@media (max-width: 998px) {.navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav>li>a{padding:10px 3px}
    .navbar-nav {float:right}
}
@media (min-width: 768px) and (max-width: 979px) {
    /* .navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav>li>a{padding:10px 40px} */
    .navbar-nav {float:right}
}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {.navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav>li>a{padding:10px 3px}
                           .navbar-nav {float:left}
}
/* Landscape phones and down */
@media (max-width: 480px) {
    .navbar-nav {float:left}
}
section{}
section .container{padding:100px 0}


.title{ padding-top:20px;font-size:25px; padding-bottom:15px; text-align:center;}
/*.head{ text-align:center;}*/

.btns{
    background: #F1A436;
    border: none;
    padding: 0.7em 2.5em;
    margin: 1.2em 0 0;}

.btns default:hover{background-color:red;background-position:0 -15px}



.head-nav ul li a {
    color: #004985;
    text-decoration: none;
    padding: 0.5em 1.4em;
    display: block;
    text-transform: uppercase;
    font-size: 1em;
    margin: 0px 1px;
    
}

.header_top {
    padding: 4px 0 3px 0;
    /*font-family: 'Merienda One', cursive;*/
    font-size:14px;

}   





.top_left {
    float: left;
    /* font-family: 'Playfair Display',serif; */
    /*font-family: 'Comfortaa', cursive;*/
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
    letter-spacing: 1px;
    font-size: 14px;
}



top_left a {
    color: #fff;
    margin: 0 12px;
}


.top_bg {
    background:#fff;
    color:#272324;
    border-bottom:1px solid #ccc;
}




.products{
	text-align:center;
	background:#f0f0f0;
	padding: 4em 0;
}
.products-top {
	padding: 1em 0 3em;
}
.products-top h3{
	margin:0 0 0.5em;
	font-size:3em;
	color:#000;
	text-transform:uppercase;
}
.products-top p{
	margin:0 auto;
	font-size:1.1em;
	color:#636262;
	line-height:1.6em;
	width:70%;
}
.read p{
	margin: 0 auto;
	font-size: 1.2em;
	color: #FFF;
	width: 76%;
}
/*----*/
.view {
   overflow: hidden;
   position: relative;
   text-align: center;
   cursor: default;
}
.view .mask {
  position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
   height:250px;
   padding:2em 0;
}
.view img {
   display: block;
   position: relative;
}
.view h4 {
   text-transform: uppercase;
   color: #fff;
   text-align: center;
   position: relative;
   font-size: 35px;
   padding: 10px;
   background: rgba(0, 0, 0, 0.8);
   margin: 20px 0 0 0;
   text-decoration:none;
}
.view p {
   font-style: italic;
   font-size: 12px;
   position: relative;
   color: #fff;
   padding: 10px 20px 20px;
   text-align: center;
}
.view-tenth img {
   -webkit-transform: scaleY(1);
   -moz-transform: scaleY(1);
   -o-transform: scaleY(1);
   -ms-transform: scaleY(1);
   transform: scaleY(1);
   -webkit-transition: all 0.7s ease-in-out;
   -moz-transition: all 0.7s ease-in-out;
   -o-transition: all 0.7s ease-in-out;
   -ms-transition: all 0.7s ease-in-out;
   transition: all 0.7s ease-in-out;
}
.view-tenth .mask {
   /*background-color:#193149;opacity: 0.1;*/
   background-image:url('../img/hover.png');opacity: 0.1;
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   height: 100%;
   width: 100%;
}
.view-tenth h4 {
   /*border-bottom: 1px solid #E9C78C;*/
   background: transparent;
   margin:40px 40px 0px 40px;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   color: #353F8F;
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
 
   
}
.view-tenth p {
   color: #fff;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
}
.view-tenth.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
}
.view-tenth:hover img {
   -webkit-transform: scale(10);
   -moz-transform: scale(10);
   -o-transform: scale(10);
   -ms-transform: scale(10);
   transform: scale(10);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.view-tenth:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.view-tenth:hover h4,.view-tenth:hover p {
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.products-bottom {
	padding: 1em 0;
}


.services {
                margin: auto;
                padding: 0;
               
                text-align: center;
            }

                .services li {
                    float: left;
                    display: inline-block;
                    margin: 10px;
                    width: 208px;
                    text-align: center;
                    padding: 5px;
                    border: 1px solid #bfbfbf;
                    color:#333;
                }

                    .services li p {
                        font-size: 18px;
                        margin-top: 10px;
                       
                    }


                     .services li p:hover {
                        font-size: 18px;
                        margin-top: 10px;
                        color:#7F603D;
                       
                    }


                     .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 318px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);

}


.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}