/* CSS Document */
/* fonts */
/*

Museo Sans
    Museo Sans 100 Italic sans-serif
    Museo Sans 300 Italic sans-serif
    Museo Sans 700 Italic sans-serif
    Museo Sans 900 sans-serif
Museo
    Museo Sans 300 serif

Apolite
    apolline 400 Italic serif
    apolline 700 Italic serif
*/
.li-font-1-1{
    font-family: 'museo-sans', sans-serif;
    font-weight:100;
}

.li-font-1-1-italic{
    font-family: 'museo-sans', sans-serif;
    font-weight:100;
    font-style:italic;
}

.li-font-1-2{
    font-family: 'museo-sans', sans-serif;
    font-weight:300;
}
.li-font-1-2-italic{
    font-family: 'museo-sans', sans-serif;
    font-weight:300;
    font-style:italic;
}

.li-font-1-3{
    font-family: 'museo-sans', sans-serif;
    font-weight:700;
}
.li-font-1-3-italic{
    font-family: 'museo-sans', sans-serif;
    font-weight:700;
    font-style:italic;
}

.li-font-1-4{
    font-family: 'museo-sans', sans-serif;
    font-weight:900;
}

.li-font-2{
  font-family: 'museo', serif;
  font-weight:400;
 }

.li-font-3{
  font-family: 'apolline', serif;
  font-weight:400;
 }

.li-font-3-1{
  font-family: 'apolline', serif;
  font-weight:700;
 }

/*---------------------layout--------------------------*/
html {
  position: relative;
  min-height: 100%;

  height:100%
}
body {
	background: #FFFFFF;
    color: #111111;
    font-family: 'museo-sans', sans-serif;
    font-size:14px !important;
    font-weight:300;
    line-height:21px;


	-webkit-font-smoothing: antialiased;
    -webkit-overflow-scrolling: touch;

    overflow-x:hidden;
}
/*
.container {
    width: 987px;
}*/

.li-spacer-right-10{
  margin-right:10px;
}
.li-spacer-right-20{
  margin-right:20px;
}
.li-spacer-right-30{
	margin-right:30px;
}
.li-valign-center {
    display: inline-block;
    vertical-align: middle;
	 margin-top:5px;
}
#noticias{
  background-color:#0F0B0C;
  /*background-image:url(/media/slider/noticias.jpg);*/
   background-repeat:no-repeat; background-position:center; background-size:cover;
}
.li-index-h2-news-header{
  padding-left:5px;
  text-align:left;
  font-size:18px;
  padding-top:0px;
  line-height:18px;
  margin-top: 0px;
  margin-bottom: 0px;

   position: absolute;
   top: 200px;
   left: 0;
   width: 100%;
}
li-index-h2-news-header span {
   color: white;
   font: bold 24px/45px Helvetica, Sans-Serif;
   letter-spacing: -1px;
   background: rgb(0, 0, 0); /* fallback color */
   background: rgba(0, 0, 0, 0.7);
   padding: 10px;
}

.li-index-image-news-header{
   position: relative;
   width: 100%; /* for IE 6 */
}

.li-navbar-dropdown-shadow{
    /*-moz-box-shadow:    inset 0 0 10px #000000 !important;
   -webkit-box-shadow: inset 0 0 10px #000000 !important;
   box-shadow:         inset 0 0 10px #000000 !important;*/
   -moz-box-shadow:    0px 2px 2px 0px rgba(38, 38, 38, 0.2) !important;
  -webkit-box-shadow: 0px 2px 2px 0px rgba(38, 38, 38, 0.2) !important;
  box-shadow:         0px 2px 2px 0px rgba(38, 38, 38, 0.2) !important;
}


.li-section-index-body-row{
  padding-right: 1px;
  padding-left: 1px;
}
.li-index-div{
	width:100%;
	height:560px;
	background-image:url('/media/bg_test.jpg');
	background-position:center center;
	background-origin:content-box;
	background-repeat:no-repeat;
	background-size:cover;
	vertical-align:middle;
	position:relative;
}

.li-breaker {
  height: 100px;
}
.li-breaker-mini {
  height: 50px;
}
.li-section{
	bottom: 0;
	width: 100%;
	left: 0;
	min-height: 60px;
}

.btn-default {
  color: #333;
  background-color:#eee;
  border-left: 1px solid #cccccc;
}

