@font-face {
  font-family: "San Francisco Display Ultralight";
  font-style: normal;
  font-weight: 400;
  src: url(https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-ultralight-webfont.eot?#iefix) format("embedded-opentype"), url(https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-ultralight-webfont.woff2) format("woff2"), url(https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-ultralight-webfont.woff) format("woff"), url(https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-ultralight-webfont.ttf) format("truetype"), url("fonts/sanfrancisco/sanfranciscodisplay-ultralight-webfont.svg#San Francisco Display Ultralight") format("svg")
}

@font-face {
  font-family: "San Francisco Display Thin";
  font-style: normal;
  font-weight: 400;
  src: url(https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-thin-webfont.eot?#iefix) format("embedded-opentype"), url(https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-thin-webfont.woff2) format("woff2"), url(https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-thin-webfont.woff) format("woff"), url(https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-thin-webfont.ttf) format("truetype"), url("fonts/sanfrancisco/sanfranciscodisplay-thin-webfont.svg#San Francisco Display Thin") format("svg")
}

@font-face {
  font-family: "San Francisco Display Medium";
  font-style: normal;
  font-weight: 400;
  src: url(https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-medium-webfont.eot?#iefix) format("embedded-opentype"), url(https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-medium-webfont.woff2) format("woff2"), url(https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-medium-webfont.woff) format("woff"), url(https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-medium-webfont.ttf) format("truetype"), url("fonts/sanfrancisco/sanfranciscodisplay-medium-webfont.svg#San Francisco Display Medium") format("svg")
}

@font-face {
  font-family: "San Francisco Display Semibold";
  font-style: normal;
  font-weight: 400;
  src: url(https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-semibold-webfont.eot?#iefix) format("embedded-opentype"), url(https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-semibold-webfont.woff2) format("woff2"), url(https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-semibold-webfont.woff) format("woff"), url(https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-semibold-webfont.ttf) format("truetype"), url("fonts/sanfrancisco/sanfranciscodisplay-semibold-webfont.svg#San Francisco Display Semibold") format("svg")
}

body{
  padding-top: 85px;
  height: 100%
}

a{
  text-decoration: none;
}

a:hover{
  text-decoration: none;
}

a:focus{
  text-decoration: none;
}

.display-none{
  display: none;
}

.display-show{
  display: block;
}

.row-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}
.row-item > [class*='col-'] {
  display: flex;
  flex-direction: column;
}

div.thumbnail.item{
  height: 100%;
}

.lSPager.lSGallery{
  margin: 0 !important;
}

div.banner{
  /* padding:80px; */
  background:linear-gradient(to left, rgba(0, 0, 0, 0.13), rgba(11, 11, 11, 0.81)), url(../../assets/img/background.png);
  background-size:cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  /* min-height:946px; */
}

#banner-section-slider .slick-slide > div{
  height: 100% !important;
}

#banner-section-slider .slick-slide > div > div.banner{
  height: 100% !important;
}

.category-box{
  list-style: none;
  padding: 0;
  margin: 10px 0 0 0;
}

.category-box li{
  margin: 3px 0;
}

.category-box li a{
  display: inline-block;
  color: #0a213f;
  width: 100%;
  transition: all .2s ease;
}

.category-box li a:hover,
.category-box li a.active{
  color: #ff861b;

}

.popular-country{
  height: 200px;
  background-color: #000;  
  background-position: center;
  background-size: cover;  
  transition: .2s all ease;
  padding: 0;
  cursor: pointer;
}
.popular-country .layer{
  transition: .2s all ease;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, .6);
}
.popular-country:hover .layer{
  background: rgba(0, 0, 0, .4);
}
.popular-country:hover .title{
  color: #fff;
}
.popular-country .title{
  font-size: 16px;
  text-align: center;
  color: #fff;
  margin: auto;
}

.dropzone{
  border: 1px solid #ff861b !important;
  background: #ffff !important;
  border-radius: 6px;
}

.dz-message{
  border: 1px solid #ff861b;
    padding: 10px;
    border-radius: 5px;
    width: 30%;
    height: 30;
    font-weight: bold;
    color: #ff861b;
    margin: 0 auto;
}

.dropzone .dz-preview.dz-image-preview{
  background: #fff !important;
}

.dropzone .dz-preview .dz-image img{
  height: 100% !important;
  display: flex !important;
  justify-content: center !important;
}

.dropzone .dz-preview .dz-remove{
  font-size: 14px;
    text-align: center;
    display: block;
    cursor: pointer;
    border: none;
    margin-top: 10px;
    border: solid 1px #F44336;
    border-radius: 5px;
    padding: 5px;
    font-weight: bold;
    color: #F44336;
}

textarea { resize: vertical; }

.banner .jumbotron{
  background:none;
  padding-top: 130px;
  padding-bottom: 130px;
}

h2.banner-heading{
  color:#fff;
  font-family: "San Francisco Display Semibold";
  font-style: normal;
  font-size: 50px;
  font-weight: bold;
}

p.banner-sub-heading{
  color:#fff;
  font-family: "San Francisco Display Ultralight";
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
}

.main-button{
  background:#ffa60d;
  border:solid 1px #ffa60d;
  color:#fff;
  border-radius: 10px;
  box-shadow: none;
  padding:15px 40px 15px 40px;
  font-family: "Avenir LT Std 85 Heavy";
  letter-spacing: 2px;
  font-style: normal;
  text-shadow: none;
  font-size: 14px;

  -webkit-transition: background-color .5s ease-out;
  -moz-transition: background-color .5s ease-out;
  -o-transition: background-color .5s ease-out;
  transition: background-color .5s ease-out;
}

.main-button:hover{
  background:#ffc054;
  color:#fff;
  border:solid 1px #ffc054;
}

.main-button:focus{
  color:#fff;
}
.navbar-header-jastip{
  float: left;
  margin-bottom: 15px;
  margin-top: 10px;
}
.navbar-default .navbar-toggle {
  border-color: #fff;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #fff;
}
div.navbar-header-jastip{
  width: auto !important;
}
.jastip-navbar-li{
  border-radius: 5px;

}
.profile-name{
  padding: 20px 0px 20px 20px;
  border-bottom: solid 2px #ff861b;
}

.navbar-default .navbar-nav>li>a:hover{
  color: #ff861b
}
.dropdown-menu>li>a{
  padding:20px;
}
.dropdown-menu>li>a:hover{
  color: #ff861b;
  background: #ffe5ce;
}
.navbar-nav>li>a{
    padding-top: 10px;
    padding-bottom: 10px;
}
.navbar-desktop{
  position: absolute;
  right: 0;
  height: 100%;
  display: flex;
  align-items: center;
}

.jastip-navbar-dropdown{
  position: absolute;
  z-index: -1;
  border: none;
  background: #fff;
  box-shadow: none;
}

.dropdown-menu {
  width: 200px !important;
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.1);
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.open>a:focus{
  background: #ffe5ce;
  box-shadow: none;
  border-radius: 5px;
  color: #ff861b
  
}


nav.navbar.navbar-default.navbar-fixed-top.main-navbar{
  padding:5px;
  background:#fff;
  font-family: "Avenir LT Std 85 Heavy";
  font-style: normal;
  font-size: 16px;
  font-weight: 400;
  src: url(https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-semibold-webfont.eot?#iefix) format("embedded-opentype"), url(https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-semibold-webfont.woff2) format("woff2"), url(https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-semibold-webfont.woff) format("woff"), url(https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-semibold-webfont.ttf) format("truetype"), url("fonts/sanfrancisco/sanfranciscodisplay-semibold-webfont.svg#San Francisco Display Semibold") format("svg")
}

a.navbar-highlight{
  background:#ff861b;
}

li.navbar-highlight{
  width: 100px;
  text-align: center;
}

li.navbar-highlight{
  background:#ff861b;
  color:#fff;
}

li.navbar-highlight a{
  color:#fff;
}

li.navbar-highlight a{
  color:#fff;
}


.search-input{
  width: 236px;
  height: 40px;
  padding: 10px 10px 10px 20px;
  background-color: #f2f2f2;
  border:none;
  font-family: 'Montserrat';
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  margin-top:6px;
  color: #0a213f;
}

.mobile-nav-feature p{
  color: #163659;
}

.navbar-collapse { 
  overflow-y: scroll !important;
  max-height: 500px !important;}
.navbar-header{
  width:60%;
}

form.search input[type=text] {
  height: 40px;
  padding: 10px 10px 10px 20px;
  background-color: #f2f2f2;
  border:none;
  font-family: 'Avenir LT Std 45 Book';
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  margin-top:6px;
  color: #0a213f;
  padding: 0px 0px 0px 20px;
  font-size: 14px;
  float: left;
  width: 80%;
  background: #f1f1f1;
}

form.search input[type=text]:focus{
  outline:none;
}

form.search button {
  float: left;
  width: 50px;
  height: 40px;
  margin-top:6px;
  padding: 10px;
  background: #ff861b;
  font-family: "Avenir LT Std 85 Heavy";
  color: white;
  border: none;
  border-left: none;
  cursor: pointer;
}

form.search button:hover {
  background: #ff861b;
}

form.search::after {
  content: "";
  clear: both;
  display: table;
}

/*  */
.delivery-number-form{
  width: 100%;
}
form.delivery-number-form input[type=text] {
  height: 40px;
  padding: 10px 10px 10px 20px;
  background-color: #f2f2f2;
  border:none;
  font-family: "Avenir LT Std 55 Roman";
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  margin-top:6px;
  color: #0a213f;
  padding: 0px 0px 0px 20px;
  font-size: 14px;
  float: left;
  width: 80%;
  background: #f1f1f1;
}

form.delivery-number-form button {
  float: left;
  width: 20%;
  height: 40px;
  margin-top:6px;
  padding: 10px;
  background: #ff861b;
  color: white;
  font-size: 17px;
  border: none;
  border-radius: 0px 10px 10px 0px;
  border-left: none;
  font-family: "Avenir LT Std 55 Roman";
  cursor: pointer;
}

form.delivery-number-form button:hover {
  background: #ff861b;
  
}

form.delivery-number-form::after {
  content: "";
  clear: both;
  display: table;
}


#feature{
  background:#ffa60d;
  padding:50px 0;
}

h1.feature-heading{
  text-align:center;
  font-size:30px;
  font-family: "Avenir LT Std 85 Heavy";
  color:#fff;
}

.item-feature{
  background: #fff;
  border-radius: 100px;
  cursor: pointer;
}
.item-feature > div > .image{
  height: 80px;
  width: 80px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  float: left;
}
.item-feature > .label-feature{
  letter-spacing: 5px;
  color: #ff861b;
  font-family: "San Francisco Display Medium";
  font-size: 20px;
  margin: 0 auto;
  overflow-wrap: break-word;
}

div.review-icon{
  width:65px;
  height:65px;
  border:solid 1px #979797;
  background-color:#d8d8d8;
  border-radius:100%;
  margin: 0 auto;
}
div.review-icon-middle{
  width:41px;
  height:41px;
  border:solid 1px #979797;
  background-color:#d8d8d8;
  border-radius:100%;
  margin: 10px auto;
}

p.review-icon-heading{
  font-family: "Avenir LT Std 55 Roman";
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #0a213f;
  margin-top: 10px;
  text-shadow: none;
}

