/*------------------------------------------------------------------
* Project:        Togoby
* Author:         Crenoveative
* URL:            http://crenoveative.com or https://themeforest.net/user/crenoveative/portfolio
* Created:        08/03/2017
-------------------------------------------------------------------*/


/**
 * Add your style here
 */
 
 
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: 'Roboto', sans-serif; !important
}
 
.bg_orange{ background-color: #f08C35; }
.orange { color : #f08C35; }

.bg_maroon { background-color: #673433; }
.maroon { color: #673433; }

.black { color: #000000; }
 
 
 .navbar.navbar-default {
    height: 75px;
}

.logo-wrapper {
    min-height: 20px;
    float: left;
    margin: 0;
    background-color: #ffffff;
    padding: 15px;
	width: 10%;
}

.transparent-header .navbar-default {
    background: #673433;
}

.horizontal-featured-icon-absolute-bottom-wrapper {
    background: #673433;
    border-top: 0px;
}

.itinerary-header h3, .how-it-work-item-wrapper h3, .form-group h2{
	font-family: 'signika';
}


.itinerary-toggle-wrapper .panel-group .panel .panel-heading .itinerary-day {
	padding-top:18px; 
}

.blink_me {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

.counting-item p.number, .icon{
	color: #ffffff; !important
}


.pt-150{
	padding-top: 150px;
}

.pb-150{
	padding-bottom: 150px;
}

.fearured-join-item p{
	font-size: 20px;
}

#back-to-top{
	right: 30px;
}

ul.list-yes-no li.no {
  color: #555;
}

ul.list-yes-no li.no:before {
  color: #f71b4c;
}

ul.list-yes-no li:before {
  font-weight: bold;
}

.modal-scrollable {
  z-index: 999999 !important;
}

.modal-open.page-overflow .container-wrapper .navbar-fixed-top{
  overflow-y: inherit;
}

.modal-notes {
  font-size: 13.5px;
}

.blue {
  color: #f90;
}

/*-- Richard code --*/

.red{
    color: #cc2727;
}

.promo {
    position: relative;
    display: -webkit-box;
    right: -30%;
    font-size: 20px;
    color: #808080;
    top: 7px;
    text-decoration: line-through;
}

@media only screen and (min-width: 360px) and (max-width: 991px){
    .logo-wrapper {
        width: 25% !important;
    }
    
    .counting-item p.number {
        font-size: 20px;
        font-weight: 700;
        line-height: 1;
        margin: 5px 0 3px;

    }
    
    .horizontal-featured-icon-sm .content {
         margin-left: 0px; 
        line-height: 1.25;
        color: #999;
        font-size: 14px;
        font-weight: 600;
        letter-spacing: 1px;
    }
    
    .fearured-join-item p {
        font-size: 16px;
    }
    
    .itinerary-toggle-wrapper .panel-group .panel .panel-heading {
         min-height: 0px !important; 
    }
    
    .panel-title a {
        color: #333;
        padding: 0 0 10px;
        position: relative;
    }
    
    h3.font-lg {
        font-size: 17px;
    }
    
    .mobile-content-panel {
        padding: 0px 10px;
    }
    
    .itinerary-toggle-wrapper .panel-group .panel .panel-collapse .panel-body {
        padding: 30px 15px;
    }
    
    p.font-lg {
        font-size: 16px;
        line-height: 26px;
    }
}