@import url("http://fonts.googleapis.com/css?family=Roboto:300,400,500,700");

/* Structure */
body{font-family:'roboto', "Open Sans", Helvetica, Arial, Verdana, sans-serif;background:#fff;font-weight:400;font-size:15px;overflow-y:scroll;overflow-x:hidden;}

.container, .container-fluid {position:relative;text-align:center;}

.wrapper{padding-top:100px;padding-bottom:100px;text-align:left;}

h1,h2,h3,h4,h5,h6 {text-transform:uppercase;}
a{color:#800000;text-decoration:none;}

.t-section {display: table; width: 100%;height: 80%;}
.v-center {display:table-cell;vertical-align: middle;text-align: center;}

.white-section {background-color:white;color:black;}
.white-section a{color:black;text-decoration:none;}

.black-section {background-color:black;color:white;}
.black-section a{color:white;text-decoration:none;}

.grey-section {background-color:#E3E3E3;color:black;}
.grey-section a{color:black;text-decoration:none;}

.red-section {background:linear-gradient(to bottom right,#800000,#121212);color:white;}
.red-section a{color:white;text-decoration:none;}

.footer {padding: 50px;}

.icr-to-color img:last-child{display:none}
.icr-to-color:hover img:first-child{display:none}
.icr-to-color:hover img:last-child{display:inline-block}

.grey-to-color {-webkit-filter: grayscale(100%);filter: grayscale(100%);}
.grey-to-color.active.focus, .grey-to-color.active:focus, .grey-to-color.active:hover, .grey-to-color:active.focus, .grey-to-color:active:focus, .grey-to-color:active:hover, .grey-to-color:hover, .grey-to-color:focus {-webkit-filter: grayscale(0%);filter: grayscale(0%);}

.btn-transparent{background-color:transparent;color:white;border:2px solid white;padding:10px 40px 11px;font-weight:500;}
.btn-transparent.active.focus, .btn-transparent.active:focus, .btn-transparent.active:hover, .btn-transparent:active.focus, .btn-transparent:active:focus, .btn-transparent:active:hover, .btn-transparent:hover, .btn-transparent:focus{color:#ffffff;background-color:rgba(255,0,0,0.8);border-color:#ffffff;}

.logo{width:auto;height:30px;margin:20px 0 0 20px;padding:0;float:left;}

.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small{color:#800000;}

.clr{clear:both;}
ol,ul{list-style:none;}
.no-pad {padding: 0;}
img {margin: auto;}

.slick-slide{height: auto;}
.slick-slider{margin-bottom: 0;}

.a-slide{ height: 100%; width: 100%; background-size: cover !important;}

.slide1 {background:url(../images/) no-repeat center;}
.slide2 {background:url(../images/ella-bg-4.jpg) no-repeat center;}
.slide3 {background:url(../images/slide.jpg) no-repeat center;}

.slick-slider .carousel-caption {top: 50%;  bottom: auto; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%);}

.overlay-red {position: absolute; width: 100%; height: 100%; background: linear-gradient(to bottom right,#800000,#121212); opacity: 0.8; transition: all 0.2s ease-out;}
.overlay-orange {position: absolute; width: 100%; height: 100%; background: linear-gradient(to bottom right,#FF6302,#121212); opacity: 0.8; transition: all 0.2s ease-out;}
.overlay-blue {position: absolute; width: 100%; height: 100%; background: linear-gradient(to bottom right,#0097fe,#121212); opacity: 0.8; transition: all 0.2s ease-out;}