@font-face {font-family: 'Raleway-Bold';src: url('../fonts/Raleway-Bold.eot');src: url('../fonts/Raleway-Bold.svg');src: url('../fonts/Raleway-Bold.ttf');src: url('../fonts/Raleway-Bold.woff');}
@font-face { font-family: 'Raleway-Italic';src: url('../fonts/Raleway-Italic.svg');src: url('../fonts/Raleway-Italic.ttf');src: url('../fonts/Raleway-Italic.woff');}
@font-face { font-family: 'Raleway-Medium';src: url('../fonts/Raleway-Medium.eot');src: url('../fonts/Raleway-Medium.svg');src: url('../fonts/Raleway-Medium.ttf');src: url('../fonts/Raleway-Medium.woff');}
@font-face { font-family: 'Raleway-Regular';src: url('../fonts/Raleway-Regular.eot');src: url('../fonts/Raleway-Regular.svg');src: url('../fonts/Raleway-Regular.ttf');src: url('../fonts/Raleway-Regular.woff');}
@font-face {
    font-family: 'Raleway-SemiBold';src: url('../fonts/Raleway-SemiBold.eot');
    src: url('../fonts/Raleway-SemiBold.svg');
    src: url('../fonts/Raleway-SemiBold.ttf');
    src: url('../fonts/Raleway-SemiBold.woff');
}

.abcbg91{background:url('../images/abcbg91.jpg') no-repeat center center;background-size: cover;border:none;}
.abcbg92{background:url('../images/abcbg92.jpg') no-repeat center center;background-size: cover;border:none;}
.abcbg93{background:url('../images/abcbg93.jpg') no-repeat center center;background-size: cover;border:none;}
.abcbg94{background:url('../images/abcbg94.jpg') no-repeat center center;background-size: cover;border:none;}

.accbg1{background:url('../images/01.jpg') no-repeat center center;background-size: cover;border:none;}
.accbg2{background:url('../images/02.jpg') no-repeat center center;background-size: cover;border:none;}
.accbg3{background:url('../images/03.jpg') no-repeat center center;background-size: cover;border:none;}
.accbg4{background:url('../images/04.jpg') no-repeat center center;background-size: cover;border:none;}
.accbg5{background:url('../images/05.jpg') no-repeat center center;background-size: cover;border:none;}
.accbg6{background:url('../images/06.jpg') no-repeat center center;background-size: cover;border:none;}
.accbg7{background:url('../images/07.jpg') no-repeat center center;background-size: cover;border:none;}

.abcbg1{background:url('../images/18tiger.jpg') no-repeat center center;background-size: cover;border:none;}
.abcbg2{background:url('../images/19bird.jpg') no-repeat center center;background-size: cover;border:none;}
.abcbg3{background:url('../images/20leo.jpg') no-repeat center center;background-size: cover;border:none;}

.abcbg31{background:url('../images/abcbg31.jpg') no-repeat center center;background-size: cover;border:none;}
.abcbg32{background:url('../images/abcbg32.jpg') no-repeat center center;background-size: cover;border:none;}
.abcbg33{background:url('../images/abcbg33.jpg') no-repeat center center;background-size: cover;border:none;}
.abcbg34{background:url('../images/abcbg34.jpg') no-repeat center center;background-size: cover;border:none;}

.abcbg41{background:url('../images/abcbg41.jpg') no-repeat center center;background-size: cover;border:none;}
.abcbg42{background:url('../images/abcbg42.jpg') no-repeat center center;background-size: cover;border:none;}
.abcbg43{background:url('../images/abcbg43.jpg') no-repeat center center;background-size: cover;border:none;}
.abcbg44{background:url('../images/abcbg44.jpg') no-repeat center center;background-size: cover;border:none;}

.abcbg51{background:url('../images/abcbg51.jpg') no-repeat center center;background-size: cover;border:none;}
.abcbg52{background:url('../images/abcbg52.jpg') no-repeat center center;background-size: cover;border:none;}
.abcbg53{background:url('../images/abcbg53.jpg') no-repeat center center;background-size: cover;border:none;}
.abcbg54{background:url('../images/abcbg54.jpg') no-repeat center center;background-size: cover;border:none;}
.abcbg55{background:url('../images/abcbg55.jpg') no-repeat center center;background-size: cover;border:none;}

