/* CSS Styles
================================================== */

/* IMPORTS */
@import url('architecture.css');
@import url('icon-fonts/fontello.css');
@import url('prettyPhoto.css');

/* ----------------------------------------------------------------*/
/* 	1. GLOBAL  */
/* ----------------------------------------------------------------*/

body { color: #777; font: 400 13px/26px "Open sans", Helvetica, sans-serif; background: #000; }
.qcContainer { width: 1040px; margin: 0 auto; }
.QContainer { width: 1140px; margin: 0 auto; }
video#bgvid { position: fixed; right: 0; bottom: 0; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -100; background: #000 url('../img/placeholder/video/sample-video.html') no-repeat; background-size: cover; }

/* ----------------------------------------------------------------*/
/* 	2. HOMEPAGE  */
/* ----------------------------------------------------------------*/
/* === 2.1 COUNTDOWN TIMER === */
#qcEventCountDown { position: relative; background: #ff4e00; margin: 0 auto; }
.dash { float: left; position: relative; width: 25%; height: 100px; border-right: 0; text-align: center; box-shadow: 1px 0 0 rgba(0,0,0,0.2); }
.dash:last-child { margin-right: 0; }
.digits { display: block; position: relative; height: 100px; color: #fff; }
.days_dash .digits { margin-left: -20px; }
.digit { position: absolute; width: 100%; font: 600 36px/70px "Open sans", Arial, sans-serif; margin-right: 10px; }
.digit-1 { margin-left: -10px; }
.digit-2 { margin-left: 10px; }
.digit-3 { margin-left: 30px; }
.dash_title { display: block; position: relative; width: 100%; color: #fff; font: 500 10px/30px "Open sans", Helvetica, sans-serif; background: #111; text-transform: uppercase; letter-spacing: 1px; text-align: center; }

/* === 2.2 EVENT BANNER/TICKER === */

#qcEventBanner { background: #313131; } 
#qcEventBanner:before { content: ''; position: absolute; right: 0; width: 30px; height: 110px; background: url('../img/theme/txt-layover.png'); z-index: 9; } 
#qcEventBanner ul { display: block; position: relative; list-style: none; height: 100px; overflow: hidden; } 
#qcEventBanner ul li { display: block; position: absolute; top: -999em; left: 0; white-space: nowrap; color: #ddd; font: 100 24px/90px "Open Sans", Helvetica, sans-serif; letter-spacing: 0px; text-indent: 20px; } 
#qcEventBanner ul li b { position: relative; top: 4px; margin-right: 15px; margin-left: 8px; color: #fff; font: 600 36px/90px "Open sans", Helvetica, sans-serif; letter-spacing: -1px; }

/* === 2.3 OVERLAY & CENTER LOGO === */

#qcOverlay { position: absolute; top: 0; width: 100%; height: 100%; background: rgba(255,78,0,0.12); text-align: center; z-index: 9; } 
#qcOverlay:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; /* Adjusts for spacing */; } 
#qcEventLogo { display: inline-block; vertical-align: middle; width: 300px; } 
#qcEventLogo a { display: block; } 
#qcEventLogo img { display: block; width: 100%; } 
#qcEventLogo.loading { -webkit-animation: blinker 1s cubic-bezier(.5, 0, 1, 1) infinite alternate; -moz-animation: blinker 1s cubic-bezier(.5, 0, 1, 1) infinite alternate; -o-animation: blinker 1s cubic-bezier(.5, 0, 1, 1) infinite alternate; -ms-animation: blinker 1s cubic-bezier(.5, 0, 1, 1) infinite alternate; animation: blinker 1s cubic-bezier(.5, 0, 1, 1) infinite alternate; }

@keyframes blinker {
from {
	opacity: 1;
}
to {
	opacity: 0;
}
}

/* ----------------------------------------------------------------*/
/* 	3. NAVIGATION  */
/* ----------------------------------------------------------------*/

/* === 3.1 PRIMARY NAVIGATION === */

#qcPriNav li { float: left; position: relative; width: 50%; list-style: none; overflow: hidden; } #qcPriNav li a, #qcPriNav li.current a:hover { display: block; color: #fff; font: 600 17px/100px "Open sans", Helvetica, sans-serif; letter-spacing: 1px; text-align: center; text-transform: uppercase; transition: all .25s linear; -o-transition: all .25s linear; -moz-transition: all .25s linear; -webkit-transition: all .25s linear; } #qcPriNav li:first-child a { background: #1db6ad; } #qcPriNav li:last-child a { background: #42d0c7; } #qcPriNav li a i, #qcPriNav li.current a:hover i { position: absolute; top: 10px; left: 0; width: 100%; color: rgba(255,255,255,0.2); font-size: 100px; text-align: center; } #qcPriNav li a:hover { letter-spacing: 3px; } #qcPriNav li a:hover i { color: rgba(0,0,0,0.1); } #qcPriNav li a span { position: relative; z-index: 9; } #qcPriNav li.current { overflow: visible; } #qcPriNav li.current:after { content: ""; position: absolute; left: 50%; margin-top: -2px; margin: -2px 0 0 -10px; border-left: 18px solid transparent; border-right: 18px solid transparent; border-top: 18px solid #1DB6AD; } #qcPriNav li.current:last-child:after { border-top: 18px solid #42D0C7; } 

/* === 3.2 TAB NAVIGATION === */

#qcMbTrigger { display: none; }#qcTabNav { position: relative; text-align: center; border-bottom: 4px #555 solid; z-index: 9; } #qcTabNav li { display: inline-block; position: relative; /* width: 190px; */ /* width: 160px; */ width: 130px; margin-left: -4px; border-left: 1px #aaa solid; } #qcTabNav li:first-child { border-left: 0; } #qcTabNav li a { display: block; padding: 40px 0; color: #444; font: 600 14px/14px "Open sans", Helvetica, sans-serif; text-align: center; text-transform: uppercase; } #qcTabNav li a span { position: relative; top: 18px; } #qcTabNav li a i { position: absolute; width: 100%; top: 22px; left: 0; color: #c4c4c4; font-size: 22px; margin-right: 3px; } #qcTabNav li a:hover { color: #000; background: #fafafa; } #qcTabNav li.active { border-left: 1px #aaa solid; box-shadow: 0 5px 0 #fff; } #qcTabNav li:last-child.active { border-right: 1px #aaa solid; } #qcTabNav li.active a, #qcTabNav li.active a:hover { color: #FF4E00; background: #fff; } #qcTabNav li.active a i { color: #FF4E00; }

/* ----------------------------------------------------------------*/
/* 	4. PAGE STYLING  */
/* ----------------------------------------------------------------*/
/* === 4.1 HEADER === */
 #qcHomeHeader, #qcHeader { /* position: fixed; */ top: 0; left: 0; width: 100%; z-index: 10; background:#fff; border-bottom:4px solid #b9b9b9; } #qcHomeHeader .col, #qcHeader .col { position: relative; height: auto; } #qcHeader.scrolled { border-bottom: 1px #ddd solid; box-shadow: 0 2px 5px rgba(0,0,0,0.1); }

.pricing-option { /*  margin-bottom: 30px; */ overflow: hidden; /* padding: 10px 20px; */ position: relative; transform-style: preserve-3d; transition: all 0.3s ease-out 0s; }
.color-1 { border: 1px solid  #ff6b57; color:#fff !important; margin-bottom:20px;}
.color-2 { border:1px solid  #ff6b57; color:#fff !important; margin-bottom:20px;}
.color-3 { border:1px solid  #ff6b57; color:#fff !important; margin-bottom:20px;}
.pricing-option .dot { background: none repeat scroll 0 0 #fff; border-radius: 50%; height: 18px; position: absolute; right: 24px; top: 24px; width: 18px; }
.price { line-height: 1; }
.price {  font-size:20px;}
.dollar, .price, .type { color: #333; /* font-size: 72px; */ font-weight: 600; float:left; width:100%; line-height:normal; font-family:'Open Sans','Open Sans',sans-serif; line-height:26px; width:70%; }

.col-lg-9.col-sm-9.TitleText { text-align:right; padding-top:10px;}

.date {color:#FFF; font-size:28px; text-align:center; width:100%; float:left;}
.month {color:#FFF; font-size:18px; text-align:center; width:100%; float:left;}
.City { font-size:18px; font-weight:bold; width:100%; float:left; color:#e74c3c;}
.Venue { font-size:14px; font-weight:normal; width:100%; float:left; color:#333; line-height:normal; background:url(../img/venues-icon.png) 2px 3px no-repeat; padding-left:15px;}
/* .Venue span{ padding-left:20px; width:90%;} */

.booktickets { font-size: 16px; line-height: normal; margin-top:20px; border-radius:5px; padding: 10px 20px; float: left; color: #fff; border:1px solid #fff; letter-spacing:0.5px; }
.border-left { height:auto; float:left; /* overflow:hidden; */  border-left:1px solid #ccc; padding-left:40px !important; margin-left:40px;}
/* .col-sm-3 { padding-left: 15px; padding-right: 15px; float:left; } */

.dollar {
/* bottom: 22px; */ font-size: 14px; /* position: relative; line-height:50px; padding-top:20px; */
}
.type { display: block; font-size: 14px; letter-spacing: 1px; line-height:normal; float:left; /* margin-top: 12px; */ text-transform: capitalize; }
.plan-title { color: #333333; display: block; font-size: 18px; font-weight: 600; margin-bottom: 12px; }
.plan-title { color: #333333; display: block; font-size: 18px; font-weight: 600; margin-bottom: 12px; } 

/* === 4.2 LOGO === */

#qcLogo { background: #fff; padding-top:10px; } #qcLogo a { display: block; text-align: center; }
.TitleText a { font-family: 'Dosis',Helvetica, sans-serif; font-weight:500; font-size:54px; line-height:normal; color:#333; padding-top:10px; text-align:right;  }
#BannerSection { width:100%; height:auto; /* margin-top:96px; float:left; */ }
#BannerSection img{ width:100%; height:auto;}
/* === 4.3 CONTENT WRAPPERS === */
#qcContentWrapper { background: #fff; /* margin-top: 101px; */ padding-bottom: 125px; }
#qcContent .qcContainer { border-top: 1px #aaa solid; border-bottom: 4px #555 solid; }
#qcContent .row > .col:nth-child(odd) .box { padding: 40px 40px 40px 0; border-right: 1px #ccc solid; }
#qcContent .row > .col:nth-child(even) .box { padding: 40px 0 40px 40px; }

/* === 4.4 SECTION TITLE === */
#qcSecbar { margin-bottom: 25px; } #qcSecbar .qcContainer { height: 140px; } #qcSecbar h1 { position: relative; color: #333; font: 600 90px/210px "Open sans", Helvetica, sans-serif; letter-spacing: -6px; } #qcSecbar h1 span { position: relative; bottom: 25px; color: #aaa; font: 400 16px/16px "Architects Daughter", Helvetica, sans-serif; letter-spacing: 1px; }

/* === 4.5 MODULE TITLE === */
.qcModTitle { margin: 60px 0 -20px 0; } .qcModTitle h1 { margin-bottom: 15px; color: #333; font: 400 40px/40px "Open sans", Helvetica,Arial,sans-serif; letter-spacing: -2px; } .qcModTitle p { color: #777; font: 100 18px/18px "Open Sans", Helvetica,Arial,sans-serif; }


/* === 4.6 EVENT LAYOUT === */
.qcEventlayout { padding: 65px 0; } .qcEventlayout h1 { color: #222; font: 600 24px/36px "Open sans", Helvetica, Arial, sans-serif; margin-bottom: 30px; letter-spacing: -0px; text-transform: uppercase; } .qcEventlayout img { display: block; width: 100%; } 

/* === 4.7 FOOTER === */
#qcFooter { padding: 35px 0; background: #222; } #qcFooterNav li { display: inline-block; list-style: none; } #qcFooterNav li a { display: block; padding: 0 12px; color: #aaa; font: 600 15px/50px "Open sans", Helvetica, sans-serif; text-transform: uppercase; } #qcFooterNav li a:hover { color: #fff; } #qcFooterPara { text-align: right; color: #aaa; font: 400 12px/32px "Open sans", Helvetica, sans-serif; } #qcFooterLogo a { display: block; text-align: center; } #qcFooterPara p { color: #888; font: 400 11px/24px "Open sans", Helvetica, sans-serif; letter-spacing: 1px; text-transform: uppercase; } #qcFooterPara p span { display: block; margin-top: 8px; font-size: 12px; letter-spacing: 1px; color: #ddd; }

/* ----------------------------------------------------------------*/
/* 	5. MODULES  */
/* ----------------------------------------------------------------*/

/* === 5.1 SPEAKERS === */

.qcTeamCol { text-align: center; list-style: none; } .qcTeamCol .small-box { padding: 30px; } .qcTeamCol h4 { color: #000; font: 600 20px/28px "Open sans", Helvetica, Arial, sans-serif; letter-spacing: -1px; } .qcTeamCol p { font-size: 14px; font-family: "Architects Daughter", Helvetica, Arial, sans-serif; letter-spacing: 1px; } .qcTeamCol img { position: relative; top: -30px; width: 100%; padding-top: 20px; } 

/* === 5.2 SCHEDULE === */
 #qcScheduleWrapper { margin: 60px 0; } .qcScheduleDay { position: relative; height: 240px; padding-left: 52px; margin-bottom: 10px; } header.qcSchDay { position: absolute; left: -95px; top: 95px; width: 240px; height: 50px; color: #fff; font: 300 16px/50px "Open sans", Helvetica,Arial,sans-serif; background: #1DB6AD; text-align: center; text-transform: uppercase; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); border-radius: 3px 3px 0 0; } .qcScheduleDay:nth-child(even) header.qcSchDay { background: #FF7D00; } header.qcSchDay span { color: #fff; margin-left: 8px; } .qcScheduleList { position: relative; } .qcScheduleDay:after { position: absolute; top: 0; right: 0; content: ""; width: 30px; height: 240px; z-index: 9; -webkit-box-shadow: inset -14px 0 14px rgba(255, 255, 255, 0.95); -moz-box-shadow: inset -14px 0 14px rgba(255, 255, 255, 0.95); box-shadow: inset -14px 0 14px rgba(255, 255, 255, 0.95); } .qcScheduleList li { float: left; list-style: none; width: 100%; } .qcScheduleList li a { display: block; position: relative; height: 240px; margin-right: 1px; background: #aaa; }
.qcScheduleList li a img {
display: block;
width: 100%;
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
filter: gray;
-webkit-filter: grayscale(100%);
}
.qcScheduleList li a:hover img {
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
-webkit-filter: grayscale(0%);
}
 .qcSchDesc { position: absolute; bottom: 0; left: 0; width: 100%; height: 80px; background: #666; } .qcScheduleList li a:hover .qcSchDesc { background: #222; } .qcSchTime { position: absolute; top: 16px; left: 15px; color: #fff; font: 300 22px/22px "Open sans", Helvetica,Arial,sans-serif; z-index: 9; text-transform: uppercase; } .qcSchTime sup { font: 300 11px/11px "Open Sans", Helvetica,Arial,sans-serif; } .qcSchSpeaker { position: absolute; top: 50px; left: 15px; color: #42D0C7; font: 300 12px/12px "Open sans", Helvetica,Arial,sans-serif; text-transform: uppercase; } .qcSchSpeaker span { color: #ccc; } .qcScheduleList .owl-controls { position: absolute; top: 70px; right: -100px; } 

/* === 5.3 SPONSORS === */

.qcSposnsorList { margin: 60px 0; } .qcSposnsorList li a { display: block; padding: 20px; } .qcSposnsorList li img { display: block; width: 100%; } .qcSposnsorList .owl-controls { position: absolute; top: -130px; right: 0; }  
/* === 5.4 TESTIMONIAL === */
 #qcTestimonial { position: absolute; padding: 20px; text-align: center; } #qcTestimonial p { margin-bottom: 10px; color: #888; font: 100 24px/40px "Open Sans", Helvetica,Arial,sans-serif; } #qcTestimonial cite { color: #FF4D00; font: 300 16px/16px "Open sans", Helvetica,Arial,sans-serif; letter-spacing: -0px; } #qcTestimonialList { margin: 20px 0; } #qcTestimonialList li { float: left; width: 20%; list-style: none; } #qcTestimonialList li a { display: block; position: relative; margin: 0 1px 1px 0; overflow: hidden; } #qcTestimonialList li a.active:after { position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; background: rgba(66,208,199,0.6) url('../img/theme/quoteActive.png') center center no-repeat; z-index: 1; }
#qcTestimonialList li img {
display: block;
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
filter: gray;
-webkit-filter: grayscale(100%);
}


/* === 5.5 SUBSCRIBE === */
 .qcSubscribeForm { margin: 60px 0; } .qcSubscribeForm .inputText { display: block; width: 100%; font-size: 14px; line-height: 55px; border: 1px #ddd solid; background: #f8f8f8; text-indent: 20px; } .qcSubscribeForm .inputButton { display: block; position: absolute; right: 0; width: 90%; color: #fff; font-size: 14px; line-height: 55px; text-transform: uppercase; background: #42D0C7; border: 1px #42D0C7 solid; cursor: pointer; } .qcSubscribeForm .inputButton:hover { background: #1DB6AD; }


/* === 5.6 PRICING  === */
 .qcPricingWrapper { margin: 60px 0; } #qcContent .row .qcPricing.col > .box { padding: 0; margin: 20px; border: 0; text-align: center; } .qcPricing header { color: #fff; font: 300 28px/100px "Open Sans", Helvetica,Arial,sans-serif; background: #FF4D00; letter-spacing: -0px; text-transform: uppercase; border-radius: 3px 3px 0 0; } .qcPricing:nth-child(1) header { background: #42D0C7; } .qcPricing:nth-child(2) header { background: #FF4D00; } .qcPricing:nth-child(3) header { background: #42D0C7; } .qcPricing .price { color: #777; font: 400 14px/55px "Open sans", Helvetica,Arial,sans-serif; text-transform: uppercase; background: #f8f8f8; border: 1px #ccc solid; border-top: 0; letter-spacing: 1px; } .qcPricing .price span { margin-right: 3px; color: #666; font: 400 24px/55px "Open sans", Helvetica,Arial,sans-serif; letter-spacing: 0px; } .qcPricing ul { list-style: none; padding: 20px 0; border-right: 1px #ccc solid; border-left: 1px #ccc solid; } .qcPricing li { margin: 18px 10px; color: #777; font: 300 16px/30px "Open Sans", Helvetica,Arial,sans-serif; } .qcPricing footer a { display: block; color: #ff952e; font: 300 18px/80px "Open sans", Helvetica,Arial,sans-serif; text-transform: uppercase; background: #fff6e9; border: 1px #ff952e solid; border-top: 0; border-radius: 0 0 3px 3px; letter-spacing: 1px; } .qcPricing:hover footer a { color: #fff; background: #ffba00; }


/* === 5.7 TICKTS  === */
 .qcTcktRegForm { padding: 25px 25px 25px 55px; border-left: 1px #ccc solid; } .qcTcktRegForm .qcModTitle { position: relative; top: -60px; } .qcTcktRegForm li { float: left; position: relative; list-style: none; width: 49.9%; min-height: 100px; border-top: 1px #bbb solid; } .qcTcktRegForm li:hover { background: #fffdf5; } .qcTcktRegForm li .wrapper { padding: 40px 20px 30px 0; } .qcTcktRegForm li:nth-child(odd) { border-right: 1px #bbb solid; } .qcTcktRegForm li:nth-child(even) .wrapper { padding-right: 0; padding-left: 22px; } .qcTcktRegForm li label { position: absolute; margin-top: -14px; font-weight: 600px; color: #222; font: 600 14px/14px "Open sans", Helvetica,Arial,sans-serif; text-transform: uppercase; letter-spacing: 1px; } .qcTcktRegForm li input { display: block; position: relative; top: 7px; width: 100%; margin-top: 10px; font: 400 14px/18px "Courier", Helvetica, sans-serif; background: transparent; border: 0; border-bottom: 0px #ddd dashed; } .qcTcktRegForm li select { display: inline-block; position: relative; top: 10px; padding: 5px; margin-right: 10px; color: #666; } .qcTcktCheck { position: relative; padding: 40px 0; font: 400 14px/18px "Courier", Helvetica, sans-serif; border-top: 3px #666 solid; border-bottom: 3px #666 solid; } .qcTcktCheck:hover { background: #fffdf5; } .qcTcktSubmit { /*     padding: 25px 0 0 0; */ padding: 0px 0 0 0; text-align: center; }
 
.1color.submit{ background:#16a085 !important; color:#fff; }
.2color.submit { background:#27ae60 !important; color:#fff;}
.3color.submit { background:#3d566e !important; color:#fff;}

/* .qcTcktSubmit button { display: inline-block; position: relative; font-family:'Open Sans',sans-serif; top: 20px; padding: 14px; color: #fff; font-size: 13px; text-transform: uppercase;  border: 0; border-radius: 2px; cursor: pointer; letter-spacing: 1px; } */
 .qcTcktSubmit button:hover { background: #42D0C7; }

 /* === CONTACT  === */

.qcTcktRegForm.contact { padding: 0; border-left: 0; margin-top: -1px; } .qcTcktRegForm.contact li.full { width: 100%; border-right: 0; } .qcTcktRegForm.contact textarea { margin-top: 20px; width: 100%; height: 80px; font-size: 14px; background: transparent; border: 0; resize: none; } .qcTcktRegForm.contact .qcTcktSubmit { padding-bottom: 65px; border-top: 1px #aaa solid; } .inputError { background: #fff8f8; } .error { position: absolute; right: 20px; top: 10px; color: red; font-size: 11px; font-family: "Courier"; text-transform: uppercase; } .herr > .error:nth-child(2n) { opacity: 0; }

/* === 5.8 ABOUT COUNT === */
 #qcContent #qcAbtCount .box { text-align: center; padding: 40px 20px; } #qcAbtCount i { display: block; position: absolute; top: 0px; left: 0; width: 100%; color: rgba(0, 0, 0, 0.07); font-size: 140px; z-index: 5; } #qcAbtCount .box:hover i { color: rgba(255, 115, 53, 0.15); } .abtCountNum { position: relative; margin: -5px 0 5px 0; color: #FF7335; font: 400 50px/50px "Open sans", Arial, sans-serif; letter-spacing: -2px; z-index: 6; } .abtCountTitle { position: relative; color: #444; font: 600 18px/18px "Open sans", Arial, sans-serif; text-transform: uppercase; letter-spacing: 1px; z-index: 6; } #qcContent #qcAbtCount > .col:last-child .box { border: 0; } .qcCheckList { margin: 0; list-style: none; } .qcCheckList li { margin: 16px 0; color: #777; font: 300 14px/32px "Open Sans", Arial, sans-serif; background: url('../img/theme/checkbox.png') no-repeat 0 6px; text-indent: 40px; letter-spacing: 0px; }


/* === 5.9 ADDRESS LIST === */

ul.qcAddress { padding: 50px 0; } ul.qcAddress li { list-style: none; padding: 8px 0; color: #888; font-size: 13px; } ul.qcAddress li:last-child { border-bottom: 0; } ul.qcAddress li i { font-size: 14px; } ul.qcAddress li p { display: inline-block; color: #666; margin: 0 0 0 10px; } ul.qcAddress li p strong { display: inline-block; width: 100px; color: #000; } .icon-map { top: -31px; } ul.qcAddress li a { color: #aaa; }


/* === 5.10 SOCIAL LIST === */

.qcGlyphSocial { position: relative; top: 20px; } .qcGlyphSocial li { display: inline-block; } .qcGlyphSocial li a { display: block; padding: 2px 7px; margin: 0 2px 4px 0; color: #666; border: 1px #ddd solid; border-radius: 2px; } .qcGlyphSocial li a:hover { color: #333; background: #fafafa; border-color: #888; } 

/* === 5.11 FAQ === */

.qcEventlayout h1.qcFaq { color: #000; font: 300 48px/48px "Open Sans", Helvetica,Arial,sans-serif; letter-spacing: -1px; } .shortcode-toggle { margin-bottom: 15px; } .shortcode-toggle h4 { margin: 0; } .shortcode-toggle h4 a { display: block; padding: 8px 0; color: #777; font: 100 22px/30px "Open Sans", Helvetica, Arial, sans-serif; letter-spacing: 0px; background: url('../img/theme/FaqArw.png') no-repeat right -100px; } .shortcode-toggle h4 a span { margin-right: 8px; color: #444; font: 500 22px/30px "Open sans", Helvetica, Arial, sans-serif; } .shortcode-toggle h4 a:hover { color: #000; } .shortcode-toggle.closed h4 a { background: url('../img/theme/FaqArw.png') no-repeat right 0; } .shortcode-toggle .toggle-content { padding: 20px; background: #fff; border: 1px #ccc dotted; border-top: none; margin-bottom: 40px; } .shortcode-toggle.closed .toggle-content { display: none; } 

/* === 5.12 GALLERY === */
 #imgGallery { padding: 30px 0; position: relative; left: 6px; } #imgGallery li { float: left; width: 33%; position: relative; list-style: none; } #imgGallery li a { position: relative; display: block; margin: 0 1px 1px 0; } #imgGallery li a.video:after { position: absolute; top: 0; left: 0; width: 100%; content: ""; height: 100%; background: rgba(255,255,255,0.3) url('../img/theme/video-thumb.png') center center no-repeat; z-index: 1; }
#imgGallery li img {
display: block;
width: 100%;
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
filter: gray;
-webkit-filter: grayscale(100%);
}
#imgGallery li:hover img {
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
-webkit-filter: grayscale(0%);
}

.tc-list { width:100%; float:left;}
.tc-list ul{ width:100%; float:left; display:inline; margin:0; padding:0;}
.tc-list li{  background: url("../img/list-bullet.png") no-repeat scroll left 9px rgba(0, 0, 0, 0); display: inline; float: left; font: 300 16px/32px "Open Sans",Helvetica,Arial,sans-serif; list-style: outside none none; margin: 0; padding: 6px 0 6px 27px; width: 95%; line-height:22px; color:#333;}
/* .tc-list li ol { display:inline; width:100%;} */
.tc-list > nested-list > ul{ display:inline; width:100%; font: 300 16px/32px "Open Sans",Helvetica,Arial,sans-serif; list-style: outside none none; margin: 0; padding: 5px 0 5px 57px !important;}

.nested-list > li{ display:inline; width:100%; font: 300 16px/27px "Open Sans",Helvetica,Arial,sans-serif; list-style: outside none none; margin: 0; padding: 5px 0 5px 57px !important; background:url(../img/bullet-point.png) no-repeat scroll 36px 12px rgba(0, 0, 0, 0);}

.boldtext {font: 600 18px/27px "Open Sans",Helvetica,Arial,sans-serif; color:#333; float:left; padding:10px 0;}
.RedText {font: 600 16px/22px "Open Sans",Helvetica,Arial,sans-serif; color:#F60; float:left; padding:5px 0; width:100%;}

/* ----------------------------------------------------------------*/
/* 	6. MISCELLANEOUS  */
/* ----------------------------------------------------------------*/
 #qcContent .row > .col .box.no-border { border: 0; } .qcPageDesc, .small-box p.qcPageDesc { /* color: #888; */ color: #333; font: 300 16px/32px "Open Sans", Helvetica,Arial,sans-serif; padding: 40px 20px 20px 0; } .qcPageDesc.full { padding-top: 20px; } .qcTabTitle { padding: 60px 0px 50px 0; border-bottom: 1px #ccc solid; } .qcTabTitle h4 { color: #FF4E00; font: 100 70px/70px "Open Sans", Helvetica, Arial, sans-serif; letter-spacing: -2px; } .qcTabTitle:after { position: absolute; margin-top: 50px; content: ""; width: 50px; border-top: 4px #444 solid; } .qcTabTitle.no-border { border: 0; } .qcTabTitle.no-border:after { display: none; } .qcTabTitle h4 span { display: block; color: #666; font: 100 16px/48px "Architects Daughter", Helvetica, Arial, sans-serif; letter-spacing: 1px; } .dblBorder { position: relative; width: 100%; border-top: 1px #ccc solid; } .dblBorder:after { position: absolute; top: 0px; content: ""; width: 50px; border-top: 4px #444 solid; }
#qcContactMap { width: 100%; height: 350px;
/* filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
filter: gray;
-webkit-filter: grayscale(100%); */
}
.fit-vids-style { display: none; } 


/* ----------------------------------------------------------------*/
/* 	7. PLUGIN CSS  */
/* ----------------------------------------------------------------*/

/* === 7.1 TIPSY === */
 .tipsy { position: absolute; padding: 5px; font-size: 10px; z-index: 100000; } .tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; text-shadow: none; } .tipsy-inner { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .tipsy-arrow { position: absolute; background: url(data:image/gif;base64,R0lGODlhCQAJAIABAAAAAAAAACH5BAEAAAEALAAAAAAJAAkAAAIRjAOnwIrcDJxvwkplPtchVQAAOw==) no-repeat top left; width: 9px; height: 5px; } .tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px; } .tipsy-nw .tipsy-arrow { top: 0; left: 10px; } .tipsy-ne .tipsy-arrow { top: 0; right: 10px; } .tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left; } .tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left; } .tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left; } .tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right; } .tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; }


/* === 7.2 SLIDER === */
 .qcSliderWrapper { position: relative; overflow: hidden; } .qcSliderWrapper:hover .qcPrevNext { opacity: 1; } .qcPrevNext { position: absolute; top: 50%; width: 100%; margin-top: -20px; font-size: 20px; opacity: 0.4; } .qcPrev { position: absolute; left: -50px; width: 40px; color: #fff; line-height: 40px; background: rgba(0,0,0,0.1); border: 2px #fff solid; text-align: center; border-radius: 40px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; cursor: pointer; } .qcNext { position: absolute; right: -50px; width: 40px; color: #fff; line-height: 40px; background: rgba(0,0,0,0.1); border: 2px #fff solid; text-align: center; border-radius: 40px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; cursor: pointer; } .qcSliderWrapper:hover .qcPrev { left: 30px; } .qcSliderWrapper:hover .qcNext { right: 30px; }


/* === 7.3 FITVIDS/VIDEO === */
 .qcFitVids { position: relative; margin: 20px 0; background: #fff; z-index: 1; } .qcFitVids:after { content: ""; position: absolute; top: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.1) url('../img/theme/qcVidPlay.png') center center no-repeat; z-index: 9; cursor: pointer; } .qcFitVids.hide:after { display: none; }


/* === 7.4 OWL CAROUSEL === */

/* clearfix */
 .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } /* display none until init */ .owl-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y; list-style: none; } .owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); z-index: 0; } .owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; z-index: 0; } .owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel .owl-item { float: left; } .owl-controls .owl-page, .owl-controls .owl-buttons div { cursor: pointer; } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .single-carousel img { width: 100%; } /* mouse grab icon */ .grabbing { cursor: url(grabbing.html) 8 8, move; } /* fix */ .owl-carousel  .owl-wrapper, .owl-carousel  .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); } /* Prev Next Buttons */ .owl-buttons { position: relative; top: 0px; padding: 35px 0; text-align: right; } .owl-buttons > div { position: absolute; width: 20px; height: 41px; cursor: pointer; opacity: 0.7; } .owl-buttons > div:hover { opacity: 1; } .owl-buttons > .owl-prev { right: 60px; background: url('../img/theme/carouselNav.png') 0 0 no-repeat; } .owl-buttons > .owl-next { right: 10px; background: url('../img/theme/carouselNav.png') 0 -41px no-repeat; } .owl-buttons > div.disabled, .owl-buttons > div.disabled:hover { opacity: 0.2; cursor: default; } /* Owl Carousel CSS3 Transitions */ .owl-origin { -webkit-perspective: 1200px; -webkit-perspective-origin-x: 50%; -webkit-perspective-origin-y: 50%; -moz-perspective: 1200px; -moz-perspective-origin-x: 50%; -moz-perspective-origin-y: 50%; perspective: 1200px; } /* fade */ .owl-fade-out { z-index: 10; -webkit-animation: fadeOut .7s both ease; -moz-animation: fadeOut .7s both ease; animation: fadeOut .7s both ease; } .owl-fade-in { -webkit-animation: fadeIn .7s both ease; -moz-animation: fadeIn .7s both ease; animation: fadeIn .7s both ease; } /* backSlide */ .owl-backSlide-out { -webkit-animation: backSlideOut 1s both ease; -moz-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease; } .owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease; } /* goDown */ .owl-goDown-out { -webkit-animation: scaleToFade .7s ease both; -moz-animation: scaleToFade .7s ease both; animation: scaleToFade .7s ease both; } .owl-goDown-in { -webkit-animation: goDown .6s ease both; -moz-animation: goDown .6s ease both; animation: goDown .6s ease both; } /* scaleUp */ .owl-fadeUp-in { -webkit-animation: scaleUpFrom .5s ease both; -moz-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom .5s ease both; } .owl-fadeUp-out { -webkit-animation: scaleUpTo .5s ease both; -moz-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both; }
 
/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
0% {
	opacity: 1;
}
}
@-moz-keyframes empty {
0% {
	opacity: 1;
}
}
@keyframes empty {
0% {
	opacity: 1;
}
}
@-webkit-keyframes fadeIn {
0% {
	opacity: 0;
}
100% {
	opacity: 1;
}
}
@-moz-keyframes fadeIn {
0% {
	opacity: 0;
}
100% {
	opacity: 1;
}
}
@keyframes fadeIn {
0% {
	opacity: 0;
}
100% {
	opacity: 1;
}
}
@-webkit-keyframes fadeOut {
0% {
	opacity: 1;
}
100% {
	opacity: 0;
}
}
@-moz-keyframes fadeOut {
0% {
	opacity: 1;
}
100% {
	opacity: 0;
}
}
@keyframes fadeOut {
0% {
	opacity: 1;
}
100% {
	opacity: 0;
}
}
@-webkit-keyframes backSlideOut {
25% {
	opacity: .5;
	-webkit-transform: translateZ(-500px);
}
75% {
	opacity: .5;
	-webkit-transform: translateZ(-500px) translateX(-200%);
}
100% {
	opacity: .5;
	-webkit-transform: translateZ(-500px) translateX(-200%);
}
}
@-moz-keyframes backSlideOut {
25% {
	opacity: .5;
	-moz-transform: translateZ(-500px);
}
75% {
	opacity: .5;
	-moz-transform: translateZ(-500px) translateX(-200%);
}
100% {
	opacity: .5;
	-moz-transform: translateZ(-500px) translateX(-200%);
}
}
@keyframes backSlideOut {
25% {
	opacity: .5;
	transform: translateZ(-500px);
}
75% {
	opacity: .5;
	transform: translateZ(-500px) translateX(-200%);
}
100% {
	opacity: .5;
	transform: translateZ(-500px) translateX(-200%);
}
}
@-webkit-keyframes backSlideIn {
0%, 25% {
	opacity: .5;
	-webkit-transform: translateZ(-500px) translateX(200%);
}
75% {
	opacity: .5;
	-webkit-transform: translateZ(-500px);
}
100% {
	opacity: 1;
	-webkit-transform: translateZ(0) translateX(0);
}
}
@-moz-keyframes backSlideIn {
0%, 25% {
	opacity: .5;
	-moz-transform: translateZ(-500px) translateX(200%);
}
75% {
	opacity: .5;
	-moz-transform: translateZ(-500px);
}
100% {
	opacity: 1;
	-moz-transform: translateZ(0) translateX(0);
}
}
@keyframes backSlideIn {
0%, 25% {
	opacity: .5;
	transform: translateZ(-500px) translateX(200%);
}
75% {
	opacity: .5;
	transform: translateZ(-500px);
}
100% {
	opacity: 1;
	transform: translateZ(0) translateX(0);
}
}
@-webkit-keyframes scaleToFade {
to {
	opacity: 0;
	-webkit-transform: scale(.8);
}
}
@-moz-keyframes scaleToFade {
to {
	opacity: 0;
	-moz-transform: scale(.8);
}
}
@keyframes scaleToFade {
to {
	opacity: 0;
	transform: scale(.8);
}
}
@-webkit-keyframes goDown {
from {
	-webkit-transform: translateY(-100%);
}
}
@-moz-keyframes goDown {
from {
	-moz-transform: translateY(-100%);
}
}
@keyframes goDown {
from {
	transform: translateY(-100%);
}
}
@-webkit-keyframes scaleUpFrom {
from {
	opacity: 0;
	-webkit-transform: scale(1.5);
}
}
@-moz-keyframes scaleUpFrom {
from {
	opacity: 0;
	-moz-transform: scale(1.5);
}
}
@keyframes scaleUpFrom {
from {
	opacity: 0;
	transform: scale(1.5);
}
}
@-webkit-keyframes scaleUpTo {
to {
	opacity: 0;
	-webkit-transform: scale(1.5);
}
}
@-moz-keyframes scaleUpTo {
to {
	opacity: 0;
	-moz-transform: scale(1.5);
}
}
@keyframes scaleUpTo {
to {
	opacity: 0;
	transform: scale(1.5);
}
}
/* === 7.5 FULLSCREEN SLIDER/SUPERSIZED === */
 #supersized-loader { position: absolute; top: 50%; left: 50%; width: 60px; height: 60px; margin: -30px 0 0 -30px; text-indent: -999em; background: #000; z-index: 0; } #supersized { display: block; position: fixed; left: 0; top: 0; height: 100%; width: 100%; overflow: hidden; z-index: 1; } #supersized img { display: none; position: relative; width: auto; height: auto; border: none; outline: none; } #supersized.speed img { -ms-interpolation-mode: nearest-neighbor; image-rendering: -moz-crisp-edges; } #supersized.quality img { -ms-interpolation-mode: bicubic; image-rendering: optimizeQuality; } #supersized li { display: block; list-style: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #111; overflow: hidden; z-index: -30; } #supersized a { display: block; width: 100%; height: 100%; } #supersized li.prevslide { z-index: -20; } #supersized li.activeslide { z-index: -10; } #supersized li.image-loading { width: 100%; height: 100%; background: #111; } #supersized li.image-loading img { visibility: hidden; } #supersized li.prevslide img, #supersized li.activeslide img { display: inline; } #qcHomeSlideControls { position: absolute; top: 0; width: 100%; height: 100%; overflow: hidden; } ul#slide-list { display: block; position: absolute; bottom: 20px; left: 50%; padding: 15px 0; z-index: 99; } ul#slide-list li { list-style: none; float: right; width: 12px; height: 12px; margin: 0 8px 0 0; } ul#slide-list li a { display: block; width: 10px; height: 10px; border: 2px #fff solid; background: transparent; border-radius: 10px; } ul#slide-list li.current-slide a, ul#slide-list li.current-slide a:hover { background: #fff; } ul#slide-list li a:hover { background: rgba(255,255,255,0.4); cursor: pointer; } #progress-back { position: absolute; bottom: 50%; left: 0; width: 100%; height: 1px; background: transparent; z-index: 3; } #progress-bar { position: relative; height: 1px; width: 100%; background: rgba(255,255,255,0.6); } 

.datebg {width:auto; float:left; background:#e74c3c; padding:15px 15px;}
.venuebg {float:left;padding:8px 15px;}

.book-button { background:#e74c3c;}
.booknow button { border: 0 none; border-radius: 2px; color: #fff; cursor: pointer; display: inline-block; font-family: "Open Sans",sans-serif; font-size: 13px; letter-spacing: 1px; padding: 14px; text-transform: uppercase; /* position: relative; top: 20px; */ margin-top:15px; }

/* ---------------------------------------------------------------------------------- */
/* 	8. CONDITIONAL LAYOUT CSS FOR MOBILE / TABLET DEVICES [ MEDIA QUERIES ]  */
/* ---------------------------------------------------------------------------------- */

/* === 8.1 TABLET === */

@media only screen and (max-width: 768px){
.aboutimage { display:none;} . box {}
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
.box { float:left; width:100%;}
.qcContainer { 	width: 688px; }
#qcLogo, #qcPriNav { 	display: block; 	 width: 100%; 	 text-align:center; 	/* width: auto; */ }
#qcPriNav > a { font-size:28px;}
/* .TitleText { float: left;  top: 20px; width: 80%; }
.TitleText a { float: left; font-size: 28px; margin-left: 20%; text-align: left; 
} *//* width: 50% !important; */

#qcContentWrapper { 	/* margin-top: 185px; */ } #qcTabNav li { /* width: 160px; */ width: 130px; } #qcTabNav li { width: 125px; } .qcTabTitle h4 { 	font-size: 60px; 	line-height: 60px; } .stretch > .col { 	float: none; 	display: block; 	width: 100%; } #qcContent .row.stretch .col > .video.box { 	padding: 0; 	padding-bottom: 40px; } #qcTestimonial p { 	font-size: 18px; 	line-height: 32px; } #qcAbtCount i { 	top: 10px; 	font-size: 120px; } .qcScheduleList .owl-controls { 	display: none; } .speakers .col-4 { 	width: 40%; } .speakers .col-8 { 	width: 60%; } .qcPricing header { 	font-size: 20px; 	line-height: 90px; 	border-radius: 0; } .qcPricing footer a { 	border-radius: 0; } #qcContent .row .qcPricing.col > .box { 	margin: 0; } .ticket > .col-4 { 	width: 40%; } .ticket > .col-8 { 	width: 60%; } .qcTcktRegForm { 	padding: 25px 0 25px 45px; } .qcTcktRegForm li { 	width: 100%; 	border-top: 1px #ccc solid; } .qcTcktRegForm li:nth-child(odd) { 	border-right: 0; }    .qcTcktRegForm li:nth-child(even) .wrapper { padding-left: 0; }
}
/* === 8.2 MOBILE PORTRAIT === */
/* @media only screen and (min-width: 320px) and (max-width:767px) {
#qcLogo { 	width:auto !important; } .TitleText { float: left; top: 20px; width: auto !important; } .TitleText a { float: right; font-size: 28px; margin-left: 20%; text-align: left; width: 50% !important; }  } @media only screen and (max-width: 1024px) { .TitleText { 	 float: left;  top: 20px; width: 80%; } .TitleText a { 	   float: right; font-size: 28px; margin-left: 20%; text-align: left; width: 50% !important; } 
} */

.qcSliderWrapper > img { width:100%;}
@media only screen and (min-width:320px) and (max-width: 600px) {
/* #qcLogo img { width:40%;} */
.col-lg-9.col-sm-9.TitleText { padding-top:0; }
#qcLogo, #qcPriNav { display: block; font-size: 36px !important; padding-bottom: 10px; text-align: center; width: 100%; }
#qcPriNav > a { font-size:23px !important;}
}
@media only screen and (max-width: 767px) {
/* #qcLogo img { width:20%;} */
#qcLogo, #qcPriNav  { font-size:28px !important;}
.qcContainer { 	width: 280px; } #qcEventBanner { 	display: none; }
/* #qcLogo, #qcPriNav { display: block; width: 100%; } */
#qcLogo, #qcPriNav { display: block; font-size: 36px !important; padding-bottom: 10px; text-align: center; width: 100%; } #qcLogo.col, #qcPriNav.col { 	height: 85px; } #qcLogo img { 	margin-top: -7px; } #qcPriNav li a, #qcPriNav li.current a:hover { 	font-size: 14px; 	line-height: 85px; 	letter-spacing: 0; } #qcPriNav li a:hover, #qcPriNav li.current a:hover { 	letter-spacing: 0; } #qcContentWrapper { 	/* margin-top: 130px; */ } #qcSecbar h1 { 	font-size: 70px; 	line-height: 225px; } #qcContent .qcContainer { 	position: relative; } #qcMbTrigger { 	display: block;    	position: relative;	 	top: 0px; 	width: 99.3%; 	height: 58px; 	margin-bottom: 10px; 	font-size: 16px; 	line-height: 54px; 	background: url('../img/theme/mobMenubg.png') no-repeat top right; 	border: 1px #aaa solid; 	border-top: 0; 	text-indent: 20px; 	cursor: pointer; } #qcTabNav { 	display: none;    	position: relative; 	top: -10px; 	/* position: absolute; 	top: 59px; */ 	width: 99.3%; 	padding: 6px 0; 	background: #f4f4f4; 	border: 1px #aaa solid; 	border-top: 0; } #qcTabNav li { 	float: none; 	display: block; 	width: 100%; 	margin-left: 0; 	border: 0; } #qcTabNav li.active { 	border: 0; 	box-shadow: none; } #qcTabNav li.active a, #qcTabNav li.active:hover a { 	background: none; } #qcTabNav li:hover a { 	background: #fff; } #qcTabNav li a { 	padding: 15px 0; 	font-size: 11px; 	text-align: left; } #qcTabNav li a i { 	display: inline-block; 	top: 13px; 	padding-left: 15px; 	font-size: 18px; } #qcTabNav li a span { 	display: inline-block; 	position: relative; 	top: 0; 	left: 46px; 	font-size: 13px; } #qcFooter { 	padding: 50px 0; } #qcFooterNav { 	margin-bottom: 15px; } #qcFooterNav li a { 	font-size: 13px; 	margin-right: -3px; } #qcFooter .col { 	display: block; 	width: 100%; 	text-align: center; } #qcFooterLogo.col { 	display: none; } #qcFooterPara p span { 	font-size: 11px; } #qcSecbar h1 span { 	display: none; } .qcTabTitle { 	padding: 10px 0 0 0!important; } .qcTabTitle:after { 	margin-top: 30px; } .qcTabTitle h4 { 	font-size: 24px; 	line-height: 24px; 	letter-spacing:0; } #qcAbtCount .col { 	width: 50%; } #qcAbtCount i { 	top: 16px; 	font-size: 100px; } .abtCountNum { 	font-size: 40px; 	line-height: 40px; } .abtCountTitle { 	font-size: 14px; 	line-height: 14px; } #qcContent #qcAbtCount .box { 	border: 0; } .testimonial.qcEventlayout { 	padding: 40px 0; } #qcTestimonial { 	position: relative; } #qcTestimonial p { 	font-size: 18px; 	line-height: 32px; } ul.qcAddress { 	padding-top: 0; } #qcContactMap { 	height: 240px; } .qcTcktRegForm { 	padding: 0; 	margin: 0 0 80px 0; 	border-left: 0; } .qcTcktRegForm li { 	width: 100%; 	border-top: 1px #ccc solid; } .qcTcktRegForm li:nth-child(odd) { 	border-right: 0; }    .qcTcktRegForm li:nth-child(even) .wrapper { 	padding-left: 0; } #qcContent .row .qcPricing.col > .box { 	margin: 0 0 30px 0; } .shortcode-toggle h4 a { 	font-size: 18px; 	line-height: 32px; 	position: relative; 	overflow: hidden; } #qcContent .row.stretch .col > .video.box { 	padding: 0; 	padding-bottom: 40px; } .row > .col, .testimonial > .col, .qcPricingWrapper > .col { 	float: none; 	display: block; 	width: 100%; } #qcContent .row > .col .box.nopad { 	padding: 0; } .nopad { 	padding-left: 0 !important; 	padding-right: 0 !important; } #qcLogo > .col-sm-3, .col-lg-3.col-sm-3.nopada { 	 padding-left: 0 !important; 	padding-right: 0 !important; } .nopad .qcPageDesc { 	padding-top: 0; 	padding-bottom: 40px; } #qcEventLogo { 	margin-top: 240px; 	width: 200px; } .qcTeamCol .owl-controls { 	position: relative; 	top: -5px; 	margin-bottom: 40px; } #imgGallery { 	margin-left: -10px; } #imgGallery li { 	width: 50%; } .shortcode-toggle h4 a { 	padding-right: 40px; 	font-size: 16px; 	font-weight: 300; }
}
/* @media (min-width: 768px) {
}
@media (min-width: 1024px) {
} */

/* === 8.3 MOBILE WIDE / LANDSCAPE === */
@media only screen and (min-width: 600px) and (max-width: 1200px) {
#qcLogo { width:30%; float:left;}
#qcPriNav { width:70%; float:left; padding:10px 0; line-height:40px;}
#qcPriNav > a { text-align: center; width: 100%; line-height:70px; }
}

@media only screen and (min-width:980px) and (max-width: 1200px) {	
#qcPriNav > a { font-size:36px; text-align: center; width: 100%; line-height:70px; }
#qcLogo img{ float:left; text-align:left; }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
#qcPriNav > a { font-size:28px; text-align: center; width: 100%; }
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
#qcPriNav > a { font-size:36px; text-align: center; width: 100%; }
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
/* #BannerSection { margin-top:250px;} */
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.qcContainer { width: 400px; }
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
position: relative;
min-height: 1px;
/*  padding-right: 15px;
padding-left: 15px; */
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-12 { width: 100%; } .col-xs-11 { width: 91.66666667%; } .col-xs-10 { width: 83.33333333%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.66666667%; } .col-xs-7 { width: 58.33333333%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.66666667%; } .col-xs-4 { width: 33.33333333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.66666667%; } .col-xs-1 { width: 8.33333333%; } .col-xs-pull-12 { right: 100%; } .col-xs-pull-11 { right: 91.66666667%; } .col-xs-pull-10 { right: 83.33333333%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-8 { right: 66.66666667%; } .col-xs-pull-7 { right: 58.33333333%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-5 { right: 41.66666667%; } .col-xs-pull-4 { right: 33.33333333%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-2 { right: 16.66666667%; } .col-xs-pull-1 { right: 8.33333333%; } .col-xs-pull-0 { right: auto; } .col-xs-push-12 { left: 100%; } .col-xs-push-11 { left: 91.66666667%; } .col-xs-push-10 { left: 83.33333333%; } .col-xs-push-9 { left: 75%; } .col-xs-push-8 { left: 66.66666667%; } .col-xs-push-7 { left: 58.33333333%; } .col-xs-push-6 { left: 50%; } .col-xs-push-5 { left: 41.66666667%; } .col-xs-push-4 { left: 33.33333333%; } .col-xs-push-3 { left: 25%; } .col-xs-push-2 { left: 16.66666667%; } .col-xs-push-1 { left: 8.33333333%; } .col-xs-push-0 { left: auto; } .col-xs-offset-12 { margin-left: 100%; } .col-xs-offset-11 { margin-left: 91.66666667%; } .col-xs-offset-10 { margin-left: 83.33333333%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-8 { margin-left: 66.66666667%; } .col-xs-offset-7 { margin-left: 58.33333333%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-5 { margin-left: 41.66666667%; } .col-xs-offset-4 { margin-left: 33.33333333%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-2 { margin-left: 16.66666667%; } .col-xs-offset-1 { margin-left: 8.33333333%; } .col-xs-offset-0 { margin-left: 0; }
@media (min-width: 768px) {
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
float: left; }
.col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666667%; } .col-sm-10 { width: 83.33333333%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666667%; } .col-sm-7 { width: 58.33333333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666667%; } .col-sm-4 { width: 33.33333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.66666667%; } .col-sm-1 { width: 8.33333333%; } .col-sm-pull-12 { right: 100%; } .col-sm-pull-11 { right: 91.66666667%; } .col-sm-pull-10 { right: 83.33333333%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-8 { right: 66.66666667%; } .col-sm-pull-7 { right: 58.33333333%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-5 { right: 41.66666667%; } .col-sm-pull-4 { right: 33.33333333%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-2 { right: 16.66666667%; } .col-sm-pull-1 { right: 8.33333333%; } .col-sm-pull-0 { right: auto; } .col-sm-push-12 { left: 100%; } .col-sm-push-11 { left: 91.66666667%; } .col-sm-push-10 { left: 83.33333333%; } .col-sm-push-9 { left: 75%; } .col-sm-push-8 { left: 66.66666667%; } .col-sm-push-7 { left: 58.33333333%; } .col-sm-push-6 { left: 50%; } .col-sm-push-5 { left: 41.66666667%; } .col-sm-push-4 { left: 33.33333333%; } .col-sm-push-3 { left: 25%; } .col-sm-push-2 { left: 16.66666667%; } .col-sm-push-1 { left: 8.33333333%; } .col-sm-push-0 { left: auto; } .col-sm-offset-12 { margin-left: 100%; } .col-sm-offset-11 { margin-left: 91.66666667%; } .col-sm-offset-10 { margin-left: 83.33333333%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-8 { margin-left: 66.66666667%; } .col-sm-offset-7 { margin-left: 58.33333333%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-5 { margin-left: 41.66666667%; } .col-sm-offset-4 { margin-left: 33.33333333%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-2 { margin-left: 16.66666667%; } .col-sm-offset-1 { margin-left: 8.33333333%; } .col-sm-offset-0 { margin-left: 0; }

}
@media (min-width: 992px) {
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
float: left; }
.col-md-12 { width: 100%; } .col-md-11 { width: 91.66666667%; } .col-md-10 { width: 83.33333333%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66666667%; } .col-md-7 { width: 58.33333333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66666667%; } .col-md-4 { width: 33.33333333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.66666667%; } .col-md-1 { width: 8.33333333%; } .col-md-pull-12 { right: 100%; } .col-md-pull-11 { right: 91.66666667%; } .col-md-pull-10 { right: 83.33333333%; } .col-md-pull-9 { right: 75%; } .col-md-pull-8 { right: 66.66666667%; } .col-md-pull-7 { right: 58.33333333%; } .col-md-pull-6 { right: 50%; } .col-md-pull-5 { right: 41.66666667%; } .col-md-pull-4 { right: 33.33333333%; } .col-md-pull-3 { right: 25%; } .col-md-pull-2 { right: 16.66666667%; } .col-md-pull-1 { right: 8.33333333%; } .col-md-pull-0 { right: auto; } .col-md-push-12 { left: 100%; } .col-md-push-11 { left: 91.66666667%; } .col-md-push-10 { left: 83.33333333%; } .col-md-push-9 { left: 75%; } .col-md-push-8 { left: 66.66666667%; } .col-md-push-7 { left: 58.33333333%; } .col-md-push-6 { left: 50%; } .col-md-push-5 { left: 41.66666667%; } .col-md-push-4 { left: 33.33333333%; } .col-md-push-3 { left: 25%; } .col-md-push-2 { left: 16.66666667%; } .col-md-push-1 { left: 8.33333333%; } .col-md-push-0 { left: auto; } .col-md-offset-12 { margin-left: 100%; } .col-md-offset-11 { margin-left: 91.66666667%; } .col-md-offset-10 { margin-left: 83.33333333%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-8 { margin-left: 66.66666667%; } .col-md-offset-7 { margin-left: 58.33333333%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-5 { margin-left: 41.66666667%; } .col-md-offset-4 { margin-left: 33.33333333%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-2 { margin-left: 16.66666667%; } .col-md-offset-1 { margin-left: 8.33333333%; } .col-md-offset-0 { margin-left: 0; }
}
@media (min-width: 1200px) {
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
float: left; }
.col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66666667%; } .col-lg-10 { width: 83.33333333%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.66666667%; } .col-lg-7 { width: 58.33333333%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.66666667%; } .col-lg-4 { width: 33.33333333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.66666667%; } .col-lg-1 { width: 8.33333333%; } .col-lg-pull-12 { right: 100%; } .col-lg-pull-11 { right: 91.66666667%; } .col-lg-pull-10 { right: 83.33333333%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-8 { right: 66.66666667%; } .col-lg-pull-7 { right: 58.33333333%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-5 { right: 41.66666667%; } .col-lg-pull-4 { right: 33.33333333%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-2 { right: 16.66666667%; } .col-lg-pull-1 { right: 8.33333333%; } .col-lg-pull-0 { right: auto; } .col-lg-push-12 { left: 100%; } .col-lg-push-11 { left: 91.66666667%; } .col-lg-push-10 { left: 83.33333333%; } .col-lg-push-9 { left: 75%; } .col-lg-push-8 { left: 66.66666667%; } .col-lg-push-7 { left: 58.33333333%; } .col-lg-push-6 { left: 50%; } .col-lg-push-5 { left: 41.66666667%; } .col-lg-push-4 { left: 33.33333333%; } .col-lg-push-3 { left: 25%; } .col-lg-push-2 { left: 16.66666667%; } .col-lg-push-1 { left: 8.33333333%; } .col-lg-push-0 { left: auto; } .col-lg-offset-12 { margin-left: 100%; } .col-lg-offset-11 { margin-left: 91.66666667%; } .col-lg-offset-10 { margin-left: 83.33333333%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-8 { margin-left: 66.66666667%; } .col-lg-offset-7 { margin-left: 58.33333333%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-5 { margin-left: 41.66666667%; } .col-lg-offset-4 { margin-left: 33.33333333%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-2 { margin-left: 16.66666667%; } .col-lg-offset-1 { margin-left: 8.33333333%; } .col-lg-offset-0 { margin-left: 0; }
}
@media (min-width:320px) and (max-width: 680px) {
.venuebg { width:60%;}
}
@media (min-width:1200px) and (max-width: 1900px) {
.BlasterText { display:none; } .BlasterImage { display:; }
}

@media (max-width: 1170px) {
.box, .border-left {padding-left:0 !important; margin-left:0 !important; border-left:0 !important;}
}

@media (min-width: 320px) and (max-width:768px) {
.box, .border-left { width:100%}
}
@media (min-width: 320px) and (max-width:640px) {
.qcTabTitle  { display:none; }
}
@media (min-width: 320px) and (max-width:1200px) {
.BlasterImage { display:none; } .BlasterText { display:; text-align:center;} .qcTabTitle { padding:30px 0 10px 0;}
}
@media (min-width:980px) and (max-width: 1200px) {
.BlasterImage { display:none; }
.BlasterText { display:; text-align:center;}
}
.col-sm-3.booknow { float:right; margin-right:10px;}

.container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }
@media (min-width: 768px) {
.container { width: 750px; }
}
@media (min-width: 992px) {
.container { width: 970px; }
}
@media (min-width: 1200px) {
.container { width: 1170px; }
}
.map-button { border: 0 none; border-radius: 2px; color: #fff; cursor: pointer; display: inline-block; font-family: "Open Sans",sans-serif; font-size: 13px; letter-spacing: 1px; padding: 14px; text-transform: uppercase; margin-top: 15px; background: #e74c3c;}  

.img100 { width:100%}
.img100 img{ width:100%}