/* CSS Document */

/* Header */
.navbar-brand {padding-top:4px; padding-bottom:4px; /*margin-right:5px;*/ margin-right:0px; width:120px; text-align:center;}

/* Custom Navbar */
.navbar {padding:6px 15px;}

/* Icon Menu */
.navbar-toggler {padding: .5rem .70rem; font-size: 1.25rem; border-radius: .25rem;}

.animated-icon {width:30px; height:30px; position:relative; margin:0px; display: inline-block; vertical-align: middle;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

.animated-icon span {display:block; position:absolute; height:3px; width:100%; border-radius:9px; opacity:1; left:0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

.animated-icon span {background:#1A3465;}
.animated-icon span:nth-child(1) {top:4px;}
.animated-icon span:nth-child(2), .animated-icon span:nth-child(3) {top:14px;}
.animated-icon span:nth-child(4) {top:23px;}
.animated-icon.open span:nth-child(1) {top:11px; width:0%; left:50%;}

.animated-icon.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.animated-icon.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.animated-icon.open span:nth-child(4) {top:11px; width:0%; left:50%;}

/* Family Fonts */
@font-face {
    font-family: 'nillotaregular';
    src: url('../fonts/nillotaregular-3zn73-webfont.woff2') format('woff2'),
         url('../fonts/nillotaregular-3zn73-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* Custom Navbar */
/*@media all and (min-width: 992px) {*/
@media all and (min-width: 768px) {    

/**/
.navbar-nav {/*font-size:16px; line-height:22px;*/ font-size:18px; line-height:24px; font-weight:400;} 
.navbar-nav .nav-item > a {white-space:nowrap;}
.navbar-expand-lg .navbar-nav .nav-link {padding-right:12px; padding-left:12px;}
.navbar-light .navbar-nav .nav-link {color:#000000; position:relative; text-transform:uppercase;}
.navbar-light .navbar-nav li:first-child .nav-link::before {content:""; left:inherit; font-size:0px;}
.navbar-light .navbar-nav .nav-link::before {content:"•"; position: absolute; left:-10px; font-size:18px; top:50%; transform:translateY(-50%);}
/*.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show > .nav-link {color:#AE1927;}*/
.navbar-light .navbar-nav .nav-item {position:relative; margin:0 5px; /*border: 1px solid red;*/}
    
/* Hover */
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-item:hover > a {color:#AE1927; -webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; transition:all .2s ease-in-out;}
    
/*Active*/
.navbar-light .navbar-nav .nav-item.active > .nav-link, .navbar-light .navbar-nav .nav-link.active {color:#AE1927;}

}

/* Tab */
.nav-link {
  padding: .5rem .5rem;
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  color: #fff;
  background-color: #5a1e17;
}


/*** Home Page ***/
/* Banner */
.banner {position:relative; margin-bottom:15px;}

/* Banner Caption */
.banner-caption {position:absolute; top:40%; transform:translateY(-40%); right:110px; text-align:center; max-width:650px; padding-top:0px; padding-bottom:0px; /*border:1px solid blue;*/}
.banner-caption.t-30 {top:30%;}
.banner-caption.align-l {right:inherit; left:15%; /*bottom:inherit;*/ /*border:1px solid red;*/}

.banner-caption h1 {font-family:'nillotaregular'; font-size:110px; line-height:110px; color:#FFF0CD; font-weight:400;} 
.banner-caption h1 span {font-family:'Lato', sans-serif; font-size:36px; line-height:42px; display:block; margin-top:10px;}

/* Carousel */
.carousel-item .slide-mobile {display:none;}
#carousel_Home .carousel-control-next, #carousel_Home .carousel-control-prev {width:10%;}
/*.carousel-caption {border:1px solid red; top:50%; transform:translateY(-50%); left:10%; right:inherit; bottom:inherit; text-align:left; max-width:440px; padding-top:0px; padding-bottom:0px;}*/

.carousel-indicators {outline:none!important; bottom:10px;}
.carousel-indicators li {background-color:#fff;}
.carousel-indicators .active {background-color:#FFF; opacity:1;}

/*Error*/
form label.error, .text-error {color: #de1e11; font-size: 16px; display: block;}
form.getintouch-cont input.error, form.getintouch-cont textarea.error {border: 2px solid #de1e11;}
.alert {margin-top: 10px !important; margin-bottom: 0 !important;}


/*======= Media style start =======***/
/**/
/*@media only screen and (min-width:1200px) and (max-width:1367px) {

}*/

/**/
@media only screen and (min-width:1200px) and (max-width:1440px) {
    
/* Banner Caption */
.banner-caption {right:110px; max-width:650px;}
.banner-caption.align-l {left:10%;}
.banner-caption img {max-width:50%;}
.banner-caption h1 {font-size:84px; line-height:84px;} 
.banner-caption h1 span {font-size:28px; line-height:34px; margin-top:10px;}

}


@media only screen and (min-width:992px) and (max-width:1199px) {

/* Header */
.header.container {max-width:inherit;}
.navbar-brand {padding-top:4px; padding-bottom:4px; margin-right:15px; width:100px; text-align: left; /*text-align:center; margin: 0 auto;*/ }

/* Custom Navbar */
.navbar {padding:6px 10px; width:100%;}

/* Custom Navbar */
.navbar-nav {font-size:16px; line-height:22px;} 
.navbar-expand-lg .navbar-nav .nav-link {padding-right:10px; padding-left:10px;}

/* Carousel */
.carousel-indicators {bottom:0px;}
    
/* Banner */
/*.banner {margin-bottom:0px;} */  
    
/* Banner Caption */
.banner-caption {top:40%; transform:translateY(-40%); right:90px; max-width:500px;}
.banner-caption.align-l {left:11%;}
.banner-caption img {max-width:40%;}
.banner-caption h1 {font-size:52px; line-height:52px;} 
.banner-caption h1 span {font-size:24px; line-height:30px;margin-top:10px;}    

}

/**/
@media only screen and (min-width:768px) and (max-width:991px) {

/* Header */
.header.container {max-width:inherit; padding-left:inherit; padding-right:inherit; }
.header.container > .row {display:inherit; flex-wrap:wrap; margin-right:inherit; margin-left:inherit;}
    
.navbar-brand {width:100px; /*margin: 0 auto;*/ text-align:left;}

/* Custom Navbar */
.navbar {padding:5px 15px;}

/* Custom Navbar */
.navbar-nav {font-size:16px; line-height:22px;} 
.navbar-expand-lg .navbar-nav .nav-link {padding:10px 15px;}
.navbar-light .navbar-nav .nav-link::before {content:""; left:0px; font-size:0px;}

/* Banner */
/*.banner {margin-bottom:0px;}*/

/* Carousel */
#carousel_Home .carousel-control-next, #carousel_Home .carousel-control-prev {width:9%;}
.carousel-indicators {bottom:0px;}
    
/* Banner Caption */
.banner-caption {right:60px; max-width:550px;}
.banner-caption img {max-width:30%;}
.banner-caption h1 {font-size:40px; line-height:40px;} 
.banner-caption h1 span {font-size:18px; line-height:24px; margin-top:5px;}       

}

/**/
@media only screen and (max-width: 767px) { 

/* Header */
.header.container {max-width:inherit; padding-left:inherit; padding-right:inherit; }
.header.container > .row {display:inherit; flex-wrap:wrap; margin-right:inherit; margin-left:inherit;}
    
.navbar-brand {width:100px; text-align:left; /*margin: 0 auto;*/}

/* Custom Navbar */
.navbar {padding:5px 15px;}

/* Custom Navbar */
.navbar-nav {font-size:16px; line-height:22px;} 
.navbar-expand-lg .navbar-nav .nav-link {padding:5px 15px;}
.navbar-light .navbar-nav .nav-link::before {content:""; left:0px; font-size:0px;}

/* Banner */
/*.banner {margin-bottom:0px;}*/

/* Carousel */
#carousel_Home .carousel-control-next, #carousel_Home .carousel-control-prev {width:8%;}
.carousel-indicators {bottom:-10px;}
    
/* Banner Caption */
.banner-caption {right:0px; max-width:165px;}
.banner-caption.align-l {left:10%; /*bottom:inherit;*/ /*border:1px solid red;*/}    
.banner-caption p {margin-bottom:5px;}
.banner-caption img {max-width:15%;}
.banner-caption h1 {font-size:18px; line-height:20px;} 
.banner-caption h1 span {font-size:10px; line-height:14px; margin-top:5px;}    

}