.abcbg61{background:url('../images/abcbg61.jpg') no-repeat center center;background-size: cover;border:none;}
.abcbg62{background:url('../images/abcbg62.jpg') no-repeat center center;background-size: cover;border:none;}
.abcbg63{background:url('../images/abcbg63.jpg') no-repeat center center;background-size: cover;border:none;}
.abcbg64{background:url('../images/abcbg64.jpg') no-repeat center center;background-size: cover;border:none;}

/*.abcbg71{background:url('../images/abcbg71.PNG') no-repeat center center;background-size: cover;border:none;}
.abcbg72{background:url('../images/abcbg72.PNG') no-repeat center center;background-size: cover;border:none;}
.abcbg73{background:url('../images/abcbg73.PNG') no-repeat center center;background-size: cover;border:none;}*/

.abcbg71{background:url('../images/abcbg71.jpg') no-repeat center center;background-size: cover;border:none;}
.abcbg72{background:url('../images/abcbg72.jpg') no-repeat center center;background-size: cover;border:none;}
.abcbg73{background:url('../images/abcbg73.jpg') no-repeat center center;background-size: cover;border:none;}

.abcbg81{background:url('../images/abcbg81.jpg') no-repeat center center;background-size: cover;border:none;}
.abcbg82{background:url('../images/abcbg82.jpg') no-repeat center center;background-size: cover;border:none;}
.abcbg83{background:url('../images/abcbg83.jpg') no-repeat center center;background-size: cover;border:none;}

body {
    width: 100
    height: 100%;
    font-family: Lora,"Raleway-Regular",Helvetica,Arial,sans-serif;
    color: #fff;
    background-color: #FFF;
}

html {
    width: 100%;
    height: 100%;
}
.navbar-custom {
    margin-bottom: 0;
    border-bottom: 1px solid rgba(255,255,255,.3);
    text-transform: uppercase;
    font-family: Montserrat,"Raleway-Regular",Helvetica,Arial,sans-serif;
    background-color: #FFFFFF;
}

.navbar-custom .navbar-brand {
    font-weight: 700;
}

.navbar-custom .navbar-brand:focus {
    outline: 0;
}

.navbar-custom .navbar-brand .navbar-toggle {
    padding: 4px 6px;
    font-size: 16px;
    color: #fff;
}

.navbar-custom .navbar-brand .navbar-toggle:focus,
.navbar-custom .navbar-brand .navbar-toggle:active {
    outline: 0;
}

.navbar-custom a {
    color: #000000;
    text-transform:uppercase;
    font-family:'Raleway-Medium';
    font-size:12px;
}
.navbar-nav li:last-child{margin-right:10px}
.navbar-custom .nav li a {
    -webkit-transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
}

.navbar-custom .nav li a:hover {
    outline: 0;
    color: rgba(255,255,255,.8);
    background-color: transparent;
}

.navbar-custom .nav li a:focus,
.navbar-custom .nav li a:active {
    outline: 0;
    background-color: transparent;
}

.navbar-custom .nav li.active {
    outline: 0;
}

.navbar-custom .nav li.active a {
    background-color: rgba(255,255,255,.3);
}

.navbar-custom .nav li.active a:hover {
    color: #fff;
}

@media(min-width:768px) {
    .navbar-custom {
        padding: 20px 0;
        border-bottom: 0;
        letter-spacing: 1px;
        background: 0 0;
        -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
        -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
        transition: background .5s ease-in-out,padding .5s ease-in-out;
    }

    .navbar-custom.top-nav-collapse {
        padding: 0;
        border-bottom: 1px solid rgba(255,255,255,.3);
        background: #FFFFFF;
    }
}


.intro .intro-body {
    display: table-cell;
    vertical-align: middle;
}

.intro .intro-body .brand-heading {
    font-size: 40px;
}