.btn-default:hover {
	border-left: 1px solid #cccccc;
	background-color:#009966 !important;
	color:#FFF;
}
.btn-yellow {
  background-color: rgba(253,197,37,1);
  color: #111111;
}
.btn-yellow:hover {
  background-color: rgba(248,223,110,0.7);
  color: #111111;
}
/*---------------------palete--------------------------*/
/* //////////////////////////////////
TEXT //////////////////////////////////
*/
h1, h2, h3, h4, h5, h6 {
    font-weight: 300;
    margin-top:0;
    margin-bottom:0;
}

h1{
	font-weight:900;
	font-size:45px;
	line-height:50px;
}

h2{
	font-weight:700;
	text-transform:uppercase;
	line-height:40px;
}

h3{
	font-weight:300;
}
h4{
	font-weight:100;
	font-size:25px;
	line-height:20px;
}
h5{
	font-weight:400;
	font-size:17px;
	line-height:15px;

}
p {
    margin: 15px 0px 15px 0px;
}
.li-small{
  font-size:11px;
  line-height:13px;

}
.li-big{
  font-size:40px;
  line-height:40px;

}

.li-huge{
    font-size: 70px;
    line-height: 56px;
    padding-top: 20px;

}

.li-huge-2x{
    font-size: 160px;

}

.li-grayscale {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}

