*
{
font-family: 'Arial Rounded MT';


}
body {
     
    margin:0;
    color:#A3A3A1;
     
}
body.oh{
    overflow:hidden;
}
h1,h2,h3,h4,h5
{   
}
a {
    color:#4D4D4B;
}

a:hover,a:focus {
    color:#1d1d1b;
    text-decoration:none;
}
::selection {
  background:#1d1d1b;
  color: #fff;
  text-shadow: none;
}

::-webkit-selection{
background:#1d1d1b;
  color: #fff;
  text-shadow: none;
}


.grayscale {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><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"); /* Firefox 3.5+ */
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
       -webkit-transition: all .5s;
    transition: all .5s;
}

.grayscale:hover {
  filter: none;
  -webkit-filter: grayscale(0%);
}

.colorscale {
    filter: none;
    -webkit-filter: grayscale(0%);
    -webkit-transition: all .5s;
    transition: all .5s;
}

.colorscale:hover {
      filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><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"); /* Firefox 3.5+ */
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
}
/*BOOTSTRAP CUSTOM STYLES*/

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding: 0px;
}


.row {
    margin: 0;
    padding: 0;
}


.row {
    margin: 0;
    padding: 0;
}
.container {

 
}
@media (min-width: 1440px) {
    .container {
        width: 1400px;
    }
}



/*CHANGE MENU BREAKPOINT____________*/


@media (max-width: 991px) {
    .navbar-header {
        float: none;
        text-align:center;
    }
    .navbar-toggle {
        display: inline-block;
    }
    .navbar-collapse {
        border-top: none;
        box-shadow: none;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 0;
        padding:15px 
    }
    .navbar-nav>li {
        float: none;
     
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }


    .navbar-collapse.collapse.in {
        display: block !important;
        padding: 0;
        min-height: 55vh;
        background: #fff;
    }
    .collapsing {
        overflow: hidden!important;
    }

    
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
}


/*__________________MENU______________________*/
.navbar {

    margin-bottom: 0px;
    border: none;

    min-height:initial;
}
.navbar-default {
    background-color: transparent;
    border:none;
}
.navbar-collapse {
    overflow-x: visible;
    padding-left: 0;
    padding-right: 0;
    border-top:none;
    -webkit-box-shadow: none;
    box-shadow: none;

}

/*.navbar-nav>li:not(:last-child) {
   margin-left:30px;
}*/
.navbar-nav {
    padding:0;
     float:left;
}

.navbar-nav>li {   margin-left:30px;

   margin-top:5px;
     margin-bottom:5px;
     float:left;  outline: none !important
}
.navbar-default .navbar-nav>li>a {
    color: #fff;
  
    font-size:17px;
    display:block;
    position:relative;
    outline: none !important
}
.header-row.scrolled .navbar-default .navbar-nav>li>a {
    color: #fff;

}
.navbar-default .navbar-nav>li>a:before{
         content: "";
    position: absolute;
    bottom: 10px;
    right: 0;
    width: 100%;
    height: 3px;
    transform: scaleX(0);
    background-color: #f90101;
    transform-origin: 100% 100%;
    transition: transform 0.25s ;
}
.navbar-default .navbar-nav>li>a.active:before,
.navbar-default .navbar-nav>li>a:hover:before,
.navbar-default .navbar-nav>.open>a:before, 
.navbar-default .navbar-nav>.open>a:hover:before, 
.navbar-default .navbar-nav>.open>a:focus:before
{
          transform: scaleX(1);
      transform-origin: 0 100%;
}
.navbar-default .navbar-nav>li>a.active, 
.header-row.scrolled .navbar-default .navbar-nav>li>a.active,
.navbar-default .navbar-nav>li>a:hover, 
.navbar-default .navbar-nav>li>a:focus,
.header-row.scrolled .navbar-default .navbar-nav>li>a:hover, 
.header-row.scrolled .navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>.open>a, 
.navbar-default .navbar-nav>.open>a:hover, 
.navbar-default .navbar-nav>.open>a:focus{

    color: #f90101;
    background-color: transparent;
}









.navbar-toggle {
    position: relative;
    float: left;
    padding: 0 20px;
    margin: 11px 0;
    background-color: transparent;
    background-image: none;
    border: none;
    border-radius: 0;
}


.navbar-default .navbar-toggle:hover, 
.navbar-default .navbar-toggle:focus {
    background-color: transparent;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #f90101;
}
.navbar-toggle .icon-bar {
    display: block;
    width: 32px;
    height: 2px;
    border-radius: 0px;
        -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 5px;
}

.navbar-default .navbar-toggle:not(.collapsed) .icon-bar{
        -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);

    transform-origin:30px 0px; 
}

.navbar-default .navbar-toggle:not(.collapsed) .icon-bar:last-of-type {
     -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
     transform-origin:23px 5px; 
}

.navbar-default .navbar-toggle:not(.collapsed) .icon-bar:nth-last-of-type(2) {
   opacity:0;

}
.navbar-default .navbar-toggle:not(.collapsed):hover .icon-bar {
      background-color: #f90101;
}