div.review-box{
  width: auto;
  height: auto;
  background-color: #ffa60d;
  padding:0px 0px 0px 0px;
}

div.review-box p{
  font-family: "Avenir LT Std 55 Roman";
  font-size: 12px;
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  text-shadow: none;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
}

div.item-feature{
  background:#fff;
  padding:15px;
  max-width:500px;
  cursor: pointer;
  border-radius: 100px;
}

div#trending{
  padding: 30px 0px 25px 0px;
  margin-top:20px;
}

div#pre-order{
  padding:0px 0px 40px 0px;
  margin-top:20px;
}

div#my-request{
  padding:30px 0px 40px 25px;
  margin-top:20px;
}

div#my-request-2{
  padding:30px 0;
}

div#banner-section{    
  border-top: 2px solid #ccc;
  border-bottom: 2px solid #ccc;
}

div#banner-section-2{
  box-shadow: #ddd 0px 0px 10px;
}
div#banner-section-3{
  width: 100%;
  height: 140px;
  display: flex;
  color: #fff;
  align-items: center;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.m-header-fixed{
  padding:40px 0px 50px 0px;
}

.bg-gray{
  background: #eee;
}

.page-heading{
  font-family: "San Francisco Display Thin";
  letter-spacing: 6.25px;
  text-transform: uppercase;
  font-size:30px;
  font-weight: bold;
}

.page-heading-date{
  font-family: "San Francisco Display Thin";
}

.page-heading-secondary{
  font-family: "Avenir LT Std 85 Heavy";
  font-size:20px;
  margin-bottom:40px;
  color:#1b3a5d;
}


.heading-secondary{
  font-family: "Avenir LT Std 85 Heavy";
  font-size:15px;
  margin-bottom:40px;
  color:#1b3a5d;
}
.note{
  display: block;
}
.address{
  display: none;
}
.delivery-number{
  display: none;
}
.show-note{
  font-family: "Avenir LT Std 85 Heavy";
  font-size:18px;
  color: #5aa4ff;
}
.show-note:hover{
  color: #5aa4ff;
  text-decoration:none;
}
.show-note:focus{
  color: #5aa4ff;
  text-decoration:none;
}

.disabled-text{
  font-family: "Avenir LT Std 85 Heavy";
  color:#919598;
}
.primary-text{
  font-family: "Avenir LT Std 85 Heavy";
  color:#1b3a5d;
}
.sub-paragraph{
  font-family: "Avenir LT Std 55 Roman";
  font-size:15px;
  color:#1b3a5d;
}

.sub-heading-secondary{
  font-family: "Avenir LT Std 85 Heavy";
  font-size:18px;
  color:#1b3a5d;
}

.sub-status-secondary{
  font-family: "Avenir LT Std 55 Roman";
  font-size:15px;
  color:#1b3a5d;
}

.status-secondary{
  font-family: "Avenir LT Std 85 Heavy";
  font-size:15px;
  color:#1b3a5d;
}

.clr-dark-blue{
  color:#1b3a5d !important;
}

.text-left{
  text-align: left !important;
}

.add-request{
  width: 100%;
  border: 1px solid #aaa;
  text-align: center;
  line-height: 15px;
  height: 270px;
}

.add-request > div{
  display: inline-block;
  vertical-align: middle;
  float: none;
  margin: 50% auto;
}

ul.step-request-offers{
  list-style: none;
  font-size: 18px;
  /* width:100%; */
  margin: 0 auto;  
  text-align:center;
  display: inline-block;
}
ul.step-request-offers li{
  float: left;
  margin: 0 20px 0 0;
  color: #4a4a4a;
  position: relative;
  white-space: nowrap;
}
ul.step-request-offers li:not(:last-child)::after{
  content: '';
  width: 33px;
  height: 2px;
  margin-left: 30px;
  /* position: absolute; */
  right: 0;
  background: #4a4a4a;
}
ul.step-request-offers li:last-child::after{
  /* content: ''; */
  /* width: 60px; */
  /* margin-left: 40px; */
  /* position: absolute; */
  right: 0;
  background: #4a4a4a;
}
ul.step-request-offers li.active{
  color: #ffa60d;
}

ul.step-request-offers li.jastip-breadcrumb a{
  float: left;
  color: #ffa60d;
  background: #fff;
  position: relative;
  text-decoration: none;
}
ul.step-request-offers li.jastip-breadcrumb:not(:last-child)::after{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f054';
  color: #0a213f;
  /* position: absolute; */
  right: 0;
  background: #fff;
}
ul.step-request-offers li.jastip-breadcrumb:last-child::after{
  content: '';
  /* position: absolute; */
  right: 0;
}

ul.step-request{
  background: #fff;
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  /* padding-left: 50px;
  padding-right: 50px; */
  list-style: none;
  padding: 10px;
}

ul.step-request li a{
  padding: 20px;
  display: inline-block;
  width: 100%;
  text-decoration: none;
  font-family: "Avenir LT Std 85 Heavy";
  font-size: 16px;
  color: #0a213f;
  transition: all ease .2s;
  padding: 30px 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  /* border-top: 1px solid rgba(0, 0, 0, 0.1); */
}

ul.step-request li a:hover{
  color: #ff861b;
}

ul.step-request li.active a{
  color: #ff861b;
  /* border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  border-top: 1px solid rgba(0, 0, 0, 0.1); */
}
ul.step-request li:first-child a{
  border-top: none;
}
ul.step-request li:last-child a{
  border-bottom: none;
}

.last-step{
  border:none;
}

.more-button{
  font-weight: bold;
  font-size: 16px;
  color: rgb(0, 119, 255);
  transition: all ease .2s;
}
.more-button:hover{
  text-decoration: none;
  color: rgb(0, 80, 172);
}

.box-request{
  background: #fff;
  width: 100%;
  padding: 30px;
  margin-bottom: 20px;
  box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.1);
  border-radius: 4px;
}

.bs-1{
  box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.1) !important;
}


.box-request .form-group{
  margin-bottom: 20px;
}

.box-request .form-group label{
  font-weight: bold;
  font-family: 'Avenir LT Std 45 Book';
  margin-bottom: 15px;
}

.jastip-form-control{
  box-shadow: none;
  outline: none;
  color: #0a213f;
  font-weight: bold;
  border: solid 1px #dbdbdb;
  font-family: 'Avenir LT Std 45 Book';
  transition: all ease .2s;
}

.link li{
  list-style: none;
}

.jastip-form-control::placeholder{
  font-weight: normal;
}

.jastip-form-control:focus{
  border: solid 1px #ff861b;
  box-shadow: none;
}

.jastip-btn-upload-wrapper {
  position: relative;
  overflow: hidden;
  display: inline-block;
  cursor: pointer;
}

.jastip-btn-upload-wrapper .btn {
  border: 1px solid #ff861b;
  color: #ff861b;
  background-color: white;
  padding: 5px 20px;
  border-radius: 5px;
  font-size: 16px;
  font-family: 'Avenir LT Std 45 Book';
  font-weight: bold;  
}

.jastip-btn-upload-wrapper input[type=file] {
  cursor: pointer;
  font-size: 100px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  cursor: pointer;
}

.img-contain{
  border-radius: 50%;
  margin: 0 auto;
  background: #ddd;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.img-contain._50{
  height: 50px;
  width: 50px;
}
.img-contain._200{
  height: 200px;
  width: 200px;
}

.box-detail-travel-modal{
  padding: 20px;
  background: #f2f9f9;
}

#prices{
  font-family: "Avenir LT Std 85 Heavy";
}

.disabled-text{
  color:#919598;
}

p.product-price{
  font-weight:bold;
  font-size:18px;
}

h4.product-name{
  margin-bottom:8px;
  font-size:16px;
}

h4.trips-name{
  
  margin-bottom:8px;
  font-size:16px;
}


h4.product-request{
  font-size:14px;
  margin: 0;
}

.settings-po-icon-wrap h4.product-request {
  display: inline-block;
}
.settings-po-icon-wrap .icons {
  display: inline-block;
  position: absolute;
  right: 20px;
}

.settings-po-icon-wrap .icons a {
  display: inline-block;
}

div#product-item.row{
  margin-top:30px;
  padding-bottom: 30px;
  border-bottom: solid 1px #f2f2f2;
}

div#product-item > div{
  padding-left: 10px;
  padding-right: 10px;
}

div.thumbnail.item{
  border-radius:3px;
  box-shadow: none !important;
  transition: all ease .2s;
  cursor: pointer;
  border: solid 1px #dbdbdb;
}

div.thumbnail.item:hover{
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15) !important;
  background: #f2f9f9;
}

div.thumbnail.item > .image{
  height: 270px;
  width: 100%;
  background: url("/images/icons/image-placeholder.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
}

div.thumbnail.item > .image > .destination{
  width: 100%;
  background: rgba(255, 134, 27, 0.85);
  color: #fff;
  position: absolute;
  bottom: 0;
}

.imgSuggestionTraveler{
  border-radius: 50%;
  background: #ddd;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  float:left;
}
.imgSuggestionTraveler._50{
  height: 50px;
  width: 50px;
}

.d-flex{
  display: flex;
}

.flex-fill{
  flex: 1 0 21%;
}

.d-inline-flex{
  display: inline-flex !important;
}

.align-items-center{
  align-items: center;
}

.align-self-center{
  align-self: center;
}
.align-self-start{
  align-self: start;
}

div.col-md-12.text-center.button-page{
  margin-top:110px;
  margin-bottom:50px;
}

div.col-md-12.text-center.button-page{
  margin-top:26px;
}

.caption h4{
  font-family: "Avenir LT Std 55 Roman";
  padding-top: 5px;
  line-height: 1.5;
}

.caption p{
  font-family: "Avenir LT Std 85 Heavy";
  margin-bottom: 0;
}

.secondary-button{
  background: #fff;
  border: solid 1px #ff861b;
  border-radius: 0px;
  box-shadow: none;
  color: #ff861b;
  padding: 10px 20px 10px 20px;
  letter-spacing: 2px;
  font-family: "Avenir LT Std 55 Roman";
  font-weight: bold;
  text-shadow: none;

  -webkit-transition: background-color .2s ease-out;
  -moz-transition: background-color .2s ease-out;
  -o-transition: background-color .2s ease-out;
  transition: background-color .2s ease-out;
}

.secondary-button:hover{
  background:#ff861b;
  border:solid 1px #ff861b;
  border-radius:0px;
  color:#fff;
  text-shadow: none;
  padding: 10px 20px 10px 20px;
}

div#product-review{
  background:#ecf6f6;
  padding:70px 0px 100px 0px;
}

h1.review-heading{
  text-align:center;
  font-size:30px;
}

div.item-review{
  background:#fff;
  overflow: hidden;
}

.item-review .image{
  width: 230px;
  height: 230px;
  background-color: #0a213f;  
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.item-review .image > .destination{
  width: 100%;
  background: rgba(255, 255, 255, 0.8);
  position: absolute;
  bottom: 0;
}

.item-review .desc .img{
  background-color: #ddd;
  height: 60px;
  width: 60px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border: 1px solid #aaa;
  border-radius: 50%;
}

.item-review .desc .box-detail-review{
  background: #ff861b;
  color: #fff;
  margin-top: 10px;
  padding: 5px 0;
}

img.review-img{
  width:235px;
}

.review-text{
  width: 276px;
  height: 38px;
  font-family: "Avenir LT Std 55 Roman";
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #0a213f;
  margin-left:13px;
  margin-top:30px;
}

div.media-left.media-middle.media-review{
  padding:0px;
}

div.row.review-item{
  margin-top:45px;
}

div#why-item.row{
  margin-top:80px;
}