.li-div-no-padding{
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.li-border-right{
    border-right:1px solid #ECECEC;

 }
 .li-border-left{
    border-left:1px solid #ECECEC;

 }
 .li-border-bottom{
    border-bottom:1px solid #ECECEC;

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

 }

.li-jumbotron{
    width:100%;
    height: 100vh;
    margin-bottom: 0;
}

.li-vertical-center {
 min-height: 100%;  /* Fallback for vh unit */
  min-height: 100vh; /* You might also want to use
                        'height' property instead.

                        Note that for percentage values of
                        'height' or 'min-height' properties,
                        the 'height' of the parent element
                        should be specified explicitly.

                        In this case the parent of '.vertical-center'
                        is the <body> element */

  /* Make it a flex container */
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;

  /* Align the bootstrap's container vertically */
    -webkit-box-align : center;
  -webkit-align-items : center;
       -moz-box-align : center;
       -ms-flex-align : center;
          align-items : center;

  /* In legacy web browsers such as Firefox 9
     we need to specify the width of the flex container */
  width: 100%;

  /* Also 'margin: 0 auto' doesn't have any effect on flex items in such web browsers
     hence the bootstrap's container won't be aligned to the center anymore.

     Therefore, we should use the following declarations to get it centered again */
         -webkit-box-pack : center;
            -moz-box-pack : center;
            -ms-flex-pack : center;
  -webkit-justify-content : center;
          justify-content : center;
}

i.li-icon-huge{
    font-size:170px;
}
i.li-icon-huge-x2{
    font-size:220px;
}
/*---------------------palete--------------------------*/
/*
bg
rgba(86,61,124,.15)
border
rgba(86,61,124,.2)
*/
.li-white{
	color:#FFFFFF !important;
}
.li-black{
	color:#111111 !important;
    /* rgba(10,7,1,1) */
}
.li-gray{
    color:#BDBDB9 !important;
}
.li-gray-light{
    color:#ECECEC !important;
}
.li-gray-dark{
    color:#7A7A7A !important;
}
.li-yellow{
	color:#FDC525 !important;
    /* rgba(253,197,37,1) */
}

.li-yellow-light{
	color:#F8DF6E !important;
    /* rgba(248,223,110,1) */
}
.li-yellow-gold{
	color:#FDC525 !important;
}

.li-green{
	color: #3FAE2A !important;
}

.li-red{
	color: #b70836 !important;
}



/* // BGS  // */
.li-bg-white{
	background-color:#FFFFFF !important;
}
.li-bg-black{
	background-color:#111111 !important;
}
.li-bg-yellow{
	background-color:#FDC525 !important;
}

.li-bg-yellow-light{
	background-color:#F8DF6E !important;
    /* rgba(248,223,110,1) */
}
.li-bg-green{
	background-color: #3FAE2A !important;
}
.li-bg-red{
	background-color: #b70836 !important;
}
.li-bg-gray-light{
    background-color:#ECECEC !important;
}
/* //////////////////////////////////
LI RESPONSIVE STUFF //////////////////////////////////
*/
@media (min-width: 768px) and (max-width: 991px) {
    .li-mobile-only{
      display: none !important;
    }
    .li-desktop-only{
      display: block !important;
    }
    .li-brand-logo {
        padding: 10px 15px 45px 15px !important;
    }
    .rd-navbar-nav{
        font-size:15px !important;
    }
    /*.top-bar {
        padding-bottom:30px;
    }*/
    .rd-navbar-inner{
        margin-top:50px !important;
    }
    .text-center{
        margin-bottom:inherit !important;
    }
    header {
        top:inherit;
        margin-top:inherit !important;
        padding-top:inherit !important;
    }
    .section-md-top-90{
        padding-top:inherit !important;
    }
    .page-head.section-sm-50.section-md-top-90.section-lg-bottom-80.bg-images-1{
        padding-top:50px !important;
    }
    .rd-navbar.rd-navbar-original.rd-navbar-static.rd-navbar--is-stuck{
        padding-top:15px !important;
    }
}

@media (min-width: 481px) and (max-width: 767px) {
    .li-mobile-only{
      display: block !important;
    }
    .li-desktop-only{
      display: none !important;
    }
    .li-brand-logo {
        padding: 10px 15px 55px 15px !important;
    }
    .swiper-slide-caption h1 {
        font-size: 25px !important;
    }
    .rd-navbar-fixed .rd-navbar-brand {
          display: block;
          text-align: left;
          top: 6px;
          left: 60px;
          right: 60px;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          font-size: 22px;
          line-height: 46px;
          height: 48px;
          z-index: 17;
          position: absolute;
      }
      .li-spacer-right-10 {
          margin-right: inherit;
      }
      .top-bar {
          padding-bottom:inherit !important;
      }
      .page-head {
          padding-top: inherit !important;
          margin-top: inherit !important;
          position:inherit !important;
      }
      .fixed-header {
          opacity: 1;
      }
      h1 {
          font-weight: 900;
          font-size: 25px;
          line-height: 25px;
      }
      .big-logo-footer {
          min-height: 200px !important;
      }
      .li-bg-gray-light {
          padding:20px !important;
          padding-top: 100px !important;
      }
      #wrapper {
          padding-bottom:50px !important;
      }
      .classic-title {
          font-size: inherit;
          margin-top: 50px;
      }
}
 @media (min-width: 320px) and (max-width: 480px) {
  /*#iphone*/
  .li-mobile-only{
    display: block !important;
  }
  .li-desktop-only{
    display: none !important;
  }
  .rd-navbar-fixed .rd-navbar-brand {
        display: block;
        text-align: left;
        top: 6px;
        left: 60px;
        right: 60px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 22px;
        line-height: 46px;
        height: 48px;
        z-index: 17;
        position: absolute;
    }
    .li-spacer-right-10 {
        margin-right: inherit;
    }
    .top-bar {
        padding-bottom:inherit !important;
    }
    .page-head {
        padding-top: inherit !important;
        margin-top: inherit !important;
        position:inherit !important;
    }
    .li-brand-logo {
        padding: 15px 8px 15px 8px !important;
    }
    .fixed-header {
        opacity: 1;
    }
    h1 {
        font-weight: 900;
        font-size: 25px;
        line-height: 25px;
    }
    .big-logo-footer {
        min-height: 200px !important;
    }
    .li-bg-gray-light {
        padding:20px !important;
        padding-top: 100px !important;
    }
    #wrapper {
        padding-bottom:50px !important;
    }
    .classic-title {
        font-size: inherit;
        margin-top: 50px;
    }
}
@media screen and (min-width: 992px) {
 /*#iphone*/
 .rd-navbar-inner{
     margin-top:50px !important;
 }
 .li-mobile-only{
   display: none !important;
 }
 .li-desktop-only{
   display: block !important;
 }
 header {
     top:inherit;
     margin-top:inherit !important;
     padding-top:inherit !important;
 }
 .section-md-top-90{
     padding-top:inherit !important;
 }
 .page-head.section-sm-50.section-md-top-90.section-lg-bottom-80.bg-images-1{
     padding-top:50px !important;
 }
 .rd-navbar.rd-navbar-original.rd-navbar-static.rd-navbar--is-stuck{
     padding-top:15px !important;
 }
}
/* foto legenda*/
.li-photo-caption-wrapper{
         /* float:left;important */
      /*   position:relative; important(so we can absolutely position the description div */
}
.li-photo-caption-description{
        position:absolute; /* absolute position (so we can position it where we want)*/
        bottom:0px; /* position will be on bottom */
        left:17px;
        width:100%;
        max-width:84%;
        /* styling bellow */
        background-color:black;
        font-family: 'tahoma';
        font-size:15px;
        color:white;
        opacity:0.6; /* transparency */
        filter:alpha(opacity=60); /* IE transparency */
        margin-bottom:35px;
        text-align:left;
        float:left;
        font-size:16px;
        font-weight:500;
        color:#ffffff;
        padding:10px;
        margin:0px;
    }


