/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0;padding:0;border:0;font-size:100%;font: inherit;vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
table {border-collapse:collapse;border-spacing: 0;}
a, input:focus, textarea:focus, select:focus {outline: none;}
a {text-decoration: none;}
textarea {overflow: auto;}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
*:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

/* Helpers */
.clear {clear: both;}
.hide {display: none;}
.align-left {text-align: left;}
.align-center {text-align: center;}
.align-right {text-align: right;}
.float-left {float: left;}
.float-right {float: right;}
.uppercase {text-transform: uppercase;}
.grid {overflow: hidden;}
.grid .float-left, .grid .float-right {width: 48%;}

/* Tranisitions */
selector {
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.os-animation, .animation {
    opacity: 0;
}  

.os-animation.animated, .animation.animated {
    opacity: 1;
}

/* Default */
body {
    font: 400 16px 'Open Sans', helvetica, sans-serif;
    padding-top: 95px;
}
.container-fluid > .row {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
    position: relative;
}

/* Toolbar */
#toolbar {
    height: 95px;
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    background: #799e1a;
    background: -moz-linear-gradient(left, #799e1a 0%, #4e6a0c 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #799e1a), color-stop(100%, #4e6a0c));
    background: -webkit-linear-gradient(left,  #799e1a 0%,#4e6a0c 100%);
    background: -o-linear-gradient(left, #799e1a 0%,#4e6a0c 100%);
    background: -ms-linear-gradient(left, #799e1a 0%,#4e6a0c 100%);
    background: linear-gradient(to right, #799e1a 0%,#4e6a0c 100%);
}
#nav-main .lang {
    overflow: hidden;
}
#nav-main .lang li {
    float: left;
}
#nav-main .lang li a {
    display: block;
    float: left;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    padding: 10px 9px;
}
#nav-main .lang li .active, #nav-main .lang li a:hover {
    color: #a3c613;
    text-decoration: none;
}
#nav-main .navbar-toggle {
    clear: right;
    margin: 0 15px 0 0;
    cursor: pointer;
}
#nav-main .navbar-toggle i {
    color: #fff;
    font-size: 26px;
}
#navbar-nav li {
    border-right: 1px solid rgba(0, 0, 0, .085);
}
#navbar-nav li a {
    display: block;
    height: 95px;
    padding: 17px 28px 0 28px;
    color: #fff;
    text-transform: uppercase;
    font-style: italic;
    font-size: 14px;
}
#navbar-nav li a:hover {
    opacity: .7;
    background: none;
}
#navbar-nav li a img {
    margin-bottom: 8px;
}
#navbar-nav .active a, #navbar-nav .active a:hover {
    opacity: 1;
    background: #fff;
    color: #a3c613;
}

/* Section */
.section {
    padding: 35px 0;
}
.section * {
    color: #fff;
    text-align: center;
}
.section h1 {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 18px;
}
.section h1 img {
    margin-bottom: 15px;
}
.section h2 {
    font-size: 15px;
}
.section h2 img {
    margin-bottom: 7px;
}
.section p {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.6;
    margin: 25px 0;
}
.section p a {
    color: #fff;
}
.section p strong {
    font-weight: 600;
}
.section p em {
    font-style: italic;
}
.section p em strong {
    font-weight: 600;
}
.section a:hover {
    text-decoration: none;
}
.section ul {
    padding-left: 10px;
}
.section ul li {
    margin: 5px 0;
    text-align: left;
    position: relative;
    padding-left: 15px;
}
.section ul li:before {
    content: '';
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    left: 0;
    top: 10px;
}
.section .top-right-info {
    position: absolute;
    top: -35px;
    right: 0;
    width: 212px;
    background: rgba(0, 0, 0, .05);
    margin: 0;
    padding: 18px 0;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 400;
}
.section .top-right-info img {
    margin-bottom: 10px;
}
.section hr {
    margin: 12px 0;
}
.section .gallery {
    margin: 30px 0 50px 0;
}
.section .gallery .img-1-2 {
    /*border-left: 4px solid transparent;*/
    /*border-bottom: 4px solid transparent;*/
}
.section .gallery .img-2-2 {
    /*border-left: 4px solid transparent;*/
}
.section .info-contact .col-md-6 {
    padding: 0 15px;
}
.section .info-contact p {
    font-size: 13px;
    margin: 0;
    line-height: 1.5;
}

