html{
    font-size:100%;
    -webkit-text-size-adjust:100%;
    -ms-text-size-adjust:100%;
}

html,button,input,select,textarea{
    font-family:sans-serif
}

body{
    font: 13px 'Open Sans',Tahoma,Verdana,Segoe,Arial,Helvetica,sans-serif;
    margin:0;

    overflow-x: hidden;
    max-width: 100%;
    position: relative;

    color: #222;
}

a{
    color: #2f88d6;

    /*-webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -ms-transition: all .2s linear;
    transition: all .2s linear;*/

}

a:hover{
    color: #1d5687;

    text-decoration: none;
}

hr{
    color: #595959;

    margin-top: 6px;
}


a:focus{
    outline: thin dotted
}
a:hover,a:active{
    outline: 0;
}
h1, h2, h3, h4, h5, h6{
    font-weight: 300;
}
h1{font-size:2em;margin:.67em 0; font-weight: 400;}
h2{font-size:1.5em;margin:.83em 0}
h3{font-size:1.17em;margin:1em 0;}
h4{font-size:1em;margin:1.33em 0}
h5{font-size:.83em;margin:1.67em 0}
h6{font-size:.75em;margin:2.33em 0}

.white{
    color: white !important;
}

.red{
    color: red !important;
}

.userad{
    border-radius: 4px;
    max-width: 100%;
    margin-bottom: 12px;
}

.facebookwidget{
    border:none; overflow:hidden; width:252px; height:200px; background-color: white;


    overflow: hidden;
    border: none;
}

.btn-warning{
  background: #a6cf4e;
  border-color: #a6cf4e;

}
.btn-warning:hover{
  background: #80b120;
  border-color: #80b120;

}



#mod .modal-backdrop{
    background-color: #222;
}

#mod .modal-header {
    border-bottom: 1px solid #7092BE;
}

#mod .modal-footer{
    border-top: 1px solid #7092BE;
}

.no-margin{
    margin: 0 !important;
}

.pagination_block{
    margin: 0 auto;
    width: 100%;
    text-align: center;
}
.pagination_block .pagination{
    margin: 0 auto;
    padding: 0;
}

.pagination_block .pagination ul{
    padding: 0;
}

.help-inline{
    padding: 0;
}

.pager li{


    color: #7092BE;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    margin: 0 2px;

    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -ms-transition: all .2s linear;
    transition: all .2s linear;

    margin-bottom: 6px;
}
.pager li a{
    border-radius: 0;
    background: none;
    border: none;

    width: 100%;
    height: 52px;
    line-height: 42px;

}
.pager a{
    color: #7092BE;
    font-size: 16px;
}
.pager span{
    color: #7092BE;
    line-height: 12px;

    font-weight: 300;
}
.pager li i{
    color: #7092BE;
    font-size: 30px;
    line-height: 45px;

    margin: 0 6px;
}
.pager li:hover{
    background: #7092BE;
    color: white;
}
.pager li:hover a, .pager li:hover span, .pager li:hover i{
    color: white;
}
.pager li a:hover{
    background: none;
}


.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    color: #fff;
    background-color: #40b1e9;
    border-color: #40b1e9;
}

.pagination ul > li {
    display: inline;

    float: left;
}

.pagination ul > li > a,
.pagination ul > li > span {
    color: #7092BE;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    margin: 0 2px;

    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857143;

    font-weight: 300;


}

.pagination ul > li > a:hover,
.pagination ul > li > a:focus,
.pagination ul > .active > a,
.pagination ul > .active > span {
    background-color: #7092BE;
    color: white;
}

.pagination ul > .active > a,
.pagination ul > .active > span {
    color: white;
    cursor: default;
}

.pagination-centered {
    text-align: center;
}

.mceToolbar a{
    padding: 0;
}

.carousel-inner {
    margin-bottom: 12px;


}

.carousel-inner a{
    color: white;
}

.carousel-inner a:hover{
    color: #eee;
}

.carousel-inner .active{
    position: relative;
}
.carousel-inner .item {
    width: 100%;
}
.carousel-inner .item span{
    background: rgba(0, 0, 0, 0.6);

    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0;

    padding: 2% 2%;

    font-size: 1.3em;
    font-weight: bold;
}

.carousel-inner .item p{
    font-size: 14px;
    font-weight: 300;
    color: white;
    padding: 4px 0 0;
    margin-bottom: 0;

}