/* move elements*/
	.li-padding-left-5{
		padding-left:5px;
	}
	.li-padding-right-5{
		padding-right:5px;
	}
	.li-padding-left-10{
		padding-left:10px;
	}
	.li-padding-right-10{
		padding-right:10px;
	}

	.li-padding-left-15{
		padding-left:15px;
	}
	.li-padding-right-15{
		padding-right:15px;
	}

	.li-padding-left-20{
		padding-left:20px;
	}
	.li-padding-right-20{
		padding-right:20px;
	}
	.li-padding-left-25{
		padding-left:25px;
	}
	.li-padding-right-25{
		padding-right:25px;
	}

	.li-padding-left-30{
		padding-left:30px;
	}
	.li-padding-right-30{
		padding-right:30px;
	}

    /* start frontend producers page*/
    .li-image-opacity img:hover{
        opacity:1.0;
        //padding:10px 10px 10px 10px;
        background-color:#EBCB66;
    }
    .li-image-opacity img {
        opacity:0.6;
    }
    /* end frontend producers page*/


    /* start frontend producers page*/
    .li-image-padding img:hover{
        //padding:10px 10px 10px 10px;
        opacity:0.6;
    }
    /* end frontend producers page*/


/*---------------------WINE PORTFOLIO--------------------------*/

.btn-info.active, .btn-info:active, .open > .dropdown-toggle.btn-info {
    color: #111111;
    background-color: #FDC525;
    border-color: #FDC525;
}



/*---------------------text--------------------------*/
.h1-section-index-caps-up{
    font-family: 'Raleway','Helvetica Neue',Arial,sans-serif;
	font-weight: 400;
	font-size:40px;
	line-height: 1.1;

	color:rgba(86,61,124,.45);
}
.h2-section-index-promo{
    font-family: 'Raleway','Helvetica Neue',Arial,sans-serif;
	font-weight: 700;
	font-size:54px;
	line-height: 1.1;

	color:rgba(86,61,124,.2);
}

hr {
    border-color: #eee;
    border-width: 1px;
}
hr.light {
    border-color: #fff;
}


/*---------------------nav---------------------*/

.li-nav-records{
		color:#666565;
		padding: 8px 16px;
		background-color:transparent;
}
.pagination > li > a {
		color:#666565;
		padding: 8px 16px;
		background-color:transparent;
		border: 0px;

}
.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
	z-index: 3;
	color: #23527c;
	background-color: rgba(86,61,124,.15);
}

.li-responsive{
  width:100%;
 }
/*---------------------animations---------------------*/
.li-animation-blur{
	-webkit-filter:blur(5px);
}
.li-animation-blur-resert{
	-webkit-filter:blur(0px);
}
.li-animation-fade-2s{
    animation: fadein 2s;
    -moz-animation: fadein 2s; /* Firefox */
    -webkit-animation: fadein 2s; /* Safari and Chrome */
    -o-animation: fadein 2s; /* Opera */
}
.li-animation-fade-3s{
    animation: fadein 3s;
    -moz-animation: fadein 3s; /* Firefox */
    -webkit-animation: fadein 3s; /* Safari and Chrome */
    -o-animation: fadein 3s; /* Opera */
}
.li-animation-fade-4s{
    animation: fadein 4s;
    -moz-animation: fadein 4s; /* Firefox */
    -webkit-animation: fadein 4s; /* Safari and Chrome */
    -o-animation: fadein 4s; /* Opera */
}
.li-animation-fade-5s{
    animation: fadein 5s;
    -moz-animation: fadein 5s; /* Firefox */
    -webkit-animation: fadein 5s; /* Safari and Chrome */
    -o-animation: fadein 5s; /* Opera */
}
.li-animation-fade-6s{
    animation: fadein 6s;
    -moz-animation: fadein 6s; /* Firefox */
    -webkit-animation: fadein 6s; /* Safari and Chrome */
    -o-animation: fadein 6s; /* Opera */
}
.li-animation-fade-7s{
    animation: fadein 7s;
    -moz-animation: fadein 7s; /* Firefox */
    -webkit-animation: fadein 7s; /* Safari and Chrome */
    -o-animation: fadein 7s; /* Opera */
}
.li-animation-fade-8s{
    animation: fadein 8s;
    -moz-animation: fadein 8s; /* Firefox */
    -webkit-animation: fadein 8s; /* Safari and Chrome */
    -o-animation: fadein 8s; /* Opera */
}
.li-animation-fade-9s{
    animation: fadein 9s;
    -moz-animation: fadein 9s; /* Firefox */
    -webkit-animation: fadein 9s; /* Safari and Chrome */
    -o-animation: fadein 9s; /* Opera */
}
.li-animation-fade-10s{
    animation: fadein 10s;
    -moz-animation: fadein 10s; /* Firefox */
    -webkit-animation: fadein 10s; /* Safari and Chrome */
    -o-animation: fadein 10s; /* Opera */
}
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}
/*---------------------links--------------------------*/

