@import url(./startravel-login.css);

.breadcrumbs{width:100%;float:left;position:relative;z-index:1;text-align:center;direction:ltr;margin-bottom: 1.5em;}
.breadcrumbs ul li{display:inline-block;font-size:14px;color:#696969;margin-bottom: 20px;}
.breadcrumbs ul li a{color:#002eb0;}
.breadcrumbs ul li a::after{content:"|";margin:0 15px;}
#paging {width: 100%;height: auto;margin: 0 auto;text-align: center;clear: both;direction: ltr;float: right;margin: 30px 0;}
.page-no.prev-page {font-size: 15px;background: #fff;color: #002eb0;border: unset;}
.page-no.next-page {font-size: 15px;background: #fff;color: #002eb0;border: unset;}
.page-no {width: 37px;height: 37px;color: #002eb0;background: #fff;display: inline-block;line-height: 37px;text-decoration: none;border: 1px solid #ccc;border-left: unset;margin-right: -4px;}
.page-no a {width: 100%;height: 100%;color: #002eb0;display: block}
.page-no {border-radius: 5px;border: 1px solid #db0b00;margin: 0 5px;}
.page-no.active-page {color: #fff;padding: 0 !important;background: #002eb0;}
.page-no .current {color: #fff;padding: 0 !important;background: #002eb0;}
.fa-angle-left::before {content: "\f104";font-family: 'fontawesome';}
.fa-angle-right::before {content: "\f105";font-family: 'fontawesome';}
.page-notfound img {display: block;margin: 20px auto;width: 95%;height: auto;max-width: max-content;}
.section-title {margin-bottom: 2rem;float: right;width: 100%;direction: ltr;text-align: center;}
/*<!--------------------------------START CSS HOTEL LIST-------------------------------*/
#hotel-list-resize .col-hotel {float: left;width: 25%;margin-bottom: 30px;}
.col-hotel .item-card {display:block;margin:0 auto;width:280px;height:360px;background:#fff;position:relative;box-shadow:0 10px 20px 0 #e2e2e2;border-radius:15px;overflow:hidden;-webkit-transition:all .6s ease-in-out;-moz-transition:all .6s ease-in-out;-ms-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;transition:all .6s ease-in-out}
  .col-hotel figure {overflow:hidden;width:100%;height:190px;margin:0 auto;position:relative}
  .col-hotel figure img {width:100%;height:100%;background-position:center !important;background-repeat:no-repeat !important;background-size:cover !important;position:relative}
  .col-hotel .item-card:hover figure img {transform:scale(1.1)}
  .col-hotel header {direction:ltr;padding:15px 0;line-height:28px;color:#262525;padding:10px 10px 0 10px;width:100%;float:left}
  .col-hotel header .hotel-name { font-size:16px; font-weight:700; float:left;width:100%;color:#232323}
  .col-hotel .item-card:hover header .hotel-name {color:#3c71ff}
  .col-hotel header .season-img {float:left}
  .col-hotel header .hotel-item-exp {font-size:12px;text-align:justify;float:left}
  .col-hotel header .city-name { color:#7e7e7e;font-size:12px  }
  .col-hotel .hotel-item-ranking {height:30px;margin-top:10px;line-height:28px;float:left;clear:both;font-size:14px;text-align:center;border-radius:7px;padding:0 2px  }
  .col-hotel .hotel-item-ranking .booking-img {float:left;height:100%  }
  .col-hotel .hotel-item-ranking .booking-txt {float:left;font-size:12px;color:#232323;direction:ltr;height:100%;line-height:26px  }
  .col-hotel .hotel-item-ranking .booking-txt span {float:left;margin:0 4px  }
  .col-hotel footer {width:100%;float:right;position:absolute;bottom:0;padding:0 10px  }
  .hotel-item-price {color:#7e7e7e;font-size:14px;text-align:left;width:100%;border-top:1px solid #dedede;padding:20px 0  }
  .hotel-item-price span {color:#232323;font-size:16px  }
  .hover-hotel {background:linear-gradient(0,#5a9aa5 80%,#5a9aa5 13%,#5a9aa5 10%,#1110100d 100%);padding:20px 10px;position:absolute;bottom:-250px;right:0;width:100%;height:250px;padding-top:100px;-webkit-transition:all .6s ease-in-out;-moz-transition:all .6s ease-in-out;-ms-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;transition:all .6s ease-in-out  }
  .hover-hotel .hotel-view {background:#3c71ff;padding:10px 0;text-align:center;border-radius:7px;margin-top:20px  }
  .col-hotel .item-card:hover .hover-hotel {bottom:0  }
  .hotel-rate {position:absolute;top:10px;right:10px  }
  .hotel-rate i {color:#fff;font-size:20px  }
  .fa-heart::before {content:"\f004"}
  .hotel-list .owl-carousel .owl-wrapper {padding-bottom:30px;padding-top:20px  }
  .hotel-list .owl-buttons {position:absolute;top:0;right:0  }
  .hotel-list .owl-buttons div {display:inline-block;margin-left:15px;cursor:pointer;width:35px;height:35px;line-height:35px;text-align:center;box-shadow:0 0 15px #e2e2e2;border-radius:50%  }
  .hotel-list .owl-buttons div:hover {box-shadow:0 0 15px #3c71ff  }
  .hotel-offers {border-radius:10px;background:#040176;padding:30px  }
  .hotel-offers .offer-pic {    float:right  }
  .hotel-offers .offer-pic img {    border-radius:10px  }
  .hotel-offers .offer-text {float:left;color:#fff;line-height:42px;margin-top:100px  }
  .hotel-offers .offer-text span {    font-size:14px  }
  .hotel-offers .offer-text h3 {    font-size:33px  }
    .hotel-offers .offer-text p {font-size:15px  }
  .hotel-offers .offer-text a {background:#3c71ff;font-size:14px;font-weight:bold;border-radius:50px;margin-top:10px;width:110px;height:40px;line-height:40px;text-align:center}
  .hotel-offers .offer-text a:hover {color:#000276  }
/*<!--------------------------------END CSS HOTEL LIST-------------------------------*/
/*<!--------------------------------START CSS TOUR LIST-------------------------------*/
.col-tour {float: left;width: 25%;margin-bottom: 40px;}
.col-tour .item-card {position: relative;background: #fff;width: 280px;min-height: 400px;border-radius: 10px;overflow: hidden;box-shadow: 0 10px 20px 0 #e2e2e2;margin: 0 auto;display: block;}
.col-tour .item-card:hover {box-shadow: 0 10px 20px 0 #b0b2b3;}
.col-tour:nth-child(4n+1) .item-card {float: left;}
.col-tour:nth-child(4n) .item-card {float: right;}
.col-tour .item-card figure {overflow: hidden;width: 100%;height: 200px;margin: 0 auto;}
.col-tour .item-card figure img {width: 100%;height: 100%;}
.col-tour header {line-height: 28px;padding: 15px 25px 12px;color: #7e7e7e;font-size: 14px;}
.col-tour header .tour-item-tlt h2 {font-size: 19px;color: #232323;}
.col-tour .item-card:hover header .tour-item-tlt h2 {color: #db0b00;}
.col-tour header i {margin-right: 10px;vertical-align: middle;}
.col-tour header .tour-airline {padding-top: 12px;}
.col-tour header .tour-airline .airline-logo {float: right;}
.col-tour header .tour-airline .airline-logo img {vertical-align: middle;}
.col-tour header .tour-airline .airline-name {float: left;background-color: #db0b00;color: #fff;padding: 0 5px;border-radius: 5px;}
.col-tour footer {padding: 0 25px;padding-bottom: 15px;width: 100%;bottom: 0;color: #002eb0;font-size: 14px;}
.col-tour footer .tour-price {float: left;}
.col-tour footer .tour-price .cost {font-size: 18px;color: #000;margin-left: 5px;font-weight: 500;}
.col-tour footer .tour-view {float: right;}
.col-tour footer .tour-view i {margin-left: 10px;font-family:'fontawesome';}
.la-angle-right::before {content: "\f105";}
.flaticon-location-pin-1::before {content: "\f132";}
.flaticon-wall-clock::before {content: "\f146";}
/*<!--------------------------------END CSS TOUR LIST-------------------------------*/
/*<!--------------------------------START CSS ARTICLE LIST-------------------------------*/
.col-article {width: 33.33%;float: left;margin-bottom: 30px;}
.col-article .item-card {display: block;margin: 0 auto;width: 350px;height: 420px;border-radius: 20px;overflow: hidden;border: 1px solid #9496971a;background: #fff;position: relative;direction: rtl;}
.col-article .item-card:hover {box-shadow: 0 10px 20px 0 rgba(182, 183, 186, 0.5);}
.col-article .item-card-img {overflow: hidden;width: 350px;height: 150px;margin: 0 auto;position: relative;}
.col-article figcaption {position: absolute;top: 20px;right: 20px;}
.col-article figcaption span {width: 180px;height: 45px;background: #db0b00;color: #fff;border-radius: 6px;font-size: 12px;text-align: center;direction: rtl;line-height: 45px;}
.articles-list .item-card-body header {margin: 10px 0;padding: 0.6em;line-height: 1.7em;}
.articles-list .item-card-body header .article-info {border: 1px solid #e7eaea;padding: 0 10px;margin-bottom: 10px;background: #ecfcff;line-height: 30px;}
.col-article header {direction: ltr;padding: 10px 20px;line-height: 28px;color: #2F3F46;font-size: 14px;}
.col-article header .text-limit-tlt {font-size: 16px;margin-bottom: 10px;font-weight: 700;}
.col-article header p {font-size: 12px;text-align: justify;}
.col-article footer {position: absolute;bottom: 0;width: 100%;padding: 10px 20px;border-top: 1px solid #f5f5f5;}
.col-article .article-info .link {text-align: right;border-radius: 20px;}
.col-article .writer {font-size: 12px;color: #002eb0;direction: ltr;}
.col-article .writer i {margin-right: 5px;}
.article-item-view {float: right;font-size: 12px;color: #002eb0;text-align: right;direction: rtl;}
.col-article footer .article-item-view i {margin-left: 5px;}
.col-article .item-card:hover header .text-limit-tlt {color: #db0b00}
.fa-arrow-right::before {content: "\f061";font-family: "fontawesome";}
/*<!--------------------------------END CSS ARTICLE LIST-------------------------------*/
/*<!--------------------------------START CSS ABOUT US-------------------------------*/
.text-article {width: 100%;text-align: justify;direction: ltr;margin-top: 30px;line-height: 32px;}
.article-box-tlt {font-size: 25px;margin-bottom: 10px;font-weight: bold;color: #db0b00;}
#about-resize .text-boxt-limit {font-size: 13px;color: #333;}
.about-default-img img {border-radius: 15px;width: 100%;max-width: max-content;height: auto;}
/*<!--------------------------------END CSS ABOUT US-------------------------------*/
/*<!--------------------------------START CSS CONTACT US-------------------------------*/
.contact-section .contact-items, .contact-section .contact-form-box {margin-top: 40px;}
.contact-form-box {margin-bottom: 50px;}
.contact-form {text-align: right;width: 90%;float: right;padding: 30px 20px;box-shadow: 0 5px 20px rgba(0,0,0,.1);background: #fff;border-radius: 15px;}
.contact-frm div {margin-bottom: 0.8em;}
.contact-form input, .contact-form textarea {line-height: 44px;height: 44px;color: #666;background: #fff;padding: 7px 15px;direction: ltr;margin-bottom: 20px;padding: 0.5em;background: #f5f5f5;border: 2px solid #efefef;border-radius: 8px;}
.contact-form textarea {height: auto;}
.contact-form input:nth-child(1) {width: 49%;float: left;}
.contact-form input:nth-child(2) {width: 49%;float: left;margin-left: 2%;}
.contact-form button {font-family: 'dm-sans';display: block;margin: 0 auto;border: 1px solid #FFF;width: 150px;padding: 15px 5px;cursor: pointer;margin-top: 20px;color: #FFF;border-radius: 8px;box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.12);overflow: hidden;text-align: center;}
.contact-form button:hover {color: #fff;background: #db0b00;}
.contact-form .field-captcha {height: 44px;line-height: 44px;}
.contact-form .field-captcha img, .contact-form .field-captcha i {vertical-align: middle;}
.contact-info-box {direction: rtl;}
#contact-resize .contact-info-box li {direction: ltr;text-align: left;padding: .5em 0;width: 100%;font-size: 14px;border-bottom: 1px solid #d1d1d1;color: #333;}
#contact-resize .contact-info-box li:last-child {border-bottom: unset;}
.ans_contact a {color: #333;}
.color_grey i {color: #db0b00;font-size: 20px;padding-right: 10px;}
.fa-map-marker::before {content: "\f041";color: #db0b00;}
.ans_contact::after {content: " - ";}
.ans_contact:last-child::after{content: "";}
.contact-info-icon {height: 50px;width: 30px;line-height: 50px;}
.contact-info-icon i {font-weight: normal;font-size: 18px;color: #db0b00;vertical-align: middle}
.flaticon-location-pin-1::before {content: "\f132";}
.flaticon-phone-call:before{content:"\f136"}
.flaticon-email:before{content:"\f13a"}
.map-box iframe {border-radius: 15px;}
/*<!--------------------------------END CSS CONTACT US-------------------------------*/
/*<!--------------------------------START CSS RESPONSIVE-------------------------------*/
@media (max-width:1200px){
#hotel-list-resize .col-hotel {width: 33.33%;}
.col-tour{width: 33.3%;}
.col-tour:nth-child(4n+1) .item-card{float: none;}
.col-tour:nth-child(4n) .item-card{float: none;}
.col-article {width: 50%;}
}
@media (max-width:950px){
#hotel-list-resize .col-hotel {width: 50%;}
.contact-section .contact-items, .contact-section .contact-form-box {width: 100%;text-align: center;}
#contact-resize .contact-info-box li {text-align: center;}
.contact-form {width: 100%;float: none;}
.col-tour{width: 50%;}
}
@media (max-width:750px){
.text-article {text-align: center;}
.article-box-tlt h1 {font-size: 20px;}
.col-article {width: 100%;}
}
@media (max-width:700px){
#hotel-list-resize .col-hotel {width: 100%;}
.col-tour{width: 100%;}
}
@media (max-width:400px){
.col-article .item-card {width: 90%;height: auto;max-width: max-content;}
.col-article .item-card-img {width: 100%;height: auto;}
.col-article figure img {margin: 0 auto;max-width: 100%;height: auto;}
.col-article footer {position: relative;bottom: unset;float: right;}
}