 
* { margin: 0; padding: 0; outline: 0; }

body, html { height: 100%; }

body {
    font-size: 14px;
    line-height: 18px;
   color: #aeaeae;
   
    
}

a { color: #0252aa; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
a img { border: 0; }

input, textarea, select { font-size: 14px; font-family:  "Helvetica Neue",Helvetica,Arial,sans-serif; color:#393939;  }
textarea { overflow: auto; }

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }

/*#wrapper {
     background-image: url("../images/switzerland4.png");
    background-repeat: no-repeat;
    background-position: left top;
    background-attachment: scroll;
     background-size: contain;
}*/ 

#wrapper .overlay {
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: translateY(0);
    transition: transform .8s ease;
    transition-delay: .1s;
    background-color: #00000059;}

#wrapper{
    
        background-image: url(../images/switzerland4.png);
    background-repeat: no-repeat;
    background-size: cover;
}


#bg { position:absolute; overflow:hidden; left:0; right:0; z-index: 1; width:100%; height:auto; }
#bg img { min-width:100%; min-height:auto;   position:relative; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); }


.content-left{    
        width: 50%;
    z-index: 2;
    position: absolute;
    left: 4.5%;
    top: 22%;
    padding: 34px 
    
}

.content-left h1, .content-left h2, .content-left h3, .content-left p {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    color: #fff;
}
 
.content-left h1{
font-size: 2.6em;
    padding-bottom: 5px;
    line-height: 1em;
    text-transform: uppercase;
    font-weight: 600;margin-top: 10px;
    
}



.content-left h2{    font-size: 28px;                  
                    padding-bottom: 5px;
                    line-height: 1.5em;}