.blog-box a {
	color:#000;
	text-decoration:none;
    opacity:1;

	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.blog-box a:focus,a:hover{
	color:rgba(248,223,110,0.6);
	text-decoration:none;

	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

a{
	color:#FDC525;
	text-decoration:none;
    opacity:1;

	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;

}
a:focus,a:hover{
	color:rgba(248,223,110,0.6);
	text-decoration:none;

	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}


a.li-rectangular-black{
    color:#111111 !important;
    border: solid 1px;
    padding: 10px;
    margin: 5px;
    text-transform: uppercase;
    background-color:rgba(255,255,255,0);
}
a.li-rectangular-black:hover{
    background-color:rgba(0,0,0,1);
	color:rgba(248,223,110,1) !important;
}
a.li-rectangular-white{
    color:#FFFFFF;
    border: solid 1px;
    padding: 10px;
    margin: 5px;
    text-transform: uppercase;
    background-color:rgba(255,0,0,0);
}
a.li-rectangular-white:hover{
	color:rgba(255,255,255,1) !important;
    background-color:rgba(255,255,255,0.3);
}


a.li-link-text-black{
	color:#111511;
	text-decoration:none;
}
a.li-link-text-black:hover{
	color:#111511;
	text-decoration: none;
  opacity:0.6;
}

a.li-link-text-white{
	color:#FFF;
	text-decoration:none;
}
a.li-link-text-white:hover{
	color:#FFF;
	text-decoration: none;
  opacity:0.6;
}

.li-data-expira{
	font-weight: 100;
}

a.li-link-list-title{
	color:#470066;

	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;

}

.li-link-div{

}

/* -------------------- editing --------------------- */

.li-navbar {
    background-color: #663399;
    border-color: #470066;
	 border:0px;
	 border-radius: 0px;
	 margin:0px;
	 min-height: 80px;
	 box-sizing: border-box;

	 /*margin:10px 5px 15px 5px; */
}/*
.navbar-default .navbar-nav li a {
    color: #FFF;
    height: 100%;
	 line-height:50px;

	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.navbar-default .navbar-nav li a:hover {
    color: #A680CC;
    /*margin-top: 40px;
    transition: all 0.2s ease-in-out 0s;
 }*/

.ch-grid{
	margin-top: 5%;
}
/*---------------------search--------------------------*/
.li-search-container{
	padding-left: 0;
	padding-right: 0;
	width: 85%;
	/*
	float: left;
	mix-width: 85%;
	max-width: 100%;
	*/
	position: relative;
}
.li-search-placeholder{
	padding-left: 0;
	padding-right: 0;
	width: 100%;
	float: left;
	box-sizing: border-box;

}
.li-search-bar{
	height:60px;
	transition: all 0.25s ease-in;
	background-color: rgba(255,255,255,0.95);
	border: 1px solid #ccd3d3;
	border-right: none;
	display: block;
}
.li-search-placeholder .li-search-icon {
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2251.7%22%20height%3D%2251.7%22%20viewBox%3D%220%200%2051.7%2051.7%22%3E%3Cpath%20fill%3D%22%236C6C6C%22%20d%3D%22M41.4%2040.1l-7.2-7.2c2.1-2.4%203.4-5.6%203.4-9%200-7.3-6.4-13.7-13.7-13.7-7.6%200-13.7%206.1-13.7%2013.7s6.1%2013.7%2013.7%2013.7c3.5%200%206.6-1.3%209.1-3.5l7.2%207.2c.2.2.5.2.7%200l.5-.5c.2-.2.2-.5%200-.7zm-17.5-4.3c-6.6%200-12-5.4-12-11.9%200-6.6%205.4-12%2012-12%206.4%200%2012%205.6%2012%2012-.1%206.6-5.4%2011.9-12%2011.9z%22%2F%3E%3C%2Fsvg%3E');
	background-size: contain;
	height: 60px;
	width: 90px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: 10px 0px;
	position:absolute;
}
.li-search-placeholder .li-search-div-input {
    margin-left: 112px;
	 margin-right: 70px;
	 -moz-box-sizing: border-box;
}
.li-search-placeholder .li-search-input {
	font-size: 16px;
	height: 60px;
	line-height: 16px;
	background: none;
	border: none;
	box-shadow: none;
	display: inline;
	font-weight: normal;
	margin-bottom: 0;
	width: 100%;
	text-overflow: ellipsis;
	margin: 0;
}
.li-search-filters-section{
	padding-left: 0;
	padding-right: 0;
	width: 15%;
	float: left;
}
.li-search-filters-section-separator{
	border-left: 1px solid #ccd3d3;
	height:  100%;
}
.li-search-filters{
	-webkit-transition: all 0.25s;
	-webkit-transition-delay: ease-in;
	-moz-transition: all 0.25s ease-in;
	-o-transition: all 0.25s ease-in;
	transition: all 0.25s ease-in;

	border: 1px solid transparent;
	cursor: pointer;
	display: inline-block;
	list-style: none;
	position: relative;
	background-color: rgba(255,255,255,0.95);
	border: none;
	position: relative;
	/**/float: right;
	height: 60px;
	list-style: none;
	text-align: center;
	z-index: 2;
	border: 1px solid #ccd3d3;
	border-left: none;
	padding: 10px;
	width: 100%;
}
.li-search-filters-button{
	background: none;
	border:none;
	padding-top: 10px;
}
.li-search-filters-div{
	width:100%;
	background-color: #f4f4f4;
	border-radius: 0%;
	border: 1px solid #e3e3e3;

}
.li-search-placeholder .li-search-div-input:focus {
	background: none;
}
.panel-body{
	padding: 0px;
}
/*---------------------footer--------------------------*/
.footer {
  bottom: 0;
  width: 100%;
  left:0;
  /* Set the fixed height of the footer here */
  min-height: 60px;
}
.li-copy{
	font-size: 12px;
}
.li-copy-lightpurple{
	font-size: 12px;
	color:#A680CC;
}
.li-copy a{
	color:#ffffff;
}
.li-footer-end-bar {
	padding: 15px 30px 15px 30px;
	color:#ffffff;
	vertical-align:middle;
	min-height:80px;
	width:100%;
}
a.li-footer-social {
	font-size:20px;
	color:#ffffff;
}
a.li-footer-social:hover {
	color:#A680CC;
}
.form-actions{
	padding-bottom: 10px;
}
/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */
.footer > .container {
  padding-right: 15px;
  padding-left: 15px;
}
code {
  font-size: 80%;
}
/*---------------------back to top--------------------------*/
#registerForm .selectContainer .form-control-feedback {
/* Adjust feedback icon position */
right: -15px;
}
.hide{
    display:none;
}
/* back to top css*/
#toTop{
    position: fixed;
    bottom: 10px;
    right: 10px;
    cursor: pointer;
    display: none;
}
.hide{
    display:none;
}


