body{font-family: 'Josefin Sans', 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: 'Josefin Sans', sans-serif;}
h1{font-family: 'Josefin Sans', sans-serif;}
.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 i {
    text-decoration: none;
    font-size: 20px;
    margin: 0;
    padding: 0;
    line-height: 29px;
}
.social a {
    background-color: #7b3246;
    display: inline-block;
    margin-left: 5px;
    width: 32px;
    border-radius: 50%;
    text-align: center;
    color: white;
    border: 1px solid #555;
}


/*----SubMenu---*/


.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;
}




.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #28090f;
    white-space: nowrap;
    /*background-color:#7b3246;*/
}

/*.dropdown-menu>li>a:hover {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #fff;
    white-space: nowrap;
    background-color:#7b3246;
}*/



        
/*----SubMenu---*/



a:focus, a:hover {
    color: #FFF;
    text-decoration: none;
}

.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;
}
/*.social a{ background-color:#dc0507;display:inline-block;margin-left:5px; width:30px; border-radius:50%; text-align:center; color:white }*/
.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:#023c4b;}
.navbar{box-shadow:none; margin-bottom:0; min-height:15px;}
.navbar-inverse .navbar-nav > li > a{color:#333; 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:#045B71;  color:#E91E63}
.navbar-inverse .navbar-nav> li{border-right: 1px solid #af5870}

.topnav2 .navbar-inverse{background-image:none; border:0; background-color:transparent}
.topnav2 .navbar{box-shadow:none; margin-bottom:0;}
.topnav2 .navbar-inverse .navbar-nav > li > a{color:#1e1b1c; text-transform:uppercase; font-size:12px; text-shadow:0 0 0 ;  }
.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:transparent;  color:#af5870; /*border-bottom:3px solid #C40001;*/ background-image:none; box-shadow:none}

@media (min-width: 1200px) {
.navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav>li>a{padding:8px 77px} 
.topnav2 .navbar-inverse .navbar-brand, .topnav2 .navbar-inverse .navbar-nav>li>a{padding:0 25px}
}
/* Portrait tablet to landscape and desktop */
@media (max-width: 998px) {.navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav>li>a{padding:10px 60px} }
@media (min-width: 768px) and (max-width: 979px) {/* .navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav>li>a{padding:10px 40px} */}
 Landscape phone to portrait tablet 
@media (max-width: 767px) 
 {
     .navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav>li>a
         {padding:10px 30px} 
         }
/* Landscape phones and down */
@media (max-width: 480px) { }

section{}
section .container
{
    /*padding:100px 0;*/

}

.title span{font-weight:bold; text-align:center; font-size:18px;color:#5e3d19; font-style:italic}
.titles span{font-weight:bold; text-align:center; font-size:16px;color:#5e3d19; font-style:italic}
.text{ font-weight:bold; text-align:center; font-size:16px; color:#5e3d19; font-style:italic;}


.decoration{ font-size:10px; text-align: center;}


.box{ margin-left:10px;margin-right:10px; margin-top:5px; margin-bottom:5px; font-weight:bold; color:#5e3d19;}

.tensize{ font-size:10px;color:#5e3d19; font-style:italic; font-weight:bold;}
.fsize{font-size:11px;color:#5e3d19;}

.list-menu{ margin:0;padding:0}
.list-menu li{ margin-bottom:10px}
.list-menu li a{}

.sticky {
    width: 300px;
    color: #fff;
    font-size: 2em;
    border-radius: 0.5ex;
}
.sticky.stick {

    position: fixed;
    top: 0;
    z-index: 10000;
    border-radius: 0 0 0.5em 0.5em;
}

.hading{
	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 {  color:#323232; padding-top:10px;
   
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;}
   .head1 {padding-left:20px; padding-right:20px; color:#8c8c8c; }
   
   
   .welcome h2{
    font-size: 40px;
    color: #323232;
    margin: 0;
    font-weight: 300;
	font-family: 'Open Sans', sans-serif;
	 text-align:center



}



.welcome {
    background: #FFF;
   }
   

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


.cl-effect-1 a::before,
.cl-effect-1 a::after {
	display: inline-block;
	opacity: 0;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
	-moz-transition: -moz-transform 0.3s, opacity 0.2s;
	transition: transform 0.3s, opacity 0.2s;
}

.cl-effect-1 a::before {
	margin-right: 10px;
	content: '[';
	-webkit-transform: translateX(20px);
	-moz-transform: translateX(20px);
	transform: translateX(20px);
}

.cl-effect-1 a::after {
	margin-left: 10px;
	content: ']';
	-webkit-transform: translateX(-20px);
	-moz-transform: translateX(-20px);
	transform: translateX(-20px);
}

.cl-effect-1 a:hover::before,
.cl-effect-1 a:hover::after,
.cl-effect-1 a:focus::before,
.cl-effect-1 a:focus::after {
	opacity: 1;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	transform: translateX(0px);
}

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

body a{
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}

h3{ font-size:17px; color:#fff}


.gallery ul{ margin:0; padding:0; }
.gallery li{ list-style:none; display:inline-block; border: 1px solid #ddd; margin:6px; }
.gallery a{ text-decoration:none; color:#fff}
.gallery p{ /*background-color:#ddd; */margin-bottom:0; padding-top:8px; padding-bottom:8px}
.gallery img{ width:210px; border-radius:5px; text-align:}

 
 
 
.tab ul{ margin:0; padding:0; color :#634848; float:left}
			.tab li{ list-style:none;  margin:15px; border-bottom:1px solid #fff; padding-bottom:8px;}
			.tab a{ text-decoration:none; color:#fff}
			.tab p{ background-color:#019E7B; margin-bottom:0; padding-top:8px; padding-bottom:8px; text-align:center; color:#fff; border-radius:2px; font-size:16px;}
			
			
			li:hover{ color:#fff}
			
			
		

.btn-default:hover {
    color: #fff;
    background-color: #de080f;
    /* border-color: #ccc; */
}

.banner{}
.banner .col-sm-3{ margin-bottom:20px}
.banner h2{ text-align:center; font-size:18px; padding:10px 0}
.banner p{text-align:center}
/*.banner img{ width:400px; border-radius:5px; text-align:}*/
.banner a{ display:inline-block;border:4px solid #eee;color:#333; padding:10px 0}
.banner a:hover{ border:1px solid #811341; text-decoration:none; color:#333}
.view{background-color:#880120; color:#fff; text-align:center; padding:3px 10px; }

{
    color: #FFFFFF;
    text-decoration: none;
}
/*.btn{background-color:#de080f;color:white; font-size: 13px;  float:left; border:none; text-decoration:none;}*/

.hh2{font-size: 22px;    margin-left: -17px;
    padding-bottom: 5px;}

a {
    color: #276a7a;
    text-decoration: none;
}
#shoe{
    background: url(../img/shoebanner.jpg) no-repeat center center fixed; 
    width:100%;
    /*position:absolute;
    z-index:999;*/
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

}

.heading{
	/*background-color:#FFF;*/ padding-bottom:10px;
   	color: #4E4C4C;
    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:#c7c1c1; padding-top:10px;
   
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;}
   .head1 {padding-left:20px; padding-right:20px; color:#8c8c8c; }

    .menu ul{ margin:0; padding-left:10px; padding-top:5px }
.menu li{ list-style:none;  }
.menu a{ text-decoration:none; color:#b7b1b1}
.menu a:hover{ text-decoration:none; color:#d9251d}
.menu p{  margin-bottom:0; padding-top:8px; }
.menu img{ width:150px; height:120px}
.menu ul{ margin:0; padding-left:10px; padding-top:5px }
   .head1 {padding-left:20px; padding-right:20px; color:#8c8c8c; }

   .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;
}






/*==================================================================================================================*/





@media(min-width:767px) 
{
    #contactus-img 
    {
        margin-top:-50px!important;
    }
}

.footer1
{
    padding-top:20px;padding-bottom:12px;border-top: 3px solid #959595; background-color:#5a5658;
}








.hovereffect {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
  background:#fff;
}

.hovereffect .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  background-color: rgba(0,0,0,0.5);
  -webkit-transition: all 0.4s cubic-bezier(0.88,-0.99, 0, 1.81);
  transition: all 0.4s cubic-bezier(0.88,-0.99, 0, 1.81);
}

.hovereffect img {
  display: block;
  position: relative;
  -webkit-transition: all 0.4s cubic-bezier(0.88,-0.99, 0, 1.81);
  transition: all 0.4s cubic-bezier(0.88,-0.99, 0, 1.81);
}

.hovereffect h2 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  position: relative;
  font-size: 17px;
  background: rgba(0,0,0,0.6);
  -webkit-transform: translatey(-100px);
  -ms-transform: translatey(-100px);
  transform: translatey(-100px);
  -webkit-transition: all 0.4s cubic-bezier(0.88,-0.99, 0, 1.81);
  transition: all 0.4s cubic-bezier(0.88,-0.99, 0, 1.81);
  padding: 10px;
}

.hovereffect a.info {
  text-decoration: none;
  display: inline-block;
  text-transform: uppercase;
  color: #fff;
  border: 1px solid #fff;
  background-color: transparent;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  margin: 100px 0 0;
  padding: 7px 14px;
}

.hovereffect a.info:hover {
  box-shadow: 0 0 5px #fff;
}

.hovereffect:hover img {
  -ms-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}

.hovereffect:hover .overlay {
  opacity: 1;
  filter: alpha(opacity=100);
}

.hovereffect:hover h2,.hovereffect:hover a.info {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-transform: translatey(0);
  -webkit-transform: translatey(0);
  transform: translatey(0);
}

.hovereffect:hover a.info {
  -webkit-transition-delay: .2s;
  transition-delay: .2s;
}
.hovereffect h3 {
	    background-color: #000;
    color: #fff;
    padding: 6px;
    margin-bottom: 0px;
    font-family: 'Lato', sans-serif;
}

/*.btn-default{
    display: inline-block;
    padding: 8px 20px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 0px;
    background-color: #000;
    margin-top:15px;
    float:right;
}
.btn-default:hover
{
    background-color:#000;
    border:1px solid #fff;
}*/
.primary{
    display: inline-block;
    padding: 8px 20px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 0px;
    background-color: #ba1c14;
    margin-top:15px;
    color:#fff;
}
.primary:hover
{
    background-color:#000;
    border:1px solid #fff;
}

.carousel-inner .active.left { left: -25%; }
.carousel-inner .next        { left:  25%; }
.carousel-inner .prev		 { left: -25%; }
.carousel-control 			 { width:  4%; }
.carousel-control.left,.carousel-control.right {margin-left:15px;background-image:none;}