h1.why-heading{
  margin-top:25px;
  text-align:center;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0.8px;
  text-align: center;
  color: #0a213f;
  font-size: 20px;
  font-family: "Avenir LT Std 85 Heavy";
}

p.why-paragraph{
  margin-top:15px;
  text-align:center;
  font-family: "Avenir LT Std 55 Roman";
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #0a213f;
}

div.item-why{
  margin-bottom:0px;
}

div.col-md-4.text-center{
  margin-bottom:45px;
}

div.navbar-header {
  width: 100% !important;
}

#navcol-1{
  position: relative;
}

.navbar-brand .navbar-link{
  float: left;
}

.search{
  width:40%;
}
#search-box{
  width:40%;
  -webkit-transition: all .5s ease;
   -moz-transition: all .5s ease;
   transition: all .5s ease;
}

#search-box-mobile{
  -webkit-transition: all .5s ease;
   -moz-transition: all .5s ease;
   transition: all .5s ease;
}

#search-box:focus{
  width:70%;
}
img#logo{
  max-width:115px;
  margin-top:-10px;
}
img#logo-mobile{
  width:50px;
  margin-top:-20px;
}

footer{
  background-color:#fff;
  border-top:solid 3px #ffa60d;
  box-shadow:0 1px 1px 0 rgba(0, 0, 0, 0.1);
  box-sizing:border-box;
  width:100%;
  text-align:left;
  font:bold 16px sans-serif;
  padding:100px 0px 100px 0px;
  margin-top:80px;
  bottom:0;
  color:#0a213f;
}

.footer-navigation h3{
  margin:0;
  font:normal 36px Cookie, cursive;
  margin-bottom:20px;
  color:#fff;
}

.footer-navigation h3 a{
  text-decoration:none;
  color:#fff;
}

.footer-navigation h3 span{
  color:#5383d3;
}

.footer-navigation p.links a{
  color:#0a213f;
  text-decoration:none;
}

.footer-navigation p.company-name{
  color:#8f9296;
  font-size:14px;
  font-weight:normal;
  margin-top:20px;
}

.btn-lang {
  float: left;
}
.light-btn-lang {
  background: #fff;
  color: #ff861b;
  font-family: "Avenir LT Std 55 Roman";
  font-weight: bold;

  -webkit-transition: background-color .2s ease-out;
  -moz-transition: background-color .2s ease-out;
  -o-transition: background-color .2s ease-out;
  transition: background-color .2s ease-out;
}

.light-btn-lang:hover{
  background:#ffa60d;
  border:solid 1px #ffa60d;
  color:#fff;
}

.light-btn-lang:focus{
  background:#ffa60d;
  border:solid 1px #ffa60d;
  color:#fff;
}

@media screen and (min-width: 580px) {
  .item-feature{
    margin: 0 auto 10px !important;
  }
}

@media screen and (min-width:768px) {
  .navbar-nav{
    width: 100%;
  }
  .navbar-collapse.collapse{
    display: none !important;
  }
  .navbar-collapse.collapse.in{
    display: block !important;
  }
  .navbar-toggle{
    display: block;
  }
}

@media screen and (min-width:1025px) {
  .slick-dots{
    display: none !important;
  }
}

@media screen and (min-width:1200px) {
  .navbar-nav{
    width: initial;
  }
  .navbar-toggle{
    display: none;
  }
  .navbar-collapse.collapse{
    display: block !important;
  }
  margin
}

@media (max-width:767px) {
  ul.step-request{
    width: 100%;
  }
  .footer-contacts{
    margin:30px 0;
  }
}
.slick-dots li button {
  width: 10px !important;
  height: 15px !important;
  border-radius: 50%;
  border: solid 1px #ff861b;
  background-color: #ffffff;
  text-indent: -9999px;
}
.footer-contacts p{
  display:inline-block;
  color:#0a213f;
  vertical-align:middle;
}

.footer-contacts p a{
  color:#0a213f;
  text-decoration:none;
  font-family: "Avenir LT Std 55 Roman";
  font-size: 14px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0.8px;
  color: #0a213f;
}

.fa.footer-contacts-icon{
  background-color:#33383b;
  color:#0a213f;
  font-size:18px;
  width:38px;
  height:38px;
  border-radius:50%;
  text-align:center;
  line-height:38px;
  margin:10px 15px 10px 0;
}

span.new-line-span{
  display:block;
  font-weight:normal;
  display:block;
  font-weight:normal;
  font-size:14px;
  line-height:2;
}

.footer-about h4{
  display:block;
  color:#0a213f;
  font-size:14px;
  font-weight:bold;
  margin-bottom:20px;
  font-family: "Avenir LT Std 55 Roman";
}

.footer-about p{
  line-height:20px;
  color:#92999f;
  font-size:13px;
  font-weight:normal;
  margin:0;
}

div.social-links{
  margin-top:20px;
  color:#fff;
  
}

.social-links a{
  display:inline-block;
  width:35px;
  height:35px;
  cursor:pointer;
  background-color:#ffa60d;
  border-radius:2px;
  font-size:20px;
  color:#ffffff;
  text-align:center;
  line-height:35px;
  margin-right:5px;
  margin-bottom:5px;
}

.clr-red{
  color: rgb(230, 0, 0);
}

.clr-black{
  color: #222 !important;
}

.clr-gray{
  color: #aaa;
}

.clr-gray-2{
  color: #4a4a4a;
}

.clr-gray-3{
  color: #9b9b9b;
}

.clr-primary{
  color: #0a213f !important;
}

.clr-blue{
  color: #5aa4ff;
}

.clr-orange{
  color: #ffa60d!important;
}
.clr-orange02{
  color: #ff861b;
}
label.numberTotal{
  width: 30px;
  border-radius: 50%;
  line-height: 30px;
  text-align: center;
  height: 30px;
  margin-bottom: 0;
  color: #fff;
  background: #ff861b;
}

#header-background{
  background: #0a1229;
  color: #fff;
  padding: 36px;
  margin-bottom:60px;
}

#add-travel-form{
  margin-bottom: 130px;
}

#item-link{
  padding-right: 40px;
}

.form-group-jastip{
  margin-bottom: 40px;
  
}

.form-group-jastip label{
  color: #9b9b9b;
  font-family: "Avenir LT Std 55 Roman";
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  margin-bottom: 14px;
}

.form-group-jastip p{
  font-family: "Avenir LT Std 55 Roman";
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #0a213f;
}

.form-group-jastip a{

  font-family: "Avenir LT Std 55 Roman";
  font-size: 16px;
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #ffa60d;
}

.add-trip-heading{
  margin-bottom:50px;
}

.bold{
  font-weight: bold;
}
.text-blue{
  font-family: "Avenir LT Std 85 Heavy";
  color:#0a1229;
}

.stopovers-button{
  background: #fff;
  padding: 12px;
  color: #ff861b;
  font-family: "Avenir LT Std 85 Heavy";
  border: solid 1px #ff861b;
  margin-top:10px;
  margin-bottom: 10px;
}

.stopovers-button:hover{
  background: #ff861b;
  padding: 12px;
  color: #fff;
  text-shadow: none;
  font-family: "Avenir LT Std 85 Heavy";
  border: solid 1px #ff861b;
}

.datepicker-travel{
  width: 100%;
  border: 1px solid #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  height: 34px;
  margin-bottom: 15px;
  outline: none;
  transition: all 0.15s ease-in-out;
  padding:22px;
  color:#838393;
  font-family: "Avenir LT Std 55 Roman";
  margin-top:15px;
}

.offer-deliver-date{
  width: 100%;
  border: 1px solid #ccc;
  -webkit-border-radius: 3px;
  color:#1b3a5d;
  -moz-border-radius: 3px;
  border-radius: 3px;
  height: 45px;
  margin-bottom: 15px;
  outline: none;
  transition: all 0.15s ease-in-out;
  padding-left:160px;
}

.offer-deliver-date::-webkit-input-placeholder {
  font-family: "Avenir LT Std 85 Heavy";
  color:#1b3a5d;
}

.offers-status{
  background: #f2f9f9;
  padding-left: 20px;
  color:#1b3a5d;
  padding-top:3px;
}

.offer-deliver-date-label{
  height: 26px;
  position: absolute;
  top: 92px;
  left: 66px;
  width: auto;

  color: #ccc;
  font-family: "Avenir LT Std 85 Heavy";

}

.input-label{
  font-family: "Avenir LT Std 55 Roman";
  color:#1b3a5d;
}

.add-trip-button{

  text-shadow:none;
  font-family: "Avenir LT Std 55 Roman";
  letter-spacing: 2px;
  font-weight: 600;
  -webkit-transition: background-color .2s ease-out;
  -moz-transition: background-color .2s ease-out;
  -o-transition: background-color .2s ease-out;
  transition: background-color .2s ease-out;
  border: none;
}



.add-trip-button:hover{
  background: #ff861b;
  color:#fff;
  text-shadow:none;
  border: none;
}

.primary-button{

  background: #ff861b;
  text-shadow:none;
  font-family: "Avenir LT Std 55 Roman";
  letter-spacing: 2px;
  color:#fff;
  font-weight: 600;
  padding: 10px 20px 10px 20px;
  border: none;
}

.primary-button:hover{
  background: #ff861b;
  color:#fff;
  text-shadow:none;
  border: none;
}

.primary-button:focus{
  background: #ff861b;
  color:#fff;
  text-shadow:none;
  border: none;
}

.danger-button{

  background: #fd4242;
  text-shadow:none;
  font-family: "Avenir LT Std 55 Roman";
  letter-spacing: 2px;
  color:#fff;
  font-weight: 600;
  padding: 10px 20px 10px 20px;
  border: none;
}

.danger-button:hover{
  background: #fd4242;
  color:#fff;
  text-shadow:none;
  border: none;
}

.danger-button:focus{
  background: #fd4242;
  color:#fff;
  text-shadow:none;
  border: none;
}


.primary-color{
  background: #ff861b;
  color:#fff;
  padding: 12px;
}

input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Select2 Styles */