/**
 * Override feedback icon position
 * See http://formvalidation.io/examples/adjusting-feedback-icon-position/
 */
#offerForm .dateContainer .form-control-feedback {
    top: 0;
    right: -15px;
}
/*--------------------authentication----------------------------*/
.omb_loginOr {
  position: relative;
  font-size: 1.5em;
  color: #aaa;
  margin-top: 1em;
  margin-bottom: 1em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}
.omb_loginOr .omb_hrOr {
  background-color: #cdcdcd;
  height: 1px;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.omb_loginOr .omb_spanOr {
  display: block;
  position: absolute;
  left: 50%;
  top: -0.6em;
  margin-left: -1.5em;
  background: url('/images/bg.jpg');
  width: 3em;
  text-align: center;
}
/*----------login---------*/
#login-dp{
    min-width: 250px;
    padding: 14px 14px 0;
    overflow:hidden;
    background-color:rgba(255,255,255,.8);
}
#login-dp .help-block{
    font-size:12px
}
#login-dp .bottom{
    background-color:rgba(255,255,255,.8);
    border-top:1px solid #ddd;
    clear:both;
    padding:14px;
}
#login-dp .social-buttons{
    margin:12px 0
}
#login-dp .social-buttons a{
    width: 49%;
}
#login-dp .form-group {
    margin-bottom: 10px;
}
.btn-fb{
    color: #fff;
    background-color:#3b5998;
}
.btn-fb:hover{
    color: #fff;
    background-color:#496ebc
}
.btn-tw{
    color: #fff;
    background-color:#55acee;
}
.btn-tw:hover{
    color: #fff;
    background-color:#59b5fa;
}
@media(max-width:768px){
    #login-dp{
        background-color: inherit;
        color: #fff;
    }
    #login-dp .bottom{
        background-color: inherit;
        border-top:0 none;
    }
}
/*----------Documents----------*/
/* Some common styles..
Warning! this first div styles can affect all your div styles! It is for demonstration purposes only!
You can append this div's style to [class*="badger"] section if you want this style by default for all badgers
------------------------- */
.div1 {
    margin: 15px 0;
    padding: 33px 15px 15px;
    background: #fff;
    border-radius: 6px;
    box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, .64)
}
/* Badger
------------------------- */
[class*="badger"] {
    position: relative
}
[class*="badger"]:after {
    content: attr(data-badger);
    position: absolute;
    top: 0;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: bold;
    background: #999;
    color: #fff
}
.badger-left {
    border-top-left-radius: 6px
}
.badger-right {
    border-top-right-radius: 6px
}
.badger-left:after {
    left: 0;
    border-radius: 6px 0 6px 0
}
.badger-right:after {
    right: 0;
    border-radius: 0 6px 0 6px
}
.badger-danger:after {
    background: #d9534f
}
.badger-warning:after {
    background: #f0ad4e
}
.badger-success:after {
    background: #5cb85c
}
.badger-info:after {
    background: #5bc0de
}
.badger-inverse:after {
    background: #222
}
/*-----------------------------------Search------------------------------------*/
.input-group-btn .btn-group {
    display: flex !important;
}
.btn-group .btn {
    border-radius: 0;
    margin-left: -1px;
}
.btn-group .btn:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.btn-group .form-horizontal .btn[type="submit"] {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.form-horizontal .form-group {
    margin-left: 0;
    margin-right: 0;
}
.form-group .form-control:last-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
@media screen and (min-width: 768px) {
    #adv-search {
        width: 100%;
        margin: 0 auto;
		  height: 90px;
        /*box-shadow: 0 3px 25px #000;*/
    }
    #adv-customize {
		 /*
      background-color: #663399;
      box-shadow: 0 3px 25px #000;
		*/
    }
    #btn_search {
        background-color: #8c79cb;
        color: #fff;
    }
    #btn_search:hover {
        background-color: #8c79ea;
    }
    #btn_filter {
        background-color: #8D50C9;
        color: #fff;
    }
    #btn_filter:hover {
        background-color: #8c79ea;
    }
    #well1 {
		background-color: #f4f4f4;
		border-radius: 0%;
		 /*
        border-style: solid;
        border-color: #663399;

        box-shadow: 0 3px 25px #000;
		  */
	 }
	 .well {
		 border: 0px solid #e3e3e3;
	 }
}
/*--------------loading page gif---------------------------*/
/* This only works with JavaScript,
if it's not present, don't show loader */
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 0; top: 0; }
.se-pre-con {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url(/images/ajax-loader.gif) center no-repeat;
}