.dropdown-menu {
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 1000;
    display: none;
    float: right;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 16px;
    text-align: center;
    -webkit-box-shadow: 0 12px 12px rgba(0,0,0,0.175);
    box-shadow: 0 12px 12px rgba(0,0,0,0.175);
    border: none;
    width: max-content
}
.dropdown-menu>li>a {
    padding: 5px;
    
    color: #ababad;
}

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
    color: #333;
    background-color: transparent;
}
@media(max-width:1439px) {
    .navbar-nav > li:not(:last-child) {
        margin-left: 10px;
    }


    .navbar-default .navbar-nav > li > a {
        font-size: 15px;
        padding:10px 15px;
    }

    .navbar-default .navbar-nav>li>a:before{
    bottom: 5px;

}
}
@media(max-width:991px) {
    .navbar-nav {
    padding:15px;
}

       .navbar-default .navbar-nav > li  {
      margin-left:0;
      float:none;
    }
    .navbar-default .navbar-nav > li > a {
        color: #1d1d1b;
        text-align:center;
    }


    .navbar-collapse.in {
    overflow-y:hidden;
}
}

/*_____________HEADER________________*/
.header-row{

    top:0;
    right:0;
    width:100%;
   position:fixed;
    z-index:200;
}

.header-row .header-con{

    padding:10px 0;
    position:relative;
        background-color:#333;


}

.header-row .header-con:after{
    content:'';
    position:absolute;
    background-color:#333;
    top:50%;
    right:0;
    width:100%;
    height:0%;
    display:block;
    z-index:-1;
transition:all 0.5s;

}
 .header-row.scrolled .navbar-default .navbar-nav>li>a.active, .header-row.scrolled .navbar-default .navbar-nav>li>a:hover, .header-row.scrolled .navbar-default .navbar-nav>li>a:focus {
    color: #ccc;
    background-color: transparent;
}
.header-row.scrolled .header-con:after{

    height:100%;
    top:0%;
    -webkit-box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1);
}


.header-row .header-con .logo-col{
   width:300px;
   float:left;
    transition:all .5s;
     display: BLOCK;
    background: #fff;
    border-radius: 0 0 20px 20px;
    margin-top: -25px;
    padding: 35px 5px 30px 5px;
    position:absolute;
    z-index:9;
        box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1);

 
   
} 
.header-row.scrolled .header-con .logo-col{
   width:280px;
padding: 35px 5px 30px 5px;
    
}
.header-row .header-con .logo-col img{
   width:100%;
   transition:all .5s
}
.header-row .header-con .logo-col svg{
   width:100%;
}
.header-row .header-con .logo-col svg path{
  fill:#fff;
  transition:all 0.2s;
}
.header-row.scrolled .header-con .logo-col svg path{
  fill:#1d1d1b
}
.header-row .header-con .logo-col svg:hover path{
  fill:#333
}
.header-row .header-con .menu-col{
   width:100%;
   float:left;
   position:relative;
   padding-left:320px;  
   transition:all .5s

}
    .header-row.scrolled .header-con {
        padding:0;
    }
 
.header-row .header-con .menu-col .right-col{
   position:absolute;
   top:0;
   right:0;
   width:160px;
   height:100%;
}
.header-row.scrolled .header-con .menu-col .right-col{
    
   top:20px;
 
}
.header-row .header-con .menu-col .right-col .sn{
  list-style:none;
  padding:0;
  margin:0;
}
.header-row .header-con .menu-col .right-col .sn li{
 display:inline-block;
 float:right;
 padding-right:10px;
}
.header-row .header-con .menu-col .right-col .sn li a{
 display:block;
font-size:20px;
color:#fff;
transition:all 0.1s;
}
.header-row.scrolled .header-con .menu-col .right-col .sn li a{
color:#fff;

}

.header-row .header-con .menu-col .right-col .sn li a:hover,
.header-row .header-con .menu-col .right-col .sn li a:focus{

color:#ccc;
}


    .header-row .header-con .menu-col .right-col .lang {
        position: absolute;
        left: 0;
        top: 25px;
        color: #fff;
        font-size: 12px;
        text-align: left;
        transition: all 0.1s;
        font-family: Tahoma !important;
        
    }

 
.header-row .header-con .menu-col .right-col .lang:hover,
.header-row .header-con .menu-col .right-col .lang:focus{
    color:#f90101;
border-color:#f90101
}


@media(max-width:1439px) {
    .header-row .header-con .logo-col {
        padding-right: 20px;
    }
 
}

@media(max-width:991px) {
    .header-row .header-con:after {
        height: 100%;
        top: 0%;
        -webkit-box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1);
        box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1);
    }

    .header-row .header-con .logo-col svg path {
        fill: #1d1d1b;
    }



    .header-row .header-con .logo-col {
        position: absolute;
        top: 20px;
        right: 0px;
        width: 100px;
        z-index: 101;
    }

    .header-row .header-con .menu-col {
        width: 100%;
        float: right;
        position: relative;
        padding-right: 0px;
    }

        .header-row .header-con .menu-col .right-col {
            position: relative;
            top: initial;
            left: initial;
            width: 100%;
            height: auto;
            padding: 20px 30px;
        }

            .header-row .header-con .menu-col .right-col .lang
             {
                position: relative;
                top: initial;
                left: initial;
                color: #1d1d1b;
                display: block;
                float: right;
                font-size: 16px;
                text-align: right;
            }

            .header-row .header-con .menu-col .right-col .sn {
                float: left;
            }
            .header-row .header-con .menu-col .right-col .sn li a{
color:#1d1d1b;

}
}

/*__________FOTER_____________*/
footer {
background-color:#f90101;
padding:10px 0
}

.footer-row{
 }
.footer-col{
    padding-left:20px;
    margin-bottom:20px;
}

.footer-col ul{
    padding:0;
    margin:0;
    list-style:none;
    color:#000
}
.footer-col ul li{
   margin-bottom:5px;
   font-size:12px;   color:#fff

}
.footer-col ul li a{
   font-size:14px;
   color:#fff
}
.footer-col ul li:first-child{
   font-weight:700;
   margin-bottom:15px;
   margin-top:10px;
   font-size:14px;
   color:#000
}

