/*
Theme Name: Wine website
Theme URI: http://mmosinyan.com
Author: Mariam Mosinyan
Author URI:  http://mmosinyan.com
Description: This theme was created for lospilareswine
Version: 1.0
*/

body,html{
    height: 100%;
    position: relative;
}
body{
    font-family: Verdana,Arial;
    font-size: 100%;
    font-size: 14px;
    position: relative;
    
}
#main-menu{
    background: #1D1C1F;
    margin-bottom: 0px;
    min-height: 100%;
}
#main-menu .navbar-toggle .icon-bar{
    background: #fff;
}
#main-menu a{
    color: #fff;
}
#main-menu .navbar-brand {
    text-transform: uppercase;
}


#main-menu ul li{
    position: relative;
}
#main-menu ul.nav > li > a{
    font-size: 100%;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #fff;
}
#main-menu  ul li.current-menu-item > a,
#main-menu  ul li a:hover,
#main-menu  ul li.current-page-ancestor > a{
    color: #e6575e !important;
    text-decoration: none;
}
.featured-post-text{
    padding: 20px 0;
    font-style: italic;
    font-size: 140%;
}
.feature-blog-post-section h2{
    text-transform: uppercase;
    font-size: 180%;
    font-weight: 600;
}
.feature-blog-post-section{
    padding: 60px 0;
}
.top-right-side{
    position: absolute;
    right: 25px;
    top: 0;
}
.media-icons i{
    border: 1px solid #ffffff;
    color: #ffffff;
    font-size: 25px;
    border-radius: 50%;
    padding: 7px;
    width: 40px;
    height: 40px;
    text-align: center;
}
.media-icons i.fa-facebook:hover{
    background: #324e84;
}
.media-icons i.fa-twitter:hover{
    background: #2598CB;
}
.hidden-md .media-icons{
    float: right;
    padding-top: 16px;
}
.hidden-md .media-icons i{
    color: #4c4c4c;
    border: 1px solid #4c4c4c;
}
.hidden-md .media-icons i:hover{
    color: #ffffff;
}
.header .hidden-md{
    background: #DEE2D8;
    padding: 5px 0;
}
.header{
    width: 100%;
    z-index: 10;
}
.language-switcher{
    display: inline-block;
}
.language-switcher li{
    float: left;
    margin-left: 10px;
}
#main-menu .language-switcher li a.current,
.language-switcher li a.current{
    color: #770B14;
}
.media-icons{
    display: inline-block;
    float: left;
    padding-top: 29px;
    padding-right: 25px;
}
.media-icons li{
    float: left;
    margin-left: 10px;
}
.top-right-side img{
    margin-top: 10px;
}
#main-menu ul.nav > li:hover > ul.sub-menu{
    display: block;
}
#main-menu ul.nav > li > a:hover{
    background: none;
}