.content-left h2 span {font-size: 10px;
}
.content-left h3{font-size:19px;padding-bottom:5px;line-height:21px;}
.content-left h3 span{font-size:28px;    text-shadow: 0 0 20px #fff;   color: rgba(216, 67, 46, 0.92);}
.content-left p{font-size:1.1em;padding-bottom:5px;line-height:1em;font-weight:normal;}
.black-bg{background-color: #000; padding:10px;}
.white-bg{background-color: #fff; padding:10px;}
.white-font{color:white;}
.black-font{color:black;}
.opacity-high{opacity:.8;}
.opacity-low{opacity:.5;}
price{font-weight:bold; font-size:43px;    text-shadow: 0 0 20px #fff;
                     color: rgba(216, 67, 46, 0.92);}
.content-box { width:322px;  z-index: 3; position:relative; left:70%;  padding:34px 0;      margin-top: -14%; }
.content-box.type2 { padding-top:77px;  }
.content-box.type2 .blackbox form{ padding-top:6px;  }


h1#logo {
    padding: 10px;margin-bottom: 0;margin-top: 0;
    
}
h1#logo a { background:url(../images/Swiss-Voyages-Logo.png) top center;  display:block; height:140px; width:310px; background-repeat: no-repeat; }
h1#logo.lead-logo { padding-bottom:14px;   }
h1#logo.lead-logo a { width:180px; height:31px; background-image:url(../images/sv-logo.png); margin:0 auto; }

.form-message{ font-size: 24px;
    padding-top: 10px; color:white;}
.blackbox {
    background-color: rgb(25, 24, 24);
    /*border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;*/
}
.blackbox { text-align:center; padding-bottom:17px; margin-bottom:11px;  }
.blackbox h3,.blackbox h2 {
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 1.8em;
    line-height: 1em;
    color: #fff;
    font-weight: normal;
    padding: 20px 10px 10px 10px;    
}
.blackbox h3 { font-size:22px; line-height:26px; padding:12px 30px; }
.blackbox p { padding-bottom:10px; text-shadow:1px 1px 1px rgba(0,0,0,0.7); color: white; }
.blackbox form { padding:10px 0 16px;  }
.blackbox .field { width: 81%!important;background-color:#fff; font-size:14px; padding:8px 10px; border:0; width:256px; margin-bottom:16px;  }
.blackbox .field {
	box-shadow: inset 0 2px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: inset 0 2px 2px rgba(0,0,0,0.3);
	-webkit-box-shadow: inset 0 2px 2px rgba(0,0,0,0.3);
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
.blackbox .submit { background:#060606 url(../images/submit-arrow.png) no-repeat 220px 10px; color:#fff; border:1px solid #6ed4ff; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; width:276px; height:35px; cursor:pointer; font-size:18px;  }  
.blackbox .submit { -webkit-appearance:none; line-height:18px; padding: 0 26px 4px 0;  }  
.blackbox .submit:hover { background-color:#059edd;  }  

.footer { color:#fff; text-align:center; text-shadow:1px 1px 1px rgba(0,0,0,0.7) }
.footer a { color:#fff;  }

.two-fields{

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

    color: #fff;
}

h5.field-label {
padding-left: 15px;}


.two-fields .right-pax{
    width:33%;
    float: right!important; 
    margin-left:7%!important;
    float: left!important;
}
 
@media only screen and (max-width: 1024px) {
    
    .content-box {     left: 55%; }
	.content-left{width:40%; }
}

@media only screen and (max-width: 1024px) {
    
    .content-box {  left: 60%;
    display: block;
    position: absolute;
    z-index: 2;
    top: 30%;}
	.content-left{width:95%; display:block; position:none;}
	
	#bg img { height:auto;width:auto; }
#bg {
    position: absolute;
    overflow: hidden;
    left: 0;
    right: 0;
    z-index: 1;
    width: 110%;height:auto;
}

	
	
}
@media only screen and (max-width: 640px) {
    
    .content-box {  left: 10%;
    display: block;
    position: absolute;
    z-index: 2;
    top: 55%; width:85%;}
	.content-left{width:78%; display:block; position:none;}
	
	#bg img { height:100%;width:auto; }
    h1#logo a { background:url(../images/Swiss-Voyages-Logo.png) top center;  display:block; height:140px; width:360px; background-repeat: no-repeat; }
	.content-left ul li {font-size: 16px; color: white; line-height: 26px; text-align: left; margin-left: 62px;}
	.blackbox .field{min-height:40px;font-size: 20px;}
        
}
 
 .query_form  .select{ width:86%;   }
 .query_form button{width: 275.99px!important; height: 33.09px; margin-bottom: 12px; }


.content-left ul li {font-size: 16px; color: white; line-height: 26px;}
.content-left ul li i{ margin-right: 10px;}

.content-left ul li span a{  border: 1px solid rgba(0,0,0,0.8); font-size: 9px; padding: 4px 13px; color: white; margin-left: 10px;}
.content-left ul li span a:hover{  text-decoration: none; color: red; }

.blink{
  animation: blinker 1s linear infinite;
  padding-left: 2px;
}
@keyframes blinker {  
  50% { opacity: 0.0; }
}



     .spacer10 {
    clear: both;
    display: block;
    height: 10px;
    width: 10px;
}
.spacer20 {
    clear: both;
    display: block;
    height: 20px;
    width: 20px;
}

.spacer30 {
    clear: both;
    display: block;
    height: 30px;
    width: 30px;
}

.spacer40 {
    clear: both;
    display: block;
    height: 40px;
    width: 40px;
}

.show-in-mobile{display: none;}

.offer-miss{background-color: #000000;color: #fff;padding:10px 0px 5px;}
.offer-miss h4{font-size: 28px;color: #603919;}


ol{list-style-type: none;}
ol li {margin-bottom: 3%;color: #838383;}
ol li img{position: absolute;left: 14px;}
.item h4{color: #948e8b}
.rhs{text-align: right;}
.ebix_logo{width: 45%;margin-top: 6%;}


ol {
    display: block;
    list-style-type: none;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}



.why_differ{background: #fff;padding: 50px 0;}
.why_differ .span12{margin-bottom: 5%;}
 


.why_differ h2.major {
    margin-top: 15px!important;
    margin-bottom: 0;
    text-align: center;
    color: #ea2628;
    font-weight: 600;
}

 
.why_differ .icon-cube:before {
        content: "";
    display: block;
    position: absolute;
    z-index: 2;
    top: 0;
   
    width: 89%;
    height: 100%;
    transition: opacity .6s ease;
    transition-delay: .1s;
    opacity: .8;
    background: #ea2628;
    
    
    
}
.why_differ .cube-image {z-index: 1;top: 0;left: 0;}
.why_differ .lazy{display: block;transition: opacity .3s ease;width: 100%;}
.why_differ .overlay {position: absolute;z-index: 3;top: 0;right: 0;bottom: 0;left: 0;width: 100%;height: 100%;transform: translateY(0);transition: transform .8s ease;transition-delay: .1s;}
.why_differ .pane {display: flex;flex-direction: column;align-items: center;justify-content: center;box-sizing: border-box;width: 100%;height: 100%;padding: 20px;text-align: center;}
.why_differ .pane h3 {width: 100%;margin: 0;padding: 15px 0;color: #fff;font-size: 18px;}
.why_differ .icon-cube{min-height: 214px;background-size: cover!important;}




.heading_1{font-size:20px;font-weight:700;margin-top:22px;margin-bottom:25px}
.heading_2{font-size:16px;font-weight:400;color:#dc3d2a;margin:0}
.heading_extra{font-size:14px;color:#0c0c0c;line-height:20px;font-weight: 400;}
.heading_3{font-size:14px;font-weight: 600;color: #797979;}
.cut_price{margin-top:30px;font-weight:700;font-size:18px;display:inline-block}
.tour_price{font-size:40px;font-weight:700;color:#dc3d2a;margin-top:0;margin-bottom:0}
.tour_day{font-size:14px;color:#1b1b1b;font-weight:600;display:inline-block}
 hr{margin:10px 0;border-color:#d5d5d5}
.tour_pricing{border-right:1px solid #e1e1e1}
.tour_content .btn{margin-top:80%;margin-bottom: 10px; background: #e92527;border-color: #e92527;font-size: 20px;padding: 6px 34px;color: #ffffff;}
.desti_list h2 {font-size: 1.5em;font-family: 'Open Sans',sans-serif;color: #dc371b;text-transform: uppercase}
 .heading_1{margin-top: 0px;margin-bottom: 5px;}
 .price_p{font-size: 0.9em;color: #dc3d2a;}
 .price_t{font-size: 0.9em;color: #797979;}
 .tour_img{margin: -15px;}
 
 .text-black{color: #000;}
.btn_ima{text-decoration: none;color: #000;margin-top: 10px!important;padding: 6px 5px;background: #f2f2f2;display: inline-block;border: 0;border-radius: 0;font-size: 14px;font-weight: normal;line-height: 1.42857143;text-align: center;white-space: nowrap;vertical-align: middle;-ms-touch-action: manipulation;touch-action: manipulation;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.btn_ima:hover,.btn_ima:focus{background: #22a726;text-decoration: none;color: #fff;}
.cta-msg{text-align: center;    font-weight: 800;}
.ima-special {
    padding: 5px 10px;
    bottom: 10px;
    left: 15px;
    
    color: #000;
    font-family: "Open Sans";
    font-size: 12px;
    position: absolute;
    background-color: #e6ef35;
    height: 31px;
}

.ima_email,.phone_no,.ima-phone{color: #fff;}


@media screen and (max-width: 991px) {
    .logo{width: 13%;} 
    #carousel-example-generic .carousel-inner{min-height: 336px;}
    .rhs{text-align: left;}
    .why_differ .icon-cube{margin-top: 10px;}
    .why_differ .icon-cube:before {left: 4%;width: 92%;top: 4%;height: 96%;}
}
@media screen and (max-width: 768px) {          
    .modal-dialog {margin-left: auto;margin-right: auto;display: block;}    
    .term-condition{background: #F2EEE2;}
    .term-detail h4 {color: #603919;}
    .term-detail p {color: #603919;}
     h1.heading{font-size: 1.5em; font-family: 'TrajanProRegular';}
     h3.sub-heading {font-size: 1em;}
    .main{padding: 5px 0px 20px 0px;}
    .col-centered hr{margin-top: 0px;margin-bottom: 5px;}
    .awards li{float: left;width: 16%; margin-left: 4px; margin-bottom: 5px;}
    .home-tab{margin-top: -63px;margin-right: 18px;}
    .packageDetail p{font-size: 12px!important; }
    .why_differ .icon-cube:before {left: 5%;width: 90%;top: 4%;height: 96%;}
} 
@media screen and (max-width: 736px){
    .why_differ .icon-cube:before{left: 2%;width: 96%;height: 100%;top: 0;}

}
@media screen and (max-width: 480px) {
    .logo{width: 17%;}  
    .awards li{float: left;width: 48%; margin-left: 4px; margin-bottom: 5px;}
    .home-tab{margin-top: -68px;}
    .packageDetail p{font-size: 12px!important; }
    .why_differ .icon-cube:before{left: 3%;width: 94%;height: 100%;top: 0;}
}
@media screen and (max-width: 415px) {
    .home-tab{margin-top: -77px;}
    .logo{width: 25%;}  
    #carousel-example-generic .carousel-inner{min-height:230px;}
    .why_differ .icon-cube:before{left: 3.5%;width: 93%;}
}
@media screen and (max-width: 375px) {
    .awards li{float: left;width: 48%; margin-left: 4px; margin-bottom: 5px;} 
    #myModal .g-recaptcha{transform:scale(0.65);-webkit-transform:scale(0.65);transform-origin:0 0;-webkit-transform-origin:0 0;}
    .packageDetail p{font-size: 12px!important;}   
    .why_differ .icon-cube:before{left: 4%;width: 92%;}
    .heading_1 {
        margin-top: 30px;
        margin-bottom: 5px;
    }
    .tour_content .btn {
        margin-top: 10%; !important;
        background: #e92527;
        border-color: #e92527;
        font-size: 20px;
        padding: 6px 34px;
        color: #ffffff;
    }
    .rhs {
        margin-top: 10%;
        text-align: center;
    }
}
@media screen and (max-width: 340px) {     
    .awards li{float: left;width: 48%; margin-left: 4px; margin-bottom: 5px;}   
    .modal-dialog {width: 300px;} 
    #ima_submit_data{padding: 3px 14px;}
    .home-tab{margin-top: -64px;}
    #myModal .g-recaptcha{transform:scale(0.55);-webkit-transform:scale(0.55);transform-origin:0 0;-webkit-transform-origin:0 0;}
    .packageDetail p{font-size: 12px!important; }
    .why_differ .lazy{width: 99%;}
    .heading_1 {
        margin-top: 30px;
        margin-bottom: 5px;
    }
    .tour_content .btn {
        margin-top: 10%; !important;
        background: #e92527;
        border-color: #e92527;
        font-size: 20px;
        padding: 6px 34px;
        color: #ffffff;
    }
    .rhs {
        margin-top: 10%;
        text-align: center;
    }
}

.seprator {
    height: 2px;
    width: 56px;
    background-color: #e92527;
    margin: 7px 0 10px 0;
}

.carousel-inner>.item{padding-left: 5%;}
.testimonial_para {
    color: #838383;
}

blockquote {
    border-left: 5px solid #ea2628;
}
.itinerary img{width: 100%; height: auto;}
.itinerary h2.major {
    margin-top: 1%;
    margin-bottom: 1%;
    text-align: center;
    color: #ea2628;
    font-weight: 600;
}
.itenerary .col-md-9 h4{    color: #ea2628;}