.intro .intro-body .intro-text {
    font-size: 18px;
}

@media(min-width:768px) {
    .intro {
        height: 100%;
        padding: 0;
    }

    .intro .intro-body .brand-heading {
        font-size: 100px;
    }

    .intro .intro-body .intro-text {
        font-size: 26px;
    }
}

.btn-circle {
    width: 70px;
    height: 70px;
    margin-top: 15px;
    padding: 7px 16px;
    border: 2px solid #fff;
    border-radius: 100%!important;
    font-size: 40px;
    color: #fff;
    background: 0 0;
    -webkit-transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
}

.btn-circle:hover,
.btn-circle:focus {
    outline: 0;
    color: #fff;
    background: rgba(255,255,255,.1);
}

.btn-circle i.animated {
    -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 1s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 1s;
}

.btn-circle:hover i.animated {
    -webkit-animation-name: pulse;
    -moz-animation-name: pulse;
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
}

@-webkit-keyframes pulse {    
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-moz-keyframes pulse {    
    0% {
        -moz-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -moz-transform: scale(1.2);
        transform: scale(1.2);
    }

    100% {
        -moz-transform: scale(1);
        transform: scale(1);
    }
}

.content-section {
    padding-top: 100px;
}

/*.download-section {
    width: 100%;
    padding: 50px 0;
    color: #fff;
    background: url(../img/downloads-bg.jpg) no-repeat center center scroll;
    background-color: #000;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
} 

#map {
    width: 100%;
    height: 200px;
    margin-top: 100px;
} */

@media(min-width:767px) {
    .content-section {
        padding-top: 250px;
    }

    .download-section {
        padding: 100px 0;
    }

    #map {
        height: 400px;
        margin-top: 250px;
    }
}