.footer-col ul li a:hover{
   color:#000
}
.cr-row{
    padding-top:50px;
    margin-bottom:10px;
    font-size:12px;
}


.maze-row{
    margin-bottom:0px;
   
}
.maze-row a{
    font-size:26px;
    color:#A3A3A1;
   outline:0;
}
.maze-row a:hover{
    color:#ff6900;
   
}

@media(max-width:767px) {
    .footer-row {
        padding: 25px 0;
    }

    .footer-col ul li {
        text-align: center;
    }

    .footer-col {
        padding-left: 0px;
        margin-bottom: 40px;
    }

        .footer-col ul li:first-child {
            margin-bottom: 10px;
        }

    .cr-row,
    .maze-row {
        text-align: center;
    }

    .maze-row {
        margin-bottom: 25px;
    }
}



/*_________________LOADER________________________*/
.c-loader {
  position: fixed;
  top: 0;
  right: 0;
  width:100%;
  height:100%;
  background-color: #000;
  z-index: 230;

  transition:all 0.3s;
 transition-delay:0.25s;
}

.c-loader .c-loader_container {
    position: absolute;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    top: 50%;
    right: 50%;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
    z-index: 10;
    text-align:center;
}
.c-loader .c-loader_container img {
    width: 260px;

    margin-bottom:20px;
}
.c-loader .c-loader_container .c-loader_progress {
    width: 240px;
    margin: 0 auto;
    height: 4px;
    background-color: #ccc;
    overflow: hidden;
    position: relative;
}
.c-loader .c-loader_container .c-loader_progress-bar {
    position: absolute;
    top: 0;
    right: 0;
    width: 0%;
    height: 4px;
    background-color: #333;
    -webkit-animation: moveprogress 1.5s cubic-bezier(0.694, 0.048, 0.335, 1) infinite;
    animation: moveprogress 1.5s cubic-bezier(0.694, 0.048, 0.335, 1) infinite;
}
.c-loader .c-loader_stripe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.c-loader .c-loader_stripe_first {
    background-color: #333;
    z-index: 2;
     transition:all 0.25s;
     transition-delay:0.2s;
}

.c-loader .c-loader_stripe_second {
    background-color: #ffffff;
    z-index: 3;
     transition-delay:0.2s;
      transition:all 0.2s;
}




.c-loader.out{
        transform: translate(100%, 0%) matrix(1, 0, 0, 1, 0, 0);
}

.c-loader.out .c-loader_stripe_first {
       transform: translate(100%, 0%) matrix(1, 0, 0, 1, 0, 0);
}

.c-loader.out .c-loader_stripe_second {
    transform: translate(100%, 0%) matrix(1, 0, 0, 1, 0, 0);
}
.c-loader.out .c-loader_container {
    opacity:0;
}



@keyframes moveprogress {
  0% {
    width: 0%;
    transform: translateX(0%);
  }

  50% {
    width: 100%;
  }

  100% {
    transform: translateX(100%);
  }
}




/*______________Mp__________________*/


.pad-row{
    padding:0 60px;
}
.header-row .pad-row{
    padding:15px 60px;

}
.header-row.scrolled .pad-row{
    padding:0 60px;
}
.pad-row2{
    padding:0 180px;
}
.pad-row3{
    padding:0 250px;
}

.margin-row{
    margin:0 -10px;
}
.pad-row.red{
 background:#f90101;
}
.margin-row>.margin-col{
    padding:10px;
}
@media(max-width:1439px) {
    .pad-row {
        padding: 5px;
    }

    .pad-row2 {
        padding: 0px 120px;
    }
      .pad-row3 {
        padding: 0px 190px;
    }
}

@media(max-width:1199px) {


    .pad-row2{
        padding: 0px ;
    }
}
@media(min-width:768px) {

 .header-row.scrolled .pad-row   .navbar-nav {
  
    margin: 10px 0 0 30px;
}
}
@media(max-width:991px) {

    .pad-row3 {
        padding: 0px ;
    }
}
.c-button:hover {
     color:#fff
}
.c-button {
  display: inline-block;
  background: transparent;
  border: none;
  background-color: #ccc;
  color: #000000;
  text-align: center;
  position: relative;
  padding: 11px 29px;
  font-size: 16px;
  min-width: 135px;
  cursor: pointer;
   -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }
  .c-button:before, .c-button:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.694, 0.048, 0.335, 1);
    transition: -webkit-transform 0.3s cubic-bezier(0.694, 0.048, 0.335, 1);
    transition: transform 0.3s cubic-bezier(0.694, 0.048, 0.335, 1);
    transition: transform 0.3s cubic-bezier(0.694, 0.048, 0.335, 1), 
                -webkit-transform 0.3s cubic-bezier(0.694, 0.048, 0.335, 1); }
  .c-button:before {
    background-color: #000000;
    z-index: 1; }
  .c-button:after {
    background-color: #f90101;
    z-index: 2; }
  .c-button:hover:after {
    -webkit-transition-delay: 0.22s;
            transition-delay: 0.22s; }
  .c-button:hover:before, .c-button:hover:after {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 0 100%;
            transform-origin: 0 100%; }
  .c-button:focus {
    outline: none; }
  .c-button[disabled] {
    opacity: 0.6;
    cursor: not-allowed;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    pointer-events: none; }

