/*

Red: #AC162C;



*/

@import url("//hello.myfonts.net/count/30e8f3");


@font-face {font-family: 'FFDINWebProBold';src: url('..fonts/din/30E8F3_0_0.eot');src: url('../fonts/din/30E8F3_0_0.eot?#iefix') format('embedded-opentype'),url('../fonts/din/30E8F3_0_0.woff2') format('woff2'),url('../fonts/din/30E8F3_0_0.woff') format('woff'),url('../fonts/din/30E8F3_0_0.ttf') format('truetype');}


@font-face {font-family: 'FFDINWebPro';src: url('..fonts/din/30E8F3_1_0.eot');src: url('../fonts/din/30E8F3_1_0.eot?#iefix') format('embedded-opentype'),url('../fonts/din/30E8F3_1_0.woff2') format('woff2'),url('../fonts/din/30E8F3_1_0.woff') format('woff'),url('../fonts/din/30E8F3_1_0.ttf') format('truetype');}



html,
body {
    height: 100%;
    color: #636466;
    font-size: 24px;
    font-family: 'FFDINWebPro'
}

@media (min-width: 768px) {
    .container {
        width: 100%;
    }
}
@media (min-width: 992px) {
    .container {
        width:  100%;
    }
}
@media (min-width: 1920px) {
    .container {
        width: 1920px;
    }
}


.btn{
    font-size: inherit;  
}
.navbar-toggle{
    background: none;

}

.navbar-toggle .icon-bar{
    background: #fff;  
    width: 30px;
    border-radius:0;
    margin-bottom: 10px;
}

.form-control, .btn{
    border-radius:0;
    box-shadow: none;
}

.alert, .modal-content {
    border-radius:0;
}

.form-control{
    font-size: inherit;  
    height: 40px;
    font-family: "Helvetica Neue",​Helvetica,​Arial,​sans-serif;
}

.form-control::-webkit-input-placeholder { font-size: 20px; font-family: 'FFDINWebPro';  }
.form-control:-moz-placeholder { font-size: 20px;  font-family: 'FFDINWebPro';  }
.form-control::-moz-placeholder { font-size: 20px;  font-family: 'FFDINWebPro';  }
.form-control:-ms-input-placeholder { font-size: 20px;  font-family: 'FFDINWebPro';  }

.btn.btn-primary{
    background: #AC162C; background: #000;
    border: none;
    text-align: left;
    font-weight: bold;
}
.btn.btn-primary:hover{
   background: #333; 
}
.no-padding{
    padding: 0;
}
.full-width{
    width:100%;
}
.red-text{
    color: #AC162C; color: #000;
}

a{
    color:#AC162C;
    color: #000;
    outline : none!important;
}

a:hover{
  color: #333;   
}


h1, h2, h3 {
    color: #AC162C; color: #000;
}
h1{
    font-size: 28px;  
}

h2{
    font-size: 24px;  
}

h3{
    font-size: 24px;  
}

.form-control{
    font-size: 16px;
    padding: 8px 12px;
}

.back-to-top{
    display: block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: 'FontAwesome';
    font-size: 20px;
    width: 35px;
    height: 35px;

    border: 1px solid #929294;
    text-align: center;
    -moz-border-radius: 100px;
    border-radius: 100px;
    color: inherit;
    float: right;
    margin-right: -40px;

}
.back-to-top:hover{
    text-decoration: none;
}
.back-to-top:after{
    font-family: 'FontAwesome';
    content: "\f077";
}
/*-----------------------
  main Nav
-------------------------*/
.main-menu.navbar{
    padding: 15px 0 15px 0;
    background: none;
    margin: 0 0 20px 0;
    font-family: 'FFDINWebPro';
    border-radius: 0;

}

.layout-full .main-menu.navbar{
    background: #636466;
    background: #000;
}

.navbar-brand {
    height: auto;
    padding:8px 70px 0 0;
}
.navbar-brand img{
    height: 75px;
    margin-left: 15px;
}