/* .select2.select2-container {
  width: 100% !important;
  transition: all .5s ease-out;
}

.select2.select2-container .select2-selection {
  border: 1px solid #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  height: 45px;
  margin-bottom: 15px;
  outline: none;
  transition: all 0.15s ease-in-out;
}

.offer-deliver-to .select2.select2-container .select2-selection .select2-selection__rendered {
  color: #1b3a5d;
  font-family: "Avenir LT Std 85 Heavy";
  line-height: 32px;
  padding-left: 110px;
}

.select2.select2-container .select2-selection .select2-selection__rendered {
  line-height: 32px;
  padding-left: 70px;
  color: #838383;
  font-family: "Avenir LT Std 55 Roman";
  padding-top: 5px;
}

.offer-deliver-to .select2.select2-container .select2-selection .select2-selection__arrow {
  height: 32px;
  width: 100%;
  color: #ccc;
}

.select2.select2-container .select2-selection .select2-selection__arrow {
  padding: 11px 6px 6px 22px;
  color: #1b3a5d;
  font-family: "Avenir LT Std 85 Heavy";
  height: 32px;
  width: 33px;
}

.select2.select2-container.select2-container--open .select2-selection.select2-selection--single {
  background: #f8f8f8;
}

.select2.select2-container.select2-container--open .select2-selection.select2-selection--single .select2-selection__arrow {
  -webkit-border-radius: 0 3px 0 0;
  -moz-border-radius: 0 3px 0 0;
  border-radius: 0 3px 0 0;
}

.select2-container--default .select2-selection--single .select2-selection__arrow{
  left:0;
  
}

.select2.select2-container.select2-container--open .select2-selection.select2-selection--multiple {
  border: 1px solid #34495e;
}

.select2.select2-container.select2-container--focus .select2-selection {
  border: 1px solid #34495e;
  transition: all .5s ease-out;
}

.select2.select2-container .select2-selection--multiple {
  height: auto;
  min-height: 34px;
}

.select2.select2-container .select2-selection--multiple .select2-search--inline .select2-search__field {
  margin-top: 0;
  height: 32px;
}

.select2.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: block;
  padding: 0 4px;
  line-height: 29px;
}

.select2.select2-container .select2-selection--multiple .select2-selection__choice {
  background-color: #f8f8f8;
  border: 1px solid #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin: 4px 4px 0 0;
  padding: 0 6px 0 22px;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  position: relative;
}

.select2.select2-container .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
  position: absolute;
  top: 0;
  left: 0;
  height: 22px;
  width: 22px;
  margin: 0;
  text-align: center;
  color: #e74c3c;
  font-weight: bold;
  font-size: 16px;
}

.select2-container .select2-dropdown {
  background: transparent;
  border: none;
  margin-top: -5px;
}

.select2-container .select2-dropdown .select2-search {
  padding: 0;
}

.select2-container .select2-dropdown .select2-search input {
  outline: none;
  border: 1px solid #ff861b;
  border-bottom: none;
  padding: 4px 6px;  
}

.select2-container .select2-dropdown .select2-results {
  padding: 0;
}

.select2-container .select2-dropdown .select2-results ul {
  background: #fff;
  border: 1px solid #ff861b;
}

.select2-container .select2-dropdown .select2-results ul .select2-results__option--highlighted[aria-selected] {
  background-color: #ff861b;
} */

.select2.select2-container {
  width: 100% !important;
}

.select2.select2-container .select2-selection {
  border: 1px solid #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  height: 34px;
  margin-bottom: 15px;
  outline: none;
  transition: all 0.15s ease-in-out;
}

.select2.select2-container .select2-selection .select2-selection__rendered {
  color: #333;
  line-height: 32px;
  padding-left: 55px;
  font-family: "Avenir LT Std 55 Roman";
}

.offer-deliver-to .select2.select2-container .select2-selection .select2-selection__rendered {
  color: #333;
  line-height: 32px;
  padding-left: 100px;
  font-family: "Avenir LT Std 55 Roman";
}

.select2.select2-container .select2-selection .select2-selection__arrow {
  padding: 6px 6px 6px 15px;
  height: 32px;
  width: 100px;
  font-family: "Avenir LT Std 85 Heavy";
  color:#1a395c;
}



.offer-deliver-to .select2.select2-container .select2-selection .select2-selection__arrow {
  padding: 6px 6px 6px 15px;
  height: 32px;
  width: 100px;
  font-family: "Avenir LT Std 85 Heavy";
  color:#ccc;
}

.standart-select .select2.select2-container .select2-selection .select2-selection__arrow {
  padding: 6px 6px 6px 15px;
  height: 32px;
  width: 40px;
  font-family: "Avenir LT Std 85 Heavy";
  color:#ccc;
}

.standart-select .select2.select2-container .select2-selection .select2-selection__rendered{
  color: #333;
  line-height: 32px;
  padding-left: 30px;
  font-family: "Avenir LT Std 55 Roman";
}

.select2.select2-container.select2-container--open .select2-selection.select2-selection--single {
  background: #f8f8f8;
}

.select2.select2-container.select2-container--open .select2-selection.select2-selection--single .select2-selection__arrow {
  -webkit-border-radius: 0 3px 0 0;
  -moz-border-radius: 0 3px 0 0;
  border-radius: 0 3px 0 0;
}

.select2-container--default .select2-selection--single .select2-selection__arrow{
  left:0;
  
}

.select2.select2-container.select2-container--open .select2-selection.select2-selection--multiple {
  border: 1px solid #34495e;
}

.select2.select2-container.select2-container--focus .select2-selection {
  border: 1px solid #34495e;
}

.select2.select2-container .select2-selection--multiple {
  height: auto;
  min-height: 34px;
}

.select2.select2-container .select2-selection--multiple .select2-search--inline .select2-search__field {
  margin-top: 0;
  height: 32px;
}

.select2.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: block;
  padding: 0 4px;
  line-height: 29px;
}

.select2.select2-container .select2-selection--multiple .select2-selection__choice {
  background-color: #f8f8f8;
  border: 1px solid #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin: 4px 4px 0 0;
  padding: 0 6px 0 22px;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  position: relative;
}

.select2.select2-container .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
  position: absolute;
  top: 0;
  left: 0;
  height: 22px;
  width: 22px;
  margin: 0;
  text-align: center;
  color: #e74c3c;
  font-weight: bold;
  font-size: 16px;
}

.select2-container .select2-dropdown {
  background: transparent;
  border: none;
  margin-top: -5px;
}

.select2-container .select2-dropdown .select2-search {
  padding: 0;
}

.select2-container .select2-dropdown .select2-search input {
  outline: none;
  border: 1px solid #ff861b;
  border-bottom: none;
  padding: 4px 6px;  
}

.select2-container .select2-dropdown .select2-results {
  padding: 0;
}

.select2-container .select2-dropdown .select2-results ul {
  background: #fff;
  border: 1px solid #ff861b;
}

.select2-container .select2-dropdown .select2-results ul .select2-results__option--highlighted[aria-selected] {
  background-color: #ff861b;
}

/* Select2 Styles */

/* Additional Library */
.text-center{
  text-align: center;
}

.text-left{
  text-align: left;
}

.text-right{
  text-align: right;
}

.btn-clear{
  background: none;
  border: none;
  outline: none;
}

.btn-jastip-primary{
  background: #ff861b;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Avenir LT Std 85 Heavy";
  color: #fff;
  padding: 8px 25px;
  border: none;
  outline: none;
  transition: all ease .2s;
}

.btn-jastip-primary:hover,
.btn-jastip-primary:focus{
  background: #f1770c;
  color: #fff;
}

.btn-outline-default{
  background: #fff;
  border: 1px solid #9b9b9b;
  text-transform: uppercase;
  font-weight: bold;
  font-family: 'Avenir LT Std 55 Roman';
  color: #0a213f;
  outline: none;
  transition: all ease .2s;
  width: 100%;
}
.btn-outline-primary{
  background: #fff;
  border: 1px solid #ff861b;
  color: #ff861b;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Avenir LT Std 85 Heavy";
  padding: 8px 25px;
  transition: all ease .2s;
}
.btn-outline-primary:hover{
  color: #ff861b;
}

.btn-outline-blue{
  background: #fff;
  border: 1px solid #5aa4ff;
  text-transform: uppercase;
  font-weight: bold;
  font-family: 'Avenir LT Std 55 Roman';
  color: #5aa4ff;
  outline: none;
  transition: all ease .2s;
  width: 100%;
}

.btn-outline-blue:hover{

  color: #5aa4ff;
}

.btn-outline-danger{
  background: #fff;
  border: 1px solid #ff2727;
  text-transform: uppercase;
  font-weight: bold;
  font-family: 'Avenir LT Std 55 Roman';
  color: #ff2727;
  outline: none;
  transition: all ease .2s;
  width: 100%;
}

.btn-outline-danger:hover{

  color: #ff2727;

}
.full-width{
  width: 100%;
}

.navbar-header{
  margin-bottom: 15px;
  margin-top: 10px;
}

.btn-outline-blue:hover{
  color: #5aa4ff;
}

.mx-auto{
  margin: 0 auto !important;
}
.w-100{
  width: 100%;
}
.m-0{
  margin: 0;
}
.mt-0{
  margin-top: 0px;
}
.mt-10{
  margin-top: 10px;
}
.mt-15{
  margin-top: 15px;
}
.ml-auto{
  margin-left: auto !important;
}

.ml-0{
  margin-left:0px!important;
}
.ml-15{
  margin-left:15px;
}

.ml-30{
  margin-left:30px;
}

.mr-10{
  margin-right: 10px;
}
.mt-20{
  margin-top: 20px;
}
.mt-25{
  margin-top: 25px;
}
.mt-35{
  margin-top: 35px;
}
.mt-40{
  margin-top: 40px;
}
.mb-0{
  margin-bottom:0px !important;
}
.mb-10{
  margin-bottom: 10px;
}
.mb-20{
  margin-bottom: 20px;
}
.mb-30{
  margin-bottom: 30px;
}
.mb-40{
  margin-bottom: 40px;
}
.mb-50{
  margin-bottom: 50px;
}
.mb-60{
  margin-bottom: 60px;
}
.mb-80{
  margin-bottom: 80px;
}

.mt-120{
  margin-top: 120px;
}
.mx-10{
  margin-right: 10px;
  margin-left: 10px;
}
.my-20{
  margin-top: 20px;
  margin-bottom: 20px;
}

.mt-20{
  margin-top: 20px;
}
.mt-30{
  margin-top: 30px;
}

.mt-40{
  margin-top: 40px;
}

.mt-50{
  margin-top:50px;
}
.mt-60{
  margin-top: 60px;
}
.mb-10{
  margin-bottom: 10px;
}

.mb-20{
  margin-bottom: 20px;
}

.mb-40{
  margin-bottom: 40px;
}

.ml-10{
  margin-left: 10px;
}

.ml-20{
  margin-left: 20px;
}

.mr-20{
  margin-right: 20px;
}

.p-0{
  padding: 0;
}
.px-0{
  padding-right: 0px !important;
  padding-left: 0px !important;
}
.px-10{
  padding-right: 10px;
  padding-left: 10px;
}
.px-20{
  padding-left: 20px;
  padding-right: 20px;
}
.pl-10{
  padding-left: 10px;
}
.p-10{
  padding: 10px;
}

.p-20{
  padding: 20px;
}
.pt-0{
  padding-top: 0px !important;
}
.pt-10{
  padding-top: 10px;
}
.pt-20{
  padding-top: 20px;
}
.pb-0{
  padding-bottom: 0px;
}
.pb-10{
  padding-bottom: 10px;
}
.pb-20{
  padding-bottom: 20px;
}
.pr-0{
  padding-right: 0;
}
.pl-20{
  padding-left: 20px;
}

/* twj css */
.twj-wrapper {
  background: #0a1229;
  position: relative;
  padding-top:50px;
  
  padding-bottom:50px;
}

.twj-wrapper-secondary {
  background: #fff;
  position: relative;
  padding-top:40px;
  padding-bottom:40px;
  margin-bottom: 40px;
  box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.1);
}