.c-button--yellow {
  background-color: #FFDB1A; }
  .c-button--yellow:after {
    background-color: #f90101; }

.c-button--black {
  background-color: #000000;
  color: #ffffff; }
  .c-button--black:before {
    background-color: #ccc; }
  .c-button--black:after {
    background-color: #333; }

  
.c-button__text {
  position: relative;
  display: inline-block;
  z-index: 5; }













/*_____________HOME____________*/
  







  .inner-slider{
      direction:ltr
  }


  
.inner-slider .slider-item{
    height:70vh;
    width:100%;
   
position:relative;
    overflow:hidden;
    

}



.inner-slider .slider-item .bg{
        position: absolute;
    width: 100%;
    height: 100%;
      background-position:center;
    background-size:cover;
     -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    z-index:9;

    background-position: center;
    background-size: cover;
    -moz-transition: all 6s ease-out;
    -o-transition: all 6s ease-out;
    -webkit-transition: all 6s ease-out;
    transition: all 6s ease-out;
}


.inner-slider .owl-item.active .slider-item .bg{
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
}



 .inner-slider .dots-row {
   width:100%;
   padding:0 190px ;
}


 .inner-slider .owl-dots {
     display:flex;
     z-index:10;
     background-color:#fff;
     width:100%;
     padding:20px 0;
     position:relative;
}



 .inner-slider .owl-dots .owl-dot{
     padding:0;
     margin:0;
     flex-grow:1;
        
         background-color:#1d1d1b;
         text-align:center;
         font-size:20px;
         cursor:pointer;
         transition:all 0.5s;outline:0;
}

 .inner-slider .owl-dots .owl-dot span{
       display:block;
       height:4px;
    background: #E8E8E6;
    position:relative;

}


 .inner-slider .owl-dots .owl-dot span:before{
         content: "";
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 0%;
    height: 4px;
    background-color: #333;
    transition: all 0.25s ;
}
  .inner-slider .owl-dots .owl-dot.active span:before,
 .inner-slider .owl-dots .owl-dot:hover span:before
  /*.inner-slider .owl-dots .owl-dot.active ~ .owl-dot span:before*/
  
  {
        width:100%;
        right:0;
        left:initial
}


  .inner-slider .owl-nav
  {
       position:absolute;
       width:100%;
       top:50%;
       margin-top:-65px;
}



.owl-carousel.inner-slider .owl-nav button.owl-next, 
.owl-carousel.inner-slider .owl-nav button.owl-prev {
   font-size:24px;
   color:#1d1d1b;
   padding:30px 10px;
     background-color:#333;
     position:relative;
     display:inline-block;
     outline:0;
     
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;

}



 .owl-carousel.inner-slider .owl-nav button:before, 
 .owl-carousel.inner-slider .owl-nav button:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.694, 0.048, 0.335, 1);
    transition: -webkit-transform 0.3s cubic-bezier(0.694, 0.048, 0.335, 1);
    transition: transform 0.3s cubic-bezier(0.694, 0.048, 0.335, 1);
    transition: transform 0.3s cubic-bezier(0.694, 0.048, 0.335, 1), 
                -webkit-transform 0.3s cubic-bezier(0.694, 0.048, 0.335, 1); }
  .owl-carousel.inner-slider .owl-nav button:before {
    background-color: #000000;
    z-index: 1; }
  .owl-carousel.inner-slider .owl-nav button:after {
    background-color: #333;
    z-index: 2; }
  .owl-carousel.inner-slider .owl-nav button:hover:after {
    -webkit-transition-delay: 0.22s;
            transition-delay: 0.22s; }
  .owl-carousel.inner-slider .owl-nav button:hover:before, 
  .owl-carousel.inner-slider .owl-nav button:hover:after {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 0 100%;
            transform-origin: 0 100%; }
  .owl-carousel.inner-slider .owl-nav button:focus {
    outline: none; }


.owl-carousel.inner-slider .owl-nav button.owl-next span, 
.owl-carousel.inner-slider .owl-nav button.owl-prev span {
  display:block;
     padding:30px 10px;
     z-index:4;
     position:relative
}

.owl-carousel.inner-slider .owl-nav button.owl-next  {
 float:right;
 margin-right:-15px;
}
.owl-carousel.inner-slider .owl-nav button.owl-prev  {
 float:left;
  margin-left:-15px;
}

@media(max-width:991px) {
    .main-slider .owl-dots .owl-dot span {
        font-size: 16px;
    }


    .inner-slider .slider-item{
    height:50vw;



}
     .inner-slider .dots-row {
   width:100%;
   padding:0  ;
}


}

@media(max-width:767px) {


    .slider-item .cap1 {
        font-size: 9vw;

    }




    .main-slider .owl-dots {
        width: 100%;
        padding: 10px 0;
      
    }

        .main-slider .owl-dots:before {
            content: initial;

        }
         .main-slider .owl-dots .owl-dot  {
             margin:0;
        }
        .main-slider .owl-dots .owl-dot span {
            font-size: 14px;
        }

        .main-slider .owl-dots .owl-dot:first-child {
            margin-right: 0;
        }

        .main-slider .owl-dots .owl-dot:last-child {
            margin-left:0;
        }
}









/*____________ARTICLE___________*/


.articles-row{
    overflow:hidden;
}



.article-row{
    margin:160px 0;
    position:relative;
    min-height:640px;
    /*height:400px*/
}


.article-row .article-strip{
    position:absolute;
    top:80px;
    right:0;
    background-color:#ccc;
        /*background-image: linear-gradient(26deg, #F9C958 5%, #EDB445 100%);*/
    width:240px;
    height:0px;
    transition:height 0.5s;

}

.article-row.in .article-strip{

    height:640px;
}




.article-row .article-img{
    position:absolute;
    top:0px;
    right:0;
    background-color:#ddd;
box-shadow: 10px 10px 10px rgba(0,0,0,.5);
    width:40%;
    height:640px;
    background-position:center;
    background-size:cover;
    opacity:0;
     transition:opacity 0.5s;
         transition-delay:0.2s;
}

.article-row.in .article-img{
opacity:1;
}



.article-row .article-content{
    position:absolute;
    top:40px;
    left:0;
          padding: 50px;

    background-color:#fff;
    width:50%;
    height:auto;
    background-position:center;
    background-size:cover;
    opacity:0;

     transition:all 0.5s;
    transition-delay:0.3s;
}
    .article-row .article-content.full {
        position: relative;
        
        width: 100%;
        
    }
.article-row.in .article-content{
    top:80px;
    opacity:1;
}



.article-row .article-content .head1{
    font-weight:900;
    
    color:#1d1d1b;
    padding:0;
    margin:0;
     font-size:48px;
}

.article-row .article-content .head1 span{
   color:#333;
    font-weight:200;
}

.article-row .article-content .head2{
    font-weight:700;
    color:#1d1d1b;
      padding:0;
    margin:0;
 }

.article-row .article-content .txt{
    font-weight:200;
    color:#A3A3A1;
      font-size:16px;
    margin-bottom:60px;
}





.article-row.right .article-strip{
    position:absolute;
    top:-80px;
    right:initial;
   left:0;

}

.article-row.right .article-img{
    right:initial;
    left:initial;
}
    .article-row.right .article-content {
        right: 0;
        left:initial;
        text-align:left;
    }




.articles-row.article-top{
    overflow:hidden;
}



.article-row.article-top{
  margin-top:0;
  margin-bottom:0;
  min-height:initial !important
}
.article-row.article-top .article-bottom {
    position:relative
}

.article-row.article-top .article-bottom .article-strip{
    position:absolute;
    top:0px;
    left:0;
    right:initial;

       transition-delay:0.6s;
}

.article-row.article-top.in .article-bottom .article-strip{

    height:600px;
}


.article-row.article-top .article-bottom .article-img{
    position:relative;
   
    right:initial;
    width:calc(100% - 240px);
    height:600px;
    opacity:0;
     transition:opacity 0.5s;
         transition-delay:0.7s;
}
.article-row.article-top .article-bottom .article-img .bg{
    position:absolute;
    top:0;
    right:0;
    width:100%;
    height:100%;
    background-position:center;
    background-size:cover;

    display:flex;
    align-items:center;

}
.article-row.article-top.in .article-bottom .article-img{
opacity:1;
}
.article-row.article-top .article-bottom .article-img:after{
    content:'';
    position:absolute;
    top:0;
    left:0;
    background-color:#1d1d1b;
    width:100%;
    height:100%;
     transition:width 0.2s;
         transition-delay:0.8s;
         z-index:10
}
.article-row.article-top.in .article-bottom .article-img:after{
    
    width:0%;

}

.article-row.article-top .article-bottom .article-img .bg .bg-content{
  
    width:100%;
    padding: 40px;

}

.article-row.article-top .article-bottom .article-img .bg .bg-content .head{
  
font-weight:900;
    
    color:#fff;
    padding:0;
    margin:0;
    margin-bottom:20px;
    font-size:48px;
}

.article-row.article-top .article-bottom .article-img .bg .bg-content .head span{
   color:#333;
    font-weight:200;
}




.article-row.article-top .article-content{
    position:relative;
    top:40px;
    right:190px;
    padding:50px;
     width:calc(100% - 380px);
     transition:all 0.5s;
    transition-delay:0.1s;
}

.article-row.article-top.in .article-content{
    top:80px;
    opacity:1;
}



.article-row.article-top .article-content .head1{
    font-weight:900;
    
    margin-bottom:45px;
    font-size:72px;
}


.article-row.article-top .article-content .head2{

    font-size:32px;
    margin-bottom:0px;
}

.article-row.article-top .article-content .txt{
    font-weight:400;
    color:#A3A3A1;
      font-size:18px;
    margin-bottom:100px;
}







@media(max-width:1023px) {
    .article-row{
    margin:80px 0;

    min-height:initial;
}

    .article-row .article-img {
        position: relative;
        top: 0px;
        right: 0;
        width: 100%;
        height: 50vw;
    }

    .article-row .article-strip {
        top: 40px;
        right: -40px;
    }

    .article-row.in .article-strip {
        height: 50vw;
    }

    .article-row .article-content {
        position: relative;
        top: 0px;
        right: 0;
        padding: 20px 0px 40px 0px;
        width: 100%;
    }

    .article-row.in .article-content {
        top: 40px;
    }

    @media(max-width:767px) {


        .article-row.article-top .article-content {
            padding: 10px;
        }

            .article-row.article-top .article-content .txt {
                margin-bottom: 10px;
            }
    }

    .article-row.right .article-strip {
        left: -40px;
        top: -40px;
    }

    .article-row.right .article-img {
        right: initial;
        left: 0;
        width: 100%;
    }

    .article-row.right .article-content {
        right: initial;
        left: 0;
        padding: 0px 0px 40px 0px;
    }





    
.article-row.article-top{
  margin-bottom:40px;
}

.article-row.article-top .article-bottom .article-strip{
     left: -40px;
        top: -40px;

}
.article-row.article-top.in .article-bottom .article-strip{
        height:50vw;
}

.article-row.article-top .article-bottom .article-img{
    top:0px;
    height:50vw;
            right: initial;
        left: 0;
        width: 100%;
}

.article-row.article-top .article-content{
    top:20px;
    right:0;
     width:100%;

}

.article-row.article-top.in .article-content{
    top:40px;

}



.article-row.article-top .article-content .head1{
    font-size:45px;
    margin-bottom:30px;
}


.article-row.article-top .article-content .head2{

    font-size:24px;

}

.article-row.article-top .article-content .txt{

      font-size:16px;

}




}
@media(max-width:767px) {
    .article-row .article-content .head1{

    margin-bottom:30px;
    font-size:32px;
}
    .article-row.article-top .article-bottom .article-img .bg .bg-content .head{

    font-size:22px;
}


    .article-row.article-top .article-content .head1{
    font-size:32px;
}


.article-row.article-top .article-content .head2{

    font-size:18px;

}
}










/*____________NEWSLETTER_____________*/

.newsletter-row{
    margin:120px 0
}  









/*___________________INNER______________*/

.top-row{
    width:100%;
    height:55vh;
    position:relative;
    overflow:hidden;
    z-index:10;
    display:flex;
    align-items:center;
}.top-row.THIN{
background-color:#999;    height:135PX;
 
}
.top-row.top-map-row{
    height:100vh;
    display:block
}
.top-row .bg{
    position:absolute;
    top:0;
    right:0;
    width:100%;
    height:100%;background-position:center;
    background-size:cover;
      background-position:center;
    background-size:cover;
     -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    z-index:9;

    background-position: center;
    background-size: cover;
    -moz-transition: all 6s ease-out;
    -o-transition: all 6s ease-out;
    -webkit-transition: all 6s ease-out;
    transition: all 6s ease-out;
}


.top-row.in .bg{
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    transition-delay:0.7s;
}
.top-row.top-map-row .bg {
  -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
}

.top-row.top-map-row .bg .map{
   position:relative;
   width:100%;
   height:100%;
}

.top-row .shadow{
       position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: -webkit-gradient(linear, right bottom, right top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.7)));
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
    z-index:10;
}

.top-row>.row{
    width:100%;
}

    .top-row .caption-row {
        color:#fff;
        position:relative;
        z-index:11;
        text-align:center;
    }

        .top-row .caption-row .head1 {
            font-weight: 900;
            font-size:4em;
 
            position: relative;
            padding: 0;
            margin: 0;

            width: 100%;
        }
@media (max-width:767px) {
  .top-row .caption-row  {
            
margin-top: 50px; 
       
        }
        .top-row .caption-row .head1 {
            
            font-size:2em;
 
       
        }
        .header-row .header-con {
    
    background-color: #fff;
}
            .header-row .header-con:after {
            background-color:transparent
            }
}
        .top-row .caption-row .head2 {
            font-weight: 900;
            font-size: 4vh;

            position: relative;
            padding: 0;
            margin: 0;
            text-align:left;
            width: 100%;
            opacity:0;
            margin-top:-40px;
            
            transition: all 0.7s;
            
        }

        .top-row .caption-row .head1 span ,
        .top-row .caption-row .head2 span{
            font-weight: 200;
            color: #333;
        }

    .top-row.in .caption-row .head1 {

          -webkit-animation: tracking-in-expand 0.7s cubic-bezier(0.215, 0.610, 0.355, 1.000) 1.7s both;
	        animation: tracking-in-expand 0.7s cubic-bezier(0.215, 0.610, 0.355, 1.000) 1.7s both;
            transition-delay:1.7s;
        opacity: 1;
    }
        .top-row .caption-row .txt {

          text-align:right;
          font-size:18px;
          margin-top:20px;
          font-weight:400;
          opacity:0
    }

.top-row.in .caption-row .head2 {
    margin-top: 0;
    transition-delay: 1.7s;
    opacity: 1;
}
.top-row.in .caption-row .head2.center {
   text-align:center
}

        .top-row .caption-row .txt {

          text-align:left;
          font-size:18px;
          margin-top:20px;
          font-weight:400;
          opacity:0;
          transition:all 0.5s;
    }

        .top-row.in .caption-row .txt {
transition-delay:2.2s;
        opacity: 1;
    }



    
    .top-row .breadcrumb-row {
        position:absolute;
        top:110px;
        right:0;
        width:100%;
        height:auto;
        z-index:11;
         transition:all 0.5s;
        opacity:0;
    }

     .top-row.in .breadcrumb-row {
     transition-delay:1.6s;
        opacity: 1;
    }



      .top-row .breadcrumb-row ul {
      list-style:none;
      padding:0;
      margin:0;
      color:#fff;
      }

      .top-row .breadcrumb-row ul li {
      display:inline-block;
      float:right;
      margin-left:25px;
      position:relative;
      
      }

       .top-row .breadcrumb-row ul li:not(:last-child):after {
     position:absolute;
     content:"/";
     font-weight:200;
     left:-15px;
     top:0px;
      
      }

        .top-row .breadcrumb-row ul li a {
    color:#fff;
    position:relative;

    font-size:12px;
    font-weight:100;
      }

        .top-row .breadcrumb-row ul li:last-child a {
            font-weight: 700;
        }
           .top-row .breadcrumb-row ul li a:before {
    content: "";
    position: absolute;
    bottom: -4px;
    right: 0;
    width: 100%;
    height: 2px;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    background-color: #333;
    transform-origin: 100% 100%;
    transition: transform 0.25s ;
}
.top-row .breadcrumb-row ul li a:hover:before{
              -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
            }


.inner-row{
    margin-top:80px;
}
.inner-row .inner-sec{
    margin-bottom:80px;
}


.txt-dark{
    color:#1d1d1b;


}
.txt-m{
        font-weight:700;
    font-size:16px;
    color:#666
}
.txt-s{

    font-weight:700;
    font-size:16px;

}
.txt-xs{

    font-size:14px;

}
.txt-l{

    font-weight:700;
    font-size:44px;

}
.txt-xl{

    font-weight:900;
    font-size:80px;

}

.contact-form {
}

.contact-form input,
.contact-form textarea {
        border: none;
        background-color: #f7f7f4;
        padding: 15px;
        display:block;
        margin-bottom:10px;
        width:100%;
        outline:0;
        position:relative;
        color:#1d1d1b;

        border-bottom:2px solid #f7f7f4;
        transition:all 0.2s;
    }


.contact-form input:focus,
.contact-form textarea:focus {
        background-color: #fafaf9;
        border-color: #333;

    }


.contact-sn{
margin-top:40px;
    font-size:18px;
    font-weight:700;
}

.contact-sn ul{
display:inline-block;
padding:0;
margin:0;
list-style:none;
}

.contact-sn ul li{
display:inline-block;
margin-right:10px;
}
.contact-sn ul li a{ 
display:block;
font-size:20px;
font-weight:normal;
color:#1d1d1b
}

.contact-sn ul li a:hover,
.contact-sn ul li a:focus{ 
color:#333
}





.dealers-row{
    margin-bottom:80px;
}

.map{
width:100%;
height:300px;
 
}


.top-row.top-map-row .side-col{
    position:absolute;
    z-index:10;
    background-color:#fff;
    width:25%;
    right:40px;
    bottom:80px;
    padding:40px;
    height:calc(100vh - 210px);
    transition:all 0.3s;

    opacity:0;
    overflow-y:scroll;

      z-index:10;

}


.top-row.top-map-row.in .side-col{

    bottom:40px;
    transition-delay:1.7s;
    opacity:1;
}

.top-row.top-map-row .side-col .side-con{
    width:100%;
    transition:all 0.2s;
    opacity:0;
  
}

.top-row.top-map-row.in .side-col .side-con{
    transition-delay:2.2s;

    opacity:1;
}
.top-row.top-map-row .side-col .head1{
    font-weight:900;
    color:#1d1d1b;
    font-size:45px;
    padding:0;
    margin:0;

}

.top-row.top-map-row .side-col .head1 span{
    font-weight:100;
    color:#333;


}
.top-row.top-map-row .side-col .dealer{
  margin:40px 0;
  font-weight:100;
}
.top-row.top-map-row .side-col .dealer .head{
  margin: 0;
  padding:0;
  color:#1d1d1b;
  font-size:18px;
  font-weight:700;
  margin-bottom:10px;
}
@media(max-width:1439px) {

        .top-row .breadcrumb-row {
        top:100px;
        padding-right:40px;

    }

}


@media(max-width:991px) {

        .top-row .breadcrumb-row {
        top:110px;
         padding-right:0px;
    }


        .top-row.top-map-row{
            height:auto;
        }
        .top-row.top-map-row .side-col{
    position:relative;
    width:100%;
    right:initial;
    bottom:initial;

    padding:35px;
    height:auto;
    overflow-y:visible;
}

    .top-row.top-map-row.in .side-col {
        bottom: initial;
    }
        .top-row.top-map-row .bg{
            position:relative;
            width:100%;
            height:66vh;
        }



                .top-row .caption-row .txt {

          font-size:12px;

    }
}





/*__________________LIGHT GALLERY_____________*/
.lg-outer{
    direction:ltr
}

.lg-sub-html{
 }
#lg-zoom-in,
#lg-zoom-out{
    display:none;

}