/*-------------------move newsearch icon to left------------------*/
#box2 {
    position: absolute;
    left: 420px;
    top: 10px;
    -webkit-transition:.2s ease-in-out;
    -moz-transition:.2s ease-in-out;
    -o-transition:.2s ease-in-out;
    transition:.2s ease-in-out;
    -webkit-animation: mymove.2s 1; /* Chrome, Safari, Opera */
    animation: mymove 5s 1;
    animation-direction: alternate;
    color: #fff;
    text-shadow:#663399 0 -1px 4px, #663399 0 -2px 10px, #8c79ea 0 -10px 20px, #663399 0 -18px 40px;
  }
@-webkit-keyframes mymove {
    0%   {left: 420px; top: 10px;}
    90%  {left: 700px; top: 10px;}
    100% {left: 420px; top: 10px;}


}
@keyframes mymove {
    0%   {left: 420px; top: 10px;}
    90%  {left: 700px; top: 10px;}
    100% {left: 420px; top: 10px;}

}
#newsearch {
  color:#fff;
  text-shadow:#663399 0 -1px 4px, #663399 0 -2px 10px, #8c79ea 0 -10px 20px, #663399 0 -18px 40px;
}
/*------change color badge--------*/
.badge-danger {
  background-color: #d43f3a;
}
.badge-warning {
  background-color: #d58512;
}
.badge-success {
  background-color: #398439;
}
.badge-primary {
  background-color: #269abc;
}
.badge-inverse {
  background-color: #333333;
}
/*----------------------------------Sitemap---------------------------------------------------------*/
.treeview, .treeview ul {
    margin:0;
    padding:0;
    list-style:none;

  color: #369;
}
.treeview ul {
    margin-left:1em;
    position:relative
}
.treeview ul ul {
    margin-left:.5em
}
.treeview ul:before {
    content:"";
    display:block;
    width:0;
    position:absolute;
    top:0;
    left:0;
    border-left:1px solid;

    /* creates a more theme-ready standard for the bootstrap themes */
    bottom:15px;
}
.treeview li {
    margin:0;
    padding:0 1em;
    line-height:2em;
    font-weight:700;
    position:relative
}
.treeview ul li:before {
    content:"";
    display:block;
    width:10px;
    height:0;
    border-top:1px solid;
    margin-top:-1px;
    position:absolute;
    top:1em;
    left:0
}
.tree-indicator {
    margin-right:5px;

    cursor:pointer;
}
.treeview li a {
    text-decoration: none;
    color:inherit;

    cursor:pointer;
}
.treeview li button, .treeview li button:active, .treeview li button:focus {
    text-decoration: none;
    color:inherit;
    border:none;
    background:transparent;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    outline: 0;
}
/*--------------------vertical line in register box----------------------*/