.twj-secondary-title{
  font-family: "Avenir LT Std 85 Heavy";
  font-size: 18px;
  font-weight: 300;
  color:#4a4a4a;
  margin-left: 5px;
}

.twj-secondary-title .active{
  color:#ff861b;
}

.twj-secondary-title a:hover{
  text-decoration:none;
}

.twj-date {
  font-family: "Avenir LT Std 85 Heavy";
  font-size: 24px;
  color:#fff;
  font-weight: 300;
  letter-spacing: 5px;

}

.twj-menu a{
  float: left;
}

.twj-menu-button{
  background: none;
    border: none;
    font-size: 18px;
    padding-left: 15px;
    padding-right: 15px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #ff861b;
    font-family: "Avenir LT Std 85 Heavy";
    padding-bottom: 15px;
}

.twj-menu-button:last-child{
  margin-left:15px;
}

.twj-menu-button:hover{
  border-bottom: solid 5px #ff861b;
  text-decoration:none;
  color: #ff861b;
}

.twj-menu-button:focus{
  outline:none;
  color: #ff861b;
  text-decoration: none;
}

.twj-menu-button.active{
  border-bottom: solid 5px #ff861b;
}

.twj-heading {
  font-family: "Avenir LT Std 85 Heavy";
  font-size: 18px;
  font-weight: 300;
  letter-spacing: 5px;
  color: #0a213f;
  margin: 26px 0 43px 134px;

}

.twj-menu-heading{
  box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.1);
  background: #fff;
  width: 100%;
  height: auto;
}

.tripsBtn {
  letter-spacing: 5px;
    /* margin: 0 auto; */
    text-align: center;
    font-size: 25px;
    color: #fff;
    text-transform:uppercase;
}

.tripsBtn:hover, .tripsBtn:focus {
  background: none;
  outline: none;
}

.dropdown {
  position: relative;
  display: inline-block;
  
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  overflow: auto;
  z-index: 1;
  border: solid 2px #ff861b;
  border-radius: 5px;
  

  font-family: "Avenir LT Std 85 Heavy";
  box-shadow: 0px 8px 12px 0px rgba(0,0,0,0.1);
  width: 100%;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {
  background-color: #ffeed0;
  color: #ff861b;
}

.show {display:block;}

/* setting button */

.settingBtn {
  background: none;
  color: white;
  width: 100%;
  font-family: "Avenir LT Std 85 Heavy";
  text-transform: uppercase;
  font-size: 15px;
  letter-spacing: 0px;
  padding: 10px 15px 10px 15px;
  border-radius:5px;
  border: none;
  background:#ff861b;
  cursor: pointer;
}

.settingBtn:hover, .settingBtn:focus {
  background:#ff861b;
  outline: none;
}

.setting-dropdown {
  position: relative;
  display: inline-block;
  list-style: none;
  width: 100%;
  
}

.setting-dropdown a{
  color:#fff;
}

.setting-dropdown-content {
  font-family: "Avenir LT Std 85 Heavy";
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  z-index: 1;
  overflow: auto;
  text-transform: uppercase;
  letter-spacing: 2px;
  width: 100%;
  border: solid 2px #ff861b;
  border-radius: 5px;
  text-align: center;
  box-shadow: 0px 8px 12px 0px rgba(0,0,0,0.1);
}

.setting-dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.setting-dropdown-content a:hover {
  background-color: #ffeed0;
  color: #ff861b;
}

.show {display:block;}


.twj-box-wrapper {
  top: 55px;
  right: 0;
  width: 100%;
}

.twj-box {
  width: 200px;
  height: 45px;
  background-color: #9b9b9b;
  border: solid 1px #979797;
  font-family: Avenir;
  font-size: 14px;
  font-weight: 900;
  letter-spacing: 2px;
  text-align: center;
  padding-top: 12px;
  color: #ffffff;
}

.twj-box:hover {
  width: 197px;
  height: 39px;
  border: solid 1px #979797;
  background-color: #4a4a4a;
  margin: 0 0 3px 6px;
}


.twj-top-menu {
  /* width: calc(100% - 254px); */
  position: relative;
}
.hr-bottom{
  border-bottom: solid 1px #111;
}
.height-50{
  height: 50px
}
.twj-top-menu .left-side p {
  width: 327px;
  height: 33px;
  font-family: Avenir;
  font-size: 24px;
  color: #0a213f;
  margin: 52px 0 33px 0;
}

.twj-top-menu .right-side {
  position: absolute;
  right: 0;
}


.twj-top-menu .right-side .box {
  width: 173px;
  height: 48px;
  border: solid 1px #979797;
  background-color: #9b9b9b;
  position: absolute;
  right: 0;
  top: 49px;
  font-family: Avenir;
  font-size: 14px;
  font-weight: 900;
  letter-spacing: 2px;
  text-align: center;
  color: #ffffff;
  cursor: pointer
}

.twj-content {
  width: calc(100% - 254px);
  margin-left: 134px;
  position: relative;
  padding-bottom: 145px;
}

.twj-content .left-side {
  margin: 41px 0 0 106px;

}


.twj-content .left-side .box-menu {
  width: 309px;
  height: 397px;
  border-bottom: solid 1px #979797;
  background-color: #e8e8e8;

}

.twj-content .left-side .box-menu .box{
  width: 309px;
  height: calc(100% / 5);
  border: solid 1px #979797;
  background-color: #e8e8e8;
  border-bottom: none;
  padding: 32px;
  font-family: Avenir;
  font-size: 16px;
  font-weight: 900;
  letter-spacing: 2px;
  color: #0a213f;

}

.twj-content .left-side .button-wrapper {
  width: 197px;
  padding: 11px 0;
  margin-top: 50px;

}

.twj-content .left-side .button-wrapper .btn-twj {
  width: 197px;
  border: solid 1px #979797;
  background-color: #4a4a4a;
  font-family: Avenir;
  font-size: 14px;
  font-weight: 900;
  letter-spacing: 2px;
  text-align: center;
  color: #ffffff;
  padding: 10px 0;
  margin: 10px 0;

}


.twj-content .right-side {
  margin: 41px 0 0 0;

}

.box-request.link{
  cursor: pointer;
}

.twj-content .right-side .box-data {
  width: 624px;
  border: solid 1px #979797;
  background-color: #e8e8e8;
  padding: 22px 47px ;

}

.text-uppercase{
  text-transform: uppercase;
}

.rounded {
    width: 45px;
    height: 45px;
    border: solid 1px #979797;
    /* background-color: #d8d8d8; */
    border-radius: 100%;
    background-size:cover;


}

.title-box-data {
  font-family: "Avenir LT Std 55 Roman";
  font-size: 16px;
  font-weight: 900;
  color: #0a213f;
  margin-top: 10px;


}

.title-main {
  font-family: "Avenir LT Std 85 Heavy";
  font-size: 16px;

  font-weight: 900;
  color: #0a213f;
  margin-top: 10px;


}

.title-secondary {
  font-family: "Avenir LT Std 55 Roman";
  font-size: 14px;
  font-weight: 900;
  color: #0a213f;
  margin-top: 10px;


}

.order-id-box-data {
  font-family: "Avenir LT Std 55 Roman";
  font-size: 16px;
  color: #0a213f;
  line-height: .5;

}

.date-box-data {
  float: right;
  font-family: "Avenir LT Std 55 Roman";
  font-size: 16px;
  font-weight: 900;
  text-align: right;
  color: #0a213f;
  margin-top:10px;
}

.box-data .go-down {
  margin-top: 16px;
}

.twj-photo-card {
  width: 115px;
  height: 100%;
  background-color: #d8d8d8;
}

.product-name {
  font-family: "Avenir LT Std 55 Roman";
  font-size: 20px;
  font-weight: 900;
  margin-top: -5px;
  color: #0a213f;
}

.trips-name {
  font-family: "Avenir LT Std 55 Roman";
  font-size: 20px;
  font-weight: 900;
  margin-top: -5px;
  color: #0a213f;
}

.trips-name-secondary {
  font-family: "Avenir LT Std 55 Roman";
  font-size: 15px;
  font-weight: 900;
  margin-top: -5px;
  color: #2a5381;
}


.deliver-to .label{
  padding: 0;
  font-family: "Avenir LT Std 55 Roman";
  font-size: 14px;
  font-weight: 900;
  color:#8d8d8d;
}

.deliver-to .deliver-value{
  font-family: "Avenir LT Std 55 Roman";
  font-size: 14px;
  font-weight: 900;
  color:#163659;
  margin-left:20px;
}

.product-price {
  font-family: "Avenir LT Std 55 Roman";
  font-size: 16px;
  font-weight: 900;
  color: #163659;
}

.total-prices{
  color: #ff861b;
}
.total-amount-prices{
  color: #ff861b;
}
.box-data .status {
  height: 60px;
  margin-top: 20px;

}

.box-data .trips-status {
  height: auto;
  margin-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
  background: #f2f9f9;

}

button{
  border:none;
}

.box-data .status-detail-travel {
  height: 49px;

}

.list-count-label{
  background: #ff861b;
  border-radius: 10px;
  width: 30px;
  color: #fff;
  padding-left:3px;
  text-align: center;
}

.float-left{
  float: left;
}

.float-right{
  float: right;
}

.box-data .status p {
  font-family: "Avenir LT Std 85 Heavy";
  font-size: 13px;
  color: #8d8d8d;
  margin-top: 12px;
}

.box-data .status .secondary-status {
  font-family: "Avenir LT Std 85 Heavy";
  font-size: 13px;
  color: #163659;
  margin-top: 12px;
}
.box-data .status-detail-travel p {
  font-family: "Avenir LT Std 55 Roman";
  font-size: 16px;
  color: #163659;
  margin-top: 12px;
}

.box-data .status-detail-travel span {
  font-family: "Avenir LT Std 55 Roman";
  font-size: 16px;
  color: #919598;
  margin-top: 12px;
}
.box-tab-wrapper {
  width: 309px;
  height: 48px;
  margin-left: 106px;
}

.box-tab-wrapper .tab-button{
  padding: 14px 20px;
  border: solid 1px #979797;
  border-bottom: none;
  background-color: #fbfbfb;
  float: left;
}

.btn-active{
  background-color: #d8d8d8 !important;
  
}

.alert-danger-jastip{
  background: #ff00001a;
}

p{
  word-break: break-word;
}

.margin-left-10{
  margin-left:10px;
}

.disabled-btn{
  background:#9b9b9b;
}

/* Checkbox */
.checkbox {
  display: inline-block;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.checkbox label {
  cursor: pointer;
  padding-left: 0;
}
.checkbox input[type=checkbox] {
  opacity: 0;
  position: absolute;
  margin: 0;
  z-index: -1;
  width: 0;
  height: 0;
  overflow: hidden;
  left: 0;
  pointer-events: none;
}
.checkbox .checkbox-material {
  vertical-align: middle;
  position: relative;
  top: 3px;
}
.checkbox .checkbox-material:before {
  position: absolute;
  left: 8px;
  top: 2px;
  content: "";
  background-color: #ff861b;
  height: 4px;
  width: 4px;
  border-radius: 100%;
  z-index: 1;
  opacity: 0;
  margin: 0;
}
.checkbox .checkbox-material .check {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 2px solid;
  border-radius: 2px;
  overflow: hidden;
  z-index: 1;
}
.checkbox .checkbox-material .check:before {
  position: absolute;
  content: "";
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  display: block;
  margin-top: -4px;
  margin-left: 6px;
  width: 0;
  height: 0;
  box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0 inset;
  -webkit-animation: checkbox-off 0.3s forwards ease-out;
          animation: checkbox-off 0.3s forwards ease-out;
}
.checkbox input[type=checkbox]:focus + .checkbox-material .check:after {
  opacity: 0.2;
}
.checkbox input[type=checkbox]:checked + .checkbox-material .check:before {
  box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px;
  -webkit-animation: checkbox-on 0.3s forwards ease-out;
          animation: checkbox-on 0.3s forwards ease-out;
}
.checkbox input[type=checkbox]:not(:checked) + .checkbox-material:before {
  -webkit-animation: rippleOff 700ms forwards ease-out;
          animation: rippleOff 700ms forwards ease-out;
}
.checkbox input[type=checkbox]:checked + .checkbox-material:before {
  -webkit-animation: rippleOn 700ms forwards ease-out;
          animation: rippleOn 700ms forwards ease-out;
}
.checkbox input[type=checkbox]:not(:checked) + .checkbox-material .check:after {
  -webkit-animation: rippleOff 700ms forwards ease-out;
          animation: rippleOff 700ms forwards ease-out;
}
.checkbox input[type=checkbox]:checked + .checkbox-material .check:after {
  -webkit-animation: rippleOn 700ms forwards ease-out;
          animation: rippleOn 700ms forwards ease-out;
}
.checkbox input[type=checkbox][disabled]:not(:checked) ~ .checkbox-material .check:before,
.checkbox input[type=checkbox][disabled] + .circle {
  opacity: 0.5;
}
.checkbox input[type=checkbox][disabled] + .checkbox-material .check:after {
  background-color: #ff861b;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.coloured .checkbox-material .check {
  color: #ff861b
}
.coloured .checkbox-material:before {
  background-color: #ff861b;
}
.coloured input[type=checkbox]:checked + .checkbox-material .check {
  color: #ff861b;
}



@-webkit-keyframes checkbox-on {
  0% {
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px;
  }
  50% {
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px 2px 0 11px;
  }
  100% {
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px;
  }
}

@keyframes checkbox-on {
  0% {
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px;
  }
  50% {
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px 2px 0 11px;
  }
  100% {
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px;
  }
}
@-webkit-keyframes checkbox-off {
  0% {
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, 0 0 0 0 inset;
  }
  25% {
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, 0 0 0 0 inset;
  }
  50% {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    margin-top: -4px;
    margin-left: 6px;
    width: 0px;
    height: 0px;
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px, 0 0 0 0 inset;
  }
  51% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    margin-top: -2px;
    margin-left: -2px;
    width: 20px;
    height: 20px;
    box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0px 0px 0 10px inset;
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    margin-top: -2px;
    margin-left: -2px;
    width: 20px;
    height: 20px;
    box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0px 0px 0 0px inset;
  }
}
@keyframes checkbox-off {
  0% {
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, 0 0 0 0 inset;
  }
  25% {
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, 0 0 0 0 inset;
  }
  50% {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    margin-top: -4px;
    margin-left: 6px;
    width: 0px;
    height: 0px;
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px, 0 0 0 0 inset;
  }
  51% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    margin-top: -2px;
    margin-left: -2px;
    width: 20px;
    height: 20px;
    box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0px 0px 0 10px inset;
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    margin-top: -2px;
    margin-left: -2px;
    width: 20px;
    height: 20px;
    box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0px 0px 0 0px inset;
  }
}
@-webkit-keyframes rippleOn {
  0% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(13, 13);
            transform: scale(13, 13);
  }
}
@keyframes rippleOn {
  0% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(13, 13);
            transform: scale(13, 13);
  }
}
@-webkit-keyframes rippleOff {
  0% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(13, 13);
            transform: scale(13, 13);
  }
}
@keyframes rippleOff {
  0% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(13, 13);
            transform: scale(13, 13);
  }
}