.lg-icon {
  font-family: 'icomoon' !important;
}

.lg-toolbar .lg-close:after {
     content: "\e92e" !important;
}

.lg-actions .lg-prev:after {
    content: "\e91c" !important;
}

.lg-actions .lg-next:before {
    content: "\e91e" !important;
}

.lg-actions .lg-next, .lg-actions .lg-prev {
    border-radius: 0px;
       background-color:rgba(29, 29, 27, 0.49);
}

.lg-backdrop {

    background-color: #1d1d1b;

}

.lg-sub-html, .lg-toolbar {
    background-color:rgba(29, 29, 27, 0.49);
}








 


.product-row{
    margin-bottom:40px;
}


.product-row .img .bg{
 width:90%;
 max-width:240px;
 height:240px;
 background-position:top right;
 background-repeat:no-repeat;
 background-size:contain;
 margin-bottom:40px;

}

.product-row .info{

}

.product-row .info .ttl{
    font-weight:700;
    color:#1d1d1b;
    padding:0;
    margin:0;
    font-size:16px;
}
.product-row .info .head{
    font-weight:900;
    color:#1d1d1b;
    padding:0;
    margin:0;
    margin-bottom:20px;
    font-size:38px;
}
.product-row .info .head2{
    font-weight:900;
    color:#1d1d1b;
    padding:0;
    margin:0;
    font-size:28px;
}