/* Home */
.section.home {
    background-image: url('/img/layout/bg.jpg');
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding-bottom: 15px;
}
.new .section.home {
    padding-bottom: 0px;
    background-image: url('/img/layout/bg4.jpg');
    background-position: center top;
}
.section.home h1 {
    color: #e94e1b;
    color: #fff;
    font-style: italic;
    font-weight: 600;
    font-size: 34px;
    text-transform: none;
    padding: 15px 0 25px 0;
}
.section.home h2 {
    color: #2b2b2b;
    font-style: italic;
    font-size: 19px;
    line-height: 1.8;
    padding: 0 0 34px 0;
}
.new .section.home h2 {
    /*display:inline-block;*/
    padding:10px 20px;
    margin-bottom:10px;
    line-height: 1.6;
    color: #fff;
    background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.01) 1%, rgba(0,0,0,0.4) 27%, rgba(0,0,0,0.4) 73%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.01) 1%,rgba(0,0,0,0.4) 27%,rgba(0,0,0,0.4) 73%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.01) 1%,rgba(0,0,0,0.4) 27%,rgba(0,0,0,0.4) 73%,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000',GradientType=1 );
}
.section.home .o-nama {
    height: 30px;
    line-height: 30px;
    background: #87af1d;
    width: 105px;
    margin-bottom: 330px;
}
.new .section.home .o-nama {
    margin-bottom: 460px;
    margin-bottom: 540px;
}
.section.home .o-nama:hover {
    color: #fff;
    text-decoration: none;
}
.section.home h3 {
    text-transform: uppercase;
    font-weight: 300;
    font-size: 24px;
    line-height: 1;
}
.new .section.home h3 {
    padding-top:20px;
    padding-bottom:20px;
    /*text-shadow:1px 1px 0px rgba(0,0,0,0.75);*/
    font-weight:500;
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 1%, rgba(0,0,0,0.8) 100%);
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.8) 100%);
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#66000000',GradientType=0 );
}
.section.home h3 img {
    margin-top: 15px;
}

/* Map */
.section.map {
    padding: 0;
}
#map {
    height: 650px;
}

/* About */
.section.about {
    background: #282828;
}

/* Gas station */
.section.gas-station {
    background: #749818;
}
.section.gas-station2 {
    background: #407204;
}
.section.gas {
    background: #e26601;
}

/* Hotel */
.section.hotel {
    background: #1a418e;
}

/* Agricultural pharmacy */
.section.agricultural-pharmacy {
    background: #749818;
}

/* Vineyard */
.section.vineyard {
    background: #cb4418;
}

@media (max-width: 1200px) {
    #toolbar .logo img {
        height: 97px;
        width: auto;
    }
    #toolbar .row {
        padding: 0;
    }
}

@media (min-width: 768px) and (max-width: 1200px) {
    #navbar-nav li a {
        padding-left: 25px;
        padding-right: 25px;
        font-size: 12px;
    }
}

@media (min-width: 768px) and (max-width: 980px) {
    #navbar-nav li a {
        padding-left: 13px;
        padding-right: 13px;
        font-size: 12px;
    }
    #nav-main .lang {
        padding: 20px 0;
    }
    #nav-main .lang li {
        float: none;
    }
    #nav-main .lang li a {
        float: none;
        padding: 5px 15px 5px 5px;
    }
}

@media(max-width: 800px) {
    #navbar-nav li:first-child {
        display:none;
    }
}

@media(max-width: 767px) {
    #navbar-nav li:first-child {
        display:block;
    }
    .section .gallery img {
        border: none!important;
        margin-bottom: 10px;
    }
    .section .info-contact p {
        margin-bottom: 15px;
    }
    .section .top-right-info {
        position: static;
        margin: 0 auto;
    }
    .section.home .o-nama {
        margin-bottom: 125px;
    }
    .new .section.home .o-nama {
        margin-bottom: 200px;
    }
    .section.home h1 {
        font-size: 30px;
    }
    .new .section.home h1 {
        margin-top:-10px;
        padding-top:0px;
        font-size: 24px;
    }
    .section.home h2 {
        font-size: 16px;
    }
    .section.home h3 {
        font-size: 20px;
    }
    #map {
        height: 500px;
    }
    .section p {
        font-size: 15px;
    }
    .section hr {
        margin: 12px 15%;
    }
    .section ul {
        padding-left: 0;
    }
    .section ul li {
        text-align: center;
        padding-left: 0;
    }
    .section ul li:before {
        display: none;
    }
    #toolbar .logo {
        display: block;
        position: absolute;
        left: 0;
        top: 0;
    }
    #nav-main .lang {
        margin-right: 15px;
    }
    #navbar-nav {
        float: none!important;
    }
    #navbar-nav li {
        border: none;
    }
    #navbar-nav li a {
        height: 35px;
        line-height: 35px;
        padding: 0;
        text-align: center;
    }
    #navbar-nav li a:hover {
        background: none;
    }
    #navbar-nav li a img {
        display: none;
    }
    .navbar-collapse {
        position: absolute;
        left: 0;
        top: 95px;
        width: 100%;
        border: none;
        box-shadow: none;
        background: #799e1a;
        background: -moz-linear-gradient(left, #799e1a 0%, #4e6a0c 100%);
        background: -webkit-gradient(linear, left top, right top, color-stop(0%, #799e1a), color-stop(100%, #4e6a0c));
        background: -webkit-linear-gradient(left,  #799e1a 0%,#4e6a0c 100%);
        background: -o-linear-gradient(left, #799e1a 0%,#4e6a0c 100%);
        background: -ms-linear-gradient(left, #799e1a 0%,#4e6a0c 100%);
        background: linear-gradient(to right, #799e1a 0%,#4e6a0c 100%);
    }
}

@media(max-width: 480px) {
    .new .section.home h1 {
        font-size: 18px;
    }
}

@media(min-width: 992px) {

}

@media(min-width: 1200px) {

}