.my-photo{
  height: 250px;
  width: 250px;
  border-radius: 50%;
  background: #ddd;
  margin: 0 auto;
  background-position: center;
  background-size: cover;
}

.nav.nav-tabs.nav-tabs-jastip{
  letter-spacing: 2px;
  border-bottom: none;
}
.nav.nav-tabs.nav-tabs-jastip li.active a{
  border: none;
  border-bottom: 6px solid #ff861b;
  color: #ff861b;
  font-family: 'Avenir LT Std 95 Black';
  font-weight: bold;
}
.nav.nav-tabs.nav-tabs-jastip li a{
  background: #fff;
  border: none;
  border-bottom: 6px solid #fff;
  font-family: 'Avenir LT Std 45 Book';
  font-weight: bold;
  color: #9b9b9b;
  padding-left: 30px;
  padding-right: 30px;
  transition: all ease .2s;
}
.nav.nav-tabs.nav-tabs-jastip li a:hover{
  border-bottom: 6px solid #ff861b;
}

.py-10{
  padding-top: 10px;
  padding-bottom: 10px;
}
.py-15{
  padding-top: 15px;
  padding-bottom: 15px;
}
.py-20{
  padding-top: 20px;
  padding-bottom: 20px;
}
.px-10{
  padding-right: 10px;
  padding-left: 10px;
}

.ff-1{
  font-family: 'Avenir LT Std 55 Roman' !important;
}
.ff-1-h{
  font-family: 'Avenir LT Std 85 Heavy' !important;
}
.ff-1-bk{
  font-family: 'Avenir LT Std 45 Book' !important;
}
.ff-1-bl{
  font-family: 'Avenir LT Std 95 Black' !important;
}
.ff-2-sb{
  font-family: 'San Francisco Display Semibold' !important;
}

.fw-b{
  font-weight: bold;
}
.fw-n{
  font-weight: normal !important;
}

.fs-26{
  font-size: 26px !important;
}
.fs-24{
  font-size: 24px !important;
}
.fs-22{
  font-size: 22px !important;
}
.fs-20{
  font-size: 20px !important;
}
.fs-18{
  font-size: 18px !important;
}
.fs-16{
  font-size: 16px !important;
}
.fs-14{
  font-size: 14px !important;
}
.fs-15{
  font-size: 15px !important;
}
.fs-12{
  font-size: 12px !important;
}
.fs-10{
  font-size: 10px !important;
}

.border-1-g{
  border: 1px solid #aaa;
}

.border-rd-5{
  border-radius: 5px;
}

.remove_field{
  position: absolute;
  margin-left: 10px;
  margin-top: 5px;
  color:#ff2323;
  font-size: 15px;
}

.remove_current_field{
  position: absolute;
  right:-9px;
  margin-top: 5px;
  color:#ff2323;
  font-size: 15px;
}

.remove_field:hover, .remove_current_field:hover{
  color: #ff2323;
}

.create-item-button{
    padding: 70px;
    width: 311px;
    height: 381px;
    background: #fff;
    border:none;
    box-shadow: none !important;
    transition: all ease .2s;
    cursor: pointer;
    border: solid 1px #ebebeb;
}

.create-item-button:hover{
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.33) !important;
}

.create-item-button p{
  font-family: "Avenir LT Std 85 Heavy";
  font-size:15px;
  color:#1b3a5d;
}

.create-item-button i{
  font-size: 60px;
  margin-bottom: 20px;
  color: #4a90e2;
}

.swal-wide{
  width:630px !important;
}
.swal-footer {
  text-align: center;
  margin-bottom:20px;
}

.image--cover {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  margin: 20px;

  object-fit: cover;
  object-position: center right;
}

#uploadImg{
  width: 150px;
  height: 150px;
  border-radius: 50%;

  object-fit: cover;
  object-position: center right;
}

#user-profile{
  margin-top:80px;
}

#user-profile-edit{
  margin-top:80px;
}

.profile-image label {
  display: block;
  max-width: 200px;
  margin: 0 auto 15px;
  text-align: center;
  word-wrap: break-word;
  color: #1a4756;
}
.profile-image .hidden,
.profile-image #uploadImg:not(.hidden) + label {
  display: none;
}
.profile-image #profileImages {
  display: none;
  margin: 0 auto;
}
.profile-image #upload {
  display: block;
  border: 0;
  margin: 0 auto;
  font-size: 15px;
  letter-spacing: 0.05em;
  cursor: pointer;
  background: #fff;
  font-family: "Avenir LT Std 85 Heavy";
  color: #ff861b;
  outline: none;
  transition: 0.3s ease-in-out;
}
.profile-image #upload:hover,
.profile-image #upload:focus {
  background: #fff;
}
.profile-image #upload:active {
  background: #fff;
  transition: 0.1s ease-in-out;
}
.profile-image img {
  display: block;
  margin: 0 auto 15px;
}

div#terms{
  margin-top:150px;
  margin-bottom:300px;
}
div#privacy{
  margin-top:150px;
  margin-bottom:300px;
}
div#faq{
  margin-top:85px;
  margin-bottom:300px;
}

.jastip-alert{
  background: #fff0e3;
  color: #303a5d;
  border: solid 1px #ff861b;
}

.jastip-alert a{
  color:#ff861b;
}

.answer-content{
  font-family: "Avenir LT Std 55 Roman";
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
}

.list{
  width: 100%;
  background: none;
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 16px;
  border-bottom: solid 1px #d2d2d2;
  font-family: "Avenir LT Std 55 Roman";
  text-align: left;
}

.active-question{
  color:#ff861b;
}

.list:last-child{
  margin-bottom: 20px;
}

.list:focus{
  outline:none;
}

.list-all{
  margin-top:25px;
}

.list-all a{
  font-family: "Avenir LT Std 55 Roman";
  font-size: 16px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #ff861b;
}


#exTab3 .nav-pills > li > a {
  border-radius: 4px 4px 0 0 ;
  font-family: "Avenir LT Std 85 Heavy";
  margin-top:65px;
  width: 98%;
  border-radius: 3px;
  color:#ff861b;
  border: solid 1px #dbdbdb;
  background-color: #ffffff;
}

#exTab3 .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover{
  color:#ffffff;
  border: solid 1px #ff861b;
  background-color: #ff861b;
}

#exTab3 .tab-content {

  padding : 5px 15px;
}
.center-pills {
  display: flex;
  justify-content: center;
}
.headline:first-child { margin-top: 0 !important; margin-left: 0 !important; }
.headline{
  margin-top:74px;
  font-family: "Avenir LT Std 85 Heavy";  
  font-size: 30px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #0a213f;
}
.headline-secondary{
  margin-top:74px;
  font-family: "Avenir LT Std 55 Roman";  
  font-size: 30px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #0a213f;
}
.text{
  margin-top:30px;  
  padding-left: 30px !important;
}
.content-text{
  margin-top:20px;
  font-size: 16px;
  font-family: "Avenir LT Std 55 Roman";
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.44;
  letter-spacing: normal;
  color: #0a213f;
}
.margin-reset {
  margin: 0!important;
}
.about-text{

  font-size: 16px;
  font-family: "Avenir LT Std 55 Roman";
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.44;
  letter-spacing: normal;
  color: #0a213f;
}