.li-login-div-menu{
    z-index: 3000;
    display: none;
    float:right;
    background-color:#111111;
    padding: 3px 8px 3px 8px;
    border-top: 1px solid #000000;
}
.li-login-div-inputs{
    font-size: 10px;
    color: #ECECEC;
    background-color: #111111;
    border: 1px solid #7A7A7A;
}
.li-login-div-inputs-user{
    max-width: 120px !important;
}
.li-login-div-inputs-pass{
    max-width: 100px !important;
}
.li-login-div-link{
    font-size: 10px;
    color: #ECECEC;
}
.li-login-div-link-logon{
    font-size: 12px;
    color: #3FAE2A !important;
}

.li-login-div-submit{
    background-color: #FDC525;
    border: 1px solid #111111;
    border-radius: 50%;
    font-size: 10px;

}
/* mobile*/
@media screen and (max-width: 360px) {
    /*.top-bar{
        padding-bottom: 0px !important;
    }
    .top-bar .container{
        display:none;
    }*/
    .latest-posts h4{
        font-weight:50;
    	font-size:15px;
    	line-height:10px;
    }
    #scroll_main_page .container{
        width:100% !important;
    }

    h1 {
        font-weight:450 !important;
    	font-size:30px !important;
    	line-height:25px !important;
    }

    h4{
    	font-weight:50 !important;
    	font-size:15px !important;
    	line-height:10px !important;
    }

    .li-login-div-menu{
        //z-index: 3000;
        display: none;
        float:right;
        background-color:#111111;
        padding: 3px 8px 3px 8px;
        border-top: 1px solid #000000;
        margin-top: 100px;
    }


}

.btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover, .btn-info.focus:active, .btn-info:active:focus, .btn-info:active:hover, .open > .dropdown-toggle.btn-info.focus, .open > .dropdown-toggle.btn-info:focus, .open > .dropdown-toggle.btn-info:hover {
    color: #fff;
    background-color: #111111;
    border-color: #111111;
}
.btn-info:hover {
    background: #111111 !important;
    color: #ffffff !important;
}
.form-control {
    font-size: 18px !important;
}
.widget-search input[type="search"], #contact-form input[type="text"], #contact-form textarea, #respond input[type="text"], #respond textarea, .email {
.form-control {
    font-size: 18px !important;
}
}
.btn-system {
    background-color: #F8DF6E;
    color: #111111;
}
.top-bar a {
    color: #7A7A7A;
}
.top-bar a:hover {
    color: #FFFFFF !important;
}