.main-menu.navbar li{
    padding: 27px 0 0 10px;
    font-size: 32px;

    color: #A2A2A3; 
}

.main-menu.navbar li:first-child{
    padding-left: 0;
}

.main-menu.navbar li a{
    color: #A2A2A3; 
}

.main-menu.navbar li a:focus{
    text-decoration: none;
}

.main-menu.navbar li > a:hover, .main-menu.navbar li.current-menu-item > a{
    text-decoration: none;
    color:  #fff;    
}

.main-menu.navbar .container > .navbar-collapse > ul > li:not(:last-child) > a:after {
    color:#A2A2A3; 
}

/* Home nav*/
.main-menu.navbar-fixed-top li a, .main-menu.navbar-fixed-top  .container > .navbar-collapse > ul > li:not(:last-child) > a:after{
    color: #fff;
}

.main-menu.navbar-fixed-top li a:hover{
    text-decoration: none;
    color:  #efefef;    
}


/* Secon level*/
.main-menu.navbar li  ul{
    padding-top: 15px;

}

.main-menu.navbar li li {
    display: inline-block;

}
.main-menu.navbar li li a{
    color:#636466;
    font-size: 30px;
}
.main-menu.navbar li li a:after {
    color:#636466!important;
}

.main-menu.navbar li li a.inactive:after {
     color: #a2a2a3!important;
}

.main-menu.navbar li li a:hover, .main-menu.navbar li li.current-menu-item > a{
    color: #AC162C; color: #000;
}


a.inactive, .main-menu.navbar li a.inactive:hover{
    color: #a2a2a3!important;
    cursor: default;
}

@media (min-width: 1200px) {

    .main-menu.navbar li:not(:last-child) > a:after{
        content: "/";
        padding-left: 10px;
        color:#A2A2A3; 
    }   

    .main-menu.navbar li.menu-item-3 > ul{
        width: 700px;
    }

    .main-menu.navbar li.menu-item-11 > ul{
        width: 700px;
        margin-left: -227px;
    }
    /*Third Level*/
    .main-menu.navbar .product-5 > ul{
        width: 600px;
        margin-top: 65px!important;
        margin-left: -412px;
        padding-top: 0;
    }
    .main-menu.navbar .product-5 > ul li{
        padding-top: 0;
    }

}
/*-----------------------
  Main container
-------------------------*/
.main-container{
    padding-top: 50px;
    padding-bottom: 50px;

}
.controller-ready-to-wear-labels .main-container{
    padding-top: 80px;


}

.main-container img{
    max-width: 100%;
    margin: 0 0 10px 0;
}

.main-container .widget-portfolio img{
    margin: 0;
}
.main-container p:empty {display: none;}
/*-----------------------
  carousel
-------------------------*/