.accordion {
  width: 100%;
  max-width: 360px;
  margin: 30px auto 20px;
  background: #FFF;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.accordion .link {
  cursor: pointer;
  display: block;
  padding: 15px 15px 15px 42px;
  color: #4D4D4D;
  font-size: 14px;
  font-weight: 700;
  border-bottom: 1px solid #CCC;
  position: relative;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.accordion li:last-child .link { border-bottom: 0; }

.accordion li i {
  position: absolute;
  top: 16px;
  left: 12px;
  font-size: 18px;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.accordion li i.fa-chevron-down {
  right: 12px;
  left: auto;
  font-size: 16px;
}

.accordion li.open i.fa-chevron-down {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}


/**
 * Submenu
 -----------------------------*/


.submenu {
  display: none;
  font-size: 14px;
}

.submenu a:first-child{
  margin-top:20px;
}

.submenu a {
  display: block;
  text-decoration: none;
  color: #1b3a5d;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.submenu a:hover {
  color: #1b3a5d;
}

.loader{
  width: 65px;
  height: 20px;
  margin: 0 auto;
  margin-top:100px;
  display: none;
}

.dot {
  width: 10px;
  height: 10px;
  border: 2px solid #ff861b;
  border-radius: 50%;
  float: left;
  margin: 0 5px;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-animation: fx 1000ms ease infinite 0ms;
          animation: fx 1000ms ease infinite 0ms;
}
.dot:nth-child(2) {
  -webkit-animation: fx 1000ms ease infinite 300ms;
          animation: fx 1000ms ease infinite 300ms;
}
.dot:nth-child(3) {
  -webkit-animation: fx 1000ms ease infinite 600ms;
          animation: fx 1000ms ease infinite 600ms;
}

@-webkit-keyframes fx {
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fx {
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.search-result{
  position: absolute;
  top: 80px;
  background: #fff;
  width: 400px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 5px rgba(0,0,0,.075);
}

.search-result li a{
  color: #1b3a5d;
}

.search-result li{
  list-style: none;
  border-bottom: solid 1px #dbdbdb;
  padding-left: 20px;
  padding-right: 20px;
}

.search-result li .search-item-desc{
  font-size:12px;
  font-family: "Avenir LT Std 55 Roman";
}

.search-result li .search-item-price{
  font-size:12px;
  font-family: "Avenir LT Std 85 Heavy";
  color: #ff861b;
}

.link-preview{
  background: #f7f7f7;
    padding: 20px;
    border-radius: 15px;
    margin-bottom: 20px;
}

#loading-url{
  position: absolute;
  right: 18px;
  top: 32px;
  width: 40px;
  display: none;
}
.articleListTraveler{
padding:0;
}
/*--- Responsive Code ---*/

@media screen and (max-width: 1440px) {

}

@media screen and (max-width: 1024px) {
  .navbar-collapse.collapse {
    display: none !important;
  }
  .navbar-collapse.collapse.in {
    display: block !important;
  }
  .navbar-header .collapse, .navbar-toggle {
    display:block !important;
  }
  .navbar-header {
    float: none;
  }
  .item-feature:first-child{
    margin-bottom: 10px;
  }

  .item-feature > div > .image{
    height: 80px;
    width: 80px;
  }
  .item-feature > .label-feature{
    letter-spacing: 8px;
    font-size: 18px;
    /* font-family: "San Francisco Display Thin"; */
  }

  .slick-dots li button {
    width: 10px !important;
    height: 15px !important;
    border-radius: 50%;
    border: solid 1px #ff861b;
    background-color: #ffffff;
    text-indent: -9999px;
  }

  .headline,
  .headline-secondary{
    margin-top: 30px;
    font-size: 18px;
  }
  .content-text{
    font-size: 14px;
  }
  ul.text{
    padding-left: 10px !important;
  }
  .item-review .image{
    width: 100%;
  }

  .standart-select .select2.select2-container .select2-selection .select2-selection__rendered{
    color: #333;
    line-height: 32px;
    padding-left: 11px;
    font-family: "Avenir LT Std 55 Roman";
  }
  
  .select2-selection__arrow b{
    display:none !important;
  }
  

  #trending, #pre-order{
    padding-top: 10px !important;
  }
  #my-request-2{
    padding: 0 !important;
    margin: 0;
  }
  ul.step-request li a{
    padding: 10px;
  }

  .box-request{
    box-shadow: none;
  }
  .item-conf-desc h4{
    font-size: 14px;
  }
  .item-conf-desc p{
    font-size: 12px;
  }
  .item-conf-desc-2{
    font-size: 12px;
  }

  .my-photo{
    height: 100px;
    width: 100px;
  }

  .page-heading-secondary{
    font-size: 18px;
  }
  .box-data .status p {

    font-size: 10px;
  }

  div#my-request{
    padding:0;
    margin-top:20px;
  }

  .main-hr{
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 2px solid #ff861b;
  }

  .twj-photo-card {
    width: 85px;
    height: 85px;
    border: solid 1px #979797;
    background-color: #d8d8d8;
  }

  .product-name{
    font-size:20px;
  }

  p.product-price{

    font-size:16px;

  }

  .deliver-to .label, .deliver-to .deliver-value, .box-data .status-detail-travel span, .box-data .status-detail-travel p, .box-data .status .secondary-status{
    font-size:11px;
  }

  .title-box-data, .date-box-data,.sub-heading-secondary, .primary-button, .offer-deliver-to, .offer-deliver-date-label, .offer-deliver-date{
    font-size:12px;
  }
  .offer-deliver-date{
    padding-left:135px;
  }
  .offer-deliver-date-label{
    top: 93px;
    left: 60px;
  }

  .select2-container--default .select2-selection--single .select2-selection__arrow{
    top:3px;
  }

  .offer-deliver-to .select2.select2-container .select2-selection .select2-selection__arrow{
    padding: 8px 6px 6px 15px;
  }

  .standart-select .select2.select2-container .select2-selection .select2-selection__arrow{
    width: 40px;
  }

  

  .twj-menu-button{
    font-size: 15px;
  }

  div#banner {
    padding: 0;
  }

  h2.banner-heading {
    font-size: 23px;
  }
  
  p.banner-sub-heading {
    margin-top: 22px;
    font-size: 18px;
  }

  .button-page .main-button, #banner .jumbotron .main-button {
    width: 100%;
    font-size: 16px;
  }

  div#banner {
    min-height: 500px;
  }
  #banner .jumbotron {
    padding-top: 150px;
  }
  h1.feature-heading {
    letter-spacing: 5px;
    font-weight: bold;

  }

  div.item-feature {
    /* width: 320px; */
    height: 72px;
    border-radius: 102px;
    background-color: #fbfbfb;
    border-radius: 100px;
  }

  .feature-name{
    font-size: 12px;
    font-family: "San Francisco Display Medium";
  }

  div.feature-icon {
    width: 46px;
    height: 46px;
  }
  div.item-feature {
    padding: 0 22px;
    margin: 0 0 25px 0;
    border-radius: 100px;
  }

  .feature-name {
    margin-top: 10px;
  }
  .item-feature:first-child{
    margin-bottom: 10px;
  }
  .item-feature{
    background: #fff;
    border-radius: 100px;
  }
  .item-feature > div > .image{
    height: 40px;
    width: 40px;
  }
  .item-feature > .label-feature{
    letter-spacing: 3.5px;
    font-size: 12px;
    /* font-family: "San Francisco Display Thin"; */
  }

  .secondary-button {
    padding: 10px 20px 10px 20px;
  }

  .secondary-button:hover{
    padding: 10px 20px 10px 20px;
  }

  .page-heading {
    letter-spacing: 5px;
    /* margin: 0 auto; */
    text-align: center;
    font-size: 25px;
  }

  #product-review .riview-wrapper{
    padding: 0 !important;
  }

  .media-body-mobile {
    display: inline;
  }

  .item-review {
    margin-top: 50px;
  }

  .btn-lang-wrapper{
    margin: 35px auto;
    width: 90%;
  }

  .slick-prev,
.slick-next {
    font-size: 0;
    position: absolute;
    bottom: 20px;
    color: #d5122f;
    border: 0;
    background: none;
    z-index: 1;
}

.slick-prev {
    left: 20px;
}

.slick-prev:after {
	  content: "\f104";
    font: 40px/1 'FontAwesome';
}

.slick-next {
    right: 20px;
    text-align: right;
}

.slick-next:after {
	   content: "\f105";
     font: 40px/1 'FontAwesome';
}

.slick-prev:hover:after,
.slick-next:hover:after {
    color: #7e7e7e;
}
  .slick-slide img {
    display: inline !important;
  }

  .slick-dots {
    max-width: 50%;
    list-style-type: none;
    margin: 10px auto;
    display: flex !important;
    justify-content: center;
    padding: 0 !important;
  }

  .slick-dots li {
    display: inline-block;
    margin: 0 3px;
  }
  .slick-dots li button {
    width: 10px !important;
    height: 15px !important;
    border-radius: 50%;
    border: solid 1px #ff861b;
    background-color: #ffffff;
    text-indent: -9999px;
  }

  

  li.slick-active button {
    background: #ff861b;
  }

}

.button-refresh{
  float: left;
  width: 100%;
  height: 40px;
  margin-top: 6px;
  background: #ff861b;
  font-family: "Avenir LT Std 85 Heavy";
  color: white;
  border: none;
  border-left: none;
  cursor: pointer;
}

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

.msg-item{
  background: #fff;
  transition: all ease .2s;
}