.product-row .info .info-row{
    padding-top:20px;
    padding-bottom:40px;
    border-bottom:1px solid #e1e1e1
}

.product-row .info .info-row ul{
 list-style:none;
 padding:0;
 margin:0;
}
.product-row .info .info-row ul li{
display:block;
font-weight:400;
color:#1d1d1b;
font-size:16px;
margin-bottom:10px;
}
.product-row .info .info-row ul li .h{
display:inline-block;
font-weight:200;
padding:0;
margin:0;
color:#A3A3A1;
font-size:16px;
}



 
 

@media(max-width:767px){
     .product-row .img .bg{
        background-position:bottom right;
    }
}

.options {
text-align:center;
 transition:all .5s;
font-size:22px;
cursor:pointer
}
.optionsm {
padding:15px;
cursor:pointer;
position:relative
}
.optionsm h2{
    position: absolute;
    width: 100%;
    text-align: center;
    top: 40%;
    background: rgba(255,255,255,.5);
    color: #333;
    padding: 10px;
}
    .optionsm:before {
     content: '';
  position: absolute;
  top: 0;
  left: 15px;
  border-top: 80px solid #fff;
  border-right: 80px solid transparent;
  width: 0;
    }
        .optionsm:after {
     content: '';
  position: absolute;
  bottom: 0;
  right: 15px;
  border-bottom: 80px solid #fff;
  border-left: 80px solid transparent;
  width: 0;
    }