.full-screen {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.carousel .item  a{
   
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 300;
    left: 0;
    top: 0
}
.carousel-caption{
    right: auto;
    padding: 0 0 0 115px;
    left: auto;
    top:150px;
    position: relative;
    text-align: left;
    margin: 0 auto!important;
    left: 0;
    font-family: 'FFDINWebPro', sans-serif;
}

.carousel-caption h3{
    font-size: 70px;
    font-weight: normal;
    line-height: 90px;
    color: #fff;
}
.carousel-indicators{
    right: auto;
    padding: 0 0 0 120px;
    left: auto;
    top:500px;
    position: relative;
    text-align: left;
    margin: -40px auto 0 auto;

}
.carousel-indicators li, .carousel-indicators li.active{
    background: rgba(255,255,255,.3);
    width: 10px;
    height: 10px;
    border-radius:50%;
    border: none;
    margin-right: 10px;
}

.carousel-indicators li.active{
    background: rgba(255,255,255,.6);
   
}

.carousel-control, .carousel-control:hover{
    color: transparent;
}

.main-menu.navbar.layout-full, .layout-system .main-menu.navbar{
    background: #555;
}

/*-----------------------
  footer
-------------------------*/
.home-footer{
    display: none;
}
.footer{
    border-top: 1px solid #636466;
    padding-bottom: 20px;
    font-family: 'FFDINWebPro', sans-serif;

}

.footer a{
    color: inherit;
}

.social-icons{
    padding: 20px 0;
    margin: 0;
    font-family:"Helvetica Neue",​Helvetica,​Arial,​sans-serif;
}

.social-icons li{
    list-style: none;
    display: inline-block;
    font-size: 20px;
    width: 35px;
    height: 35px;
    margin-right: 5px ;
}
.social-icons li a, .social-icons li .social-icons-share{
    color:#929294;
    width: 100%;
    height: 100%;
    display: block;
    text-align: center;
    -moz-border-radius: 100px;
    border-radius: 100px;
    vertical-align: middle;
    padding-top: 2px;
}

.social-icons li a{
    border: 1px solid #929294;
}

.social-icons li a:hover{
   color: #AC162C; color: #000;
    border: 1px solid #AC162C;
       border: 1px solid #000;
    text-decoration: none;
}

.social-icons li .social-icons-share{
    color: #fff;
    background: #AC162C; background: #000;
    font-size: 22px;
}


.testimonials-row:not(:last-child){
    padding-bottom: 5px;
}

.testimonials-author-name{
   color: #AC162C; color: #000;
}

.product-items-grid{
    padding:15px 0 0 0;
}

.widget-grid.portfolio{
    padding: 15px 0 0 0 ;

}



/*-----------------------
  Widget
-------------------------*/
/* widget-user-login */

#signin_modal .modal-content{
    padding: 30px;
} 

#signin_modal a{
    color: #757F86; 
}
#signin_modal .form-control, #password_reset .form-control{
    font-size: 18px;
    padding: 12px 18px;
    height: 50px;
    margin-bottom: 20px;
}

#signin_modal .modal-body .close, #password_reset  .modal-body .close{
    font-size:42px;
    color: #757F86; 
    opacity: 1;
    line-height: 16px;
}

#signin_modal .nav-tabs{
    border: none;
    text-align: center;
    margin-bottom: 30px;
}
#signin_modal .nav-tabs li{
    display: inline-block;
    padding:0;
    margin:  0 -8px 0 0;
    float: none;
    text-align: center;
}
#signin_modal .nav-tabs > li > a{
    margin: 0;
    border: 3px solid #757F86;
    border-radius:0;
}

#signin_modal .nav-tabs > li.active > a{
    background: #757F86; 
    color: #fff;
}
#signin_modal .checkbox label{
    display: block;
}

#signin_modal .btn {
    background:  #A2A2A3; 
    color: #fff;
    margin-bottom: 20px;
}

#signin_modal .btn:hover {
    background: #ccc;  
}

#signin_modal .user-terms{
    height: 300px;
    overflow-y:  scroll;
    background:  #efefef;
}

#signin_modal .widget-user_forgot_password{
    display: none;
}

.message-box a{
    color: #AC162C; color: #000;
}


#password_reset  h3{

    color:#757F86; 
    margin-bottom: 15px;

}

.auto-open-modal .modal-body{
    padding: 30px;
}

/* widget-social-icons */
.news-row{
    padding-bottom: 30px;
}
.widget-social-icons ul{
    padding: 0 0 25px 0 ;
}