.msg-item:hover{
  background: #f6f6f6;
}
.msg-notif{
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #f1770c;
  color: #fff;
  font-size: 14px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .dz-message{
    width:100%;
  }
  .navbar-collapse.collapse {
    display: none !important;
  }
  .navbar-collapse.collapse.in {
    display: block !important;
  }
  .navbar-header .collapse, .navbar-toggle {
    display:block !important;
  }
  .navbar-header {
    float: none;
  }
  .add-request > div {
    display: inline-block;
    vertical-align: middle;
    /* float: none; */
    margin: 25% auto;
}
.slick-dots li button {
  width: 10px !important;
  height: 15px !important;
  border-radius: 50%;
  border: solid 1px #ff861b;
  background-color: #ffffff;
  text-indent: -9999px;
}
  .item-feature:first-child{
    margin-bottom: 10px;
  }

  .item-feature > div > .image{
    height: 80px;
    width: 80px;
  }
  .item-feature > .label-feature{
    letter-spacing: 8px;
    font-size: 18px;
    /* font-family: "San Francisco Display Thin"; */
  }

  .slick-dots li button {
    width: 10px !important;
    height: 15px !important;
    border-radius: 50%;
    border: solid 1px #ff861b;
    background-color: #ffffff;
    text-indent: -9999px;
  }

  .headline,
  .headline-secondary{
    margin-top: 30px;
    font-size: 18px;
  }
  .content-text{
    font-size: 14px;
  }
  ul.text{
    padding-left: 10px !important;
  }
  .item-review .image{
    width: 100%;
  }

  .standart-select .select2.select2-container .select2-selection .select2-selection__rendered{
    color: #333;
    line-height: 32px;
    padding-left: 11px;
    font-family: "Avenir LT Std 55 Roman";
  }
  
  .select2-selection__arrow b{
    display:none !important;
  }
  

  #trending, #pre-order{
    padding-top: 10px !important;
  }
  #my-request-2{
    padding: 0 !important;
    margin: 0;
  }
  ul.step-request li a{
    padding: 10px;
  }

  .box-request{
    box-shadow: none;
  }
  .item-conf-desc h4{
    font-size: 14px;
  }
  .item-conf-desc p{
    font-size: 12px;
  }
  .item-conf-desc-2{
    font-size: 12px;
  }

  .my-photo{
    height: 100px;
    width: 100px;
  }

  .page-heading-secondary{
    font-size: 18px;
  }
  .box-data .status p {

    font-size: 10px;
  }

  div#my-request{
    padding:0;
    margin-top:20px;
  }

  .main-hr{
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 2px solid #ff861b;
  }

  .twj-photo-card {
    width: 85px;
    height: 85px;
    border: solid 1px #979797;
    background-color: #d8d8d8;
  }

  .product-name{
    font-size:20px;
  }

  p.product-price{

    font-size:16px;

  }

  .deliver-to .label, .deliver-to .deliver-value, .box-data .status-detail-travel span, .box-data .status-detail-travel p, .box-data .status .secondary-status{
    font-size:11px;
  }

  .title-box-data, .date-box-data,.sub-heading-secondary, .primary-button, .offer-deliver-to, .offer-deliver-date-label, .offer-deliver-date{
    font-size:12px;
  }
  .offer-deliver-date{
    padding-left:135px;
  }
  .offer-deliver-date-label{
    top: 93px;
    left: 60px;
  }

  .select2-container--default .select2-selection--single .select2-selection__arrow{
    top:3px;
  }

  .offer-deliver-to .select2.select2-container .select2-selection .select2-selection__arrow{
    padding: 8px 6px 6px 15px;
  }

  .standart-select .select2.select2-container .select2-selection .select2-selection__arrow{
    width: 40px;
  }

  

  .twj-menu-button{
    font-size: 15px;
  }

  div#banner {
    padding: 0;
  }

  h2.banner-heading {
    font-size: 23px;
  }
  
  p.banner-sub-heading {
    margin-top: 22px;
    font-size: 18px;
  }

  .button-page .main-button, #banner .jumbotron .main-button {
    width: 100%;
    font-size: 16px;
  }

  div#banner {
    min-height: 500px;
  }
  #banner .jumbotron {
    padding-top: 150px;
  }
  h1.feature-heading {
    letter-spacing: 5px;
    font-weight: bold;

  }

  div.item-feature {
    /* width: 320px; */
    height: 72px;
    border-radius: 102px;
    background-color: #fbfbfb;
    border-radius: 100px;
  }

  .feature-name{
    font-size: 12px;
    font-family: "San Francisco Display Medium";
  }

  div.feature-icon {
    width: 46px;
    height: 46px;
  }
  div.item-feature {
    padding: 0 22px;
    margin: 0 0 25px 0;
    border-radius: 100px;
  }

  .feature-name {
    margin-top: 10px;
  }
  .item-feature:first-child{
    margin-bottom: 10px;
  }
  .item-feature{
    background: #fff;
    border-radius: 100px;
  }
  .item-feature > div > .image{
    height: 40px;
    width: 40px;
  }
  .item-feature > .label-feature{
    letter-spacing: 3.5px;
    font-size: 12px;
    /* font-family: "San Francisco Display Thin"; */
  }

  .secondary-button {
    padding: 10px 20px 10px 20px;
  }

  .secondary-button:hover{
    padding: 10px 20px 10px 20px;
  }

  .page-heading {
    letter-spacing: 5px;
    /* margin: 0 auto; */
    text-align: center;
    font-size: 25px;
  }

  #product-review .riview-wrapper{
    padding: 0 !important;
  }

  .media-body-mobile {
    display: inline;
  }

  .item-review {
    margin-top: 50px;
  }

  .btn-lang-wrapper{
    margin: 35px auto;
    width: 90%;
  }

  .slick-slide img {
    display: inline !important;
  }

  .slicker .slick-prev, .slicker .slick-next {
    display: none !important;
  }

  .slick-dots {
    max-width: 50%;
    list-style-type: none;
    margin: 10px auto;
    display: flex;
    justify-content: center;
    padding: 0 !important;
  }

  .slick-dots li {
    display: inline-block;
    margin: 0 3px;
  }
  .slick-dots li button {
    width: 10px !important;
    height: 15px !important;
    border-radius: 50%;
    border: solid 1px #ff861b;
    background-color: #ffffff;
    text-indent: -9999px;
  }

  

  li.slick-active button {
    background: #ff861b;
  }

}

.button-refresh{
  float: left;
  width: 100%;
  height: 40px;
  margin-top: 6px;
  background: #ff861b;
  font-family: "Avenir LT Std 85 Heavy";
  color: white;
  border: none;
  border-left: none;
  cursor: pointer;
}

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

.msg-item{
  background: #fff;
  transition: all ease .2s;
}

.msg-item:hover{
  background: #f6f6f6;
}
.msg-notif{
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #f1770c;
  color: #fff;
  font-size: 14px;
  text-align: center;
}


@media screen and (max-width: 425px) {
  .headline,
  .headline-secondary{
    margin-top: 30px;
    font-size: 18px;
  }
  .content-text{
    font-size: 14px;
  }
  ul.text{
    padding-left: 10px !important;
  }
  .item-review .image{
    width: 100%;
  }

  .standart-select .select2.select2-container .select2-selection .select2-selection__rendered{
    color: #333;
    line-height: 32px;
    padding-left: 11px;
    font-family: "Avenir LT Std 55 Roman";
  }
  
  .select2-selection__arrow b{
    display:none !important;
  }
  

  #trending, #pre-order{
    padding-top: 10px !important;
  }
  #my-request-2{
    padding: 0 !important;
    margin: 0;
  }
  ul.step-request li a{
    padding: 10px;
  }

  .box-request{
    box-shadow: none;
  }
  .item-conf-desc h4{
    font-size: 14px;
  }
  .item-conf-desc p{
    font-size: 12px;
  }
  .item-conf-desc-2{
    font-size: 12px;
  }

  .my-photo{
    height: 100px;
    width: 100px;
  }

  .page-heading-secondary{
    font-size: 18px;
  }
  .box-data .status p {

    font-size: 10px;
  }

  div#my-request{
    padding:0;
    margin-top:20px;
  }

  .main-hr{
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 2px solid #ff861b;
  }

  .twj-photo-card {
    width: 85px;
    height: 85px;
    border: solid 1px #979797;
    background-color: #d8d8d8;
  }

  .product-name{
    font-size:20px;
  }

  p.product-price{

    font-size:16px;

  }

  .deliver-to .label, .deliver-to .deliver-value, .box-data .status-detail-travel span, .box-data .status-detail-travel p, .box-data .status .secondary-status{
    font-size:11px;
  }

  .title-box-data, .date-box-data,.sub-heading-secondary, .primary-button, .offer-deliver-to, .offer-deliver-date-label, .offer-deliver-date{
    font-size:12px;
  }
  .offer-deliver-date{
    padding-left:135px;
  }
  .offer-deliver-date-label{
    top: 93px;
    left: 60px;
  }

  .select2-container--default .select2-selection--single .select2-selection__arrow{
    top:3px;
  }

  .offer-deliver-to .select2.select2-container .select2-selection .select2-selection__arrow{
    padding: 8px 6px 6px 15px;
  }

  .standart-select .select2.select2-container .select2-selection .select2-selection__arrow{
    width: 40px;
  }

  

  .twj-menu-button{
    font-size: 15px;
  }

  div#banner {
    padding: 0;
  }

  h2.banner-heading {
    font-size: 23px;
  }
  
  p.banner-sub-heading {
    margin-top: 22px;
    font-size: 18px;
  }

  .button-page .main-button, #banner .jumbotron .main-button {
    width: 100%;
    font-size: 16px;
  }

  div#banner {
    min-height: 500px;
  }
  #banner .jumbotron {
    padding-top: 150px;
  }
  h1.feature-heading {
    letter-spacing: 5px;
    font-weight: bold;

  }

  div.item-feature {
    /* width: 320px; */
    height: 72px;
    border-radius: 102px;
    background-color: #fbfbfb;
    border-radius: 100px;
  }

  .feature-name{
    font-size: 12px;
    font-family: "San Francisco Display Medium";
  }

  div.feature-icon {
    width: 46px;
    height: 46px;
  }
  div.item-feature {
    padding: 0 22px;
    margin: 0 0 25px 0;
    border-radius: 100px;
  }

  .feature-name {
    margin-top: 10px;
  }
  .item-feature:first-child{
    margin-bottom: 10px;
  }
  .item-feature{
    background: #fff;
    border-radius: 100px;
  }
  .item-feature > div > .image{
    height: 40px;
    width: 40px;
  }
  .item-feature > .label-feature{
    letter-spacing: 3.5px;
    font-size: 12px;
    /* font-family: "San Francisco Display Thin"; */
  }

  .secondary-button {
    padding: 10px 20px 10px 20px;
  }

  .secondary-button:hover{
    padding: 10px 20px 10px 20px;
  }

  .page-heading {
    letter-spacing: 5px;
    /* margin: 0 auto; */
    text-align: center;
    font-size: 25px;
  }

  #product-review .riview-wrapper{
    padding: 0 !important;
  }

  .media-body-mobile {
    display: inline;
  }

  .item-review {
    margin-top: 50px;
  }

  .btn-lang-wrapper{
    margin: 35px auto;
    width: 90%;
  }

  .slick-slide img {
    display: inline !important;
  }

  .slicker .slick-prev, .slicker .slick-next {
    display: none !important;
  }

  .slick-dots {
    max-width: 50%;
    list-style-type: none;
    margin: 10px auto;
    display: flex;
    justify-content: center;
    padding: 0 !important;
  }

  .slick-dots li {
    display: inline-block;
    margin: 0 3px;
  }
  .slick-dots li button {
    width: 10px !important;
    height: 18px !important;
    border-radius: 50%;
    border: solid 1px #ff861b;
    background-color: #ffffff;
    text-indent: -9999px;
  }

  

  li.slick-active button {
    background: #ff861b;
  }

}

.button-refresh{
  float: left;
  width: 100%;
  height: 40px;
  margin-top: 6px;
  background: #ff861b;
  font-family: "Avenir LT Std 85 Heavy";
  color: white;
  border: none;
  border-left: none;
  cursor: pointer;
}

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

.msg-item{
  background: #fff;
  transition: all ease .2s;
}

.msg-item:hover{
  background: #f6f6f6;
}
.msg-notif{
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #f1770c;
  color: #fff;
  font-size: 14px;
  text-align: center;
}

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

.watermark-item{
  position: absolute;
  z-index: 3;
  opacity: .5;
  text-transform: uppercase;
  background:rgba(255, 134, 27, 0.9);
  color: #fff;
  padding: 5px 10px;
  border-radius: 0px 0px 6px 0px;
}

.dropzone .dz-preview.dz-error .dz-error-message{
  display: none!important;
}

.dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark{
  top: 35%!important;
}

.box-shadow{
  box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.1) !important;
}

ul#accordion{
  list-style: none;
}