h1{
  font-size:220%;
  margin-left:20px;
}
p{
  font-size: 18px;
  margin-left:20px;
  margin-right:auto;
}
#mq{
  font-size:85%;
  padding:8px 0;
  color:#ccc
}
#slider{
  z-index:2;
  position:relative;
  margin-top:8px;
}
#slider .container {
  /* height:280px;width:700px; */
  width:980px;height:400px;
  -moz-box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.2);
  overflow:hidden;
  margin:0 0 5px;
}
  #slider .container ul, #slider li{
  margin:0;
  padding:0;
  list-style:none;

  }
#slider .container li{
  /* width:700px;
  height:280px; */
  width:980px;
  height:400px;
  overflow:hidden;
  }
#slider .container li a{
  display:block;
  height:100%;
  background-repeat:none;
  color:#fff !important;
  text-shadow:0px 1px 10px #000;
}
#slider .container li a span{
  background:rgba(0,0,0,0.6);
  display:inline-block;
  margin:90px 20px 0;
  padding:18px;
}
#slider .container li a span.right{
  text-align:right;
  float:right
}
#slider .container li a h4{
  font-size:230%;
  line-height:110%;
  margin:0 0 10px;
  color:#fff !important;
}
#slider .container li a i{
  font-size:120%;
  line-height:120%;
  display:block;
  margin-bottom:15px;
  max-width:450px;
  color:#ccc
}

/* numeric controls */

ol#controls{
  padding:0;
  height:20px;
  position:absolute;
  left:10px;
  bottom:8px;
  }
ol#controls li{
  margin:0 5px 0 0;
  padding:0;
  float:left;
  list-style:none;
  }
ol#controls li a{
  display:block;
  font-size:80%;
  float:left;
  background:#000;
  font-weight:700;
  color:#eee;
  padding:1px 6px;
  text-decoration:none;
  border-radius:10px;
  border:#666 solid 1px;
  }
ol#controls li a:hover{
  background:#444;
}
ol#controls li.current a{
  background: #6bb8e4;
  color:#111;
  border-color:transparent;
  }
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}

.quick-form{
  position:absolute;
  right:0;
  /* top:-2px; */
  display:block;
  width:300px;
  height:290px;
  -moz-box-shadow: 1px 2px 10px #000;
  -webkit-box-shadow: 1px 2px 10px #000;
  box-shadow: 1px 2px 10px #000;
  background:#eee;
  color:#222;
}
.quick-form h4{
  background:rgba(0, 0, 0, 0.6);
  display:inline-block;
  color:#fafafa;
  font-size:120%;
  padding:8px 15px;
  margin:5px 0 15px;
  position:relative;
  top:5px;
  left:-8px;
  -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4);
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4);
}
.quick-form table{
  position:relative;
  left:20px;
  border-collapse:collapse;
  border:0 !important;
}

.quick-form table input,
.quick-form table select,
.quick-form table textarea
{
  margin:0 !important;
}
.quick-form table th,
.quick-form table td{
  padding: 3px 0;
}
.quick-form table th{
	text-align:left;
  width:88px;
  font-size:90%;
}
.quick-form table .stick *{
vertical-align: middle;
}
.quick-form .submit-btn{
  padding: 7px;
  width:300px;
  position: absolute;
  left:10px;
  bottom:5px;
}
.quick-form .sent-msg{
  padding:30px 15px 0;
}

form label span{ color:#e61b1b; font-weight:bold; font-size:110%; margin-left:5px;}
form input.submit{ border:none; float:right}
form .verify-code img{padding:2px 10px; background:#333; margin:0 10px 0 0;vertical-align:middle; display:inline-block}
form .verify-code input{font-family: Verdana, Geneva, sans-serif}
form .verify-code label.error { display: inline; margin-left:10px; vertical-align:middle}
form .btn-basic{
  border:none;
  line-height:inherit;
  padding:0 20px;
  margin-top:10px;
}

#content[role="main"]{
  background: rgba(0,0,0,0.5);
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.5);
  -moz-box-shadow:  0px 2px 8px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow:  0px 2px 8px rgba(0, 0, 0, 0.5);
  margin-top:0;
}
#content[role="main"] .left-col {
  width:630px;
  padding:20px 25px 20px 25px;
}

#content[role="main"] .right-col {
  width:300px;
  padding:0;
  margin-top:10px;
  	background: none;
  box-shadow: none;
  -moz-box-shadow:  none;
  -webkit-box-shadow:  none;
}

.left-col #packages {
  font-size:18px
}

.left-col #packages > ul > li{
  width:49%
}

.full-width #packages > ul > li{
  margin-left:5px;
  font-size:18px;
}

.full-width #packages h2{
  font-size:26px;
}

.full-width #article h2{
  font-size:26px;
}


.right-col #packages{
  margin-bottom:10px !important
}
.right-col #packages > ul > li{
  width:300px;
  float:none;
  margin:0 -2px 10px !important;
}
.right-col #packages h3{
  font-size:160%;
}
.right-col #packages img[role="banner"]{
  float:left;
  width:80px;
  margin-right:10px
}
.right-col #packages > ul > li .container{
  padding:6px 10px 15px;
}

.right-col img[role="banner"]{
  width:100%;
  margin-bottom:5px;
}

#calendar li{
 width:46%;
 margin-left:15px;
 margin-right:15px;
 margin-bottom:25px;

}

@media only screen and (max-device-width : 768px) {
  #calendar li{
    width:100%;

   margin-left:15px;
   margin-right:15px;
   margin-bottom:25px;

  }
  .quick-form{
    display:none;
  }
  #slider{
    overflow:hidden;
	}
  #slider .container li{
		height:200px
  }
  #slider .container li a{
  background-size: contain;
  background-position: -80px 0
  }
  #slider .container li a span{
    margin:50px 10px 0;
    padding:8px;
  }
  #slider .container li a span.right{
    text-align:right;
    float:right
  }
  #slider .container li a h4{
    font-size:180%;
    line-height:1;
    margin:0 0 5px;
    color:#fff !important;
  }
  #slider .container li a i{
    font-size:80%;
    line-height:1.2;
    margin-bottom:8px;
    max-width:220px;
  }
  #content[role="main"] .left-col {
    width: 88% !important;
    padding:3%;
    margin:0 3% 3%
  }

  #content[role="main"] .right-col {
    width: 94% !important;
    margin:0 3%

  }
  section a img{
    width:100%
  }
    #packages > ul > li,
  #packages.two > ul > li,
  #packages > ul > li:first-child,
  #packages.two > ul > li:first-child
  {
    width:96% !important;
    float:none !important;
    margin:0 2% 5% !important;
  }
}