.optionsm:hover .options {
 color:#333;
letter-spacing:3px;
}

.zom {
background-size:100%;
background-position:center center;
transition:all .6s
}
.zom:hover {
background-size:103%}
body.bg0 {
        background:none

}
body.bg1 {
        background:url(../IMG/bg1.jpg)

}
body.bg2 {
        background:url(../IMG/bg2.jpg)

}

body.bg3{
        background:url(../IMG/bg3.jpg)

}

body.bg4 {
        background:url(../IMG/bg4.png)

}

body.bg5 {
        background:url(../IMG/bg5.png)

}

body.bg6 {
        background:url(../IMG/bg6.png)

}
 
.pitem {
padding:10px;
position:relative;
cursor:pointer;
margin-bottom:10px;
}
    .pitem .img {
    background-size:cover;
    background-position:center center
    }
    .pitem .caption {
        position: absolute;
        bottom: 15px;
        padding: 8px 5px;
        background-color: rgba(255,255,255,.69);
        transition: all .3s;
        width: calc(100% - 20px);
        text-align: center;
        color: #000;
        opacity: 0;
    }
 
 .pitem:hover .caption {
opacity:1
}

  .newsletter-row {
     margin:-100px 0 100px 0 !important; 
}
   
  
 
.bounce-in-left {
    display:none;

	 
}
 .current .bounce-in-left {
    display:block;
    position:absolute;
    left:40%;
    top:45%;
    font-size:60px;
    font-weight:bold;
    color:#000;
     text-shadow:2px 2px 2px rgba(255,255,255,.5);
    padding:20px;
	-webkit-animation: bounce-in-left 1.1s both;
	        animation: bounce-in-left 1.1s both;
}
@-webkit-keyframes bounce-in-left {
  0% {
    -webkit-transform: translateX(-600px);
            transform: translateX(-600px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 0;
  }
  38% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    opacity: 1;
  }
  55% {
    -webkit-transform: translateX(-68px);
            transform: translateX(-68px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  72% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  81% {
    -webkit-transform: translateX(-28px);
            transform: translateX(-28px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  90% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  95% {
    -webkit-transform: translateX(-8px);
            transform: translateX(-8px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}
@keyframes bounce-in-left {
  0% {
    -webkit-transform: translateX(-600px);
            transform: translateX(-600px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 0;
  }
  38% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    opacity: 1;
  }
  55% {
    -webkit-transform: translateX(-68px);
            transform: translateX(-68px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  72% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  81% {
    -webkit-transform: translateX(-28px);
            transform: translateX(-28px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  90% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  95% {
    -webkit-transform: translateX(-8px);
            transform: translateX(-8px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}

@media (max-width:991px) {
    .header-row .header-con .menu-col,  .header-row.scrolled .header-con .menu-col  {
    width:100%;
    padding-left:0
    }
  .header-row    .pad-row {
    padding: 0px;
}
    ul.nav.navbar-nav li {
    width:100%;
     background:#333;
    padding:10px;
    }    ul.nav.navbar-nav li a {
     color:#fff;
     
    }ul.nav.navbar-nav li a:hover {
     color:#f90101;
     
    }
    .js .boxgallery, .js .panel {
/*    z-index:1;*/
    }
  .header-row.scrolled .pad-row {
    padding: 0 ;
}
  .cr-row {
    padding-top: 0;
    margin-bottom: 0;
 
}
   .footer-row {
    padding: 0px 0;
}
   .footer-col {
    padding-left: 0px;
    margin-bottom: 0;
}
   .pad-row.red {
    background: #fff;
}
      h3 {
    color:#333 !important
    }
}

.logo-col2 {
position: fixed;
    right: 0;
    top: 0;
    width: 50vw;
    max-width:300px;
    background: #fff;
    padding: 10px;
    border-radius: 0 0 0 25px;z-index:99
}
.fullwidth80 {
    width: 80%;
    margin-left: 10%;
    margin-top:30px
}
.video {
    margin-top: 100vh
}
@media(max-width:767px) {
    .fullwidth80 {
        width: 100%;
        margin-left: 0;
    }
    .video {
        margin-top: 50vh
    }

}


.alert button {
    display: none
}

#msgs {
    position: fixed;
    z-index: 99999;
    top: 50px;
    width: 300px;
    right: 50%;
    margin-right: -150px;
    text-align: center;
}

@media (min-width: 768px) {
    #msgs {
        width: 600px;
        right: 50%;
        margin-right: -300px;
        text-align: center;
    }
}
.capt {
    position: absolute;
    width: 300px;
    left: 50%;
    margin-left: -150px;
    font-size: 50px;
    color: #fff;
    top: 45vh;
    text-align: center;
}