.carousel-link{
    margin: 0 -15px 12px;
    padding: 0;


}
.carousel-link li {
    margin-bottom: 10px;
}
.carousel-link li div{
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;

    background: rgba(47, 136, 214, 1);

    height: 100px;
    width: 100%;

    overflow: hidden;

    display: block;

    border: 5px solid rgba(47, 136, 214, 1);
}
.carousel-link li div:before{
    height: 10px;
    width: 100%;
    content:" ";

    float: left;

    width: 0;
    height: 0;
    border-bottom: 10px solid #1d5687;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;

    margin-top: -10px;

    position: absolute;

    display: none;

    margin-left: 40%;

}
.carousel-link li.active div{
    background: rgba(29, 86, 135, 1);

    border: 5px solid rgba(29, 86, 135, 1);


}
.carousel-link li.active div:before{
    display: initial;
}
.carousel-link li img{
    width: 100%;
}

.breadcrumb{
    padding: 8px 0;
    background: none;

    margin-bottom: 0;
}

.sort{

}
.sort h2{
    padding-bottom: 6px;
    margin-bottom: 0;
    border-bottom: 1px solid #eee;
}
.sort div{
    font-weight: normal; float: right; font-size: 13px;
}
.sort span{
    color: #ff6600
}
.sort a.name{
    color: black;
    font-size: 12px;

    line-height: 17px;

    margin-left: 9px !important;
}
.sort a{
    font-size: 14px;

    margin-left: 6px !important;
}

.add_button{
    color:#fff;
    background-color:#a6cf4e;
    /*background:-webkit-linear-gradient(top, #a6cf4e 0, #80b120 95%, #80b120 100%);
    background:-moz-linear-gradient(top, #a6cf4e 0, #80b120 95%, #80b120 100%);
    background:-o-linear-gradient(top, #a6cf4e 0, #80b120 95%, #80b120 100%);
    background:-ms-linear-gradient(top, #a6cf4e 0, #80b120 95%, #80b120 100%);
    background:linear-gradient(top, #a6cf4e 0, #80b120 95%, #80b120 100%);*/
    letter-spacing:1px;
    /*border-top:1px solid #b5d76d;
    border-bottom:1px solid #6ca51b;*/
    box-shadow:0 0 0 1px #bfc4b2;

    padding: 12px 18px;

    text-transform: uppercase;

    font-weight: bold;


        border-radius: 20px;
}
.add_button:hover{
  color:#fff;

  background-color:#7092BE;
  background:-webkit-linear-gradient(top, #a6cf4e 0, #80b120 95%);
  background:-moz-linear-gradient(top, #a6cf4e 0, #80b120 95%);
  background:-o-linear-gradient(top, #a6cf4e 0, #80b120 95%);
  background:-ms-linear-gradient(top, #a6cf4e 0, #80b120 95%);
  background:linear-gradient(top, #a6cf4e 0, #80b120 95%)}
.add_button:active{background-color:#80b120;background:-webkit-linear-gradient(top, #80b120 0, #a6cf4e 95%);background:-moz-linear-gradient(top, #80b120 0, #a6cf4e 95%);background:-o-linear-gradient(top, #80b120 0, #a6cf4e 95%);background:-ms-linear-gradient(top, #80b120 0, #a6cf4e 95%);background:linear-gradient(top, #80b120 0, #a6cf4e 95%)}
.add_button[disabled]{background-color:#d6e7b4;background:-webkit-linear-gradient(top, #d6e7b4 0, #c8dca3 95%);background:-moz-linear-gradient(top, #d6e7b4 0, #c8dca3 95%);background:-o-linear-gradient(top, #d6e7b4 0, #c8dca3 95%);background:-ms-linear-gradient(top, #d6e7b4 0, #c8dca3 95%);background:linear-gradient(top, #d6e7b4 0, #c8dca3 95%)}

input.form-control {
    background-color: #fff;
    -webkit-appearance: none;
    padding-top: 0;
    padding-left: 10px;
    outline: 0;
    border-radius: 6px;
    border: 1px solid #BFBFBF;
    box-shadow: none;
    transition: all .2s;
    color: #000;
    padding-bottom: 0;
}
input.form-control:focus, textarea.form-control:focus, select.form-control:focus {
  border: 2px solid #7092BE;
box-shadow: none;
}

.carousel-indicators {
    top: 10px;
    right: 10px;
    text-align: right;

    margin-left: 0;
    bottom: auto;

    width: auto;
}

.carousel-indicators li{
    border-color: #80b120;
}
.carousel-indicators li.active{
    border-color: white;
    background: #80b120;

    width: 12px;
    height: 12px;
}

.modal-content{
    border-radius: 0px;
}
.modal-header{
    background: #7092BE;
    color: white;
}