.btn {
    border-radius: 0;
    text-transform: uppercase;
    font-family: Montserrat,"Raleway-Regular",Helvetica,Arial,sans-serif;
    font-weight: 400;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.btn-default {
    border: 1px solid #42dca3;
    color: #42dca3;
    background-color: transparent;
}

.btn-default:hover,
.btn-default:focus {
    border: 1px solid #42dca3;
    outline: 0;
    color: #000;
    background-color: #42dca3;
}

ul.banner-social-buttons {
    margin-top: 0;
}

.navbar-custom .nav li.active a , .navbar-custom  a{color:#000;}
.navbar-custom .nav li a:hover , .navbar-custom  a:hover {
   color:#000000;
}


.active , .navbar-custom .nav li.active a {background-color:#000000;color:#FFFFFF;}

@media(max-width:1199px) {
    ul.banner-social-buttons {
        margin-top: 15px;
    }
}

@media(max-width:767px) {
    ul.banner-social-buttons li {
        display: block;
        margin-bottom: 20px;
        padding: 0;
    }

    ul.banner-social-buttons li:last-child {
        margin-bottom: 0;
    }
}

footer {
    padding: 50px 0;
}

footer p {
    margin: 0;
}

::-moz-selection {
    text-shadow: none;
    background: #fcfcfc;
    background: rgba(255,255,255,.2);
}

::selection {
    text-shadow: none;
    background: #fcfcfc;
    background: rgba(255,255,255,.2);
}

img::selection {
    background: 0 0;
}

img::-moz-selection {
    background: 0 0;
}

body {
    webkit-tap-highlight-color: rgba(255,255,255,.2);
}
.carousel-inner > .item > img {width:100%;}
.navbar-brand { padding:0 15px;}

/* NAV*/
@media screen and (min-width:768px) and (max-width:900px)
{
	.navbar-custom a {font-size: 11px;}
}
@media screen and (width:800px)
{
	.navbar-nav > li > a {
        padding-top: 15px;
        padding-bottom: 15px;
        padding-right: 9px;
        padding-left: 9px;
    }
}
@media screen and (width:768px)
{
	.navbar-nav > li > a {
        padding-top: 15px;
        padding-bottom: 15px;
        padding-right: 7px;
        padding-left: 7px;
    }
}
.carousel-caption{left:45%; right:9%; top:35%;}
.b-title{ font-family:'Raleway-Bold'; color:#FFFFFF; font-size: 60px; line-height:60px; text-align:left;}
.b-desc{ font-family:'Raleway-Medium'; color:#FFFFFF; font-size: 18px; line-height:28px;text-align:left;}
/* ABOUT US Section*/
#about{background:url('../images/about-us.jpg') no-repeat center center; background-size:cover;}
.about-us{padding:100px 0; min-height:800px;}
.paddingimg{padding-right:15px;}
.about-title{color:#908aae;font-family:'Raleway-Bold'; font-size:35px;}
.aboutspace {padding-left:20px; border-left: 8px solid #ee343a; text-transform:uppercase;}
.about-desc{font-family:'Raleway-Medium'; font-size:14px; padding:20px 0 0 0; line-height:22px; color:#8d8c91; text-align:justify;}

@media screen and (min-width:901px) and (max-width:1199px)
{
	.col-lg-5{width:50%; margin-left:5%;}
}

@media screen and (min-width:667px) and (max-width:900px)
{
	.col-lg-5{width:60%;margin-left:2%;}
}

/* End of ABOUT US Section*/

/* why travel with us */
#why-travel-with-us{background:#ee343a;}
.travel-with-us{padding:100px 0; width:95%; margin:0 auto; min-height:1200px;}
.why-title{font-family:'Raleway-Bold'; color:#FFFFFF; font-size: 35px; line-height:50px; text-align:center; text-transform:uppercase;}
.why-desc{font-family:'Raleway-Regular';color:#FFFFFF; font-size: 14px; line-height:22px; text-align:center; padding:30px 0 60px 0;}
.why-descc{font-size: 15px;line-height:26px;}
.div-four{background:#ee343a;}
.why-img{margin:0 auto; text-align:center;padding:20px 0 0 0;}
.y-title{font-family:'Raleway-Bold'; color:#FFFFFF; font-size: 16px; line-height:22px; text-align:center;text-transform:uppercase;padding:20px 0 0 0;height: 50px;}
.why-desc1{font-family:'Raleway-Regular';color:#FFFFFF; font-size: 14px; line-height:22px; text-align:justify; padding:20px 0 20px 0;}
#why-travel-with-us .row{margin:0;}

@media screen and (min-width:768px) and (max-width:980px){
	#why-travel-with-us .col-sm-3{width:100%;}
}

/* End of why travel with us */

/* Upcoming Tour */
.upcoming-bg{background:#000000; min-height:800px;}
#upcoming-tour .col-sm-6 , #upcoming-tour .col-sm-6 img{min-height:400px;max-height:400px;}
/* End of Upcoming Tour */
/* How it Started Section*/
#how-it-started{background:url('../images/how-it-started.jpg') no-repeat center center; background-size:cover;}
.how-it-started{padding:100px 0; min-height:620px;}
.padding-50{padding-top:50px;}
.upcoming-desc{font-size:14px; font-family:'Raleway-Medium';color:#FFF; padding:50px 0 30px 0; text-align:justify;}
.enquire{text-transform:uppercase;font-size:16px; font-family:'Raleway-Bold';color:#FFF; margin-bottom:50px;}
.enquire a{outline:none; text-decoration:none;}
.enquire:hover{color:red;}
/* End of How it Started Section*/

/* past trips */
.past-trips{padding:35px 0; width:95%; margin:0 auto;}
.past-trips-title{color:#000;font-family:'Raleway-Bold'; font-size:35px;}
#past-trips .row{margin:0;}
.row .col-sm-4{padding:0;}
.row .col-sm-4 img {width:100%;}
.gallery{min-height:662px;}
/* End of past trips */

/* Media Reports*/
#media-reports{background:url('../images/media-reports.jpg') no-repeat center center; background-size:cover;}
.media-reports{padding:100px 0; width:95%; margin:0 auto; min-height:450px;}
.media-reports-title{font-family:'Raleway-Bold'; color:#FFFFFF; font-size: 35px; line-height:50px; text-align:center; text-transform:uppercase;}
blockquote {color: #FFF; padding:0;font-size: 16px;line-height: 24px;font-family: "Raleway-Regular";background:transparent !important;border:none; margin-bottom:0;}
.fa-quote-right , .fa-quote-left{color:#FFFFFF !important;}
#myCarousel1 .carousel-inner > .item { background:transparent;}
#myCarousel1 .carousel-indicators {bottom: -40px;}
#myCarousel1 a.left.carousel-control {
    background: transparent;
    left: 0%;
    width: 5%;
    z-index: 1;
}
#myCarousel1 a.right.carousel-control {
    background: transparent;right: 0%;width: 5%;z-index: 1;
}
.testimonials{padding-top:50px;}

/* Upcoming Trips */
#upcoming-tours{}
.upcoming-tours{padding:35px 0; width:95%; margin:0 auto;}
.upcoming-tours-title{font-family:'Raleway-Bold'; color:#050505; font-size: 35px; line-height:50px; text-align:center; text-transform:uppercase;}
#upcoming-tour .row{margin:0;}
.acc{width:95%; margin:0 auto; margin-top:50px;}
.acc-border{border:1px solid #ffffff; width:40%; line-height:1px; margin-bottom:20px;}
.panel-heading{padding:0; background:transparent;}
.number{font-size:60px;float:left; font-family:'Raleway-Bold';}
.panel-default {border-color: none;}
.panel-heading a{outline: none; text-decoration:none;}

/* End of Upcoming Trips */

/* Enquire Now */
#enquire-now{background:url('../images/enquire-now.jpg') no-repeat center center; background-size:cover;}
.enquire-now{padding:100px 0; min-height:500px; width:95%; margin:0 auto;}
.alt_error{font-size:12px; color:red;}
#thankdiv{border: 1px solid green; color:green; padding:5px; font-size:12px; font-family:'Raleway-Regular'; margin:20px 0;display:none;}
.form{padding-top:50px;}
input[type=text], textarea{color:#000000 !important;background:none !important;box-shadow:none  !important;border:none  !important;border-bottom: 1px solid #999  !important;border-radius: 0px !important; margin-bottom:35px;}
textarea{resize:none; text-align:center; height:70px  !important;}
#enquire-now .col-sm-9{float:none; margin:0 auto;}
#enquire-now .col-sm-4{padding-left:0px; padding-right:30px;}
#enquire-now .lastform .col-sm-4{padding-right:0px !important; float:right !important;}
.form-submit{width:30%; margin:0 auto;}
.form-submit a{outline:none;text-decoration:none;}
a .submit{ border:1px solid red;padding: 10px 5px; text-align:center; background:red; text-transform:uppercase; color:#FFFFFF;}
a .submit:hover{background:transparent; color:red;}
/* End of Enquire Now*/
/* Contact US*/
.contactus{padding:100px 0;font-family:'Raleway-SemiBold';}
.contactus-details{font-size:14px;color:#77767c;line-height:28px;}
.fa-user, .fa-location-arrow, .fa-phone{font-size: 20px !important; line-height:28px !important; padding-right:5px;} 
#contactus .row{margin:0;}
#contactus .row{width: 95%;margin:0 auto;padding-bottom:40px;}
/* Contact US */
footer{padding:20px 10px;background:#000000;}
#copyrights{float:right;}
.copyrights{font-family:'Raleway-Regular'; color:#FFFFFF; text-align:right;}
.social{padding-right:15px;}
footer a{outline:none; text-decoration:none;}
.social-footer{min-height:25px; line-height:25px;}
.fa-instagram, .fa-facebook , .fa-twitter{color:#FFFFFF !important;font-size: 30px !important;}
.fa-instagram:hover, .fa-facebook:hover , .fa-twitter:hover{color:red !important;}
@media screen and (max-width:1024px){
	.carousel-caption{left:40%; right:10%; top:30%;}
	.b-title{font-size: 55px; line-height:60px;}
	.b-desc{font-size: 18px; line-height:28px;}
	#upcoming-tour .col-sm-6 {min-height:400px;max-height:auto;}
	#upcoming-tour .col-sm-6 img{min-height:400px;max-height:auto; width:100%;}
	#upcoming-tour .col-sm-6 .aboutspace{font-size:28px;}
}

@media screen and (max-width:980px){
	.carousel-caption{left:40%; right:10%; top:30%;}
	.b-title{font-size: 50px; line-height:55px;}
	.b-desc{font-size: 16px; line-height:20px;}
	#enquire-now .col-sm-9{width:100%;}
}

@media screen and (max-width:800px)
{
	.carousel-caption{left:40%; right:10%; top:30%;}
	.b-title{font-size: 45px; line-height:50px;}
	.b-desc{font-size: 15px; line-height:18px;}
}

@media screen and (max-width:768px)
{
	.carousel-caption{left:40%; right:10%; top:30%;}
	.b-title{font-size: 38px; line-height:42px;}
	.b-desc{font-size: 14px; line-height:16px;}
	#upcoming-tour .col-sm-6 .aboutspace{font-size:24px;}
}

@media only screen and (max-width:736px)
{
	#myCarousel.carousel{padding-top:51px;}
	
	.carousel-caption { top:18%; left:34%; right:10%;}
	.b-title{font-size: 45px; line-height:50px;}
	.b-desc{font-size: 14px; line-height:18px;}
	#enquire-now .lastform .col-sm-4 , #enquire-now .col-sm-4 {padding-right:0px !important; float:none !important;}
	textarea{text-align:left !important;}
	footer .col-sm-6{text-align:center !important;}
	#copyrights{padding:20px 0; width:100%;}
	.copyrights{text-align:center !important;}
	.upcoming-bg{min-height:1650px;}
	#upcoming-tour .col-sm-6 {min-height:400px;max-height:auto; width:100%;}
	#contactus .col-sm-3, #contactus .col-sm-6{line-height:28px;}
}

@media screen and (max-width:667px)
{
	.carousel-caption{left:40%; right:10%; top:15%;}
	.b-title{font-size: 35px; line-height:40px;}
	.b-desc{font-size: 14px; line-height:18px;}
}

@media screen and (max-width:480px)
{
	.carousel-caption{left:35%; right:10%; top:10%;}
	.b-title{font-size: 26px; line-height:28px;}
	.b-desc{font-size: 14px; line-height:15px;}
	.about-title , .why-title, .past-trips-title , .upcoming-tours-title{font-size:30px;}
	.paddingimg{max-height:30px;}
	.form-submit{width:40%;}
}

@media screen and (max-width:414px)
{
	.carousel-caption{left:35%; right:10%; top:-2%;}
	.b-title{font-size: 25px; line-height:35px;}
	.b-desc{font-size: 13px; line-height:18px;}
	.about-title , .why-title, .past-trips-title , .upcoming-tours-title{font-size:23px !important;}
	.paddingimg{max-height:23px;}
	
}

@media screen and (max-width:384px)
{
	.carousel-caption{left:20%; right:20%; top:-4%;}
	.b-title{font-size: 22px; line-height:28px;}
	.b-desc{font-size: 12px; line-height:15px;}
}
@media screen and (max-width:320px)
{
	.carousel-caption{left:20%; right:20%; top:-12%;}
	.b-title{font-size: 22px; line-height:28px;}
	.b-desc{font-size: 12px; line-height:15px;}
	.upcoming-bg {min-height: 1400px;}
	#upcoming-tour .col-sm-6 , #upcoming-tour .col-sm-6  img{min-height: 350px;width: 100%;}
}


.accordion_box2 {
    width: 210px;
    float: left;
}
.blogAccordion {
    position: relative;
    height: 160px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: height 350ms ease-in-out 0s;
}

.blogAccordion.accordionClosed .leftBorder {
    border-left: 2px solid #FFF;
    transition: border-left-color 800ms ease 0.3s, opacity 800ms ease 0s;
}
.blogAccordion .leftBorder {
    border-left: 2px solid transparent;
    opacity: 0.65;
    height: 58px;
    margin: 51px 0px;
    padding-left: 21px;
    padding-top: 8px;
    position: relative;
    left: 0px;
    transition: border-left-color 200ms linear 0s;
}
.blogAccordion.accordionClosed .leftBorder .monthYear, .blogAccordion.accordionClosed .accordion_box10 .blogTitle {
    left: 0px !important;
    font-family:'Raleway-Bold';
}
.desktopBlog .blogAccordion.accordionClosed .accordion_box10 .leftBorder .blogTitle {
    left: 0px;
    transition: left 500ms ease-in-out 0s;
}
.blogAccordion .plus {
    cursor: url("../img/cursor/blog_plus.html"), pointer;
}
.blogAccordion .minus {
    cursor: url("../img/cursor/blog_minus.html"), pointer;
}
.blogAccordion.accordionClosed .grayOverlay {
    background-color: rgba(0, 0, 0, 0.15);
    transition: background-color 300ms ease 0s;
}
.blogAccordion .grayOverlay {
    height: 100%;
    width: 100%;
    min-height: 160px;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1;
}

.blogAccordion .leftBorder .monthYear {
    font-weight: 700;
    color: #FFF;
    text-transform: uppercase;
    font-size: 16px;
    position: relative;
    left: -165px;
    transition: left 300ms ease 0.1s;
}
.desktopBlog .blogAccordion .accordion_box10 .blogTitle {
    color: #FFF;
    font-size: 26px;
    line-height: 32px;
    position: relative;
    left: -165px;
    z-index: 1;
    text-transform: uppercase;
    font-weight: 700;
    transition: left 500ms ease-in-out 0s;
}
/* Accordion */    
.accordion_title {
    color: #101010;
    font-size: 50px;
    height: 135px;
    /*padding: 25px 0px 0px; */
    display: block;
    text-decoration: none;
    font-family: Roboto,sans-serif;
    font-weight: 400;
    opacity: 0.15;
    transition: opacity 300ms ease-in-out 0s;
}
.accordion_title {
    opacity: 1;
}
.accordion_title .day {
    display: block;
    font-size: 175px;
    line-height: 128px;
    float: left;
    letter-spacing: -25px;
    position: relative;
    /*left: -41px;*/
    color: #FFF;
    font-weight: 300;
    left: -7px;
    top: 0px;
    width:200px;
    overflow:hidden;
}
.panel-default {border-color: none;}
.panel-heading{padding:0;background:transparent !important;}
.panel-heading a{outline: none; text-decoration:none;}
.panel-body{text-shadow: 1px 1px 1px rgb(0, 0, 0);border:none !important;}
/*.panel-title{overflow:hidden;}*/
.panel-space{ margin-top:100px;border-top:2px solid #ffffff; width:40%; line-height:1px; margin-bottom:60px;}
.leftBorder{text-shadow: 1px 1px 1px #000; padding-top:25px;}
.leftBorder .monthYear {
    font-weight: 700;
    color: #FFF;
    text-transform: uppercase;
    font-size: 16px;
    position: relative;
    /*left: -165px;*/
    transition: left 300ms ease 0.1s;
    font-family:'Raleway-Bold';
}
.accordion_box10 .blogTitle {
    color: #FFF;
    font-size: 26px;
    line-height: 32px;
    position: relative;
    /*left: -165px;*/
    z-index: 1;
    text-transform: uppercase;
    font-weight: 700;
    transition: left 500ms ease-in-out 0s;
    font-family:'Raleway-Bold';
}
@media only screen and (max-width:980px)
{
   #upcoming-tours {padding: 5% 0 0 0;}
}
@media only screen and (max-width:640px)
{
   .accordion_box10 .blogTitle{font-size:24px;}
}	
@media only screen and (max-width:639px)
{
   .accordion_title .day {
      font-size:95px;
      width:100px;
      letter-spacing: -5px;
      left:-3px;
      /*top:-27px;*/
      line-height: 82px;
      clear: both;
      overflow:hidden;
  }	
  .accordion_box10 .blogTitle {
      font-size:15px;
      line-height:24px;
  }
  .accordion_title {
      height:90px;

  }
  .leftBorder {padding-top:15px;}
  .panel-body{margin-top:30px;}
  #upcoming-tours {padding: 20px;}
}
@media only screen and (max-width:384px)
{
   .accordion_box10 .blogTitle{font-size:12px; line-height:14px;padding-top:5px;}
}

.lead {
  padding: 40px 0;
}
/* Grid */

#posts {
  margin: 30px auto 0;
}

.post {
  margin: 0 0 20px;
  text-align: center;
  width: 100%;
  color:black;
}

.post img {
  padding: 0 15px;
  width: 100%;
}

#grid.container .post img {
  padding: 0;
}
/* Medium devices */

@media (min-width: 768px) {
  #grid > #posts .post {
    width: 335px;
  }
  #grid > #posts .post.cs2 {
    width: 100%;
  }
  .post img {
    padding: 0;
  }
}
/* Medium devices */

@media (min-width: 992px) {
  #grid > #posts .post {
    width: 445px;
  }
  #grid > #posts .post.cs2 {
    width: 100%;
  }
}
/* Large devices */

@media (min-width: 1200px) {
  #grid > #posts .post {
    width: 346px;
  }
  #grid > #posts .post.cs2 {
    width: 742px;
  }
}
/* Large devices min-width (1200px) + a .post margin (50px) * 2 (100px) = 1300px */
/* 1300px gives me the clearance I need to keep the margins of the entire #grid (the
bleed if you will) the same width as the .post margins posts (50px). Basically I'm
being really picky about whitespace. If you don't care, no problem, just delete this.
Can this be done with Masonry options? */

@media (min-width: 1300px) {
  #grid {
    left: -50px;
    padding-left: 50px;
    padding-right: 50px;
    position: relative;
  }
  #grid.container {
    left: auto;
    padding-left: 15px;
    padding-right: 15px;
  }
}






/* The title */
.title {
  font-weight: 700;
}

/* The description */
.desc {
  font-size: 1em;
  font-style: italic;
  font-family: Georgia, serif;
}

/* Text-centering */
.title,
.desc,
.intro {
  text-align: center;
}

/* Intro section */
.intro {
  margin: 1.75em 0 .75em;
  border-bottom: 3px double rgba(0, 0, 0, 0.05);
  margin-bottom: 1.75em;
}

.intro a {
  opacity: .7;
}

.intro a:hover {
  opacity: 1;
}

.intro h3 {
  font-size: .825em;
  font-weight: 700;
  text-transform: uppercase;
  display: inline-block;
  margin: .25em .75em .75em;
}

.intro h3 a {
  font-weight: 400;
}

/* Masonry grid */
.masonry {
  transition: all .5s ease-in-out;
  column-gap: 30px;
  column-fill: initial;
}

/* Masonry item */
.masonry .brick {
  margin-bottom: 30px;
  display: inline-block; /* Fix the misalignment of items */
  vertical-align: top; /* Keep the item on the very top */
}

/* Masonry image effects */
.masonry .brick img {
  transition: all .5s ease-in-out;
  backface-visibility: hidden; /* Remove Image flickering on hover */
}

.masonry .brick:hover img {
  opacity: .75;
}

/* Bordered masonry */
.masonry.bordered {
  column-rule: 1px solid #eee;
  column-gap: 50px;
}

.masonry.bordered .brick {
  padding-bottom: 25px;
  margin-bottom: 25px;
  border-bottom: 1px solid #eee;
}

/* Gutterless masonry */
.masonry.gutterless {
  column-gap: 0;
}

.masonry.gutterless .brick {
  margin-bottom: 0;
}

/* Masonry on tablets */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .masonry {
    column-count: 2;
  }
}

/* Masonry on big screens */
@media only screen and (min-width: 1024px) {
  .desc {
    font-size: 1.25em;
  }

  .intro {
    letter-spacing: 1px;
  }

  .masonry {
    column-count: 3;
  }
}