@media (max-width: 1200px) {

    html,
    body {

        font-size: 20px;

    }

    .main-menu.navbar{
        padding: 0;
        margin-bottom: 0;
        border: none;

    }
    .main-menu.navbar .container{
        padding: 0;
    }
    .navbar-toggle{
        padding: 35px 30px 0 0; 
    }
    .navbar-header{

    }
    .main-menu.navbar .navbar-collapse{
        box-shadow: none; 
        padding: 0 15px 15px 15px;
        background: #fff;

    }
    .navbar-brand{
        padding-right: 20px;
    }
    .navbar-brand img{
        height: 95px;
        padding: 20px 0 20px 15px ;

    }

    .layout-home .main-menu.navbar {
        background: #636466;
        background: #000;
        position: relative;
    }

    .main-container{
        padding: 15px;   
    }

    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }

    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;

    }
    .collapse.in{
        display:block !important;
    }

    .main-menu.navbar li,.main-menu.navbar ul{

        width: 100%;
    }

    .sf-menu > li {
        float: none;

    }

    .sf-menu ul {
        position: relative!important;
        border: none;
    }

    .sf-menu ul ul{
        left: auto!important;
    }
    .main-menu.navbar li{
        padding: 0; 

    }

    .main-menu.navbar li a{
        color:#A2A2A3!important;


    }

    .main-menu.navbar li a:hover, .main-menu.navbar li.current-menu-item > a{
        color: #636466!important;
    }

    .main-menu.navbar li ul{
        margin-top: 0;
        padding: 0 0 0 20px;
    }
    .main-menu .navbar-nav {
        padding: 15px; 
        border: none;
    }

    .navbar-collapse{
        border: none;
        padding: 0;
    }

    .carousel .full-screen {
        background-size :   none !important ;
        background-position:  center ;
        background-repeat: no-repeat;
    }

    .carousel-caption{
        top:15px;
        float:left;
        text-align: left;
        padding: 0 0 0 35px;

    }
    .carousel-indicators{
        top: 220px;
        padding: 0 0 0 35px;
        float:left;
    }

    .carousel-caption h3{
        font-size: 35px;
        font-weight: normal;
        line-height: 45px;
        color: #fff;
    }

    .carousel-indicators li, .carousel-indicators li.active{
/*        width: 18px;
        height: 18px;
        border: 1px solid #fff;*/
    }
    .home-footer{
        display: block;
    }
    .home-footer .footer{
        border: none; 
    }
}

.widget-user-registration input[type=checkbox] {

    transform: scale(1.3);

    -webkit-transform: scale(1.3);
}


.image-container{
    display: block;
    position: relative;
}
.image-container img{
    margin: 0;
    width: 100%;
}

.rtw-nav{
    width: 100%;
    float:right;
    position: absolute;
    height: 100%
}
.rtw-nav a{

    
    color: #B2B2B4;
    font-size: 64px;
    float: left;
    line-height: 0;
    font-weight: normal;
    height: 100%;
    width:50%;
    display: table-cell;
    vertical-align: middle!important;

}
.rtw-nav a.right-nav{
    float: right;
    text-align: right;
}
.rtw-nav a span{
    position: relative;
  
    top: 45%!important;
}
.rtw-nav a:not(.disabled):hover{
    color: #636466; 
}

.rtw-nav a:first-child{
    margin-bottom: 75px;
}

.rtw-nav a.disabled{
    color: #ddd; 
    cursor: auto; 
}

.rtw-nav-invisible{
    width: 100%;
    height: 100%;
    position: absolute;

}

.rtw-nav-invisible a{


    display: block;
    height: 50%;
    width: 100%;

}
.rtw-nav-invisible a span{
    display: none;
}
/*.rtw-nav-invisible a:not(.disabled):hover{
   background-image: linear-gradient(to top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
   background-repeat: repeat-y;
}

.rtw-nav-invisible a:not(.disabled):first-child:hover{
   background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
   background-repeat: repeat-y;
}*/

.rtw-nav-invisible  a.disabled{
    background: none; 
    cursor: auto; 
}




#mc_embed_signup div.mce_inline_error {
    background: none!important;
    color: #AC162C!important;
    font-weight: normal!important;
    margin: 0 0 1em;
    padding: 5px 10px 5px 0!important;
    z-index: 1;
}

#mce-responses{
    color: #AC162C!important;
    margin-bottom: 10px;
}