.form-group { margin:5px 0 0 0!important; float:left; display:inline-block;}
p a  { color:#333;}
input[type=radio] {  display:none; }
input[type=radio] + label {  display:inline-block; border-radius:6px;  margin:0; padding:4px 10px; font-weight:500!important; color:#fff; }
input[type=radio]:checked + label { background-image:none; background-color:#09355a; border:1px solid #ffab2e;color:#fff !important;}

.filter-gallery{
    position:relative;
    padding:0;
    margin:0 auto;
}
.filter-gallery .btn{
    width:20%;
    margin:0 auto;
    margin-left:30%;
}
h1.gallery-title
{
    font-size: 24px;
    color: #145790;
    text-align: center;
    font-weight: 700;
    margin-bottom: 40px;
    text-align:center;
    
}
.gallery-title:after {
    content: "";
    position: absolute;
    width: 7.5%;
    left: 46.5%;
    height: 45px;
    border-bottom: 1px solid #5e5e5e;
}
.filter-button {
    font-size: 18px;
    border: 1px solid #145790;
    border-radius: 5px;
    text-align: center;
    color: #145790;
    margin-bottom: 30px;
    width: 15%;
}
    .filter-button:hover {
        font-size: 18px;
        border: 1px solid #ffab2e;
        border-radius: 5px;
        text-align: center;
        color: #ffab2e;
        background-color: #fff;
        box-shadow:0px 0px 3px 1px #ffab2e;
    }
.btn-default:active .filter-button:active
{
    background-color: #255074;
    color: white;
}

.port-image
{
    width: 100%;
}

.gallery_product
{
    margin-bottom: 30px;
}
.gallery_product .item {
    margin-bottom: 15px;
}
.gallery_product .item {
    display: block;
    position: relative;
    min-height: 1px;
    /*padding-left: 15px;
    padding-right: 15px;*/
    cursor: pointer;
    text-align: left;
}
.gallery_product .item .img_wrapper .discount {
    position: absolute;
    right: 0;
    top: 0;
    background: #EB8321;
    padding: 6px 6px;
    color: #fff;
    font-size: 20px;
}
.gallery_product .item .img_wrapper {
    max-height: 150px;
    position: relative;
    overflow: hidden;
}
.gallery_product .item .descr {
    background: #f1f1f1;
    position: relative;
    padding: 6px 18px;
    color: #000;
}
.gallery_product .item .img{
    width:400px;
}
.gallery_product .item .descr>* {
    display: inline-block;
    vertical-align: top;
    width: 49%;
    font-size: 14px;
}
.gallery_product.item .descr>.prices .old {
    font-size: 16px;
    font-weight: 400;
    color: #000;
    text-decoration: line-through;
}
.gallery_product .item .descr>.prices {
    text-align: center;
    margin-top:10px;
    margin-bottom:5px;
}
.gallery_product  .item .descr>.prices>* {
    display: inline-block;
    vertical-align: bottom;
    font-weight: 700;
    color: #EB8321;
}
.descr .title{color:#145790 !important; font-weight:700;text-align: center;margin-top: 5px;margin-bottom: 5px;vertical-align: middle;}
.descr .new{font-size:18px;}
@media only screen and (min-width:768px) {
    .banner { position:relative; margin-bottom:10px;}
.banner img { width:100%; min-height:400px;}
.heading-text { }
.heading-text h1 { color:#fff; font-size:22px; text-align:center; padding-bottom:10px; font-weight:300!important; font-family:Roboto!important;}
.form-bg { top:7%; width:500px; z-index:99; position:absolute; background:rgba(23,61,93,0.8); background:url(/content/images/form-bg.png); padding:10px 20px 20px 20px; border-radius:6px; }
.form-bg label { color:#fff; font-weight:500;}
.form-control { height:40px!important;}
.btn { height:40px!important;}
.form-group { margin-bottom:8px!important;   }
.form-bg .multicity-add { margin-top:10px;}
.form-bg .multicity-add a { color:#ff7900}
.form-bg .multicity-add a:hover { color:#fff;}
.form-bg .flip { position:absolute; left:46.2%; margin-top:5.5%;}
.form-bg .flip img { width:auto!important}
.form-bg .date { position:absolute; left:46.2%;  margin-top:-10%;}
.form-bg .date img { width:auto!important}
.form-group.fltright { float:right; display:inline-block;}
.form-group.radiowidth { width:100%;}
.form-group.autowidth { width:48.7%;}
.form-group.middlewidth { width:48.7%; display:inline-block;}
.form-group.searchwidth { width:100%; margin:15px auto 0 auto!important; text-align:center}
.form-group.searchwidth .btn { width:48%; margin:0 auto!important; }
.other-option { display:none;  position:absolute; margin-top:55px;  border-radius:6px; left:5%; border:1px solid #d0d0d0; background:#fff;  padding:10px; width:260px; -webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.56); -moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.56); box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.56); z-index:99}
.other-option:after {bottom:100%; left:20%;	border:solid transparent; content:" ";	height:0; width:0; 	position:absolute; pointer-events:none;	border-color:transparent;
	border-bottom-color:#fff; border-width:10px;margin-left:-10px;}
.other-option label { color:#666; float:left; width:51%; padding-top:10px; font-weight:normal;}
.other-option .form-group { margin:0 0 5px 0!important; display:block; width:100%;}
.other-option input.qty { width:38px; font-weight:bold; color:#888; background:#f3f1f1; height:38px; border:1px solid #b4b4b4; text-align:center;}
.other-option input.qty:hover { background:#ff7900; border:1px solid #ff7900; color:#fff;}
.other-option input.count { width:40px; height:38px; color:#666; border:1px solid #b4b4b4; display:inline-block; vertical-align:top; border-left:0; border-right:0; text-align:center;}
.other-option .form-control.class {height:38px!important; width:115px; border:1px solid #b4b4b4!important; border-radius:0; padding:0 0 0 5px!important;  }
.other-option .btn { width:100%; float:right; margin-top:2px; border-radius:2px; height:38px; background:#113e65; color:#fff!important}
.other-option .btn:hover { background:#ff7900;}
.btm-line { border-bottom:1px solid #ccc; padding:10px 0 12px 0}
h1 { margin:0 0 5px 0;}
h2,h3,h4{ margin:15px 0 5px 0;  font-weight:300; font-size:20px; }

}
.title img{width:20px !important;}
.w-100{width:100% !important;}
@media only screen and (min-width:992px) and (max-width:1199px) {
    /*.form-bg {width:50%; }*/
}

@media only screen and (min-width:768px) and (max-width:991px) {
/*.form-bg { width:60%; }*/
.deals-row span.flight-from { width:22%;}
.deals-row span.flight-to {  width:22%;}
.deals-row span.flight-dates { width:28%;}
}

@media only screen and (max-width:767px){
.banner { background:url(/content/images/banner/dyn-flight/landing-banner.jpg) no-repeat; background-size:100% 100%; padding-bottom:15px; }
.banner img { display:none}
.heading-text { color:#fff; font-size:22px; text-align:center; padding-bottom:10px; font-weight:300;}
.heading-text h1 { color:#fff!important; font-size:22px; text-align:center; padding-bottom:10px; font-weight:300!important; font-family:Roboto!important;}
.form-bg { padding:15px 10px 10px 10px; background:#145790; margin-top:15px;}
.form-bg .form-group label {  font-weight:normal;}
.form-group { margin:0 0 15px 0!important; float:left; display:inline-block;}
.form-group .form-control.pad-left { padding-left:25px;}
.form-group.fltright {float:right!important; display:inline-block;}
.form-group.radiowidth {width:100%; text-align:center;} 
.form-bg .flip { position:absolute; left:45.2%; margin-top:38px;}
.form-bg .flip img { width:41px!important; display:block;}
.form-bg .date { position:absolute; left:45%; margin-top:5px;}
.form-bg .date img { width:41px!important; display:block;}
.form-group.radiowidth {width:100%; text-align:center;} 
.form-group.autowidth { width:100%;}
.form-group.middlewidth { width:49%;}
.form-group.searchwidth { width:100%; margin:0 auto 10px auto!important; text-align:center}
.form-group.searchwidth .btn { width:100%; margin:0 auto!important; }
.other-option { display:none;  position:absolute; margin-top:60px;  border-radius:6px; left:5%; border:1px solid #d0d0d0; background:#fff;  padding:10px; width:260px; -webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.56); -moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.56); box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.56); z-index:99}
.other-option:after {bottom:100%; left:20%;	border:solid transparent; content:" ";	height:0; width:0; 	position:absolute; pointer-events:none;	border-color:transparent;
	border-bottom-color:#fff; border-width:10px;margin-left:-10px;}
.other-option label { color:#666; float:left; width:51%; padding-top:10px; font-weight:normal;}
.other-option .form-group { margin:0 0 5px 0!important; display:block; width:100%;}
.other-option input.qty { width:38px; font-weight:bold; color:#888; background:#f3f1f1; height:38px; border:1px solid #b4b4b4; text-align:center;}
.other-option input.qty:hover { background:#ff7900; border:1px solid #ff7900; color:#fff;}
.other-option input.count { width:40px; height:38px; color:#666; border:1px solid #b4b4b4; display:inline-block; vertical-align:top; border-left:0; border-right:0; text-align:center;}
.other-option .form-control.class {height:38px!important; width:115px;  background:#fff url(/content/images/arrow1.png)95% no-repeat; border:1px solid #b4b4b4!important; border-radius:0; padding:0 0 0 5px!important;  }
.other-option .btn { width:100%; float:right; margin-top:2px; border-radius:2px; height:38px; background:#113e65; color:#fff!important}
.other-option .btn:hover { background:#ff7900;}
.btm-line { border-bottom:1px solid #ccc; padding:10px 0 12px 0}
.btm-line { border-bottom:1px solid #ccc; padding:10px 0 12px 0}


h1 { margin:0 0 5px 0; color:#fff!important;}
h2,h3,h4{ margin:15px 0 10px 0;  font-weight:300; font-size:18px; }


}
.img_wrapper img{width:100%;}
.gallery_product .item:hover{box-shadow:0 0 2px 1px;}
@media only screen and (min-width:190px) and (max-width:625px) {
    .cust-btn {
        padding-left: 0px !important;
        font-size:16px !important;
    }
@media only screen and (max-width:699px){
    .filter-button {
        font-size: 14px !important;
        font-weight: 700 !important;
        border: 1px solid #145790;
        border-radius: 5px;
        text-align: center;
        color: #145790;
        margin-bottom: 30px;
        width: 30%;
        padding-left: 0px !important;
    }
    .descr .new {
        font-size: 10px;
    }
    .gallery_product {
        margin-bottom: 30px;
        height: 210px;
    }
}