.no-border-radius{
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
}
.no-border{
    border: none;
}
.front-page .header{
    position: relative;
    width: 100%;
    z-index: 3;
    top: 0px;
    
}
.home-banner-section .slider,
.home-banner-section .slide{
    position: relative;
    height: 100%;
    width: 100%;
}
.parallax{
    background-repeat: no-repeat;
}
a.learn-more:after,.parallax{
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.slide .slide-text{
    color: #fff;
    font-weight: bold;
    left: -50%;
    position: absolute;
    top: 25%;
    line-height: 100%;
    font-family: 'Carrois Gothic SC', sans-serif;
    padding: 25px;
}
.slide .slide-text h3{
    text-transform: uppercase;
    font-weight: bold;
}
.slide.animated .slide-text{
    left: 25px;
}
.slide-transition{
    -moz-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
    -o-transition: all 1s ease;
}
a.learn-more{
    display: inline-block;
    position: relative;
    font-size: 100%;
}
.slide .slide-text a.learn-more{
    font-size: 16px;
    line-height: 21px;
    padding-left: 56px;
    color: #fff;
}
a.learn-more:after{
    content: " ";
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 44px;
    height: 22px;
    height: 100%;
    background-image: url(images/arrow.png);
    background-position: center center;
    background-repeat: no-repeat;
    -moz-transition: all 50ms ease;
    -webkit-transition: all 50ms ease;
    -o-transition: all 50ms ease;
    transition: all 50ms ease;
}
a.learn-more:hover:after{
    left: 8px;
}
.slider-counter{
    position: absolute;
    right: 50px;
    top: 50px;
    color: #fff;
    z-index: 10;
    width: 60px;
    height: 60px;
    text-align: center;
    border: 1px solid #fff;
    padding-top: 9px;
    line-height: 14px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}
.slider-counter:hover p{
    display: none;
}
.slider-counter:hover img{
    display: inline-block;
    width: 80%;
    margin: 10px auto;
}
.slider-counter img{
    display: none;
}
.slider-counter p{
    margin-bottom: 0px;
}
.wine-list ul li{
    width: 144px;
    float: left;
    margin: 0  10px;

}
.wine-list ul li .bottle{
    width: 100%;
    position: relative;
    text-align: center;
}
.bottle .bottle-img{
    margin: 0 auto;
    position: relative;
    bottom: 0;
}
.wine-list ul li:nth-child(2n -1) img.bottle-img{
    margin: 15px auto auto auto;
}
.bottle .float,
.bottle .sit{
    position: absolute;
    bottom: -10px;
    left: 0px;
}
.bottle .float{
    display: none;
}

.wines{
    padding: 50px 0;
    background: #C3AB88;
}
.wine-text{
    padding-top: 40px;
    position: relative;
}
.wine-text h3,
.story-text h3{
    font-size: 180%;
    font-weight: bold;
    margin-bottom: 30px;
    color: #770B14;
    text-transform: uppercase;
    position: relative;
}
.story-text h3{
    color: #fff;
}
.story-text{
    display: none;
}
.story-text.current{
    display: block;
}
.story-text-the-content{
    position: relative;
    z-index: 2;
    padding: 15px;
}
.story-text .opacity-bg-black{
    z-index: 2;
}
.default-bootle-text.bottle-text{
    display: block;
}
.bottle-text{
    display: none;   
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    background: #C3AB88;
    display: inline-block;
    padding: 75px 10px 50px 15px;
    width: 100%;
}
.section{
    position: relative;
}
.craft-wine-makers-section{
    height: 500px;
}
.bg-layer{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: none;
}
.bg-layer.current{
    display: block;
}
.list-box a{
    display: inline-block;
    color: #fff;
    font-weight: 600;
    font-family: 'Carrois Gothic SC';
    font-size: 18px;
    padding: 5px 20px;
    text-decoration: none;
}
.list-box a.current{
    border: 1px solid #fff;
}
.craft-wine-makers{
    padding-top: 150px;
}
.story-text h3{
    margin-top: 0px;
    text-transform: uppercase;
}
.story-text p{
    color: #fff;
    font-size: 16px;
    font-family: 'Open Sans', cursive;
    font-style: italic;
}
/* Crew Content */
.ambassadors					{background:#1d1c1f;}
.ambassadors-holder{ 
    position:relative;
}
.the_content p {line-height : 1.5; font-size :16px;}
.clear{clear : both; display:block}
.alignleft{float :left}
.alignright { float : right}
.crew-text						{font-size:12px; font-style: italic; color:#fff; width: 400px; line-height: 20px; font-family: "minion-pro",serif;}

.crew-nav a 					{width: 59px; height: 58px; display: block; float: right}
.crew-nav a:hover				{background-position: right top;}
.arrow-left						{background-image: url(images/arrow-left.png); background-size: 118px 58px;}
.arrow-right					{background-image: url(images/arrow-right.png); margin-left:25px; background-size: 118px 58px;}

.crew-holder					{width: 100%; min-height: 575px; margin-top: 60px; overflow: hidden; position: relative}
.crew-item						{position: relative;}
.member-title					{font-family: 'Verdana',sans-serif; font-size: 14px; color:#fff; font-style: normal; margin-bottom: 30px; text-transform:uppercase; letter-spacing:2px;}
.member-text					{font-size:12px; font-style: italic; color:#fff; line-height:20px; display: none; font-family: "Verdana",serif;padding-left: 15px;}
.member-photo					{width:100%; height: 255px; margin-bottom: 50px;opacity : 0.4}
.ambassadors .member-photo {
  overflow: hidden;
}
.the_content img.alignleft,
.the_content img.alignright{
    margin: 0 10px;
}
.inner .main .container{
    padding-bottom: 40px;
}
.ambassadors .crew-holder {
  cursor: pointer;
}
.inner .main .container{
    height: 100%;
}
.member-photo img{
    max-width: 100%;
    max-height: 100%;
   
}
.read-more{
    display: block;
    text-align: right;
}
.ambassadors .member-photo{
    text-align: center;
    border: 1px solid white;
}

.ambassadors .crew-holder .member-photo:hover {
  opacity: .5 !important;
}
#ambassadors .container-fluid h3{
    font-size: 400%;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
}
#ambassadors{
    overflow: hidden;
}
.footer{
    background: #F1F2F2;
    padding: 25px 0;
    width: 100%;
}
@media (max-width: 991px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
  margin-top: 7.5px;
 }
 .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
    display:block !important;
 }
    .navbar-collapse.in {
        overflow-y: auto !important;
    }
 .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        box-shadow: none;
    }
    .site-header>nav li {
        float: none !important;
    }
}
.footer .pull-right .footer-col h2{
    text-transform: uppercase;
    font-weight: 400;
    margin-bottom: 30px;
    
}
.footer-col h2,
.footer h3{
    color: #770B14; 
}
.footer .pull-left h3{
    text-transform: uppercase;
    margin-bottom: 30px;
}
.footer .pull-right .footer-col a{
    color: #808285;
    font-style: italic;
    font-size: 12px;
}
.page-title{
    position: relative;
}
.share-buttons ul.wpfai-list li{
    margin: 0 2px;
}
.share-buttons ul.wpfai-list{
    margin: 0;
}
.loop-item .date{
    font-size: 12px;
    font-style: italic;
    float: right;
    padding-top: 5px;
}
.loop-item .date i{
    font-size: 14px;
    padding-right: 5px;
}
.loop-item h2{
    font-size: 20px;
    margin-top: 0px;
}
.loop-item h2 a {
    color: #000000;
}
.pagination-container{
    text-align: center;
    margin-top: 40px;
    margin-bottom: 25px;
}
.pagination-container .pagination{
    margin: 0 auto;
}
.pagination-container .pagination>li>a, 
.pagination-container .pagination>li>span{
    color: #000000;
}
.pagination>li>span.current{
    background: #770B14;
    color: #ffffff;
}
.success{
    color : #5cb85c;
}
.warning{
    color: #770B14;
}
.dispay-none{
    display: none;
}
.opacity-bg-black{
    background-color:#1D1C1F;
    position: absolute;
    width: 100%;
    height: 100%;
    top :0 ;
    left : 0;
    z-index: -1;
    opacity: 0.6;
}
/* Comments */
.comment-list {
	margin-top: 20px;
	padding-left: 0;
}

.comment-body {
	padding-top: 10px;
	padding-bottom: 0;
	position: relative;
}
article.comment-body {
	background-color: #f3f3f3;
	border: 1px solid #e0e0e0;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
	padding: 20px;
	margin-bottom: 10px;
}
.comment-metadata {
	float: right;
	margin-top: -30px;
}

.comment-content, .comment-awaiting-moderation {
	margin-left: 40px;
	margin-top: 5px;
}

.comment-awaiting-moderation {
	color: #428bca;
}

.fn {
	margin-left: 5px;
	margin-right: 5px;
}

.reply {
  position: absolute;
  bottom: 7px;
  right: 22px;
  display: none;
}

.depth-2, .depth-3 {
	padding-left: 60px;
	background: url(images/arrow.svg) 5px 5px no-repeat;
	background-size: 50px 50px;
}

.comments-list {
	padding-left: 0;
}
.subscription-form.form-horizontal{
    max-width: 400px;
    padding: 0 15px;
}