@charset "UTF-8";
/* CSS Document */

@import "bootstrap.min.css";
@import "flaticon.css";
@import "jquery.bxslider.css";
@import url(https://fonts.googleapis.com/css?family=Titillium+Web:400,700,300);

body {
    font-family: 'Titillium Web', sans-serif;
}
h1{font-size:13px;margin-top:10px;color:#58595b;margin-bottom:20px;}
h1 span{border-right:1px solid #ed1735;margin-right:7px;padding-right:7px;}
h2 {font-size:14px;color:#999;margin-bottom:5px;}
.padding-0{padding:0;}
.push-top{padding-top:20px;}

.text-center {
    padding-top: 20px;
}
.col-xs-12 {
    background-color: #fff;
}
#sidebar {
    padding-right: 0;
    padding-top: 20px;
    background:#f9f9f9;
    padding-bottom:15%;
}
#sidebar .nav {
    width: 95%;
}

a{color:#58595b;}
a:hover{color:#ed1735;}

.border-top{border-top:1px solid #959595;}

.navbar-brand{background:url(../img/red-elephant-logo.png); width:212px; height:82px;margin:20px;}
.navbar-default{background:#FFF;border:none;border-top:10px solid;border-radius:0;}
.nav>li>a{color:#58595b; font-weight:400; font-size:18px;}
.nav>li>ul>li>a{color:#58595b;font-weight:300; font-size:14px;}
.nav>li>ul>li>a:hover,.nav>li>ul>li>a:focus{color:#ed1735;}
.nav>li>a:hover,.nav>li>a:focus{color:#ed1735;}
.nav li{list-style:none;border-bottom: 1px #EAEAEA solid;font-weight:300;}
.nav>li>ul{padding:0px 15px 10px;}
.nav>li>ul>li{border-bottom:none;}
.current{color:#ed1735 !important;}
.allrights {padding:20px 15px 100%; color:#999;}
#sidebar p {padding:20px 15px 0px; color:#999;}

.navbar{margin-bottom:0;}

.social{position:relative; top:80px;}
.social li{list-style:none; display:block; float:left;}
.social li a{color:#58595b; margin-left:5px; font-size:18px;}
.social li a:hover, .social li a:focus{color:#ed1735 !important; text-decoration:none;}

.facebook{color:#3765a3 !important;}
.twitter{color:#659fcb !important;}
.vimeo{color:#17b3e8 !important;}

.red-container{border-left:1px solid #959595; margin-top:30px;padding-top:5%;margin-bottom:20px;}
.red-page-container{border-left:1px solid #959595; margin-top:30px;padding-left:5%;margin-bottom:20px;}
.red-container img{width:100%;}

figure a img:hover, figure a img:focus{opacity:0.8;}
figure img{width:100%;}

.footer{border-top:1px solid #959595;}

.space{margin-top:0px;margin-bottom:50px;}

.carouselCase{margin:0; padding: 0;}
.carouselCase h1{font-size:12px;}

.detay{padding-top:5%; background:#1e1e1e;}
.detay .overlay{width:100%; height:100%; position:absolute;}
.detay h1{color:#FFF;}

.backBtn{background:url(../img/backbtn.png); background-size:cover;width:32px;height:32px;float:left; opacity:07; border: none; outline: none;}
.backBtn:hover, backBtn:hover{ opacity:1;}

#map{width:100%;height:400px;}
.contact-container{border-left:1px solid #959595; color:#666; font-size:12px;margin-bottom:20px;}
.contact-container a{color:#ed1735;}

.bx-controls-direction{position:absolute;top:0;right:0;height:100%;}
.slide a h1{position:absolute;bottom:0;right:0;padding:10px 8px;background:rgba(255,255,255,0.9);margin-bottom: 0;}

.thin {
    margin-top: -42px;
}

.carousel > .window {
    overflow: hidden;
    position: relative;
    height: 300px;
}

/*
    This is the item wrapper,
    it will be animated.
*/
.carousel ul {
    list-style: none;
    height: 10000px;
    top: 0;
    left: 0;
    position: absolute;
    padding: 0px;
}

/*
    These are the items
*/
.carousel li {
    margin: 3px 0 0;
}
.prev, .next {
    font-size: 30px;
    width: 100%;
    position: relative;
    left: 50%;
    margin-left: -15px;
    color:#ccc;
}


.prev:hover, .next:hover {
    text-decoration: none;
    cursor: pointer;
}

.carousel li:first-child {
    margin: 0;
}

.dir-container{padding-top: 20%; border-left: 1px solid #959595; margin-top: 20px;}
.about-container{border-left: 1px solid #959595; margin-top: 20px;}


.modal-backdrop {
    background-color: #1e1e1e;
}

.modal-backdrop.in {
    filter: alpha(opacity=100);
    opacity: 1;
}

@media screen and (max-width: 767px) {
    .red-container{padding-top:0;}
    .red-page-container{padding:0;}
    .social{position:relative; top:0px; margin-top: -40px;}
    .thin {
        margin-top: 0;
    }

    .row-offcanvas {position: relative;-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;transition: all 0.6s ease;}
    .row-offcanvas-right .sidebar-offcanvas {right: -41.6%;}
    .row-offcanvas-left .sidebar-offcanvas {left: -41.6%;}
    .row-offcanvas-right.active {right: 41.6%;}
    .row-offcanvas-left.active {left: 41.6%;-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;transition: all 0.6s ease;}
    .sidebar-offcanvas {position: absolute;top: 0; width: 41.6%;}
    #sidebar {padding-top:0;}
    .carouselCase{margin:80px 0;}
}

.item img{
    width:100%;
}

/* For high resolution display */

@media only screen and (min--moz-device-pixel-ratio: 2),

only screen and (-o-min-device-pixel-ratio: 2/1),

only screen and (-webkit-min-device-pixel-ratio: 2),

only screen and (min-device-pixel-ratio: 2) {

    .navbar-brand{
        background:url(../img/red-elephant-logo2x.png) no-repeat;
        background-size:contain;
    }
}