@charset "UTF-8";
@charset "UTF-8";
.row .cro_firstsix{
padding-right: 50px;
} .cro_splash-head{
margin-bottom: 50px;
}
.cro_splash-head h2{
color: #fff;
text-align: center;
}
.cro_splash-head p{
color: #fff !important;
text-align: center;
}
.cro_color-head{
margin-bottom: 50px;
}
.cromax_videopouch{
height: 0;
overflow: hidden;
} .cro_tab_container{
margin-bottom: 50px;
}
.cro_tab_header{
font-size: 18px;
border-bottom: 2px solid #222;
padding: 10px 0;
text-transform: uppercase;
margin-bottom: 15px;
}
.cro_tab_container ul.nav-tabs{
margin: 0;
padding: 0;
list-style-type: none;
border-bottom: 1px solid #999;
}
.cro_tab_container ul.nav-tabs li{
display: inline-block;
list-style-type: none;
margin: 0;
padding: 0 20px 20px 0;
float: left;
}
.cro_tab_container ul.nav-tabs li a{
color: #272727;
text-transform: uppercase;
padding: 0;
margin: 0;
overflow: hidden;
color: #aaa;
}
.cro_tab_container .tab-content{
padding: 20px 0 0 0;
}
.tab-pane {
display: none;
}
.cro_tab_container .tab-content p{
color: #777;
font-size: 15px;
}
.cro_tab_container ul.nav-tabs li.cro_activeli a{
font-weight: bold;
color: #222;
}
.cro_activediv{
display: block;
} .cro_accordion_container{
margin-bottom: 50px;
}
.cro_accordion_header{
font-size: 18px;
border-bottom: 2px solid #222;
padding: 10px 0;
text-transform: uppercase;
margin-bottom: 10px;
}
.cro_accordion_single{
border-bottom: 1px solid #aaa;
}
.accordion-pane{
padding: 25px 0 25px 0px;
cursor: pointer;
}
.accordion-pane i{
color: #ccc;
margin-right: 25px;
border :1px solid #ccc;
padding: 5px 7px 3px 7px;
-webkit-border-radius: 30px;
border-radius: 30px; 
}
.accordion-pane i.icon-remove{
padding: 4px 7px 4px 7px;
margin-top: -6px;
}
.accordion-pane:hover i{
border: 1px solid #666;
color: #666;
}
.accordion-pane i.icon-remove{
display: none;
}
.cro_activepane i.icon-remove{
display: inline-block;
}
.cro_activepane i.icon-plus{
display: none;
}
.accordion-cnt{
display: none;
padding-left: 55px;
}
.accordion-cnt p{
color: #777;
} .cro_icon_box{
text-align: center;
margin-bottom: 50px;
}
.cro_icon_box i{
background: #959C9F;
display: block;
margin: 0 auto 30px auto;
width: 120px;
height: 120px;
line-height: 120px;
text-align: center;
font-size: 80px;
-webkit-border-radius: 120px;
border-radius: 120px; 
}
.cro_icon_box h4{
text-transform: uppercase;
margin: 0;
color: #272727;
}
a.cro_boxlink{
background :#000;
padding: 10px 20px;
color: #fff;
font-size: 13px;
text-transform: uppercase;
}
p.cro_box_subtitle{
font-size: 12px !important;
} .cro_image_box{
text-align: center;
margin-bottom: 50px;
}
.cro_image_box h4{
text-transform: uppercase;
margin: 0;
color: #272727;
}
.cro_image_box img{
width: 200px;
height: 200px;
-webkit-border-radius: 200px;
border-radius: 200px; 
margin-bottom: 30px;
} #map-div *, #map-div *:before, #map-div *:after {
-moz-box-sizing: content-box!important;
-webkit-box-sizing: content-box!important;
box-sizing: content-box!important;  
}
#map-div img {
max-width: none;
}
#map-div label {
width: auto;
display: inline;
}
.entry-content ul.cro_directionscal{
list-style-type: none;
margin: 0;
padding: 0;
}
.entry-content ul.cro_directionscal li{
list-style-type: none;
margin: 0;
padding: 0;
}
.entry-content ul.cro_directionscal li.dir-label{
text-align: center;
text-transform: uppercase;
font-size: 16px;
color: #272727;
}
.entry-content ul.cro_directionscal li.cro_fromaddr{
text-align: center;
margin-bottom: 20px;
}
#cro_driveclick{
border: none;
color: #202020;
border: 2px solid #202020;
background: #ffffff;
padding: 10px 20px;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.entry-content ul.cro_directionscal li.cro_clickouter{
text-align: center;
padding-top: 20px;
}
#map-drv{
width: 100%;
height: 400px;
}
#map-drv *, #map-drv *:before, #map-drv *:after {
-moz-box-sizing: content-box!important;
-webkit-box-sizing: content-box!important;
box-sizing: content-box!important;  
}
#map-drv img {
max-width: none;
}
#map-drv label {
width: auto;
display: inline;
}
#map-str{
width: 100%;
height: 400px;
}
#map-str *, #map-str *:before, #map-str *:after {
-moz-box-sizing: content-box!important;
-webkit-box-sizing: content-box!important;
box-sizing: content-box!important;  
}
#map-str img {
max-width: none;
}
#map-str label {
width: auto;
display: inline;
}
.cro_dirmaps{
margin-bottom: 50px;
}
.cro_dirmaps ul{
list-style-type: none;
margin: 0;
padding: 0;
}
.cro_dirmaps  li{
list-style-type: none;
margin: 0;
padding: 0;
}
.cro_dirmaps  li.cro_fromaddr{
color: #777;
padding-bottom: 30px;
display: block;
}
.cro_dirmaps  li.cro_clickouter{
padding-top: 30px;
} .cro_ctcblock h2{
padding-bottom: 20px;
margin-bottom: 30px;
text-align: center;
border-bottom: 1px solid #d8d8d8;
}
.cro_ctctitle{
text-align: center;
font-size: 18px;
vertical-align: top;
padding-bottom: 10px;
}
.cro_ctccnt{
text-align: center;
font-size: 15px;
color: #808789;
vertical-align: top;
margin: 0 20px;
line-height: 1.6;
}
.cro_ctcitem{
margin-bottom: 20px;
} .cromax-hed{
position: relative;
margin-bottom: 50px;
}
.cromax-hed:after{
position: absolute;
top: 10px;
left: 10px;
right: 10px;
bottom: 10px;
border :3px solid #fff;
z-index: 1;
content: "";
opacity: 0.8;
}
.cromax-maskholder{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
}
.cromax-hed h3{
position: relative;
z-index: 1;
text-align: center;
color: #fff;
text-transform: uppercase;
padding: 0;
margin: 0 0 50px 0;
font-size: 29px;
font-weight: normal;
line-height: 1.7;
}
.cromax-hed p{
position: relative;
z-index: 1;
text-align: center;
color: #eee;
font-size: 22px;
padding: 0;
margin: 0;
line-height: 2;
opacity: 0.7;
} hr.cromax-seperator{
vertical-align: middle;
border: 0px solid #000;
display: block;
margin: 0;
} .cromax-ftb{
text-align: center;
}
.cro_ftb_img_a{
display: inline-block;
margin-bottom: 30px;
position: relative;
}
.cromax-ftb img{
width: 200px;
height: auto; 
position: relative;
z-index: 2;
}
.cromax-ftb .cro_ftb_img_a:before{
position: absolute;
top: 5px;
bottom: 5px;
left: 5px;
right: 5px;
left: 5px;
border: 3px solid #fff;
z-index: 3;
opacity: 0.8;
content: "";
}
.cromax-ftb i{
display: block;
text-align: center;
width: 170px;
height: 170px;
-webkit-border-radius: 100%;
border-radius: 100%; 
line-height: 170px;
font-size: 110px;
margin: 0 auto;
margin-bottom: 20px;
}
.cromax-ftb h3{
text-transform: uppercase;
margin: 0;
padding: 0;
}
.cromax-ftb h6{
color: #999;
text-transform: uppercase;
font-weight: normal;
margin: 0;
padding: 0;
font-size: 12px;
}
.cromax-ftb p{
color: #555;
padding: 20px 5px;
font-size: 16px;
line-height: 1.5;
}
.cromax-ftb a.cromax_morelink{
display: inline-block;
margin: 0 auto;
border: 2px solid #454545;
color: #454545;
padding: 10px 20px;
text-transform: uppercase;
font-size: 13px;
font-weight: bold;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
} ul.cromax_tweets{
list-style-type: none;
margin: 0;
padding: 0;
}
ul.cromax_tweets a:hover{
color: #fff;
}
.cromax_twitstring{
display: block;
}
.cromax_timesince{
}
.cromax_retweet{
float: right;
position: relative;
margin-left: 20px;
}
.cromax_reply{
float: right;	
position: relative;
margin-left: 20px;
}
.cromax_favorite{
float: right;	
position: relative;
margin-left: 20px;
}
.cromax_retweet em{
position: absolute;
top: -30px;
right: 0px;
background: #000;
background: rgba(0,0,0,0.6);
color: #fff;
font-size: 11px;
padding: 0 6px;
text-transform: uppercase;
display: none;
}
.cromax_retweet:hover em{
display: block;
}
.cromax_reply em{
position: absolute;
top: -30px;
right: 0px;
background: #000;
background: rgba(0,0,0,0.6);
color: #fff;
font-size: 11px;
padding: 0 6px;
text-transform: uppercase;
display: none;
}
.cromax_reply:hover em{
display: block;
}
.cromax_favorite em{
position: absolute;
top: -30px;
right: 0px;
background: #000;
background: rgba(0,0,0,0.6);
color: #fff;
font-size: 11px;
padding: 0 6px;
text-transform: uppercase;
display: none;
}
.cromax_favorite:hover em{
display: block;
} .cro-sidebar-inner{
position: relative;
}
.cromax_playerbutdiv{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.2);
cursor: pointer;
}
.cromax_playerbutdiv i{
display: block;
font-size: 64px;
color: #fff;
text-align: center;
line-height: 100px;
}
.cromax_videodesc{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
z-index: 2;
background: #000;
color: #fff;
text-align: center;
} .reveal-modal-bg {
position: fixed;
height: 100%;
width: 100%;
background: black;
background: rgba(0, 0, 0, 0.45);
z-index: 98;
display: none;
top: 0;
left: 0; }
.reveal-modal {
visibility: hidden;
display: none;
position: absolute;
left: 50%;
z-index: 99;
height: auto;
margin-left: -40%;
width: 80%;
background-color: white;
padding: 1.25em;
border: solid 1px #666666;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
top: 50px; 
}
.reveal-modal .column,
.reveal-modal .columns {
min-width: 0; 
}
.flex-video {
overflow: auto;
}
.reveal-modal > :first-child {
margin-top: 0; 
}
.reveal-modal > :last-child {
margin-bottom: 0; 
}
.reveal-modal .close-reveal-modal {
font-size: 20px;
line-height: 1.6;
position: absolute;
top: -10px;
right: -10px;
color: #aaaaaa;
font-weight: bold;
cursor: pointer; 
background: #000;
height: 24px;
width: 24px;
line-height: 19px;
text-align: center;
-webkit-border-radius: 24px 24px 24px 24px;
border-radius: 24px 24px 24px 24px;
}
@media only screen and (min-width: 768px) {
.reveal-modal {
padding: 1.875em;
top: 6.25em; 
}
.reveal-modal.tiny {
margin-left: -15%;
width: 30%; 
}
.reveal-modal.small {
margin-left: -20%;
width: 40%;
}
.reveal-modal.medium {
margin-left: -30%;
width: 60%; 
}
.reveal-modal.large {
margin-left: -35%;
width: 70%; 
}
.reveal-modal.xlarge {
margin-left: -47.5%;
width: 95%; 
} 
}
@media print {
.reveal-modal {
background: white !important; 
}
} .widget_cromax-latestnews img{
width: 60px;
height: auto;
float: left;
margin-right: 20px;
margin-bottom: 40px;
}
.widget_cromax-latestnews .cromax_singlep:last-child img{
margin-bottom: 0px;
}
.widget_cromax-latestnews h6{
text-transform: uppercase;
font-size: 13px;
margin-bottom: 5px;
}
.widget_cromax-latestnews p{
line-height: 1.4;
font-size: 13px;
margin-top: -4px;
} .widget_cromax_twitter .cromax_twitstring{
line-height: 1.4;
font-size: 12px;
margin-bottom: 10px;
}
.widget_cromax_twitter ul.cromax_tweets li{
margin-bottom: 20px;
overflow: auto;
}
.cro_bodysidebar ul li.widget_cromax_twitter a.cromax_timesince{
font-weight: bold;
line-height: 11px;
display: block;
float: left;
}
.cromax_favorite i{
line-height: 18px;
}
.cromax-pct, .cro_ctcblock, #map-div{
margin-bottom: 40px;
} form.wpcf7-form p{
font-size: 12px;
font-weight: bold;
text-align: center;
margin-bottom: 30px;
}
form.wpcf7-form input{
padding: 10px;
background: #FBF9FA;
border: 1px solid #d8d8d8;
-webkit-box-shadow: 0 0 0 0 #000000;
box-shadow: 0 0 0 0 #000000;
height: 40px
}
form.wpcf7-form select{
padding: 10px;
background: #FBF9FA;
border: 1px solid #d8d8d8;
-webkit-box-shadow: 0 0 0 0 #000000;
box-shadow: 0 0 0 0 #000000;
height: 40px
}
form.wpcf7-form .wpcf7-radio .wpcf7-list-item{
display: block;
padding: 0 50px;
width: 100%;
text-align: left;
}
form.wpcf7-form .wpcf7-radio .wpcf7-list-item input{
height: 10px;
font-size: 16px;
}
.wpcf7-validation-errors{
background: #e8c018;
color: #fff;
border: 0px solid #000 !important;
padding: 20px !important;
line-height: 1.6em;
}
form.wpcf7-form input.wpcf7-file{
height: 40px;
}
form.wpcf7-form input.wpcf7-range{
width: 100%;
}
form.wpcf7-form  textarea{
padding: 10px;
background: #FBF9FA;
border: 1px solid #d8d8d8;
-webkit-box-shadow: 0 0 0 0 #000000;
box-shadow: 0 0 0 0 #000000;
height: 120px
}
form.wpcf7-form input.wpcf7-submit{
border: 2px solid #000;
color: #000;
background: #fff;
padding : 10px 30px;
text-transform: uppercase;
-webkit-box-shadow: none;
box-shadow: none;
} .cromax-pic{
position: relative;
overflow: hidden;
margin-bottom: 50px;
}
.cromax-pic a{
position: relative;
display :block;
overflow: hidden;
}
.cromax-pic a img{
width: 100%;
height: auto;
}
.cromax-pic h5.cromapic-title{
position: absolute;
bottom: 0;
left: 0;
background: #000;
background: rgba(0,0,0,0.6);
padding: 10px 0;
text-align: center;
width: 100%;
color: #fff;
margin: 0;
font-weight: normal;
} .cromax-cta{
padding: 30px 0;
text-align: center;
-webkit-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
}
.cromax-cta h4{
margin: 0;
display: inline-block;
font-size: 20px;
}
.cromax-cta a{
margin: 0;
display: inline-block;
padding: 10px;
-webkit-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
margin-left: 30px;
}
.cromax-cta a:hover{
border: 1px solid transparent !important;
} .cromax-htm p{
color: #777;
} .cromax_tablecal{
background: #f5f5f5;
border: 4px solid #fff;
-webkit-box-shadow: 0 0 0 3px #f5f5f5;
box-shadow: 0 0 0 3px #f5f5f5;
}
ul.calhead{
list-style-type: none;
margin: 0;
padding: 0;
text-align: center;
text-transform: uppercase;
}
ul.calhead li{
display: inline-block;
width: 33.33%;
padding: 10px 0;
font-size: 30px;
}
ul.calhead li.prevm{
text-align: left;
}
ul.calhead li.pnext{
text-align: right;
}
ul.calhead li.prevm i{
margin-left: 25px;
}
ul.calhead li.pnext i{
margin-right: 25px;
}
ul.calday{
list-style-type: none;
margin: 0;
padding: 0;
text-align: center;
margin-bottom: 20px;
}
ul.calday li{
display: inline-block;
width: 13.2%;
color: #fff;
background: #343434;
text-transform: uppercase;
padding: 5px 0;
}
ul.maincal{
list-style-type: none;
margin: 0;
padding: 0;
text-align: center;
}
ul.maincal li {
display: inline-block;
font-size: 16px;
height: auto;
min-width: 80px;
vertical-align: middle;
width: 13.6%;
padding: 2px;
}
ul.maincal li.daynum span.daybox {
background: #FFFFFF;
border: 1px solid #d8d8d8;
display: block;
font-size: 16px;
min-height: 120px;
padding: 5px 0;
position: relative;
text-align: center;
}
ul.maincal li.daynum span.daybox span.daynumber{
display: block;
float: left;
margin-left: 10px;
color: #999;
}
ul.maincal li.daynum span.thisday{
color: #fff;
background: #343434;
}
ul.maincal li.daynum span.daybox span.stringer{
display: block;
}
ul.maincal li.daynum span.daybox span.stringer span.numbday{
float: left;
margin-left: 10px;
}
ul.maincal li.daynum span.daybox span.stringer span.numbtime{
float: right;
margin-right: 10px;
color: #999;
font-size: 13px;
}
ul.maincal li.daynum span.daybox span.stringer span.numbdesc{
display: block;
background: #eee;
font-size: 13px;
text-transform: uppercase;
font-weight: bold;
}
ul.maincal li.daynum span.thisday span.stringer span.numbdesc{
background: #5F5959;
color: #fff !important;
}
ul.maincal li.daynum span.thisday span.stringer span.numbdesc a{
background: #5F5959;
color: #fff !important;
}
.cromax_agendacal ul.cro_agendatwister{
list-style-type: none;
margin: 0;
padding: 0;
text-align: center;
}
.cromax_agendacal ul.cro_agendatwister li{
list-style-type: none;
margin: 0% 1%;
padding: 0;
display: inline-block;
width: 30%;
background: #F5F5F5;
margin-bottom: 30px;
vertical-align: top;
}
.cromax_agendacal ul.cro_agendatwister li .agendadate {
background: none repeat scroll 0 0 #000000;
border: 3px solid #F3F1F2;
color: #FFFFFF;
font-size: 12px;
height: 50px;
line-height: 14px;
margin: -40px auto 0;
position: relative;
text-transform: uppercase;
width: 50px;
z-index: 2;
}
.cromax_agendacal ul.cro_agendatwister li .agendadate  span.first {
display: block;
padding-top: 8px;
text-align: center;
}
.cromax_agendacal ul.cro_agendatwister li .agendadate  span.second {
display: block;
text-align: center;
}
.cromax_agendacal ul.cro_agendatwister li .clarlabel {
padding: 10px 0 20px;
}
.cromax_agendacal ul.cro_agendatwister li .clarlabel a {
border: 2px solid #565656;
color: #565656;
font-size: 12px;
font-weight: bold;
padding: 8px 16px;
text-decoration: none;
text-transform: uppercase;
}
.cromax_agendacal ul.cro_agendatwister li  p {
color: #777777;
font-size: 14px;
margin: 0;
padding: 5px 20px;
}
.cromax_agendacal ul.cro_agendatwister li h5 {
margin-bottom: 10px;
}
.cromax_agendacal ul.calhead{
background: none repeat scroll 0 0 #F5F5F5;
border: 4px solid #FFFFFF;
-webkit-box-shadow: 0 0 0 3px #f5f5f5;
box-shadow: 0 0 0 3px #f5f5f5;
color: #272727;
font-size: 28px;
font-weight: normal;
margin-bottom: 20px;
margin-left: 10%;
margin-right: 10%;
padding: 15px;
text-align: center;
}
.cromax_agendacal ul.calhead li{
padding: 0;
}
.cromax_agendacal ul.calhead li i{
padding: 8px 10px 5px 10px;
cursor: pointer;
font-size: 16px;
vertical-align: 30%;
border: 2px solid #202020;
}
.cromax_agendacal ul.calhead li i:hover{
border: 2px solid #202020;
color: #202020;
}
.cromax_tablecal ul.calhead li i{
border: 2px solid #ccc;
padding: 8px 10px 5px 10px;
cursor: pointer;
color: #ccc;
font-size: 16px;
vertical-align: 30%;
}
.cromax_tablecal ul.calhead li i:hover{
color: #343434;
border: 2px solid #343434;
}
#calendarlayout{
background: #fff;
}
.cro_calendarsidebar h4{
-webkit-box-shadow: 0 0 0 3px #f5f5f5;
box-shadow: 0 0 0 3px #f5f5f5;
text-transform: uppercase;
text-align: center;
border: 4px solid #fff;
background: #f5f5f5;
padding: 10px 0;
}
.cro_calendarsidebar .cro_timewithimage{
text-transform: uppercase;
background: #272727;
text-align: center;
color: #fff;
padding: 10px 0;
margin-bottom: 30px;
}
.cro_calendarsidebar .cro_maindate{
text-transform: uppercase;
background: #f5f5f5;
text-align: center;
color: #272727;
padding: 10px 0;
font-size: 18px;
margin: 0px;	
margin-bottom: 50px;
}
.cro_calsingleimg img{
width: 100%;
}
.cro_calendarsidebar .cro_datebylines{
color: #777;
margin-bottom: 0;
}
.cromaxcal_byline{
padding: 20px;
text-align: center;
line-height: 1.6;
background: #F5F5F5;
margin-bottom: 30px;
} .cro_schedbloxouter{
display: none;
}
.cro_bookingsform{
position: relative;
margin: 0;
}
.cro_bookingsform .cro_calendarholder{
padding: 10px;
border: 1px solid #eee;
background: #fff;
}
.cro_bookingsforminner{
background: #FCFCFC;
padding: 20px;
border: 1px solid #eee;
position: relative;
margin-bottom: 50px;
}
form#croma_bookingform{
margin: 0;
}
form#croma_bookingform label{
font-size: 12px;
text-transform: uppercase;
}
form#croma_bookingform input{
background: rgba(255,255,255,0.7);
-webkit-box-shadow: 0 0 0 0 #000000;
box-shadow: 0 0 0 0 #000000;
margin-bottom: 5px;
}
.cro_bookingsform table tbody td.daynum span.cro_isselected{
background: #000;
color: #fff;
}
form#croma_bookingform p{
margin: 0;
}
.cro_bookingsoverlay1{
position: absolute;
width: 100%;
height: 100%;
background: transparent;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000)"; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000); zoom: 1;
background: rgba(0,0,0,0.6); 
top: 0;
left: 0;
text-align: center;
display: none;
}
.cro_bookingsoverlay1 .bookingsldr{
width: 66px;
height: 66px;
top: 50%;
left: 50%;
position: absolute;
margin: -33px 0 0 -33px;
background: url(//graftonstdinnertheatre.com/wp-content/plugins/cromax/assets/images/bookloader.gif) no-repeat center;
}
.cro_bookingsoverlay1 .cro_ldrmess{
color: #9f9f9f;
display: inline-block;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px; 
padding: 10px;
margin-top: 20px;
border: 1px solid #888;
font-size: 14px;
text-transform: uppercase;
background: rgba(0,0,0,0.5);
}
.cro_bookingsoverlay2{
position: absolute;
width: 100%;
height: 100%;
background: transparent;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000)"; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000); zoom: 1;
background: rgba(0,0,0,0.6);
top: 0;
left: 0;
text-align: center;
display: none;
}
.cro_bookingsoverlay2 .bookingsldr{
width: 66px;
height: 66px;
top: 50%;
left: 50%;
position: absolute;
margin: -33px 0 0 -33px;
background: url(//graftonstdinnertheatre.com/wp-content/plugins/cromax/assets/images/bookloader.gif) no-repeat center;
}
.cro_bookingsoverlay2 .cro_ldrmess{
color: #9f9f9f;
display: inline-block;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px; 
padding: 10px;
margin-top: 20px;
border: 1px solid #888;
font-size: 14px;
text-transform: uppercase;
background: rgba(0,0,0,0.5);
}
.cro_bookingsform table{
border: none;
margin: 0px;
}
.cro_bookingsform table tbody tr{
background: transparent;
}
.cro_bookingsform table tr.calhead{
background: transparent;
font-size: 24px !important;
text-transform: uppercase;
line-height: 35px;
}
.cro_bookingsform table tr.calhead span.caldir{
font-size: 24px;
}
.cro_bookingsform table tbody td.daynum{
background: #FBFBFB;
padding: 1px;
cursor: pointer;
width: 14%;
}
.cro_bookingsform table tbody td.daynum span{
display: block;
text-transform: uppercase;
font-weight: bold;
text-align: center;
color: #545454;
background: rgba(0,0,0,0.04);
}
.cro_bookingsform table tbody td.daynum span.daynumber{
border: 1px solid #bbb;
}
.cro_bookingsform table tbody td.daynum span.daynumber{
padding: 10px 0;
max-width: 100%;
}
.cro_bookingsform table tbody td.daynum span.thisday span{
color: #fff;
}
.cro_bookingsform table tbody td.daynum span.thisday span.cro_blockedday{
color: rgba(0, 0, 0, 0.15);
}
.cro_bookingsform table tbody td.daynum span.thisday:hover{
background: #000;
}
.cro_bookingsform table tbody td.daynum span.thisday:hover span{
color: #fff;
}
.cro_bookingsform .bookingcommt{
display: none;
}
.cro_bookingsform table tbody tr td.dayname{
text-align: center;
padding: 5px 0;
background: #343434;
margin-bottom: 5px;
border-bottom: 5px solid #FFFFFF;
text-transform: uppercase;
color: #fff;
}
.cro_bookingsform table tbody td.daynum span.cro_blockedday, .cro_bookingsform table tbody td.daynum span.cro_isblocked,  .cro_bookingsform table tbody td.daynum span.cro_dayhaspassed{
background: #FCFCFC;
color: rgba(0,0,0,0.15);
text-shadow: 1px 1px 0px #fff;
cursor: inherit;
}
.cro_bookingsform .bookerror{
background: #CD3450;
color: #fff;
display: none;
margin-bottom: 5px;
padding: 20px;
text-align: center;
width: 100%;
}
.cro_bookingsform .booksuccess {
background: #23A38F;
color: #fff;
display: none;
margin-bottom: 5px;
padding: 20px;
text-align: center;
width: 100%;
}
.cro_bookingsform .bookinglocation{
display: none;
}
.cro_bookingsform input{
width: 93%;
padding: 10px;
height: auto;
max-width: 100%;
}
.cro_bookingsform h5{
text-align: center;
margin-top: 0px;
color: #202020;
margin-bottom: 30px;
}
.cro_bookingsform table tbody td.daynum span.daynumber:hover{
color: #fff;
text-shadow: 0px 0px 0px #fff;
}
form#croma_bookingform input.cro_bookingformsub{
border:2px solid #000;
color: #000;
-webkit-box-shadow: none;
box-shadow: none;
font-size: 13px;
font-weight: bold;
text-shadow: none;
text-align: center;
padding: 13px 0px;
width: 100%;
text-transform: uppercase;
}
.cro_bookingsform .timeselect{
width: 48%;
float: left;
display: block;
text-indent: 10px;
background: #FCFCFC;
padding: 8px 0;
margin : 0;
text-transform: uppercase;
color: #000;
cursor: pointer;
border: 1px solid #eee;
position: relative;
margin: 0 1%;
font-size: 13px;
}
.cro_bookingsform .timeselect:after{
position: absolute;
top: 5px;
right: 5px;
background: #BFBFBF;
height: 20px;
content: "";
width: 20px;
}
.cro_bookingsform .timeselectselected:after{
position: absolute;
top: 5px;
right: 5px;
background: #000;
height: 20px;
content: "";
width: 20px;
}
.cro_bookingsform textarea{
width: 100%;
background: rgba(255,255,255,0.7);
-webkit-box-shadow: 0 0 0 0 #000000;
box-shadow: 0 0 0 0 #000000;
}
.cro_bookingsform select{
width: 100%;
padding: 5px;
background: #FCFCFC;
}
.cro_bookingsform .timevalues{
display: none;
}
.cro_bookingsform .cro_showtimes{
border: 1px solid #ddd;
background: #fff;
margin-bottom: 20px;
display: block;
margin-top: 20px;
padding: 10px;
}
.cro_bookingsform .timeselectheader{
text-align: center;
padding: 10px 0;
text-transform: uppercase;
font-weight: bold;
margin-bottom: 5px;
}
.cro_bookingsform .overlaystuff{
background: rgba(0,0,0,0.2);
width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
display: none;
}
.cro_bookingsform .overlaymsg{
position: absolute;
top: 50%;
left: 10%;
padding: 3%;
width: 76%;
background: rgba(0,0,0,0.6);
color: #fff;
-webkit-border-radius: 5px;
border-radius: 5px; 
font-weight: bold;
text-transform: uppercase;
text-align: center;
}
.cro_bookingsform .prevm, .cro_bookingsform .nextm{
cursor: pointer;
font-size: 18px;
font-weight: bold;
vertical-align: top;
}
.cro_bookingsform .prevm{
display: none;
}
.cro_bookingsform table tbody td.daynum span.cro_blockedday:hover, .cro_bookingsform table tbody td.daynum span.cro_isblocked:hover,  .cro_bookingsform table tbody td.daynum span.cro_dayhaspassed:hover{
background: #EFEFEF !important;
color: #BFBFBF !important;
text-shadow: 1px 1px 0px #fff !important;
cursor: default !important;
}
.cro_bookingsform table tbody td.daynum span.cro_dayhaspassed:hover,   .cro_bookingsform table tbody td.daynum span.cro_blockedday:hover{
background: #fcfcfc !important;
color: rgba(0, 0, 0, 0.15) !important;
} .cro_fdmblock h3{
text-align: center;
margin: 0;
padding-bottom: 10px;
font-size: 25px;
}
.cro_fdmblock h5{
margin: 0;
padding-bottom: 10px;
font-weight: normal;
font-size: 18px;
}
.cro_fdmblock .cromax_fdm_item{
border-bottom: 1px dashed #ddd;
margin-bottom: 20px;
}
.cro_fdmblock p.cro_fdm_desc{
text-align: center;
color: #676767;
font-size: 18px;
margin-bottom: 50px;
border-bottom: 4px double #777;
padding-bottom: 30px;
}
.cro_fdmblock ul{
list-style-type: none;
margin: 0;
padding: 0;
}
.cro_fdmblock ul li{
display: block;
}
.cro_fdmblock  ul li p{
margin-right: 15%;
color: #999;
font-size: 14px;
}
.cromax_fdm_quicklist .cromax_fdm_price{
float: right;
margin-left: 50px;
}
.cromax_fdm_img{
float: left;
width: 15%;
}
.cromax_fdm_img img{
width: 70%;
margin-bottom: 30px;
}


                                article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {display: block;}
audio,canvas,video {display: inline-block;}audio:not([controls]) {display: none;height: 0;}[hidden] {display: none;}
html {background: #fff; color: #000; font-family: sans-serif;-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
body {margin: 0;}a:focus {outline: thin dotted;}a:active,a:hover {outline: 0;}h1 {font-size: 2em;margin: 0.67em 0;}
abbr[title] {border-bottom: 1px dotted;}b,strong {font-weight: bold;}dfn {font-style: italic;}
hr {-moz-box-sizing: content-box;box-sizing: content-box;height: 0;}mark {background: #ff0;color: #000;}
code,kbd,pre,samp {font-family: monospace, serif;font-size: 1em;}pre {white-space: pre-wrap;}
q {quotes: "\201C" "\201D" "\2018" "\2019";}small {font-size: 80%;}sub,sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sup {top: -0.5em;}sub {bottom: -0.25em;}img {border: 0;}svg:not(:root) {overflow: hidden;}figure {margin: 0;}
fieldset {border: 1px solid #c0c0c0;margin: 0 2px;padding: 0.35em 0.625em 0.75em;}legend {border: 0;padding: 0;}
button,input,select,textarea {font-family: inherit; font-size: 100%;margin: 0;}button,input {line-height: normal;}
button,select {text-transform: none;}button,html input[type="button"], input[type="reset"],input[type="submit"] {-webkit-appearance: button;cursor: pointer;}
button[disabled],html input[disabled] {cursor: default;}input[type="checkbox"],input[type="radio"] {box-sizing: border-box; padding: 0;}
input[type="search"] {-webkit-appearance: textfield; -moz-box-sizing: content-box;-webkit-box-sizing: content-box; box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
button::-moz-focus-inner,input::-moz-focus-inner {border: 0;padding: 0;}textarea {overflow: auto;vertical-align: top;}
table {border-collapse: collapse;border-spacing: 0;} *,*:before,*:after {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; }
html,body {font-size: 100%; }
a:hover {cursor: pointer;}
a:focus {outline: none; }
img,object,embed {max-width: 100%;height: auto;}
object,embed {height: 100%; }
img {-ms-interpolation-mode: bicubic;}
#map_canvas img,#map_canvas embed,#map_canvas object,.map_canvas img,.map_canvas embed,
.map_canvas object {max-width: none !important; }
.left {float: left !important; }
.right {float: right !important; }
.text-left {text-align: left !important; }
.text-right {text-align: right !important; }
.text-center {text-align: center !important; }
.text-justify {text-align: justify !important; }
.hide {display: none; }
.antialiased {-webkit-font-smoothing: antialiased; }
img {display: inline-block;vertical-align: middle; }
textarea {height: auto;min-height: 50px; }
select {width: 100%; }
.row {width: 100%;margin-left: auto;margin-right: auto;margin-top: 0;margin-bottom: 0;max-width: 65.3em;*zoom: 1; }
.row:before, .row:after {content: " ";display: table; }
.row:after {clear: both; }
.row.collapse .column,.row.collapse .columns {position: relative;padding-left: 0;padding-right: 0;float: left; }
.row .row {width: auto;margin-left: -0.9375em;margin-right: -0.9375em;margin-top: 0;margin-bottom: 0;max-width: none;*zoom: 1; }
.row .row:before, .row .row:after {content: " ";display: table; }
.row .row:after {clear: both; }
.row .row.collapse {width: auto;margin: 0;max-width: none;*zoom: 1; }
.row .row.collapse:before, .row .row.collapse:after {content: " ";display: table; }
.row .row.collapse:after {clear: both; }
.column,.columns {position: relative;padding-left: 0.9375em;padding-right: 0.9375em;width: 100%;float: left; }
@media only screen { 
.column,.columns {position: relative;padding-left: 0.9375em;padding-right: 0.9375em;float: left; }
.small-1 {position: relative;width: 8.33333%; }
.small-2 {position: relative;width: 16.66667%; }
.small-3 {position: relative;width: 25%; }
.small-4 {position: relative;width: 33.33333%; }
.small-5 {position: relative;width: 41.66667%; }
.small-6 {position: relative;width: 50%; }
.small-7 {position: relative;width: 58.33333%; }
.small-8 {position: relative;width: 66.66667%; }
.small-9 {position: relative;width: 75%; }
.small-10 {position: relative;width: 83.33333%; }
.small-11 {position: relative;width: 91.66667%; }
.small-12 {position: relative;width: 100%; }
.small-offset-0 {position: relative;margin-left: 0%; }
.small-offset-1 {position: relative;margin-left: 8.33333%; }
.small-offset-2 {position: relative;margin-left: 16.66667%; }
.small-offset-3 {position: relative;margin-left: 25%; }
.small-offset-4 {position: relative;margin-left: 33.33333%; }
.small-offset-5 {position: relative;margin-left: 41.66667%; }
.small-offset-6 {position: relative;margin-left: 50%; }
.small-offset-7 {position: relative;margin-left: 58.33333%; }
.small-offset-8 {position: relative;margin-left: 66.66667%; }
.small-offset-9 {position: relative;margin-left: 75%; }
.small-offset-10 {position: relative;margin-left: 83.33333%; }
[class*="column"] + [class*="column"]:last-child {float: right; }
[class*="column"] + [class*="column"].end {float: left; }
.column.small-centered,.columns.small-centered {position: relative;margin-left: auto;margin-right: auto;float: none !important; } 
} @media only screen and (min-width: 768px) {
.large-1 {position: relative;width: 8.33333%; }
.large-2 {position: relative;width: 16.66667%; }
.large-3 {position: relative;width: 25%; }
.large-4 {position: relative;width: 33.33333%; }
.large-5 {position: relative;width: 41.66667%; }
.large-6 {position: relative;width: 50%; }
.large-7 {position: relative;width: 58.33333%; }
.large-8 {position: relative;width: 66.66667%; }
.large-9 {position: relative;width: 75%; }
.large-10 {position: relative;width: 83.33333%; }
.large-11 {position: relative;width: 91.66667%; }
.large-12 {position: relative;width: 100%; }
.row .large-offset-0 {position: relative;margin-left: 0%; }
.row .large-offset-1 {position: relative;margin-left: 8.33333%; }
.row .large-offset-2 {position: relative;margin-left: 16.66667%; }
.row .large-offset-3 {position: relative;margin-left: 25%; }
.row .large-offset-4 {position: relative;margin-left: 33.33333%; }
.row .large-offset-5 {position: relative;margin-left: 41.66667%; }
.row .large-offset-6 {position: relative;margin-left: 50%; }
.row .large-offset-7 {position: relative;margin-left: 58.33333%; }
.row .large-offset-8 {position: relative;margin-left: 66.66667%; }
.row .large-offset-9 {position: relative;margin-left: 75%; }
.row .large-offset-10 {position: relative;margin-left: 83.33333%; }
.row .large-offset-11 {position: relative;margin-left: 91.66667%; }
.push-1 {position: relative;left: 8.33333%;right: auto; }
.pull-1 {position: relative;right: 8.33333%;left: auto; }
.push-2 {position: relative;left: 16.66667%;right: auto; }
.pull-2 {position: relative;right: 16.66667%;left: auto; }
.push-3 {position: relative;left: 25%;right: auto; }
.pull-3 {position: relative;right: 25%;left: auto; }
.push-4 {position: relative;left: 33.33333%;right: auto; }
.pull-4 {position: relative;right: 33.33333%;left: auto; }
.push-5 {position: relative;left: 41.66667%;right: auto; }
.pull-5 {position: relative;right: 41.66667%;left: auto; }
.push-6 {position: relative;left: 50%;right: auto; }
.pull-6 {position: relative;right: 50%;left: auto; }
.push-7 {position: relative;left: 58.33333%;right: auto; }
.pull-7 {position: relative;right: 58.33333%;left: auto; }
.push-8 {position: relative;left: 66.66667%;right: auto; }
.pull-8 {position: relative;right: 66.66667%;left: auto; }
.push-9 {position: relative;left: 75%;right: auto; }
.pull-9 {position: relative;right: 75%;left: auto; }
.push-10 {position: relative;left: 83.33333%;right: auto; }
.pull-10 {position: relative;right: 83.33333%;left: auto; }
.push-11 {position: relative;left: 91.66667%;right: auto; }
.pull-11 {position: relative;right: 91.66667%;left: auto; }
.column.large-centered,.columns.large-centered {position: relative;margin-left: auto;margin-right: auto;float: none !important; }
.column.large-uncentered,.columns.large-uncentered {margin-left: 0;margin-right: 0;float: left !important; }
.column.large-uncentered.opposite,.columns.large-uncentered.opposite {float: right !important; } 
} div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,th,td {margin: 0;padding: 0;direction: ltr; }
hr {border: solid #dddddd;border-width: 1px 0 0;clear: both;margin: 1.25em 0 1.1875em;height: 0; }
em,i {font-style: italic;line-height: inherit; }
strong,b {font-weight: bold;line-height: inherit; }
small {font-size: 60%;line-height: inherit; }
ul,ol,dl {font-size: 1em;line-height: 1.6;margin-bottom: 1.25em;list-style-position: outside;font-family: inherit; }
ul, ol {margin-left: 0; }
ul li ul,ul li ol {margin-left: 1.25em;margin-bottom: 0;font-size: 1em;}
ul.square li ul, ul.circle li ul, ul.disc li ul {list-style: inherit; }
ul.square {list-style-type: square; }
ul.circle {list-style-type: circle; }
ul.disc {list-style-type: disc; }
ul.no-bullet {list-style: none; }
ol li ul,ol li ol {margin-left: 1.25em;margin-bottom: 0; }
dl dt {margin-bottom: 0.3em;font-weight: bold; }
dl dd {margin-bottom: 0.75em; }
abbr,acronym {text-transform: uppercase;font-size: 90%;color: #222222;border-bottom: 1px dotted #dddddd;cursor: help; }
abbr {text-transform: none; }
input[type="text"],input[type="password"],input[type="date"],input[type="datetime"],input[type="datetime-local"],
input[type="month"],input[type="week"],input[type="email"],input[type="number"],input[type="search"],input[type="tel"],
input[type="time"],input[type="url"],textarea {
background-color: white;
font-family: inherit;
border: 1px solid #cccccc;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
color: rgba(0, 0, 0, 0.75);
display: block;
font-size: 0.875em;
margin: 0 0 1em 0;
padding: 0.5em;
height: 2.3125em;
width: 100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: -webkit-box-shadow 0.45s, border-color 0.45s ease-in-out;
-moz-transition: -moz-box-shadow 0.45s, border-color 0.45s ease-in-out;
transition: box-shadow 0.45s, border-color 0.45s ease-in-out; }
input[type="text"]:focus,input[type="password"]:focus,input[type="date"]:focus,input[type="datetime"]:focus,
input[type="datetime-local"]:focus,input[type="month"]:focus,input[type="week"]:focus,input[type="email"]:focus,
input[type="number"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="time"]:focus,input[type="url"]:focus,
textarea:focus {
-webkit-box-shadow: 0 0 5px #999999;
-moz-box-shadow: 0 0 5px #999999;
box-shadow: 0 0 5px #999999;
border-color: #999999; }
input[type="text"]:focus,input[type="password"]:focus,input[type="date"]:focus,input[type="datetime"]:focus,
input[type="datetime-local"]:focus,input[type="month"]:focus,input[type="week"]:focus,input[type="email"]:focus,
input[type="number"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="time"]:focus,
input[type="url"]:focus,textarea:focus {
background: #fafafa;
border-color: #999999;
outline: none; }
input[type="text"][disabled],input[type="password"][disabled],input[type="date"][disabled],input[type="datetime"][disabled],
input[type="datetime-local"][disabled],input[type="month"][disabled],input[type="week"][disabled],input[type="email"][disabled],
input[type="number"][disabled],input[type="search"][disabled],input[type="tel"][disabled],input[type="time"][disabled],
input[type="url"][disabled],textarea[disabled] {background-color: #dddddd; } input[type="file"],input[type="checkbox"],input[type="radio"],select {
margin: 0 0 1em 0; }
input[type="file"] {
width: 100%; } fieldset {
border: solid 1px #dddddd;
padding: 1.25em;
margin: 1.125em 0; }
fieldset legend {
font-weight: bold;
background: white;
padding: 0 0.1875em;
margin: 0;
margin-left: -0.1875em; } .error input,input.error,.error textarea,textarea.error {
border-color: #c60f13;
background-color: rgba(198, 15, 19, 0.1); }
.error input:focus,input.error:focus,.error textarea:focus,textarea.error:focus {
background: #fafafa;
border-color: #999999; }
.error label,label.error {
color: #c60f13; }
.error small,small.error {
display: block;
padding: 0.375em 0.25em;
margin-top: -1.3125em;
margin-bottom: 1em;
font-size: 0.75em;
font-weight: bold;
background: #c60f13;
color: white; } .flex-video {
position: relative;
padding-top: 1.5625em;
padding-bottom: 67.5%;
height: 0;
margin-bottom: 1em;
overflow: hidden; }
.flex-video.widescreen {
padding-bottom: 57.25%; }
.flex-video.vimeo {
padding-top: 0; }
.flex-video iframe,.flex-video object,.flex-video embed,.flex-video video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; } table {
background: white;
margin-bottom: 1.25em;
border: solid 1px #dddddd; }
table thead,table tfoot {
background: whitesmoke;
font-weight: bold; }
table thead tr th,table thead tr td,table tfoot tr th,table tfoot tr td {
padding: 0.5em 0.625em 0.625em;
font-size: 0.875em;
color: #222222;
text-align: left; }
table tr th,table tr td {
padding: 0.5625em 0.625em;
font-size: 0.875em;
color: #222222; }
table tr.even, table tr.alt, table tr:nth-of-type(even) {
background: #f9f9f9; }
table thead tr th,table tfoot tr th,table tbody tr td,table tr td,table tfoot tr td {
display: table-cell;
line-height: 1.125em; } [data-section=''], [data-section='auto'], .section-container.auto,
[data-section='vertical-tabs'], .section-container.vertical-tabs,
[data-section='vertical-nav'], .section-container.vertical-nav,
[data-section='horizontal-nav'], .section-container.horizontal-nav,
[data-section='accordion'], .section-container.accordion {
width: 100%;
position: relative;
display: block;
margin-bottom: 1.25em; }
[data-section=''][data-section-small-style], [data-section='auto'][data-section-small-style], .section-container.auto[data-section-small-style],
[data-section='vertical-tabs'][data-section-small-style], .section-container.vertical-tabs[data-section-small-style],
[data-section='vertical-nav'][data-section-small-style], .section-container.vertical-nav[data-section-small-style],
[data-section='horizontal-nav'][data-section-small-style], .section-container.horizontal-nav[data-section-small-style],
[data-section='accordion'][data-section-small-style], .section-container.accordion[data-section-small-style] {
width: 100% !important; }
[data-section=''][data-section-small-style] > [data-section-region], [data-section=''][data-section-small-style] > section, [data-section=''][data-section-small-style] > .section, [data-section='auto'][data-section-small-style] > [data-section-region], [data-section='auto'][data-section-small-style] > section, [data-section='auto'][data-section-small-style] > .section, .section-container.auto[data-section-small-style] > [data-section-region], .section-container.auto[data-section-small-style] > section, .section-container.auto[data-section-small-style] > .section,
[data-section='vertical-tabs'][data-section-small-style] > [data-section-region],
[data-section='vertical-tabs'][data-section-small-style] > section,
[data-section='vertical-tabs'][data-section-small-style] > .section, .section-container.vertical-tabs[data-section-small-style] > [data-section-region], .section-container.vertical-tabs[data-section-small-style] > section, .section-container.vertical-tabs[data-section-small-style] > .section,
[data-section='vertical-nav'][data-section-small-style] > [data-section-region],
[data-section='vertical-nav'][data-section-small-style] > section,
[data-section='vertical-nav'][data-section-small-style] > .section, .section-container.vertical-nav[data-section-small-style] > [data-section-region], .section-container.vertical-nav[data-section-small-style] > section, .section-container.vertical-nav[data-section-small-style] > .section,
[data-section='horizontal-nav'][data-section-small-style] > [data-section-region],
[data-section='horizontal-nav'][data-section-small-style] > section,
[data-section='horizontal-nav'][data-section-small-style] > .section, .section-container.horizontal-nav[data-section-small-style] > [data-section-region], .section-container.horizontal-nav[data-section-small-style] > section, .section-container.horizontal-nav[data-section-small-style] > .section,
[data-section='accordion'][data-section-small-style] > [data-section-region],
[data-section='accordion'][data-section-small-style] > section,
[data-section='accordion'][data-section-small-style] > .section, .section-container.accordion[data-section-small-style] > [data-section-region], .section-container.accordion[data-section-small-style] > section, .section-container.accordion[data-section-small-style] > .section {
padding: 0 !important;
margin: 0 !important; }
[data-section=''][data-section-small-style] > [data-section-region] > [data-section-title], [data-section=''][data-section-small-style] > [data-section-region] > .title, [data-section=''][data-section-small-style] > section > [data-section-title], [data-section=''][data-section-small-style] > section > .title, [data-section=''][data-section-small-style] > .section > [data-section-title], [data-section=''][data-section-small-style] > .section > .title, [data-section='auto'][data-section-small-style] > [data-section-region] > [data-section-title], [data-section='auto'][data-section-small-style] > [data-section-region] > .title, [data-section='auto'][data-section-small-style] > section > [data-section-title], [data-section='auto'][data-section-small-style] > section > .title, [data-section='auto'][data-section-small-style] > .section > [data-section-title], [data-section='auto'][data-section-small-style] > .section > .title, .section-container.auto[data-section-small-style] > [data-section-region] > [data-section-title], .section-container.auto[data-section-small-style] > [data-section-region] > .title, .section-container.auto[data-section-small-style] > section > [data-section-title], .section-container.auto[data-section-small-style] > section > .title, .section-container.auto[data-section-small-style] > .section > [data-section-title], .section-container.auto[data-section-small-style] > .section > .title,
[data-section='vertical-tabs'][data-section-small-style] > [data-section-region] > [data-section-title],
[data-section='vertical-tabs'][data-section-small-style] > [data-section-region] > .title,
[data-section='vertical-tabs'][data-section-small-style] > section > [data-section-title],
[data-section='vertical-tabs'][data-section-small-style] > section > .title,
[data-section='vertical-tabs'][data-section-small-style] > .section > [data-section-title],
[data-section='vertical-tabs'][data-section-small-style] > .section > .title, .section-container.vertical-tabs[data-section-small-style] > [data-section-region] > [data-section-title], .section-container.vertical-tabs[data-section-small-style] > [data-section-region] > .title, .section-container.vertical-tabs[data-section-small-style] > section > [data-section-title], .section-container.vertical-tabs[data-section-small-style] > section > .title, .section-container.vertical-tabs[data-section-small-style] > .section > [data-section-title], .section-container.vertical-tabs[data-section-small-style] > .section > .title,
[data-section='vertical-nav'][data-section-small-style] > [data-section-region] > [data-section-title],
[data-section='vertical-nav'][data-section-small-style] > [data-section-region] > .title,
[data-section='vertical-nav'][data-section-small-style] > section > [data-section-title],
[data-section='vertical-nav'][data-section-small-style] > section > .title,
[data-section='vertical-nav'][data-section-small-style] > .section > [data-section-title],
[data-section='vertical-nav'][data-section-small-style] > .section > .title, .section-container.vertical-nav[data-section-small-style] > [data-section-region] > [data-section-title], .section-container.vertical-nav[data-section-small-style] > [data-section-region] > .title, .section-container.vertical-nav[data-section-small-style] > section > [data-section-title], .section-container.vertical-nav[data-section-small-style] > section > .title, .section-container.vertical-nav[data-section-small-style] > .section > [data-section-title], .section-container.vertical-nav[data-section-small-style] > .section > .title,
[data-section='horizontal-nav'][data-section-small-style] > [data-section-region] > [data-section-title],
[data-section='horizontal-nav'][data-section-small-style] > [data-section-region] > .title,
[data-section='horizontal-nav'][data-section-small-style] > section > [data-section-title],
[data-section='horizontal-nav'][data-section-small-style] > section > .title,
[data-section='horizontal-nav'][data-section-small-style] > .section > [data-section-title],
[data-section='horizontal-nav'][data-section-small-style] > .section > .title, .section-container.horizontal-nav[data-section-small-style] > [data-section-region] > [data-section-title], .section-container.horizontal-nav[data-section-small-style] > [data-section-region] > .title, .section-container.horizontal-nav[data-section-small-style] > section > [data-section-title], .section-container.horizontal-nav[data-section-small-style] > section > .title, .section-container.horizontal-nav[data-section-small-style] > .section > [data-section-title], .section-container.horizontal-nav[data-section-small-style] > .section > .title,
[data-section='accordion'][data-section-small-style] > [data-section-region] > [data-section-title],
[data-section='accordion'][data-section-small-style] > [data-section-region] > .title,
[data-section='accordion'][data-section-small-style] > section > [data-section-title],
[data-section='accordion'][data-section-small-style] > section > .title,
[data-section='accordion'][data-section-small-style] > .section > [data-section-title],
[data-section='accordion'][data-section-small-style] > .section > .title, .section-container.accordion[data-section-small-style] > [data-section-region] > [data-section-title], .section-container.accordion[data-section-small-style] > [data-section-region] > .title, .section-container.accordion[data-section-small-style] > section > [data-section-title], .section-container.accordion[data-section-small-style] > section > .title, .section-container.accordion[data-section-small-style] > .section > [data-section-title], .section-container.accordion[data-section-small-style] > .section > .title {
width: 100% !important; }
[data-section=''] > section, [data-section=''] > .section, [data-section=''] > [data-section-region], [data-section='auto'] > section, [data-section='auto'] > .section, [data-section='auto'] > [data-section-region], .section-container.auto > section, .section-container.auto > .section, .section-container.auto > [data-section-region],
[data-section='vertical-tabs'] > section,
[data-section='vertical-tabs'] > .section,
[data-section='vertical-tabs'] > [data-section-region], .section-container.vertical-tabs > section, .section-container.vertical-tabs > .section, .section-container.vertical-tabs > [data-section-region],
[data-section='vertical-nav'] > section,
[data-section='vertical-nav'] > .section,
[data-section='vertical-nav'] > [data-section-region], .section-container.vertical-nav > section, .section-container.vertical-nav > .section, .section-container.vertical-nav > [data-section-region],
[data-section='horizontal-nav'] > section,
[data-section='horizontal-nav'] > .section,
[data-section='horizontal-nav'] > [data-section-region], .section-container.horizontal-nav > section, .section-container.horizontal-nav > .section, .section-container.horizontal-nav > [data-section-region],
[data-section='accordion'] > section,
[data-section='accordion'] > .section,
[data-section='accordion'] > [data-section-region], .section-container.accordion > section, .section-container.accordion > .section, .section-container.accordion > [data-section-region] {
margin: 0; }
[data-section=''] > section > [data-section-title], [data-section=''] > section > .title, [data-section=''] > .section > [data-section-title], [data-section=''] > .section > .title, [data-section=''] > [data-section-region] > [data-section-title], [data-section=''] > [data-section-region] > .title, [data-section='auto'] > section > [data-section-title], [data-section='auto'] > section > .title, [data-section='auto'] > .section > [data-section-title], [data-section='auto'] > .section > .title, [data-section='auto'] > [data-section-region] > [data-section-title], [data-section='auto'] > [data-section-region] > .title, .section-container.auto > section > [data-section-title], .section-container.auto > section > .title, .section-container.auto > .section > [data-section-title], .section-container.auto > .section > .title, .section-container.auto > [data-section-region] > [data-section-title], .section-container.auto > [data-section-region] > .title,
[data-section='vertical-tabs'] > section > [data-section-title],
[data-section='vertical-tabs'] > section > .title,
[data-section='vertical-tabs'] > .section > [data-section-title],
[data-section='vertical-tabs'] > .section > .title,
[data-section='vertical-tabs'] > [data-section-region] > [data-section-title],
[data-section='vertical-tabs'] > [data-section-region] > .title, .section-container.vertical-tabs > section > [data-section-title], .section-container.vertical-tabs > section > .title, .section-container.vertical-tabs > .section > [data-section-title], .section-container.vertical-tabs > .section > .title, .section-container.vertical-tabs > [data-section-region] > [data-section-title], .section-container.vertical-tabs > [data-section-region] > .title,
[data-section='vertical-nav'] > section > [data-section-title],
[data-section='vertical-nav'] > section > .title,
[data-section='vertical-nav'] > .section > [data-section-title],
[data-section='vertical-nav'] > .section > .title,
[data-section='vertical-nav'] > [data-section-region] > [data-section-title],
[data-section='vertical-nav'] > [data-section-region] > .title, .section-container.vertical-nav > section > [data-section-title], .section-container.vertical-nav > section > .title, .section-container.vertical-nav > .section > [data-section-title], .section-container.vertical-nav > .section > .title, .section-container.vertical-nav > [data-section-region] > [data-section-title], .section-container.vertical-nav > [data-section-region] > .title,
[data-section='horizontal-nav'] > section > [data-section-title],
[data-section='horizontal-nav'] > section > .title,
[data-section='horizontal-nav'] > .section > [data-section-title],
[data-section='horizontal-nav'] > .section > .title,
[data-section='horizontal-nav'] > [data-section-region] > [data-section-title],
[data-section='horizontal-nav'] > [data-section-region] > .title, .section-container.horizontal-nav > section > [data-section-title], .section-container.horizontal-nav > section > .title, .section-container.horizontal-nav > .section > [data-section-title], .section-container.horizontal-nav > .section > .title, .section-container.horizontal-nav > [data-section-region] > [data-section-title], .section-container.horizontal-nav > [data-section-region] > .title,
[data-section='accordion'] > section > [data-section-title],
[data-section='accordion'] > section > .title,
[data-section='accordion'] > .section > [data-section-title],
[data-section='accordion'] > .section > .title,
[data-section='accordion'] > [data-section-region] > [data-section-title],
[data-section='accordion'] > [data-section-region] > .title, .section-container.accordion > section > [data-section-title], .section-container.accordion > section > .title, .section-container.accordion > .section > [data-section-title], .section-container.accordion > .section > .title, .section-container.accordion > [data-section-region] > [data-section-title], .section-container.accordion > [data-section-region] > .title {
margin-bottom: 0; }
[data-section=''] > section > [data-section-title] a, [data-section=''] > section > .title a, [data-section=''] > .section > [data-section-title] a, [data-section=''] > .section > .title a, [data-section=''] > [data-section-region] > [data-section-title] a, [data-section=''] > [data-section-region] > .title a, [data-section='auto'] > section > [data-section-title] a, [data-section='auto'] > section > .title a, [data-section='auto'] > .section > [data-section-title] a, [data-section='auto'] > .section > .title a, [data-section='auto'] > [data-section-region] > [data-section-title] a, [data-section='auto'] > [data-section-region] > .title a, .section-container.auto > section > [data-section-title] a, .section-container.auto > section > .title a, .section-container.auto > .section > [data-section-title] a, .section-container.auto > .section > .title a, .section-container.auto > [data-section-region] > [data-section-title] a, .section-container.auto > [data-section-region] > .title a,
[data-section='vertical-tabs'] > section > [data-section-title] a,
[data-section='vertical-tabs'] > section > .title a,
[data-section='vertical-tabs'] > .section > [data-section-title] a,
[data-section='vertical-tabs'] > .section > .title a,
[data-section='vertical-tabs'] > [data-section-region] > [data-section-title] a,
[data-section='vertical-tabs'] > [data-section-region] > .title a, .section-container.vertical-tabs > section > [data-section-title] a, .section-container.vertical-tabs > section > .title a, .section-container.vertical-tabs > .section > [data-section-title] a, .section-container.vertical-tabs > .section > .title a, .section-container.vertical-tabs > [data-section-region] > [data-section-title] a, .section-container.vertical-tabs > [data-section-region] > .title a,
[data-section='vertical-nav'] > section > [data-section-title] a,
[data-section='vertical-nav'] > section > .title a,
[data-section='vertical-nav'] > .section > [data-section-title] a,
[data-section='vertical-nav'] > .section > .title a,
[data-section='vertical-nav'] > [data-section-region] > [data-section-title] a,
[data-section='vertical-nav'] > [data-section-region] > .title a, .section-container.vertical-nav > section > [data-section-title] a, .section-container.vertical-nav > section > .title a, .section-container.vertical-nav > .section > [data-section-title] a, .section-container.vertical-nav > .section > .title a, .section-container.vertical-nav > [data-section-region] > [data-section-title] a, .section-container.vertical-nav > [data-section-region] > .title a,
[data-section='horizontal-nav'] > section > [data-section-title] a,
[data-section='horizontal-nav'] > section > .title a,
[data-section='horizontal-nav'] > .section > [data-section-title] a,
[data-section='horizontal-nav'] > .section > .title a,
[data-section='horizontal-nav'] > [data-section-region] > [data-section-title] a,
[data-section='horizontal-nav'] > [data-section-region] > .title a, .section-container.horizontal-nav > section > [data-section-title] a, .section-container.horizontal-nav > section > .title a, .section-container.horizontal-nav > .section > [data-section-title] a, .section-container.horizontal-nav > .section > .title a, .section-container.horizontal-nav > [data-section-region] > [data-section-title] a, .section-container.horizontal-nav > [data-section-region] > .title a,
[data-section='accordion'] > section > [data-section-title] a,
[data-section='accordion'] > section > .title a,
[data-section='accordion'] > .section > [data-section-title] a,
[data-section='accordion'] > .section > .title a,
[data-section='accordion'] > [data-section-region] > [data-section-title] a,
[data-section='accordion'] > [data-section-region] > .title a, .section-container.accordion > section > [data-section-title] a, .section-container.accordion > section > .title a, .section-container.accordion > .section > [data-section-title] a, .section-container.accordion > .section > .title a, .section-container.accordion > [data-section-region] > [data-section-title] a, .section-container.accordion > [data-section-region] > .title a {
width: 100%;
display: inline-block;
white-space: nowrap; }
[data-section=''] > section > [data-section-content], [data-section=''] > section > .content, [data-section=''] > .section > [data-section-content], [data-section=''] > .section > .content, [data-section=''] > [data-section-region] > [data-section-content], [data-section=''] > [data-section-region] > .content, [data-section='auto'] > section > [data-section-content], [data-section='auto'] > section > .content, [data-section='auto'] > .section > [data-section-content], [data-section='auto'] > .section > .content, [data-section='auto'] > [data-section-region] > [data-section-content], [data-section='auto'] > [data-section-region] > .content, .section-container.auto > section > [data-section-content], .section-container.auto > section > .content, .section-container.auto > .section > [data-section-content], .section-container.auto > .section > .content, .section-container.auto > [data-section-region] > [data-section-content], .section-container.auto > [data-section-region] > .content,
[data-section='vertical-tabs'] > section > [data-section-content],
[data-section='vertical-tabs'] > section > .content,
[data-section='vertical-tabs'] > .section > [data-section-content],
[data-section='vertical-tabs'] > .section > .content,
[data-section='vertical-tabs'] > [data-section-region] > [data-section-content],
[data-section='vertical-tabs'] > [data-section-region] > .content, .section-container.vertical-tabs > section > [data-section-content], .section-container.vertical-tabs > section > .content, .section-container.vertical-tabs > .section > [data-section-content], .section-container.vertical-tabs > .section > .content, .section-container.vertical-tabs > [data-section-region] > [data-section-content], .section-container.vertical-tabs > [data-section-region] > .content,
[data-section='vertical-nav'] > section > [data-section-content],
[data-section='vertical-nav'] > section > .content,
[data-section='vertical-nav'] > .section > [data-section-content],
[data-section='vertical-nav'] > .section > .content,
[data-section='vertical-nav'] > [data-section-region] > [data-section-content],
[data-section='vertical-nav'] > [data-section-region] > .content, .section-container.vertical-nav > section > [data-section-content], .section-container.vertical-nav > section > .content, .section-container.vertical-nav > .section > [data-section-content], .section-container.vertical-nav > .section > .content, .section-container.vertical-nav > [data-section-region] > [data-section-content], .section-container.vertical-nav > [data-section-region] > .content,
[data-section='horizontal-nav'] > section > [data-section-content],
[data-section='horizontal-nav'] > section > .content,
[data-section='horizontal-nav'] > .section > [data-section-content],
[data-section='horizontal-nav'] > .section > .content,
[data-section='horizontal-nav'] > [data-section-region] > [data-section-content],
[data-section='horizontal-nav'] > [data-section-region] > .content, .section-container.horizontal-nav > section > [data-section-content], .section-container.horizontal-nav > section > .content, .section-container.horizontal-nav > .section > [data-section-content], .section-container.horizontal-nav > .section > .content, .section-container.horizontal-nav > [data-section-region] > [data-section-content], .section-container.horizontal-nav > [data-section-region] > .content,
[data-section='accordion'] > section > [data-section-content],
[data-section='accordion'] > section > .content,
[data-section='accordion'] > .section > [data-section-content],
[data-section='accordion'] > .section > .content,
[data-section='accordion'] > [data-section-region] > [data-section-content],
[data-section='accordion'] > [data-section-region] > .content, .section-container.accordion > section > [data-section-content], .section-container.accordion > section > .content, .section-container.accordion > .section > [data-section-content], .section-container.accordion > .section > .content, .section-container.accordion > [data-section-region] > [data-section-content], .section-container.accordion > [data-section-region] > .content {
display: none; }
[data-section=''] > section.active > [data-section-content], [data-section=''] > section.active > .content, [data-section=''] > .section.active > [data-section-content], [data-section=''] > .section.active > .content, [data-section=''] > [data-section-region].active > [data-section-content], [data-section=''] > [data-section-region].active > .content, [data-section='auto'] > section.active > [data-section-content], [data-section='auto'] > section.active > .content, [data-section='auto'] > .section.active > [data-section-content], [data-section='auto'] > .section.active > .content, [data-section='auto'] > [data-section-region].active > [data-section-content], [data-section='auto'] > [data-section-region].active > .content, .section-container.auto > section.active > [data-section-content], .section-container.auto > section.active > .content, .section-container.auto > .section.active > [data-section-content], .section-container.auto > .section.active > .content, .section-container.auto > [data-section-region].active > [data-section-content], .section-container.auto > [data-section-region].active > .content,
[data-section='vertical-tabs'] > section.active > [data-section-content],
[data-section='vertical-tabs'] > section.active > .content,
[data-section='vertical-tabs'] > .section.active > [data-section-content],
[data-section='vertical-tabs'] > .section.active > .content,
[data-section='vertical-tabs'] > [data-section-region].active > [data-section-content],
[data-section='vertical-tabs'] > [data-section-region].active > .content, .section-container.vertical-tabs > section.active > [data-section-content], .section-container.vertical-tabs > section.active > .content, .section-container.vertical-tabs > .section.active > [data-section-content], .section-container.vertical-tabs > .section.active > .content, .section-container.vertical-tabs > [data-section-region].active > [data-section-content], .section-container.vertical-tabs > [data-section-region].active > .content,
[data-section='vertical-nav'] > section.active > [data-section-content],
[data-section='vertical-nav'] > section.active > .content,
[data-section='vertical-nav'] > .section.active > [data-section-content],
[data-section='vertical-nav'] > .section.active > .content,
[data-section='vertical-nav'] > [data-section-region].active > [data-section-content],
[data-section='vertical-nav'] > [data-section-region].active > .content, .section-container.vertical-nav > section.active > [data-section-content], .section-container.vertical-nav > section.active > .content, .section-container.vertical-nav > .section.active > [data-section-content], .section-container.vertical-nav > .section.active > .content, .section-container.vertical-nav > [data-section-region].active > [data-section-content], .section-container.vertical-nav > [data-section-region].active > .content,
[data-section='horizontal-nav'] > section.active > [data-section-content],
[data-section='horizontal-nav'] > section.active > .content,
[data-section='horizontal-nav'] > .section.active > [data-section-content],
[data-section='horizontal-nav'] > .section.active > .content,
[data-section='horizontal-nav'] > [data-section-region].active > [data-section-content],
[data-section='horizontal-nav'] > [data-section-region].active > .content, .section-container.horizontal-nav > section.active > [data-section-content], .section-container.horizontal-nav > section.active > .content, .section-container.horizontal-nav > .section.active > [data-section-content], .section-container.horizontal-nav > .section.active > .content, .section-container.horizontal-nav > [data-section-region].active > [data-section-content], .section-container.horizontal-nav > [data-section-region].active > .content,
[data-section='accordion'] > section.active > [data-section-content],
[data-section='accordion'] > section.active > .content,
[data-section='accordion'] > .section.active > [data-section-content],
[data-section='accordion'] > .section.active > .content,
[data-section='accordion'] > [data-section-region].active > [data-section-content],
[data-section='accordion'] > [data-section-region].active > .content, .section-container.accordion > section.active > [data-section-content], .section-container.accordion > section.active > .content, .section-container.accordion > .section.active > [data-section-content], .section-container.accordion > .section.active > .content, .section-container.accordion > [data-section-region].active > [data-section-content], .section-container.accordion > [data-section-region].active > .content {
display: block; }
[data-section=''] > section:not(.active), [data-section=''] > .section:not(.active), [data-section=''] > [data-section-region]:not(.active), [data-section='auto'] > section:not(.active), [data-section='auto'] > .section:not(.active), [data-section='auto'] > [data-section-region]:not(.active), .section-container.auto > section:not(.active), .section-container.auto > .section:not(.active), .section-container.auto > [data-section-region]:not(.active),
[data-section='vertical-tabs'] > section:not(.active),
[data-section='vertical-tabs'] > .section:not(.active),
[data-section='vertical-tabs'] > [data-section-region]:not(.active), .section-container.vertical-tabs > section:not(.active), .section-container.vertical-tabs > .section:not(.active), .section-container.vertical-tabs > [data-section-region]:not(.active),
[data-section='vertical-nav'] > section:not(.active),
[data-section='vertical-nav'] > .section:not(.active),
[data-section='vertical-nav'] > [data-section-region]:not(.active), .section-container.vertical-nav > section:not(.active), .section-container.vertical-nav > .section:not(.active), .section-container.vertical-nav > [data-section-region]:not(.active),
[data-section='horizontal-nav'] > section:not(.active),
[data-section='horizontal-nav'] > .section:not(.active),
[data-section='horizontal-nav'] > [data-section-region]:not(.active), .section-container.horizontal-nav > section:not(.active), .section-container.horizontal-nav > .section:not(.active), .section-container.horizontal-nav > [data-section-region]:not(.active),
[data-section='accordion'] > section:not(.active),
[data-section='accordion'] > .section:not(.active),
[data-section='accordion'] > [data-section-region]:not(.active), .section-container.accordion > section:not(.active), .section-container.accordion > .section:not(.active), .section-container.accordion > [data-section-region]:not(.active) {
padding: 0 !important; }
[data-section=''] > section > [data-section-title], [data-section=''] > section > .title, [data-section=''] > .section > [data-section-title], [data-section=''] > .section > .title, [data-section=''] > [data-section-region] > [data-section-title], [data-section=''] > [data-section-region] > .title, [data-section='auto'] > section > [data-section-title], [data-section='auto'] > section > .title, [data-section='auto'] > .section > [data-section-title], [data-section='auto'] > .section > .title, [data-section='auto'] > [data-section-region] > [data-section-title], [data-section='auto'] > [data-section-region] > .title, .section-container.auto > section > [data-section-title], .section-container.auto > section > .title, .section-container.auto > .section > [data-section-title], .section-container.auto > .section > .title, .section-container.auto > [data-section-region] > [data-section-title], .section-container.auto > [data-section-region] > .title,
[data-section='vertical-tabs'] > section > [data-section-title],
[data-section='vertical-tabs'] > section > .title,
[data-section='vertical-tabs'] > .section > [data-section-title],
[data-section='vertical-tabs'] > .section > .title,
[data-section='vertical-tabs'] > [data-section-region] > [data-section-title],
[data-section='vertical-tabs'] > [data-section-region] > .title, .section-container.vertical-tabs > section > [data-section-title], .section-container.vertical-tabs > section > .title, .section-container.vertical-tabs > .section > [data-section-title], .section-container.vertical-tabs > .section > .title, .section-container.vertical-tabs > [data-section-region] > [data-section-title], .section-container.vertical-tabs > [data-section-region] > .title,
[data-section='vertical-nav'] > section > [data-section-title],
[data-section='vertical-nav'] > section > .title,
[data-section='vertical-nav'] > .section > [data-section-title],
[data-section='vertical-nav'] > .section > .title,
[data-section='vertical-nav'] > [data-section-region] > [data-section-title],
[data-section='vertical-nav'] > [data-section-region] > .title, .section-container.vertical-nav > section > [data-section-title], .section-container.vertical-nav > section > .title, .section-container.vertical-nav > .section > [data-section-title], .section-container.vertical-nav > .section > .title, .section-container.vertical-nav > [data-section-region] > [data-section-title], .section-container.vertical-nav > [data-section-region] > .title,
[data-section='horizontal-nav'] > section > [data-section-title],
[data-section='horizontal-nav'] > section > .title,
[data-section='horizontal-nav'] > .section > [data-section-title],
[data-section='horizontal-nav'] > .section > .title,
[data-section='horizontal-nav'] > [data-section-region] > [data-section-title],
[data-section='horizontal-nav'] > [data-section-region] > .title, .section-container.horizontal-nav > section > [data-section-title], .section-container.horizontal-nav > section > .title, .section-container.horizontal-nav > .section > [data-section-title], .section-container.horizontal-nav > .section > .title, .section-container.horizontal-nav > [data-section-region] > [data-section-title], .section-container.horizontal-nav > [data-section-region] > .title,
[data-section='accordion'] > section > [data-section-title],
[data-section='accordion'] > section > .title,
[data-section='accordion'] > .section > [data-section-title],
[data-section='accordion'] > .section > .title,
[data-section='accordion'] > [data-section-region] > [data-section-title],
[data-section='accordion'] > [data-section-region] > .title, .section-container.accordion > section > [data-section-title], .section-container.accordion > section > .title, .section-container.accordion > .section > [data-section-title], .section-container.accordion > .section > .title, .section-container.accordion > [data-section-region] > [data-section-title], .section-container.accordion > [data-section-region] > .title {
width: 100%; }
.section-container.auto,
.section-container.vertical-tabs,
.section-container.vertical-nav,
.section-container.horizontal-nav,
.section-container.accordion {
border-top: 1px solid #cccccc; }
.section-container.auto > section > .title, .section-container.auto > .section > .title,
.section-container.vertical-tabs > section > .title,
.section-container.vertical-tabs > .section > .title,
.section-container.vertical-nav > section > .title,
.section-container.vertical-nav > .section > .title,
.section-container.horizontal-nav > section > .title,
.section-container.horizontal-nav > .section > .title,
.section-container.accordion > section > .title,
.section-container.accordion > .section > .title {
background-color: #efefef;
cursor: pointer;
border: solid 1px #cccccc; }
.section-container.auto > section > .title a, .section-container.auto > .section > .title a,
.section-container.vertical-tabs > section > .title a,
.section-container.vertical-tabs > .section > .title a,
.section-container.vertical-nav > section > .title a,
.section-container.vertical-nav > .section > .title a,
.section-container.horizontal-nav > section > .title a,
.section-container.horizontal-nav > .section > .title a,
.section-container.accordion > section > .title a,
.section-container.accordion > .section > .title a {
padding: 0.9375em;
color: #333333;
font-size: 0.875em;
background: none; }
.section-container.auto > section > .title:hover, .section-container.auto > .section > .title:hover,
.section-container.vertical-tabs > section > .title:hover,
.section-container.vertical-tabs > .section > .title:hover,
.section-container.vertical-nav > section > .title:hover,
.section-container.vertical-nav > .section > .title:hover,
.section-container.horizontal-nav > section > .title:hover,
.section-container.horizontal-nav > .section > .title:hover,
.section-container.accordion > section > .title:hover,
.section-container.accordion > .section > .title:hover {
background-color: #e2e2e2; }
.section-container.auto > section > .content, .section-container.auto > .section > .content,
.section-container.vertical-tabs > section > .content,
.section-container.vertical-tabs > .section > .content,
.section-container.vertical-nav > section > .content,
.section-container.vertical-nav > .section > .content,
.section-container.horizontal-nav > section > .content,
.section-container.horizontal-nav > .section > .content,
.section-container.accordion > section > .content,
.section-container.accordion > .section > .content {
padding: 0.9375em;
background-color: white;
border: solid 1px #cccccc; }
.section-container.auto > section > .content > *:last-child, .section-container.auto > .section > .content > *:last-child,
.section-container.vertical-tabs > section > .content > *:last-child,
.section-container.vertical-tabs > .section > .content > *:last-child,
.section-container.vertical-nav > section > .content > *:last-child,
.section-container.vertical-nav > .section > .content > *:last-child,
.section-container.horizontal-nav > section > .content > *:last-child,
.section-container.horizontal-nav > .section > .content > *:last-child,
.section-container.accordion > section > .content > *:last-child,
.section-container.accordion > .section > .content > *:last-child {
margin-bottom: 0; }
.section-container.auto > section > .content > *:first-child, .section-container.auto > .section > .content > *:first-child,
.section-container.vertical-tabs > section > .content > *:first-child,
.section-container.vertical-tabs > .section > .content > *:first-child,
.section-container.vertical-nav > section > .content > *:first-child,
.section-container.vertical-nav > .section > .content > *:first-child,
.section-container.horizontal-nav > section > .content > *:first-child,
.section-container.horizontal-nav > .section > .content > *:first-child,
.section-container.accordion > section > .content > *:first-child,
.section-container.accordion > .section > .content > *:first-child {
padding-top: 0; }
.section-container.auto > section > .content > *:last-child:not(.flex-video), .section-container.auto > .section > .content > *:last-child:not(.flex-video),
.section-container.vertical-tabs > section > .content > *:last-child:not(.flex-video),
.section-container.vertical-tabs > .section > .content > *:last-child:not(.flex-video),
.section-container.vertical-nav > section > .content > *:last-child:not(.flex-video),
.section-container.vertical-nav > .section > .content > *:last-child:not(.flex-video),
.section-container.horizontal-nav > section > .content > *:last-child:not(.flex-video),
.section-container.horizontal-nav > .section > .content > *:last-child:not(.flex-video),
.section-container.accordion > section > .content > *:last-child:not(.flex-video),
.section-container.accordion > .section > .content > *:last-child:not(.flex-video) {
padding-bottom: 0; }
.section-container.auto > section.active > .title, .section-container.auto > .section.active > .title,
.section-container.vertical-tabs > section.active > .title,
.section-container.vertical-tabs > .section.active > .title,
.section-container.vertical-nav > section.active > .title,
.section-container.vertical-nav > .section.active > .title,
.section-container.horizontal-nav > section.active > .title,
.section-container.horizontal-nav > .section.active > .title,
.section-container.accordion > section.active > .title,
.section-container.accordion > .section.active > .title {
background: #d5d5d5; }
.section-container.auto > section.active > .title a, .section-container.auto > .section.active > .title a,
.section-container.vertical-tabs > section.active > .title a,
.section-container.vertical-tabs > .section.active > .title a,
.section-container.vertical-nav > section.active > .title a,
.section-container.vertical-nav > .section.active > .title a,
.section-container.horizontal-nav > section.active > .title a,
.section-container.horizontal-nav > .section.active > .title a,
.section-container.accordion > section.active > .title a,
.section-container.accordion > .section.active > .title a {
color: #333333; }
.section-container.auto > section:not(.active), .section-container.auto > .section:not(.active),
.section-container.vertical-tabs > section:not(.active),
.section-container.vertical-tabs > .section:not(.active),
.section-container.vertical-nav > section:not(.active),
.section-container.vertical-nav > .section:not(.active),
.section-container.horizontal-nav > section:not(.active),
.section-container.horizontal-nav > .section:not(.active),
.section-container.accordion > section:not(.active),
.section-container.accordion > .section:not(.active) {
padding: 0 !important; }
.section-container.auto > section > .title, .section-container.auto > .section > .title,
.section-container.vertical-tabs > section > .title,
.section-container.vertical-tabs > .section > .title,
.section-container.vertical-nav > section > .title,
.section-container.vertical-nav > .section > .title,
.section-container.horizontal-nav > section > .title,
.section-container.horizontal-nav > .section > .title,
.section-container.accordion > section > .title,
.section-container.accordion > .section > .title {
border-top: none; }
[data-section='tabs'], .section-container.tabs {
width: 100%;
position: relative;
display: block;
margin-bottom: 1.25em; }
[data-section='tabs']:not([data-section-resized]):not([data-section-small-style]), .section-container.tabs:not([data-section-resized]):not([data-section-small-style]) {
visibility: hidden; }
[data-section='tabs'] > section > [data-section-title], [data-section='tabs'] > section > .title, [data-section='tabs'] > .section > [data-section-title], [data-section='tabs'] > .section > .title, [data-section='tabs'] > [data-section-region] > [data-section-title], [data-section='tabs'] > [data-section-region] > .title, .section-container.tabs > section > [data-section-title], .section-container.tabs > section > .title, .section-container.tabs > .section > [data-section-title], .section-container.tabs > .section > .title, .section-container.tabs > [data-section-region] > [data-section-title], .section-container.tabs > [data-section-region] > .title {
margin-bottom: 0; }
[data-section='tabs'] > section > [data-section-title] a, [data-section='tabs'] > section > .title a, [data-section='tabs'] > .section > [data-section-title] a, [data-section='tabs'] > .section > .title a, [data-section='tabs'] > [data-section-region] > [data-section-title] a, [data-section='tabs'] > [data-section-region] > .title a, .section-container.tabs > section > [data-section-title] a, .section-container.tabs > section > .title a, .section-container.tabs > .section > [data-section-title] a, .section-container.tabs > .section > .title a, .section-container.tabs > [data-section-region] > [data-section-title] a, .section-container.tabs > [data-section-region] > .title a {
width: 100%;
display: inline-block;
white-space: nowrap; }
[data-section='tabs'] > section > [data-section-content], [data-section='tabs'] > section > .content, [data-section='tabs'] > .section > [data-section-content], [data-section='tabs'] > .section > .content, [data-section='tabs'] > [data-section-region] > [data-section-content], [data-section='tabs'] > [data-section-region] > .content, .section-container.tabs > section > [data-section-content], .section-container.tabs > section > .content, .section-container.tabs > .section > [data-section-content], .section-container.tabs > .section > .content, .section-container.tabs > [data-section-region] > [data-section-content], .section-container.tabs > [data-section-region] > .content {
display: none; }
[data-section='tabs'] > section.active > [data-section-content], [data-section='tabs'] > section.active > .content, [data-section='tabs'] > .section.active > [data-section-content], [data-section='tabs'] > .section.active > .content, [data-section='tabs'] > [data-section-region].active > [data-section-content], [data-section='tabs'] > [data-section-region].active > .content, .section-container.tabs > section.active > [data-section-content], .section-container.tabs > section.active > .content, .section-container.tabs > .section.active > [data-section-content], .section-container.tabs > .section.active > .content, .section-container.tabs > [data-section-region].active > [data-section-content], .section-container.tabs > [data-section-region].active > .content {
display: block; }
[data-section='tabs'] > section:not(.active), [data-section='tabs'] > .section:not(.active), [data-section='tabs'] > [data-section-region]:not(.active), .section-container.tabs > section:not(.active), .section-container.tabs > .section:not(.active), .section-container.tabs > [data-section-region]:not(.active) {
padding: 0 !important; }
[data-section='tabs'] > section > [data-section-title], [data-section='tabs'] > section > .title, [data-section='tabs'] > .section > [data-section-title], [data-section='tabs'] > .section > .title, [data-section='tabs'] > [data-section-region] > [data-section-title], [data-section='tabs'] > [data-section-region] > .title, .section-container.tabs > section > [data-section-title], .section-container.tabs > section > .title, .section-container.tabs > .section > [data-section-title], .section-container.tabs > .section > .title, .section-container.tabs > [data-section-region] > [data-section-title], .section-container.tabs > [data-section-region] > .title {
width: auto;
position: absolute;
top: 0;
left: 0; }
.section-container.tabs {
border: none; }
.section-container.tabs > section > .title, .section-container.tabs > .section > .title {
background-color: #efefef;
cursor: pointer;
border: solid 1px #cccccc; }
.section-container.tabs > section > .title a, .section-container.tabs > .section > .title a {
padding: 0.9375em;
color: #333333;
font-size: 0.875em;
background: none; }
.section-container.tabs > section > .title:hover, .section-container.tabs > .section > .title:hover {
background-color: #e2e2e2; }
.section-container.tabs > section > .content, .section-container.tabs > .section > .content {
padding: 0.9375em;
background-color: white;
border: solid 1px #cccccc; }
.section-container.tabs > section > .content > *:last-child, .section-container.tabs > .section > .content > *:last-child {
margin-bottom: 0; }
.section-container.tabs > section > .content > *:first-child, .section-container.tabs > .section > .content > *:first-child {
padding-top: 0; }
.section-container.tabs > section > .content > *:last-child:not(.flex-video), .section-container.tabs > .section > .content > *:last-child:not(.flex-video) {
padding-bottom: 0; }
.section-container.tabs > section.active > .title, .section-container.tabs > .section.active > .title {
background: white; }
.section-container.tabs > section.active > .title a, .section-container.tabs > .section.active > .title a {
color: #333333; }
.section-container.tabs > section:not(.active), .section-container.tabs > .section:not(.active) {
padding: 0 !important; }
.section-container.tabs > section.active > .title, .section-container.tabs > .section.active > .title {
border-bottom: 0; }
@media only screen and (min-width: 768px) {
[data-section=''], [data-section='auto'], .section-container.auto {
width: 100%;
position: relative;
display: block;
margin-bottom: 1.25em; }
[data-section='']:not([data-section-resized]):not([data-section-small-style]), [data-section='auto']:not([data-section-resized]):not([data-section-small-style]), .section-container.auto:not([data-section-resized]):not([data-section-small-style]) {
visibility: hidden; }
[data-section=''] > section > [data-section-title], [data-section=''] > section > .title, [data-section=''] > .section > [data-section-title], [data-section=''] > .section > .title, [data-section=''] > [data-section-region] > [data-section-title], [data-section=''] > [data-section-region] > .title, [data-section='auto'] > section > [data-section-title], [data-section='auto'] > section > .title, [data-section='auto'] > .section > [data-section-title], [data-section='auto'] > .section > .title, [data-section='auto'] > [data-section-region] > [data-section-title], [data-section='auto'] > [data-section-region] > .title, .section-container.auto > section > [data-section-title], .section-container.auto > section > .title, .section-container.auto > .section > [data-section-title], .section-container.auto > .section > .title, .section-container.auto > [data-section-region] > [data-section-title], .section-container.auto > [data-section-region] > .title {
margin-bottom: 0; }
[data-section=''] > section > [data-section-title] a, [data-section=''] > section > .title a, [data-section=''] > .section > [data-section-title] a, [data-section=''] > .section > .title a, [data-section=''] > [data-section-region] > [data-section-title] a, [data-section=''] > [data-section-region] > .title a, [data-section='auto'] > section > [data-section-title] a, [data-section='auto'] > section > .title a, [data-section='auto'] > .section > [data-section-title] a, [data-section='auto'] > .section > .title a, [data-section='auto'] > [data-section-region] > [data-section-title] a, [data-section='auto'] > [data-section-region] > .title a, .section-container.auto > section > [data-section-title] a, .section-container.auto > section > .title a, .section-container.auto > .section > [data-section-title] a, .section-container.auto > .section > .title a, .section-container.auto > [data-section-region] > [data-section-title] a, .section-container.auto > [data-section-region] > .title a {
width: 100%;
display: inline-block;
white-space: nowrap; }
[data-section=''] > section > [data-section-content], [data-section=''] > section > .content, [data-section=''] > .section > [data-section-content], [data-section=''] > .section > .content, [data-section=''] > [data-section-region] > [data-section-content], [data-section=''] > [data-section-region] > .content, [data-section='auto'] > section > [data-section-content], [data-section='auto'] > section > .content, [data-section='auto'] > .section > [data-section-content], [data-section='auto'] > .section > .content, [data-section='auto'] > [data-section-region] > [data-section-content], [data-section='auto'] > [data-section-region] > .content, .section-container.auto > section > [data-section-content], .section-container.auto > section > .content, .section-container.auto > .section > [data-section-content], .section-container.auto > .section > .content, .section-container.auto > [data-section-region] > [data-section-content], .section-container.auto > [data-section-region] > .content {
display: none; }
[data-section=''] > section.active > [data-section-content], [data-section=''] > section.active > .content, [data-section=''] > .section.active > [data-section-content], [data-section=''] > .section.active > .content, [data-section=''] > [data-section-region].active > [data-section-content], [data-section=''] > [data-section-region].active > .content, [data-section='auto'] > section.active > [data-section-content], [data-section='auto'] > section.active > .content, [data-section='auto'] > .section.active > [data-section-content], [data-section='auto'] > .section.active > .content, [data-section='auto'] > [data-section-region].active > [data-section-content], [data-section='auto'] > [data-section-region].active > .content, .section-container.auto > section.active > [data-section-content], .section-container.auto > section.active > .content, .section-container.auto > .section.active > [data-section-content], .section-container.auto > .section.active > .content, .section-container.auto > [data-section-region].active > [data-section-content], .section-container.auto > [data-section-region].active > .content {
display: block; }
[data-section=''] > section:not(.active), [data-section=''] > .section:not(.active), [data-section=''] > [data-section-region]:not(.active), [data-section='auto'] > section:not(.active), [data-section='auto'] > .section:not(.active), [data-section='auto'] > [data-section-region]:not(.active), .section-container.auto > section:not(.active), .section-container.auto > .section:not(.active), .section-container.auto > [data-section-region]:not(.active) {
padding: 0 !important; }
[data-section=''] > section > [data-section-title], [data-section=''] > section > .title, [data-section=''] > .section > [data-section-title], [data-section=''] > .section > .title, [data-section=''] > [data-section-region] > [data-section-title], [data-section=''] > [data-section-region] > .title, [data-section='auto'] > section > [data-section-title], [data-section='auto'] > section > .title, [data-section='auto'] > .section > [data-section-title], [data-section='auto'] > .section > .title, [data-section='auto'] > [data-section-region] > [data-section-title], [data-section='auto'] > [data-section-region] > .title, .section-container.auto > section > [data-section-title], .section-container.auto > section > .title, .section-container.auto > .section > [data-section-title], .section-container.auto > .section > .title, .section-container.auto > [data-section-region] > [data-section-title], .section-container.auto > [data-section-region] > .title {
width: auto;
position: absolute;
top: 0;
left: 0; }
.section-container.auto {
border: none; }
.section-container.auto > section > .title, .section-container.auto > .section > .title {
background-color: #efefef;
cursor: pointer;
border: solid 1px #cccccc; }
.section-container.auto > section > .title a, .section-container.auto > .section > .title a {
padding: 0.9375em;
color: #333333;
font-size: 0.875em;
background: none; }
.section-container.auto > section > .title:hover, .section-container.auto > .section > .title:hover {
background-color: #e2e2e2; }
.section-container.auto > section > .content, .section-container.auto > .section > .content {
padding: 0.9375em;
background-color: white;
border: solid 1px #cccccc; }
.section-container.auto > section > .content > *:last-child, .section-container.auto > .section > .content > *:last-child {
margin-bottom: 0; }
.section-container.auto > section > .content > *:first-child, .section-container.auto > .section > .content > *:first-child {
padding-top: 0; }
.section-container.auto > section > .content > *:last-child:not(.flex-video), .section-container.auto > .section > .content > *:last-child:not(.flex-video) {
padding-bottom: 0; }
.section-container.auto > section.active > .title, .section-container.auto > .section.active > .title {
background: white; }
.section-container.auto > section.active > .title a, .section-container.auto > .section.active > .title a {
color: #333333; }
.section-container.auto > section:not(.active), .section-container.auto > .section:not(.active) {
padding: 0 !important; }
.section-container.auto > section.active > .title, .section-container.auto > .section.active > .title {
border-bottom: 0; }
[data-section='vertical-tabs'], .section-container.vertical-tabs {
width: 100%;
position: relative;
display: block;
margin-bottom: 1.25em; }
[data-section='vertical-tabs']:not([data-section-resized]):not([data-section-small-style]), .section-container.vertical-tabs:not([data-section-resized]):not([data-section-small-style]) {
visibility: hidden; }
[data-section='vertical-tabs'][data-section-small-style], .section-container.vertical-tabs[data-section-small-style] {
width: 100% !important; }
[data-section='vertical-tabs'][data-section-small-style] > [data-section-region], [data-section='vertical-tabs'][data-section-small-style] > section, [data-section='vertical-tabs'][data-section-small-style] > .section, .section-container.vertical-tabs[data-section-small-style] > [data-section-region], .section-container.vertical-tabs[data-section-small-style] > section, .section-container.vertical-tabs[data-section-small-style] > .section {
padding: 0 !important;
margin: 0 !important; }
[data-section='vertical-tabs'][data-section-small-style] > [data-section-region] > [data-section-title], [data-section='vertical-tabs'][data-section-small-style] > [data-section-region] > .title, [data-section='vertical-tabs'][data-section-small-style] > section > [data-section-title], [data-section='vertical-tabs'][data-section-small-style] > section > .title, [data-section='vertical-tabs'][data-section-small-style] > .section > [data-section-title], [data-section='vertical-tabs'][data-section-small-style] > .section > .title, .section-container.vertical-tabs[data-section-small-style] > [data-section-region] > [data-section-title], .section-container.vertical-tabs[data-section-small-style] > [data-section-region] > .title, .section-container.vertical-tabs[data-section-small-style] > section > [data-section-title], .section-container.vertical-tabs[data-section-small-style] > section > .title, .section-container.vertical-tabs[data-section-small-style] > .section > [data-section-title], .section-container.vertical-tabs[data-section-small-style] > .section > .title {
width: 100% !important; }
[data-section='vertical-tabs'] > section > [data-section-title], [data-section='vertical-tabs'] > section > .title, [data-section='vertical-tabs'] > .section > [data-section-title], [data-section='vertical-tabs'] > .section > .title, [data-section='vertical-tabs'] > [data-section-region] > [data-section-title], [data-section='vertical-tabs'] > [data-section-region] > .title, .section-container.vertical-tabs > section > [data-section-title], .section-container.vertical-tabs > section > .title, .section-container.vertical-tabs > .section > [data-section-title], .section-container.vertical-tabs > .section > .title, .section-container.vertical-tabs > [data-section-region] > [data-section-title], .section-container.vertical-tabs > [data-section-region] > .title {
margin-bottom: 0; }
[data-section='vertical-tabs'] > section > [data-section-title] a, [data-section='vertical-tabs'] > section > .title a, [data-section='vertical-tabs'] > .section > [data-section-title] a, [data-section='vertical-tabs'] > .section > .title a, [data-section='vertical-tabs'] > [data-section-region] > [data-section-title] a, [data-section='vertical-tabs'] > [data-section-region] > .title a, .section-container.vertical-tabs > section > [data-section-title] a, .section-container.vertical-tabs > section > .title a, .section-container.vertical-tabs > .section > [data-section-title] a, .section-container.vertical-tabs > .section > .title a, .section-container.vertical-tabs > [data-section-region] > [data-section-title] a, .section-container.vertical-tabs > [data-section-region] > .title a {
width: 100%;
display: inline-block;
white-space: nowrap; }
[data-section='vertical-tabs'] > section > [data-section-content], [data-section='vertical-tabs'] > section > .content, [data-section='vertical-tabs'] > .section > [data-section-content], [data-section='vertical-tabs'] > .section > .content, [data-section='vertical-tabs'] > [data-section-region] > [data-section-content], [data-section='vertical-tabs'] > [data-section-region] > .content, .section-container.vertical-tabs > section > [data-section-content], .section-container.vertical-tabs > section > .content, .section-container.vertical-tabs > .section > [data-section-content], .section-container.vertical-tabs > .section > .content, .section-container.vertical-tabs > [data-section-region] > [data-section-content], .section-container.vertical-tabs > [data-section-region] > .content {
display: none; }
[data-section='vertical-tabs'] > section.active > [data-section-content], [data-section='vertical-tabs'] > section.active > .content, [data-section='vertical-tabs'] > .section.active > [data-section-content], [data-section='vertical-tabs'] > .section.active > .content, [data-section='vertical-tabs'] > [data-section-region].active > [data-section-content], [data-section='vertical-tabs'] > [data-section-region].active > .content, .section-container.vertical-tabs > section.active > [data-section-content], .section-container.vertical-tabs > section.active > .content, .section-container.vertical-tabs > .section.active > [data-section-content], .section-container.vertical-tabs > .section.active > .content, .section-container.vertical-tabs > [data-section-region].active > [data-section-content], .section-container.vertical-tabs > [data-section-region].active > .content {
display: block; }
[data-section='vertical-tabs'] > section:not(.active), [data-section='vertical-tabs'] > .section:not(.active), [data-section='vertical-tabs'] > [data-section-region]:not(.active), .section-container.vertical-tabs > section:not(.active), .section-container.vertical-tabs > .section:not(.active), .section-container.vertical-tabs > [data-section-region]:not(.active) {
padding: 0 !important; }
[data-section='vertical-tabs'] > section > [data-section-title], [data-section='vertical-tabs'] > section > .title, [data-section='vertical-tabs'] > .section > [data-section-title], [data-section='vertical-tabs'] > .section > .title, [data-section='vertical-tabs'] > [data-section-region] > [data-section-title], [data-section='vertical-tabs'] > [data-section-region] > .title, .section-container.vertical-tabs > section > [data-section-title], .section-container.vertical-tabs > section > .title, .section-container.vertical-tabs > .section > [data-section-title], .section-container.vertical-tabs > .section > .title, .section-container.vertical-tabs > [data-section-region] > [data-section-title], .section-container.vertical-tabs > [data-section-region] > .title {
position: absolute;
top: 0;
left: 0;
width: 12.5em; }
[data-section='vertical-tabs'] > section.active, [data-section='vertical-tabs'] > .section.active, [data-section='vertical-tabs'] > [data-section-region].active, .section-container.vertical-tabs > section.active, .section-container.vertical-tabs > .section.active, .section-container.vertical-tabs > [data-section-region].active {
padding-left: 12.5em; }
[data-section='vertical-tabs'] > section.active > [data-section-title], [data-section='vertical-tabs'] > section.active > .title, [data-section='vertical-tabs'] > .section.active > [data-section-title], [data-section='vertical-tabs'] > .section.active > .title, [data-section='vertical-tabs'] > [data-section-region].active > [data-section-title], [data-section='vertical-tabs'] > [data-section-region].active > .title, .section-container.vertical-tabs > section.active > [data-section-title], .section-container.vertical-tabs > section.active > .title, .section-container.vertical-tabs > .section.active > [data-section-title], .section-container.vertical-tabs > .section.active > .title, .section-container.vertical-tabs > [data-section-region].active > [data-section-title], .section-container.vertical-tabs > [data-section-region].active > .title {
width: 12.5em; }
.section-container.vertical-tabs {
border: none; }
.section-container.vertical-tabs > section > .title, .section-container.vertical-tabs > .section > .title {
background-color: #efefef;
cursor: pointer;
border: solid 1px #cccccc; }
.section-container.vertical-tabs > section > .title a, .section-container.vertical-tabs > .section > .title a {
padding: 0.9375em;
color: #333333;
font-size: 0.875em;
background: none; }
.section-container.vertical-tabs > section > .title:hover, .section-container.vertical-tabs > .section > .title:hover {
background-color: #e2e2e2; }
.section-container.vertical-tabs > section > .content, .section-container.vertical-tabs > .section > .content {
padding: 0.9375em;
background-color: white;
border: solid 1px #cccccc; }
.section-container.vertical-tabs > section > .content > *:last-child, .section-container.vertical-tabs > .section > .content > *:last-child {
margin-bottom: 0; }
.section-container.vertical-tabs > section > .content > *:first-child, .section-container.vertical-tabs > .section > .content > *:first-child {
padding-top: 0; }
.section-container.vertical-tabs > section > .content > *:last-child:not(.flex-video), .section-container.vertical-tabs > .section > .content > *:last-child:not(.flex-video) {
padding-bottom: 0; }
.section-container.vertical-tabs > section.active > .title, .section-container.vertical-tabs > .section.active > .title {
background: #d5d5d5; }
.section-container.vertical-tabs > section.active > .title a, .section-container.vertical-tabs > .section.active > .title a {
color: #333333; }
.section-container.vertical-tabs > section:not(.active), .section-container.vertical-tabs > .section:not(.active) {
padding: 0 !important; }
.section-container.vertical-tabs > section.active, .section-container.vertical-tabs > .section.active {
padding-left: 12.4375em; }
.section-container.vertical-tabs > section.active > .title, .section-container.vertical-tabs > .section.active > .title {
background-color: #d5d5d5; }
[data-section='vertical-nav'], .section-container.vertical-nav {
width: 100%;
position: relative;
display: block;
margin-bottom: 1.25em; }
[data-section='vertical-nav']:not([data-section-resized]):not([data-section-small-style]), .section-container.vertical-nav:not([data-section-resized]):not([data-section-small-style]) {
visibility: hidden; }
[data-section='vertical-nav'][data-section-small-style], .section-container.vertical-nav[data-section-small-style] {
width: 100% !important; }
[data-section='vertical-nav'][data-section-small-style] > [data-section-region], [data-section='vertical-nav'][data-section-small-style] > section, [data-section='vertical-nav'][data-section-small-style] > .section, .section-container.vertical-nav[data-section-small-style] > [data-section-region], .section-container.vertical-nav[data-section-small-style] > section, .section-container.vertical-nav[data-section-small-style] > .section {
padding: 0 !important;
margin: 0 !important; }
[data-section='vertical-nav'][data-section-small-style] > [data-section-region] > [data-section-title], [data-section='vertical-nav'][data-section-small-style] > [data-section-region] > .title, [data-section='vertical-nav'][data-section-small-style] > section > [data-section-title], [data-section='vertical-nav'][data-section-small-style] > section > .title, [data-section='vertical-nav'][data-section-small-style] > .section > [data-section-title], [data-section='vertical-nav'][data-section-small-style] > .section > .title, .section-container.vertical-nav[data-section-small-style] > [data-section-region] > [data-section-title], .section-container.vertical-nav[data-section-small-style] > [data-section-region] > .title, .section-container.vertical-nav[data-section-small-style] > section > [data-section-title], .section-container.vertical-nav[data-section-small-style] > section > .title, .section-container.vertical-nav[data-section-small-style] > .section > [data-section-title], .section-container.vertical-nav[data-section-small-style] > .section > .title {
width: 100% !important; }
[data-section='vertical-nav'] > section, [data-section='vertical-nav'] > .section, [data-section='vertical-nav'] > [data-section-region], .section-container.vertical-nav > section, .section-container.vertical-nav > .section, .section-container.vertical-nav > [data-section-region] {
position: relative;
display: inline-block; }
[data-section='vertical-nav'] > section > [data-section-title], [data-section='vertical-nav'] > section > .title, [data-section='vertical-nav'] > .section > [data-section-title], [data-section='vertical-nav'] > .section > .title, [data-section='vertical-nav'] > [data-section-region] > [data-section-title], [data-section='vertical-nav'] > [data-section-region] > .title, .section-container.vertical-nav > section > [data-section-title], .section-container.vertical-nav > section > .title, .section-container.vertical-nav > .section > [data-section-title], .section-container.vertical-nav > .section > .title, .section-container.vertical-nav > [data-section-region] > [data-section-title], .section-container.vertical-nav > [data-section-region] > .title {
margin-bottom: 0; }
[data-section='vertical-nav'] > section > [data-section-title] a, [data-section='vertical-nav'] > section > .title a, [data-section='vertical-nav'] > .section > [data-section-title] a, [data-section='vertical-nav'] > .section > .title a, [data-section='vertical-nav'] > [data-section-region] > [data-section-title] a, [data-section='vertical-nav'] > [data-section-region] > .title a, .section-container.vertical-nav > section > [data-section-title] a, .section-container.vertical-nav > section > .title a, .section-container.vertical-nav > .section > [data-section-title] a, .section-container.vertical-nav > .section > .title a, .section-container.vertical-nav > [data-section-region] > [data-section-title] a, .section-container.vertical-nav > [data-section-region] > .title a {
width: 100%;
display: inline-block;
white-space: nowrap; }
[data-section='vertical-nav'] > section > [data-section-content], [data-section='vertical-nav'] > section > .content, [data-section='vertical-nav'] > .section > [data-section-content], [data-section='vertical-nav'] > .section > .content, [data-section='vertical-nav'] > [data-section-region] > [data-section-content], [data-section='vertical-nav'] > [data-section-region] > .content, .section-container.vertical-nav > section > [data-section-content], .section-container.vertical-nav > section > .content, .section-container.vertical-nav > .section > [data-section-content], .section-container.vertical-nav > .section > .content, .section-container.vertical-nav > [data-section-region] > [data-section-content], .section-container.vertical-nav > [data-section-region] > .content {
display: none; }
[data-section='vertical-nav'] > section.active > [data-section-content], [data-section='vertical-nav'] > section.active > .content, [data-section='vertical-nav'] > .section.active > [data-section-content], [data-section='vertical-nav'] > .section.active > .content, [data-section='vertical-nav'] > [data-section-region].active > [data-section-content], [data-section='vertical-nav'] > [data-section-region].active > .content, .section-container.vertical-nav > section.active > [data-section-content], .section-container.vertical-nav > section.active > .content, .section-container.vertical-nav > .section.active > [data-section-content], .section-container.vertical-nav > .section.active > .content, .section-container.vertical-nav > [data-section-region].active > [data-section-content], .section-container.vertical-nav > [data-section-region].active > .content {
display: block; }
[data-section='vertical-nav'] > section:not(.active), [data-section='vertical-nav'] > .section:not(.active), [data-section='vertical-nav'] > [data-section-region]:not(.active), .section-container.vertical-nav > section:not(.active), .section-container.vertical-nav > .section:not(.active), .section-container.vertical-nav > [data-section-region]:not(.active) {
padding: 0 !important; }
[data-section='vertical-nav'] > section > [data-section-title], [data-section='vertical-nav'] > section > .title, [data-section='vertical-nav'] > .section > [data-section-title], [data-section='vertical-nav'] > .section > .title, [data-section='vertical-nav'] > [data-section-region] > [data-section-title], [data-section='vertical-nav'] > [data-section-region] > .title, .section-container.vertical-nav > section > [data-section-title], .section-container.vertical-nav > section > .title, .section-container.vertical-nav > .section > [data-section-title], .section-container.vertical-nav > .section > .title, .section-container.vertical-nav > [data-section-region] > [data-section-title], .section-container.vertical-nav > [data-section-region] > .title {
position: static;
width: auto; }
[data-section='vertical-nav'] > section > [data-section-title] a, [data-section='vertical-nav'] > section > .title a, [data-section='vertical-nav'] > .section > [data-section-title] a, [data-section='vertical-nav'] > .section > .title a, [data-section='vertical-nav'] > [data-section-region] > [data-section-title] a, [data-section='vertical-nav'] > [data-section-region] > .title a, .section-container.vertical-nav > section > [data-section-title] a, .section-container.vertical-nav > section > .title a, .section-container.vertical-nav > .section > [data-section-title] a, .section-container.vertical-nav > .section > .title a, .section-container.vertical-nav > [data-section-region] > [data-section-title] a, .section-container.vertical-nav > [data-section-region] > .title a {
display: block; }
[data-section='vertical-nav'] > section > [data-section-content], [data-section='vertical-nav'] > section > .content, [data-section='vertical-nav'] > .section > [data-section-content], [data-section='vertical-nav'] > .section > .content, [data-section='vertical-nav'] > [data-section-region] > [data-section-content], [data-section='vertical-nav'] > [data-section-region] > .content, .section-container.vertical-nav > section > [data-section-content], .section-container.vertical-nav > section > .content, .section-container.vertical-nav > .section > [data-section-content], .section-container.vertical-nav > .section > .content, .section-container.vertical-nav > [data-section-region] > [data-section-content], .section-container.vertical-nav > [data-section-region] > .content {
position: absolute;
top: 0;
left: 0;
z-index: 999;
min-width: 12.5em; }
.section-container.vertical-nav {
border: none; }
.section-container.vertical-nav > section > .title, .section-container.vertical-nav > .section > .title {
background-color: #efefef;
cursor: pointer;
border: solid 1px #cccccc; }
.section-container.vertical-nav > section > .title a, .section-container.vertical-nav > .section > .title a {
padding: 0.9375em;
color: #333333;
font-size: 0.875em;
background: none; }
.section-container.vertical-nav > section > .title:hover, .section-container.vertical-nav > .section > .title:hover {
background-color: #e2e2e2; }
.section-container.vertical-nav > section > .content, .section-container.vertical-nav > .section > .content {
padding: 0.9375em;
background-color: white;
border: solid 1px #cccccc; }
.section-container.vertical-nav > section > .content > *:last-child, .section-container.vertical-nav > .section > .content > *:last-child {
margin-bottom: 0; }
.section-container.vertical-nav > section > .content > *:first-child, .section-container.vertical-nav > .section > .content > *:first-child {
padding-top: 0; }
.section-container.vertical-nav > section > .content > *:last-child:not(.flex-video), .section-container.vertical-nav > .section > .content > *:last-child:not(.flex-video) {
padding-bottom: 0; }
.section-container.vertical-nav > section.active > .title, .section-container.vertical-nav > .section.active > .title {
background: #d5d5d5; }
.section-container.vertical-nav > section.active > .title a, .section-container.vertical-nav > .section.active > .title a {
color: #333333; }
.section-container.vertical-nav > section:not(.active), .section-container.vertical-nav > .section:not(.active) {
padding: 0 !important; }
[data-section='horizontal-nav'], .section-container.horizontal-nav {
width: 100%;
position: relative;
display: block;
margin-bottom: 1.25em; }
[data-section='horizontal-nav']:not([data-section-resized]):not([data-section-small-style]), .section-container.horizontal-nav:not([data-section-resized]):not([data-section-small-style]) {
visibility: hidden; }
[data-section='horizontal-nav'][data-section-small-style], .section-container.horizontal-nav[data-section-small-style] {
width: 100% !important; }
[data-section='horizontal-nav'][data-section-small-style] > [data-section-region], [data-section='horizontal-nav'][data-section-small-style] > section, [data-section='horizontal-nav'][data-section-small-style] > .section, .section-container.horizontal-nav[data-section-small-style] > [data-section-region], .section-container.horizontal-nav[data-section-small-style] > section, .section-container.horizontal-nav[data-section-small-style] > .section {
padding: 0 !important;
margin: 0 !important; }
[data-section='horizontal-nav'][data-section-small-style] > [data-section-region] > [data-section-title], [data-section='horizontal-nav'][data-section-small-style] > [data-section-region] > .title, [data-section='horizontal-nav'][data-section-small-style] > section > [data-section-title], [data-section='horizontal-nav'][data-section-small-style] > section > .title, [data-section='horizontal-nav'][data-section-small-style] > .section > [data-section-title], [data-section='horizontal-nav'][data-section-small-style] > .section > .title, .section-container.horizontal-nav[data-section-small-style] > [data-section-region] > [data-section-title], .section-container.horizontal-nav[data-section-small-style] > [data-section-region] > .title, .section-container.horizontal-nav[data-section-small-style] > section > [data-section-title], .section-container.horizontal-nav[data-section-small-style] > section > .title, .section-container.horizontal-nav[data-section-small-style] > .section > [data-section-title], .section-container.horizontal-nav[data-section-small-style] > .section > .title {
width: 100% !important; }
[data-section='horizontal-nav'] > section, [data-section='horizontal-nav'] > .section, [data-section='horizontal-nav'] > [data-section-region], .section-container.horizontal-nav > section, .section-container.horizontal-nav > .section, .section-container.horizontal-nav > [data-section-region] {
position: relative;
float: left; }
[data-section='horizontal-nav'] > section > [data-section-title], [data-section='horizontal-nav'] > section > .title, [data-section='horizontal-nav'] > .section > [data-section-title], [data-section='horizontal-nav'] > .section > .title, [data-section='horizontal-nav'] > [data-section-region] > [data-section-title], [data-section='horizontal-nav'] > [data-section-region] > .title, .section-container.horizontal-nav > section > [data-section-title], .section-container.horizontal-nav > section > .title, .section-container.horizontal-nav > .section > [data-section-title], .section-container.horizontal-nav > .section > .title, .section-container.horizontal-nav > [data-section-region] > [data-section-title], .section-container.horizontal-nav > [data-section-region] > .title {
margin-bottom: 0; }
[data-section='horizontal-nav'] > section > [data-section-title] a, [data-section='horizontal-nav'] > section > .title a, [data-section='horizontal-nav'] > .section > [data-section-title] a, [data-section='horizontal-nav'] > .section > .title a, [data-section='horizontal-nav'] > [data-section-region] > [data-section-title] a, [data-section='horizontal-nav'] > [data-section-region] > .title a, .section-container.horizontal-nav > section > [data-section-title] a, .section-container.horizontal-nav > section > .title a, .section-container.horizontal-nav > .section > [data-section-title] a, .section-container.horizontal-nav > .section > .title a, .section-container.horizontal-nav > [data-section-region] > [data-section-title] a, .section-container.horizontal-nav > [data-section-region] > .title a {
width: 100%;
display: inline-block;
white-space: nowrap; }
[data-section='horizontal-nav'] > section > [data-section-content], [data-section='horizontal-nav'] > section > .content, [data-section='horizontal-nav'] > .section > [data-section-content], [data-section='horizontal-nav'] > .section > .content, [data-section='horizontal-nav'] > [data-section-region] > [data-section-content], [data-section='horizontal-nav'] > [data-section-region] > .content, .section-container.horizontal-nav > section > [data-section-content], .section-container.horizontal-nav > section > .content, .section-container.horizontal-nav > .section > [data-section-content], .section-container.horizontal-nav > .section > .content, .section-container.horizontal-nav > [data-section-region] > [data-section-content], .section-container.horizontal-nav > [data-section-region] > .content {
display: none; }
[data-section='horizontal-nav'] > section.active > [data-section-content], [data-section='horizontal-nav'] > section.active > .content, [data-section='horizontal-nav'] > .section.active > [data-section-content], [data-section='horizontal-nav'] > .section.active > .content, [data-section='horizontal-nav'] > [data-section-region].active > [data-section-content], [data-section='horizontal-nav'] > [data-section-region].active > .content, .section-container.horizontal-nav > section.active > [data-section-content], .section-container.horizontal-nav > section.active > .content, .section-container.horizontal-nav > .section.active > [data-section-content], .section-container.horizontal-nav > .section.active > .content, .section-container.horizontal-nav > [data-section-region].active > [data-section-content], .section-container.horizontal-nav > [data-section-region].active > .content {
display: block; }
[data-section='horizontal-nav'] > section:not(.active), [data-section='horizontal-nav'] > .section:not(.active), [data-section='horizontal-nav'] > [data-section-region]:not(.active), .section-container.horizontal-nav > section:not(.active), .section-container.horizontal-nav > .section:not(.active), .section-container.horizontal-nav > [data-section-region]:not(.active) {
padding: 0 !important; }
[data-section='horizontal-nav'] > section > [data-section-title], [data-section='horizontal-nav'] > section > .title, [data-section='horizontal-nav'] > .section > [data-section-title], [data-section='horizontal-nav'] > .section > .title, [data-section='horizontal-nav'] > [data-section-region] > [data-section-title], [data-section='horizontal-nav'] > [data-section-region] > .title, .section-container.horizontal-nav > section > [data-section-title], .section-container.horizontal-nav > section > .title, .section-container.horizontal-nav > .section > [data-section-title], .section-container.horizontal-nav > .section > .title, .section-container.horizontal-nav > [data-section-region] > [data-section-title], .section-container.horizontal-nav > [data-section-region] > .title {
position: static;
width: auto; }
[data-section='horizontal-nav'] > section > [data-section-title] a, [data-section='horizontal-nav'] > section > .title a, [data-section='horizontal-nav'] > .section > [data-section-title] a, [data-section='horizontal-nav'] > .section > .title a, [data-section='horizontal-nav'] > [data-section-region] > [data-section-title] a, [data-section='horizontal-nav'] > [data-section-region] > .title a, .section-container.horizontal-nav > section > [data-section-title] a, .section-container.horizontal-nav > section > .title a, .section-container.horizontal-nav > .section > [data-section-title] a, .section-container.horizontal-nav > .section > .title a, .section-container.horizontal-nav > [data-section-region] > [data-section-title] a, .section-container.horizontal-nav > [data-section-region] > .title a {
display: block; }
[data-section='horizontal-nav'] > section > [data-section-content], [data-section='horizontal-nav'] > section > .content, [data-section='horizontal-nav'] > .section > [data-section-content], [data-section='horizontal-nav'] > .section > .content, [data-section='horizontal-nav'] > [data-section-region] > [data-section-content], [data-section='horizontal-nav'] > [data-section-region] > .content, .section-container.horizontal-nav > section > [data-section-content], .section-container.horizontal-nav > section > .content, .section-container.horizontal-nav > .section > [data-section-content], .section-container.horizontal-nav > .section > .content, .section-container.horizontal-nav > [data-section-region] > [data-section-content], .section-container.horizontal-nav > [data-section-region] > .content {
width: auto;
position: absolute;
top: 0;
left: 0;
z-index: 999;
min-width: 12.5em; }
.section-container.horizontal-nav {
background: #efefef;
border: 1px solid #cccccc; }
.section-container.horizontal-nav > section > .title, .section-container.horizontal-nav > .section > .title {
background-color: #efefef;
cursor: pointer;
border: solid 1px #cccccc; }
.section-container.horizontal-nav > section > .title a, .section-container.horizontal-nav > .section > .title a {
padding: 0.9375em;
color: #333333;
font-size: 0.875em;
background: none; }
.section-container.horizontal-nav > section > .title:hover, .section-container.horizontal-nav > .section > .title:hover {
background-color: #e2e2e2; }
.section-container.horizontal-nav > section > .content, .section-container.horizontal-nav > .section > .content {
padding: 0.9375em;
background-color: white;
border: solid 1px #cccccc; }
.section-container.horizontal-nav > section > .content > *:last-child, .section-container.horizontal-nav > .section > .content > *:last-child {
margin-bottom: 0; }
.section-container.horizontal-nav > section > .content > *:first-child, .section-container.horizontal-nav > .section > .content > *:first-child {
padding-top: 0; }
.section-container.horizontal-nav > section > .content > *:last-child:not(.flex-video), .section-container.horizontal-nav > .section > .content > *:last-child:not(.flex-video) {
padding-bottom: 0; }
.section-container.horizontal-nav > section.active > .title, .section-container.horizontal-nav > .section.active > .title {
background: #d5d5d5; }
.section-container.horizontal-nav > section.active > .title a, .section-container.horizontal-nav > .section.active > .title a {
color: #333333; }
.section-container.horizontal-nav > section:not(.active), .section-container.horizontal-nav > .section:not(.active) {
padding: 0 !important; } }
.no-js [data-section], .no-js .section-container {
width: 100%;
position: relative;
display: block;
margin-bottom: 1.25em; }
.no-js [data-section][data-section-small-style], .no-js .section-container[data-section-small-style] {
width: 100% !important; }
.no-js [data-section][data-section-small-style] > [data-section-region], .no-js [data-section][data-section-small-style] > section, .no-js [data-section][data-section-small-style] > .section, .no-js .section-container[data-section-small-style] > [data-section-region], .no-js .section-container[data-section-small-style] > section, .no-js .section-container[data-section-small-style] > .section {
padding: 0 !important;
margin: 0 !important; }
.no-js [data-section][data-section-small-style] > [data-section-region] > [data-section-title], .no-js [data-section][data-section-small-style] > [data-section-region] > .title, .no-js [data-section][data-section-small-style] > section > [data-section-title], .no-js [data-section][data-section-small-style] > section > .title, .no-js [data-section][data-section-small-style] > .section > [data-section-title], .no-js [data-section][data-section-small-style] > .section > .title, .no-js .section-container[data-section-small-style] > [data-section-region] > [data-section-title], .no-js .section-container[data-section-small-style] > [data-section-region] > .title, .no-js .section-container[data-section-small-style] > section > [data-section-title], .no-js .section-container[data-section-small-style] > section > .title, .no-js .section-container[data-section-small-style] > .section > [data-section-title], .no-js .section-container[data-section-small-style] > .section > .title {
width: 100% !important; }
.no-js [data-section] > section, .no-js [data-section] > .section, .no-js [data-section] > [data-section-region], .no-js .section-container > section, .no-js .section-container > .section, .no-js .section-container > [data-section-region] {
margin: 0; }
.no-js [data-section] > section > [data-section-title], .no-js [data-section] > section > .title, .no-js [data-section] > .section > [data-section-title], .no-js [data-section] > .section > .title, .no-js [data-section] > [data-section-region] > [data-section-title], .no-js [data-section] > [data-section-region] > .title, .no-js .section-container > section > [data-section-title], .no-js .section-container > section > .title, .no-js .section-container > .section > [data-section-title], .no-js .section-container > .section > .title, .no-js .section-container > [data-section-region] > [data-section-title], .no-js .section-container > [data-section-region] > .title {
margin-bottom: 0; }
.no-js [data-section] > section > [data-section-title] a, .no-js [data-section] > section > .title a, .no-js [data-section] > .section > [data-section-title] a, .no-js [data-section] > .section > .title a, .no-js [data-section] > [data-section-region] > [data-section-title] a, .no-js [data-section] > [data-section-region] > .title a, .no-js .section-container > section > [data-section-title] a, .no-js .section-container > section > .title a, .no-js .section-container > .section > [data-section-title] a, .no-js .section-container > .section > .title a, .no-js .section-container > [data-section-region] > [data-section-title] a, .no-js .section-container > [data-section-region] > .title a {
width: 100%;
display: inline-block;
white-space: nowrap; }
.no-js [data-section] > section > [data-section-content], .no-js [data-section] > section > .content, .no-js [data-section] > .section > [data-section-content], .no-js [data-section] > .section > .content, .no-js [data-section] > [data-section-region] > [data-section-content], .no-js [data-section] > [data-section-region] > .content, .no-js .section-container > section > [data-section-content], .no-js .section-container > section > .content, .no-js .section-container > .section > [data-section-content], .no-js .section-container > .section > .content, .no-js .section-container > [data-section-region] > [data-section-content], .no-js .section-container > [data-section-region] > .content {
display: none; }
.no-js [data-section] > section.active > [data-section-content], .no-js [data-section] > section.active > .content, .no-js [data-section] > .section.active > [data-section-content], .no-js [data-section] > .section.active > .content, .no-js [data-section] > [data-section-region].active > [data-section-content], .no-js [data-section] > [data-section-region].active > .content, .no-js .section-container > section.active > [data-section-content], .no-js .section-container > section.active > .content, .no-js .section-container > .section.active > [data-section-content], .no-js .section-container > .section.active > .content, .no-js .section-container > [data-section-region].active > [data-section-content], .no-js .section-container > [data-section-region].active > .content {
display: block; }
.no-js [data-section] > section:not(.active), .no-js [data-section] > .section:not(.active), .no-js [data-section] > [data-section-region]:not(.active), .no-js .section-container > section:not(.active), .no-js .section-container > .section:not(.active), .no-js .section-container > [data-section-region]:not(.active) {
padding: 0 !important; }
.no-js [data-section] > section > [data-section-title], .no-js [data-section] > section > .title, .no-js [data-section] > .section > [data-section-title], .no-js [data-section] > .section > .title, .no-js [data-section] > [data-section-region] > [data-section-title], .no-js [data-section] > [data-section-region] > .title, .no-js .section-container > section > [data-section-title], .no-js .section-container > section > .title, .no-js .section-container > .section > [data-section-title], .no-js .section-container > .section > .title, .no-js .section-container > [data-section-region] > [data-section-title], .no-js .section-container > [data-section-region] > .title {
width: 100%; }
.no-js .section-container {
border-top: 1px solid #cccccc; }
.no-js .section-container > section > .title, .no-js .section-container > .section > .title {
background-color: #efefef;
cursor: pointer;
border: solid 1px #cccccc; }
.no-js .section-container > section > .title a, .no-js .section-container > .section > .title a {
padding: 0.9375em;
color: #333333;
font-size: 0.875em;
background: none; }
.no-js .section-container > section > .title:hover, .no-js .section-container > .section > .title:hover {
background-color: #e2e2e2; }
.no-js .section-container > section > .content, .no-js .section-container > .section > .content {
padding: 0.9375em;
background-color: white;
border: solid 1px #cccccc; }
.no-js .section-container > section > .content > *:last-child, .no-js .section-container > .section > .content > *:last-child {
margin-bottom: 0; }
.no-js .section-container > section > .content > *:first-child, .no-js .section-container > .section > .content > *:first-child {
padding-top: 0; }
.no-js .section-container > section > .content > *:last-child:not(.flex-video), .no-js .section-container > .section > .content > *:last-child:not(.flex-video) {
padding-bottom: 0; }
.no-js .section-container > section.active > .title, .no-js .section-container > .section.active > .title {
background: #d5d5d5; }
.no-js .section-container > section.active > .title a, .no-js .section-container > .section.active > .title a {
color: #333333; }
.no-js .section-container > section:not(.active), .no-js .section-container > .section:not(.active) {
padding: 0 !important; }
.no-js .section-container > section > .title, .no-js .section-container > .section > .title {
border-top: none; } .contain-to-grid {
width: 100%;
background: #111111; }
.contain-to-grid .top-bar {
margin-bottom: 0; }
.fixed {
width: 100%;
left: 0;
position: fixed;
top: 0;
z-index: 99; }
.fixed.expanded:not(.top-bar) {
overflow-y: auto;
height: auto;
width: 100%;
max-height: 100%; }
.fixed.expanded:not(.top-bar) .title-area {
position: fixed;
width: 100%;
z-index: 99; }
.fixed.expanded:not(.top-bar) .top-bar-section {
z-index: 98;
margin-top: 45px; }
.top-bar {
overflow: hidden;
height: 45px;
line-height: 45px;
position: relative;
background: #111111;
margin-bottom: 0; }
.top-bar ul {
margin-bottom: 0;
list-style: none; }
.top-bar .row {
max-width: none; }
.top-bar form,
.top-bar input {
margin-bottom: 0; }
.top-bar input {
height: 2.45em; }
.top-bar .button {
padding-top: .5em;
padding-bottom: .5em;
margin-bottom: 0; }
.top-bar .title-area {
position: relative;
margin: 0; }
.top-bar .name {
height: 45px;
margin: 0;
font-size: 16px; }
.top-bar .name h1 {
line-height: 45px;
font-size: 1.0625em;
margin: 0; }
.top-bar .name h1 a {
font-weight: bold;
color: white;
width: 50%;
display: block;
padding: 0 15px; }
.top-bar .toggle-topbar {
position: absolute;
right: 0;
top: 0; }
.top-bar .toggle-topbar a {
color: white;
text-transform: uppercase;
font-size: 0.8125em;
font-weight: bold;
position: relative;
display: block;
padding: 0 15px;
height: 45px;
line-height: 45px; }
.top-bar .toggle-topbar.menu-icon {
right: 15px;
top: 50%;
margin-top: -16px;
padding-left: 40px; }
.top-bar .toggle-topbar.menu-icon a {
text-indent: -48px;
width: 34px;
height: 34px;
line-height: 33px;
padding: 0;
color: white; }
.top-bar .toggle-topbar.menu-icon a span {
position: absolute;
right: 0;
display: block;
width: 16px;
height: 0;
-webkit-box-shadow: 0 10px 0 1px white, 0 16px 0 1px white, 0 22px 0 1px white;
box-shadow: 0 10px 0 1px white, 0 16px 0 1px white, 0 22px 0 1px white; }
.top-bar.expanded {
height: auto;
background: transparent; }
.top-bar.expanded .title-area {
background: #111111; }
.top-bar.expanded .toggle-topbar a {
color: #888888; }
.top-bar.expanded .toggle-topbar a span {
-webkit-box-shadow: 0 10px 0 1px #888888, 0 16px 0 1px #888888, 0 22px 0 1px #888888;
box-shadow: 0 10px 0 1px #888888, 0 16px 0 1px #888888, 0 22px 0 1px #888888; }
.top-bar-section {
left: 0;
position: relative;
width: auto;
-webkit-transition: left 300ms ease-out;
-moz-transition: left 300ms ease-out;
transition: left 300ms ease-out; }
.top-bar-section ul {
width: 100%;
height: auto;
display: block;
background: #222222;
font-size: 16px;
margin: 0; }
.top-bar-section .divider,
.top-bar-section [role="separator"] {
border-bottom: solid 1px #2b2b2b;
border-top: solid 1px black;
clear: both;
height: 1px;
width: 100%; }
.top-bar-section ul li > a {
display: block;
width: 100%;
color: white;
padding: 12px 0 12px 0;
padding-left: 15px;
font-size: 0.8125em;
font-weight: bold;
background: #222222; }
.top-bar-section ul li > a.button {
background: #2ba6cb;
font-size: 0.8125em;
padding-right: 15px;
padding-left: 15px; }
.top-bar-section ul li > a.button:hover {
background: #2284a1; }
.top-bar-section ul li > a.button.secondary {
background: #e9e9e9; }
.top-bar-section ul li > a.button.secondary:hover {
background: #d0d0d0; }
.top-bar-section ul li > a.button.success {
background: #5da423; }
.top-bar-section ul li > a.button.success:hover {
background: #457a1a; }
.top-bar-section ul li > a.button.alert {
background: #c60f13; }
.top-bar-section ul li > a.button.alert:hover {
background: #970b0e; }
.top-bar-section ul li:hover > a {
background: black;
color: white; }
.top-bar-section ul li.active > a {
background: #090909;
color: white; }
.top-bar-section .has-form {
padding: 15px; }
.top-bar-section .has-dropdown {
position: relative; }
.top-bar-section .has-dropdown > a:after {
content: "";
display: block;
width: 0;
height: 0;
border: inset 5px;
border-color: transparent transparent transparent rgba(255, 255, 255, 0.5);
border-left-style: solid;
margin-right: 15px;
margin-top: -4.5px;
position: absolute;
top: 50%;
right: 0; }
.top-bar-section .has-dropdown.moved {
position: static; }
.top-bar-section .has-dropdown.moved > .dropdown {
display: block; }
.top-bar-section .dropdown {
position: absolute;
left: 100%;
top: 0;
display: none;
z-index: 99; }
.top-bar-section .dropdown li {
width: 100%;
height: auto; }
.top-bar-section .dropdown li a {
font-weight: normal;
padding: 8px 15px; }
.top-bar-section .dropdown li a.parent-link {
font-weight: bold; }
.top-bar-section .dropdown li.title h5 {
margin-bottom: 0; }
.top-bar-section .dropdown li.title h5 a {
color: white;
line-height: 22.5px;
display: block; }
.top-bar-section .dropdown label {
padding: 8px 15px 2px;
margin-bottom: 0;
text-transform: uppercase;
color: #555555;
font-weight: bold;
font-size: 0.625em; }
.top-bar-js-breakpoint {
width: 940px !important;
visibility: hidden; }
.js-generated {
display: block; }
@media only screen and (min-width: 940px) {
.top-bar {
background: #111111;
*zoom: 1;
overflow: visible; }
.top-bar:before, .top-bar:after {
content: " ";
display: table; }
.top-bar:after {
clear: both; }
.top-bar .toggle-topbar {
display: none; }
.top-bar .title-area {
float: left; }
.top-bar .name h1 a {
width: auto; }
.top-bar input,
.top-bar .button {
line-height: 2em;
font-size: 0.875em;
height: 2em;
padding: 0 10px;
position: relative;
top: 8px; }
.top-bar.expanded {
background: #111111; }
.contain-to-grid .top-bar {
max-width: 62.5em;
margin: 0 auto;
margin-bottom: 0; }
.top-bar-section {
-webkit-transition: none 0 0;
-moz-transition: none 0 0;
transition: none 0 0;
left: 0 !important; }
.top-bar-section ul {
width: auto;
height: auto !important;
display: inline; }
.top-bar-section ul li {
float: left; }
.top-bar-section ul li .js-generated {
display: none; }
.top-bar-section li.hover > a:not(.button) {
background: black;
color: white; }
.top-bar-section li a:not(.button) {
padding: 0 15px;
line-height: 45px;
background: #111111; }
.top-bar-section li a:not(.button):hover {
background: black; }
.top-bar-section .has-dropdown > a {
padding-right: 35px !important; }
.top-bar-section .has-dropdown > a:after {
content: "";
display: block;
width: 0;
height: 0;
border: inset 5px;
border-color: rgba(255, 255, 255, 0.5) transparent transparent transparent;
border-top-style: solid;
margin-top: -2.5px;
top: 22.5px; }
.top-bar-section .has-dropdown.moved {
position: relative; }
.top-bar-section .has-dropdown.moved > .dropdown {
display: none; }
.top-bar-section .has-dropdown.hover > .dropdown, .top-bar-section .has-dropdown.not-click:hover > .dropdown {
display: block; }
.top-bar-section .has-dropdown .dropdown li.has-dropdown > a:after {
border: none;
content: "\00bb";
top: 1em;
margin-top: -7px;
right: 5px; }
.top-bar-section .dropdown {
left: 0;
top: auto;
background: transparent;
min-width: 100%; }
.top-bar-section .dropdown li a {
color: white;
line-height: 1;
white-space: nowrap;
padding: 7px 15px;
background: #1e1e1e; }
.top-bar-section .dropdown li label {
white-space: nowrap;
background: #1e1e1e; }
.top-bar-section .dropdown li .dropdown {
left: 100%;
top: 0; }
.top-bar-section > ul > .divider, .top-bar-section > ul > [role="separator"] {
border-bottom: none;
border-top: none;
border-right: solid 1px #2b2b2b;
border-left: solid 1px black;
clear: none;
height: 45px;
width: 0; }
.top-bar-section .has-form {
background: #111111;
padding: 0 15px;
height: 45px; }
.top-bar-section ul.right li .dropdown {
left: auto;
right: 0; }
.top-bar-section ul.right li .dropdown li .dropdown {
right: 100%; }
.no-js .top-bar-section ul li:hover > a {
background: black;
color: white; }
.no-js .top-bar-section ul li:active > a {
background: #090909;
color: white; }
.no-js .top-bar-section .has-dropdown:hover > .dropdown {
display: block; } }
@-webkit-keyframes rotate {
from {
-webkit-transform: rotate(0deg); }
to {
-webkit-transform: rotate(360deg); } }
@-moz-keyframes rotate {
from {
-moz-transform: rotate(0deg); }
to {
-moz-transform: rotate(360deg); } }
@-o-keyframes rotate {
from {
-o-transform: rotate(0deg); }
to {
-o-transform: rotate(360deg); } }
@keyframes rotate {
from {
transform: rotate(0deg); }
to {
transform: rotate(360deg); } }
@font-face{font-family:'FontAwesome';src:url(//graftonstdinnertheatre.com/wp-content/themes/grill/assets/font/fontawesome-webfont.eot?v=3.2.1);src:url(//graftonstdinnertheatre.com/wp-content/themes/grill/assets/font/fontawesome-webfont.eot?#iefix&v=3.2.1) format('embedded-opentype'),url(//graftonstdinnertheatre.com/wp-content/themes/grill/assets/font/fontawesome-webfont.woff?v=3.2.1) format('woff'),url(//graftonstdinnertheatre.com/wp-content/themes/grill/assets/font/fontawesome-webfont.ttf?v=3.2.1) format('truetype'),url(//graftonstdinnertheatre.com/wp-content/themes/grill/assets/font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1) format('svg');font-weight:normal;font-style:normal;}[class^="icon-"],[class*=" icon-"]{font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;*margin-right:.3em;}
[class^="icon-"]:before,[class*=" icon-"]:before{text-decoration:inherit;display:inline-block;speak:none;}
.icon-large:before{vertical-align:-10%;font-size:1.3333333333333333em;}
a [class^="icon-"],a [class*=" icon-"]{display:inline;}
[class^="icon-"].icon-fixed-width,[class*=" icon-"].icon-fixed-width{display:inline-block;width:1.1428571428571428em;text-align:right;padding-right:0.2857142857142857em;}[class^="icon-"].icon-fixed-width.icon-large,[class*=" icon-"].icon-fixed-width.icon-large{width:1.4285714285714286em;}
.icons-ul{margin-left:2.142857142857143em;list-style-type:none;}.icons-ul>li{position:relative;}
.icons-ul .icon-li{position:absolute;left:-2.142857142857143em;width:2.142857142857143em;text-align:center;line-height:inherit;}
[class^="icon-"].hide,[class*=" icon-"].hide{display:none;}
.icon-muted{color:#eeeeee;}
.icon-light{color:#ffffff;}
.icon-dark{color:#333333;}
.icon-border{border:solid 1px #eeeeee;padding:.2em .25em .15em;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.icon-2x{font-size:2em;}.icon-2x.icon-border{border-width:2px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.icon-3x{font-size:3em;}.icon-3x.icon-border{border-width:3px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.icon-4x{font-size:4em;}.icon-4x.icon-border{border-width:4px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}
.icon-5x{font-size:5em;}.icon-5x.icon-border{border-width:5px;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;}
.pull-right{float:right;}
.pull-left{float:left;}
[class^="icon-"].pull-left,[class*=" icon-"].pull-left{margin-right:.3em;}
[class^="icon-"].pull-right,[class*=" icon-"].pull-right{margin-left:.3em;}
[class^="icon-"],[class*=" icon-"]{display:inline;width:auto;height:auto;line-height:normal;vertical-align:baseline;background-image:none;background-position:0% 0%;background-repeat:repeat;margin-top:0;}
.icon-white,.nav-pills>.active>a>[class^="icon-"],.nav-pills>.active>a>[class*=" icon-"],.nav-list>.active>a>[class^="icon-"],.nav-list>.active>a>[class*=" icon-"],.navbar-inverse .nav>.active>a>[class^="icon-"],.navbar-inverse .nav>.active>a>[class*=" icon-"],.dropdown-menu>li>a:hover>[class^="icon-"],.dropdown-menu>li>a:hover>[class*=" icon-"],.dropdown-menu>.active>a>[class^="icon-"],.dropdown-menu>.active>a>[class*=" icon-"],.dropdown-submenu:hover>a>[class^="icon-"],.dropdown-submenu:hover>a>[class*=" icon-"]{background-image:none;}
.btn [class^="icon-"].icon-large,.nav [class^="icon-"].icon-large,.btn [class*=" icon-"].icon-large,.nav [class*=" icon-"].icon-large{line-height:.9em;}
.btn [class^="icon-"].icon-spin,.nav [class^="icon-"].icon-spin,.btn [class*=" icon-"].icon-spin,.nav [class*=" icon-"].icon-spin{display:inline-block;}
.nav-tabs [class^="icon-"],.nav-pills [class^="icon-"],.nav-tabs [class*=" icon-"],.nav-pills [class*=" icon-"],.nav-tabs [class^="icon-"].icon-large,.nav-pills [class^="icon-"].icon-large,.nav-tabs [class*=" icon-"].icon-large,.nav-pills [class*=" icon-"].icon-large{line-height:.9em;}
.btn [class^="icon-"].pull-left.icon-2x,.btn [class*=" icon-"].pull-left.icon-2x,.btn [class^="icon-"].pull-right.icon-2x,.btn [class*=" icon-"].pull-right.icon-2x{margin-top:.18em;}
.btn [class^="icon-"].icon-spin.icon-large,.btn [class*=" icon-"].icon-spin.icon-large{line-height:.8em;}
.btn.btn-small [class^="icon-"].pull-left.icon-2x,.btn.btn-small [class*=" icon-"].pull-left.icon-2x,.btn.btn-small [class^="icon-"].pull-right.icon-2x,.btn.btn-small [class*=" icon-"].pull-right.icon-2x{margin-top:.25em;}
.btn.btn-large [class^="icon-"],.btn.btn-large [class*=" icon-"]{margin-top:0;}.btn.btn-large [class^="icon-"].pull-left.icon-2x,.btn.btn-large [class*=" icon-"].pull-left.icon-2x,.btn.btn-large [class^="icon-"].pull-right.icon-2x,.btn.btn-large [class*=" icon-"].pull-right.icon-2x{margin-top:.05em;}
.btn.btn-large [class^="icon-"].pull-left.icon-2x,.btn.btn-large [class*=" icon-"].pull-left.icon-2x{margin-right:.2em;}
.btn.btn-large [class^="icon-"].pull-right.icon-2x,.btn.btn-large [class*=" icon-"].pull-right.icon-2x{margin-left:.2em;}
.nav-list [class^="icon-"],.nav-list [class*=" icon-"]{line-height:inherit;}
.icon-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:-35%;}.icon-stack [class^="icon-"],.icon-stack [class*=" icon-"]{display:block;text-align:center;position:absolute;width:100%;height:100%;font-size:1em;line-height:inherit;*line-height:2em;}
.icon-stack .icon-stack-base{font-size:2em;*line-height:1em;}
.icon-spin{display:inline-block;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;-webkit-animation:spin 2s infinite linear;animation:spin 2s infinite linear;}
a .icon-stack,a .icon-spin{display:inline-block;text-decoration:none;}
@-moz-keyframes spin{0%{-moz-transform:rotate(0deg);} 100%{-moz-transform:rotate(359deg);}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);} 100%{-webkit-transform:rotate(359deg);}}@-o-keyframes spin{0%{-o-transform:rotate(0deg);} 100%{-o-transform:rotate(359deg);}}@-ms-keyframes spin{0%{-ms-transform:rotate(0deg);} 100%{-ms-transform:rotate(359deg);}}@keyframes spin{0%{transform:rotate(0deg);} 100%{transform:rotate(359deg);}}.icon-rotate-90:before{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);}
.icon-rotate-180:before{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);}
.icon-rotate-270:before{-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);}
.icon-flip-horizontal:before{-webkit-transform:scale(-1, 1);-moz-transform:scale(-1, 1);-ms-transform:scale(-1, 1);-o-transform:scale(-1, 1);transform:scale(-1, 1);}
.icon-flip-vertical:before{-webkit-transform:scale(1, -1);-moz-transform:scale(1, -1);-ms-transform:scale(1, -1);-o-transform:scale(1, -1);transform:scale(1, -1);}
a .icon-rotate-90:before,a .icon-rotate-180:before,a .icon-rotate-270:before,a .icon-flip-horizontal:before,a .icon-flip-vertical:before{display:inline-block;}
.icon-glass:before{content:"\f000";}
.icon-music:before{content:"\f001";}
.icon-search:before{content:"\f002";}
.icon-envelope-alt:before{content:"\f003";}
.icon-heart:before{content:"\f004";}
.icon-star:before{content:"\f005";}
.icon-star-empty:before{content:"\f006";}
.icon-user:before{content:"\f007";}
.icon-film:before{content:"\f008";}
.icon-th-large:before{content:"\f009";}
.icon-th:before{content:"\f00a";}
.icon-th-list:before{content:"\f00b";}
.icon-ok:before{content:"\f00c";}
.icon-remove:before{content:"\f00d";}
.icon-zoom-in:before{content:"\f00e";}
.icon-zoom-out:before{content:"\f010";}
.icon-power-off:before,.icon-off:before{content:"\f011";}
.icon-signal:before{content:"\f012";}
.icon-gear:before,.icon-cog:before{content:"\f013";}
.icon-trash:before{content:"\f014";}
.icon-home:before{content:"\f015";}
.icon-file-alt:before{content:"\f016";}
.icon-time:before{content:"\f017";}
.icon-road:before{content:"\f018";}
.icon-download-alt:before{content:"\f019";}
.icon-download:before{content:"\f01a";}
.icon-upload:before{content:"\f01b";}
.icon-inbox:before{content:"\f01c";}
.icon-play-circle:before{content:"\f01d";}
.icon-rotate-right:before,.icon-repeat:before{content:"\f01e";}
.icon-refresh:before{content:"\f021";}
.icon-list-alt:before{content:"\f022";}
.icon-lock:before{content:"\f023";}
.icon-flag:before{content:"\f024";}
.icon-headphones:before{content:"\f025";}
.icon-volume-off:before{content:"\f026";}
.icon-volume-down:before{content:"\f027";}
.icon-volume-up:before{content:"\f028";}
.icon-qrcode:before{content:"\f029";}
.icon-barcode:before{content:"\f02a";}
.icon-tag:before{content:"\f02b";}
.icon-tags:before{content:"\f02c";}
.icon-book:before{content:"\f02d";}
.icon-bookmark:before{content:"\f02e";}
.icon-print:before{content:"\f02f";}
.icon-camera:before{content:"\f030";}
.icon-font:before{content:"\f031";}
.icon-bold:before{content:"\f032";}
.icon-italic:before{content:"\f033";}
.icon-text-height:before{content:"\f034";}
.icon-text-width:before{content:"\f035";}
.icon-align-left:before{content:"\f036";}
.icon-align-center:before{content:"\f037";}
.icon-align-right:before{content:"\f038";}
.icon-align-justify:before{content:"\f039";}
.icon-list:before{content:"\f03a";}
.icon-indent-left:before{content:"\f03b";}
.icon-indent-right:before{content:"\f03c";}
.icon-facetime-video:before{content:"\f03d";}
.icon-picture:before{content:"\f03e";}
.icon-pencil:before{content:"\f040";}
.icon-map-marker:before{content:"\f041";}
.icon-adjust:before{content:"\f042";}
.icon-tint:before{content:"\f043";}
.icon-edit:before{content:"\f044";}
.icon-share:before{content:"\f045";}
.icon-check:before{content:"\f046";}
.icon-move:before{content:"\f047";}
.icon-step-backward:before{content:"\f048";}
.icon-fast-backward:before{content:"\f049";}
.icon-backward:before{content:"\f04a";}
.icon-play:before{content:"\f04b";}
.icon-pause:before{content:"\f04c";}
.icon-stop:before{content:"\f04d";}
.icon-forward:before{content:"\f04e";}
.icon-fast-forward:before{content:"\f050";}
.icon-step-forward:before{content:"\f051";}
.icon-eject:before{content:"\f052";}
.icon-chevron-left:before{content:"\f053";}
.icon-chevron-right:before{content:"\f054";}
.icon-plus-sign:before{content:"\f055";}
.icon-minus-sign:before{content:"\f056";}
.icon-remove-sign:before{content:"\f057";}
.icon-ok-sign:before{content:"\f058";}
.icon-question-sign:before{content:"\f059";}
.icon-info-sign:before{content:"\f05a";}
.icon-screenshot:before{content:"\f05b";}
.icon-remove-circle:before{content:"\f05c";}
.icon-ok-circle:before{content:"\f05d";}
.icon-ban-circle:before{content:"\f05e";}
.icon-arrow-left:before{content:"\f060";}
.icon-arrow-right:before{content:"\f061";}
.icon-arrow-up:before{content:"\f062";}
.icon-arrow-down:before{content:"\f063";}
.icon-mail-forward:before,.icon-share-alt:before{content:"\f064";}
.icon-resize-full:before{content:"\f065";}
.icon-resize-small:before{content:"\f066";}
.icon-plus:before{content:"\f067";}
.icon-minus:before{content:"\f068";}
.icon-asterisk:before{content:"\f069";}
.icon-exclamation-sign:before{content:"\f06a";}
.icon-gift:before{content:"\f06b";}
.icon-leaf:before{content:"\f06c";}
.icon-fire:before{content:"\f06d";}
.icon-eye-open:before{content:"\f06e";}
.icon-eye-close:before{content:"\f070";}
.icon-warning-sign:before{content:"\f071";}
.icon-plane:before{content:"\f072";}
.icon-calendar:before{content:"\f073";}
.icon-random:before{content:"\f074";}
.icon-comment:before{content:"\f075";}
.icon-magnet:before{content:"\f076";}
.icon-chevron-up:before{content:"\f077";}
.icon-chevron-down:before{content:"\f078";}
.icon-retweet:before{content:"\f079";}
.icon-shopping-cart:before{content:"\f07a";}
.icon-folder-close:before{content:"\f07b";}
.icon-folder-open:before{content:"\f07c";}
.icon-resize-vertical:before{content:"\f07d";}
.icon-resize-horizontal:before{content:"\f07e";}
.icon-bar-chart:before{content:"\f080";}
.icon-twitter-sign:before{content:"\f081";}
.icon-facebook-sign:before{content:"\f082";}
.icon-camera-retro:before{content:"\f083";}
.icon-key:before{content:"\f084";}
.icon-gears:before,.icon-cogs:before{content:"\f085";}
.icon-comments:before{content:"\f086";}
.icon-thumbs-up-alt:before{content:"\f087";}
.icon-thumbs-down-alt:before{content:"\f088";}
.icon-star-half:before{content:"\f089";}
.icon-heart-empty:before{content:"\f08a";}
.icon-signout:before{content:"\f08b";}
.icon-linkedin-sign:before{content:"\f08c";}
.icon-pushpin:before{content:"\f08d";}
.icon-external-link:before{content:"\f08e";}
.icon-signin:before{content:"\f090";}
.icon-trophy:before{content:"\f091";}
.icon-github-sign:before{content:"\f092";}
.icon-upload-alt:before{content:"\f093";}
.icon-lemon:before{content:"\f094";}
.icon-phone:before{content:"\f095";}
.icon-unchecked:before,.icon-check-empty:before{content:"\f096";}
.icon-bookmark-empty:before{content:"\f097";}
.icon-phone-sign:before{content:"\f098";}
.icon-twitter:before{content:"\f099";}
.icon-facebook:before{content:"\f09a";}
.icon-github:before{content:"\f09b";}
.icon-unlock:before{content:"\f09c";}
.icon-credit-card:before{content:"\f09d";}
.icon-rss:before{content:"\f09e";}
.icon-hdd:before{content:"\f0a0";}
.icon-bullhorn:before{content:"\f0a1";}
.icon-bell:before{content:"\f0a2";}
.icon-certificate:before{content:"\f0a3";}
.icon-hand-right:before{content:"\f0a4";}
.icon-hand-left:before{content:"\f0a5";}
.icon-hand-up:before{content:"\f0a6";}
.icon-hand-down:before{content:"\f0a7";}
.icon-circle-arrow-left:before{content:"\f0a8";}
.icon-circle-arrow-right:before{content:"\f0a9";}
.icon-circle-arrow-up:before{content:"\f0aa";}
.icon-circle-arrow-down:before{content:"\f0ab";}
.icon-globe:before{content:"\f0ac";}
.icon-wrench:before{content:"\f0ad";}
.icon-tasks:before{content:"\f0ae";}
.icon-filter:before{content:"\f0b0";}
.icon-briefcase:before{content:"\f0b1";}
.icon-fullscreen:before{content:"\f0b2";}
.icon-group:before{content:"\f0c0";}
.icon-link:before{content:"\f0c1";}
.icon-cloud:before{content:"\f0c2";}
.icon-beaker:before{content:"\f0c3";}
.icon-cut:before{content:"\f0c4";}
.icon-copy:before{content:"\f0c5";}
.icon-paperclip:before,.icon-paper-clip:before{content:"\f0c6";}
.icon-save:before{content:"\f0c7";}
.icon-sign-blank:before{content:"\f0c8";}
.icon-reorder:before{content:"\f0c9";}
.icon-list-ul:before{content:"\f0ca";}
.icon-list-ol:before{content:"\f0cb";}
.icon-strikethrough:before{content:"\f0cc";}
.icon-underline:before{content:"\f0cd";}
.icon-table:before{content:"\f0ce";}
.icon-magic:before{content:"\f0d0";}
.icon-truck:before{content:"\f0d1";}
.icon-pinterest:before{content:"\f0d2";}
.icon-pinterest-sign:before{content:"\f0d3";}
.icon-google-plus-sign:before{content:"\f0d4";}
.icon-google-plus:before{content:"\f0d5";}
.icon-money:before{content:"\f0d6";}
.icon-caret-down:before{content:"\f0d7";}
.icon-caret-up:before{content:"\f0d8";}
.icon-caret-left:before{content:"\f0d9";}
.icon-caret-right:before{content:"\f0da";}
.icon-columns:before{content:"\f0db";}
.icon-sort:before{content:"\f0dc";}
.icon-sort-down:before{content:"\f0dd";}
.icon-sort-up:before{content:"\f0de";}
.icon-envelope:before{content:"\f0e0";}
.icon-linkedin:before{content:"\f0e1";}
.icon-rotate-left:before,.icon-undo:before{content:"\f0e2";}
.icon-legal:before{content:"\f0e3";}
.icon-dashboard:before{content:"\f0e4";}
.icon-comment-alt:before{content:"\f0e5";}
.icon-comments-alt:before{content:"\f0e6";}
.icon-bolt:before{content:"\f0e7";}
.icon-sitemap:before{content:"\f0e8";}
.icon-umbrella:before{content:"\f0e9";}
.icon-paste:before{content:"\f0ea";}
.icon-lightbulb:before{content:"\f0eb";}
.icon-exchange:before{content:"\f0ec";}
.icon-cloud-download:before{content:"\f0ed";}
.icon-cloud-upload:before{content:"\f0ee";}
.icon-user-md:before{content:"\f0f0";}
.icon-stethoscope:before{content:"\f0f1";}
.icon-suitcase:before{content:"\f0f2";}
.icon-bell-alt:before{content:"\f0f3";}
.icon-coffee:before{content:"\f0f4";}
.icon-food:before{content:"\f0f5";}
.icon-file-text-alt:before{content:"\f0f6";}
.icon-building:before{content:"\f0f7";}
.icon-hospital:before{content:"\f0f8";}
.icon-ambulance:before{content:"\f0f9";}
.icon-medkit:before{content:"\f0fa";}
.icon-fighter-jet:before{content:"\f0fb";}
.icon-beer:before{content:"\f0fc";}
.icon-h-sign:before{content:"\f0fd";}
.icon-plus-sign-alt:before{content:"\f0fe";}
.icon-double-angle-left:before{content:"\f100";}
.icon-double-angle-right:before{content:"\f101";}
.icon-double-angle-up:before{content:"\f102";}
.icon-double-angle-down:before{content:"\f103";}
.icon-angle-left:before{content:"\f104";}
.icon-angle-right:before{content:"\f105";}
.icon-angle-up:before{content:"\f106";}
.icon-angle-down:before{content:"\f107";}
.icon-desktop:before{content:"\f108";}
.icon-laptop:before{content:"\f109";}
.icon-tablet:before{content:"\f10a";}
.icon-mobile-phone:before{content:"\f10b";}
.icon-circle-blank:before{content:"\f10c";}
.icon-quote-left:before{content:"\f10d";}
.icon-quote-right:before{content:"\f10e";}
.icon-spinner:before{content:"\f110";}
.icon-circle:before{content:"\f111";}
.icon-mail-reply:before,.icon-reply:before{content:"\f112";}
.icon-github-alt:before{content:"\f113";}
.icon-folder-close-alt:before{content:"\f114";}
.icon-folder-open-alt:before{content:"\f115";}
.icon-expand-alt:before{content:"\f116";}
.icon-collapse-alt:before{content:"\f117";}
.icon-smile:before{content:"\f118";}
.icon-frown:before{content:"\f119";}
.icon-meh:before{content:"\f11a";}
.icon-gamepad:before{content:"\f11b";}
.icon-keyboard:before{content:"\f11c";}
.icon-flag-alt:before{content:"\f11d";}
.icon-flag-checkered:before{content:"\f11e";}
.icon-terminal:before{content:"\f120";}
.icon-code:before{content:"\f121";}
.icon-reply-all:before{content:"\f122";}
.icon-mail-reply-all:before{content:"\f122";}
.icon-star-half-full:before,.icon-star-half-empty:before{content:"\f123";}
.icon-location-arrow:before{content:"\f124";}
.icon-crop:before{content:"\f125";}
.icon-code-fork:before{content:"\f126";}
.icon-unlink:before{content:"\f127";}
.icon-question:before{content:"\f128";}
.icon-info:before{content:"\f129";}
.icon-exclamation:before{content:"\f12a";}
.icon-superscript:before{content:"\f12b";}
.icon-subscript:before{content:"\f12c";}
.icon-eraser:before{content:"\f12d";}
.icon-puzzle-piece:before{content:"\f12e";}
.icon-microphone:before{content:"\f130";}
.icon-microphone-off:before{content:"\f131";}
.icon-shield:before{content:"\f132";}
.icon-calendar-empty:before{content:"\f133";}
.icon-fire-extinguisher:before{content:"\f134";}
.icon-rocket:before{content:"\f135";}
.icon-maxcdn:before{content:"\f136";}
.icon-chevron-sign-left:before{content:"\f137";}
.icon-chevron-sign-right:before{content:"\f138";}
.icon-chevron-sign-up:before{content:"\f139";}
.icon-chevron-sign-down:before{content:"\f13a";}
.icon-html5:before{content:"\f13b";}
.icon-css3:before{content:"\f13c";}
.icon-anchor:before{content:"\f13d";}
.icon-unlock-alt:before{content:"\f13e";}
.icon-bullseye:before{content:"\f140";}
.icon-ellipsis-horizontal:before{content:"\f141";}
.icon-ellipsis-vertical:before{content:"\f142";}
.icon-rss-sign:before{content:"\f143";}
.icon-play-sign:before{content:"\f144";}
.icon-ticket:before{content:"\f145";}
.icon-minus-sign-alt:before{content:"\f146";}
.icon-check-minus:before{content:"\f147";}
.icon-level-up:before{content:"\f148";}
.icon-level-down:before{content:"\f149";}
.icon-check-sign:before{content:"\f14a";}
.icon-edit-sign:before{content:"\f14b";}
.icon-external-link-sign:before{content:"\f14c";}
.icon-share-sign:before{content:"\f14d";}
.icon-compass:before{content:"\f14e";}
.icon-collapse:before{content:"\f150";}
.icon-collapse-top:before{content:"\f151";}
.icon-expand:before{content:"\f152";}
.icon-euro:before,.icon-eur:before{content:"\f153";}
.icon-gbp:before{content:"\f154";}
.icon-dollar:before,.icon-usd:before{content:"\f155";}
.icon-rupee:before,.icon-inr:before{content:"\f156";}
.icon-yen:before,.icon-jpy:before{content:"\f157";}
.icon-renminbi:before,.icon-cny:before{content:"\f158";}
.icon-won:before,.icon-krw:before{content:"\f159";}
.icon-bitcoin:before,.icon-btc:before{content:"\f15a";}
.icon-file:before{content:"\f15b";}
.icon-file-text:before{content:"\f15c";}
.icon-sort-by-alphabet:before{content:"\f15d";}
.icon-sort-by-alphabet-alt:before{content:"\f15e";}
.icon-sort-by-attributes:before{content:"\f160";}
.icon-sort-by-attributes-alt:before{content:"\f161";}
.icon-sort-by-order:before{content:"\f162";}
.icon-sort-by-order-alt:before{content:"\f163";}
.icon-thumbs-up:before{content:"\f164";}
.icon-thumbs-down:before{content:"\f165";}
.icon-youtube-sign:before{content:"\f166";}
.icon-youtube:before{content:"\f167";}
.icon-xing:before{content:"\f168";}
.icon-xing-sign:before{content:"\f169";}
.icon-youtube-play:before{content:"\f16a";}
.icon-dropbox:before{content:"\f16b";}
.icon-stackexchange:before{content:"\f16c";}
.icon-instagram:before{content:"\f16d";}
.icon-flickr:before{content:"\f16e";}
.icon-adn:before{content:"\f170";}
.icon-bitbucket:before{content:"\f171";}
.icon-bitbucket-sign:before{content:"\f172";}
.icon-tumblr:before{content:"\f173";}
.icon-tumblr-sign:before{content:"\f174";}
.icon-long-arrow-down:before{content:"\f175";}
.icon-long-arrow-up:before{content:"\f176";}
.icon-long-arrow-left:before{content:"\f177";}
.icon-long-arrow-right:before{content:"\f178";}
.icon-apple:before{content:"\f179";}
.icon-windows:before{content:"\f17a";}
.icon-android:before{content:"\f17b";}
.icon-linux:before{content:"\f17c";}
.icon-dribbble:before{content:"\f17d";}
.icon-skype:before{content:"\f17e";}
.icon-foursquare:before{content:"\f180";}
.icon-trello:before{content:"\f181";}
.icon-female:before{content:"\f182";}
.icon-male:before{content:"\f183";}
.icon-gittip:before{content:"\f184";}
.icon-sun:before{content:"\f185";}
.icon-moon:before{content:"\f186";}
.icon-archive:before{content:"\f187";}
.icon-bug:before{content:"\f188";}
.icon-vk:before{content:"\f189";}
.icon-weibo:before{content:"\f18a";}
.icon-renren:before{content:"\f18b";}
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
@-webkit-keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
transform: translateY(-15px);
}
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
-ms-transform: translateY(-15px);
transform: translateY(-15px);
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
}
@-webkit-keyframes flash {
0%, 50%, 100% {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
@keyframes flash {
0%, 50%, 100% {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash;
} @-webkit-keyframes pulse {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes pulse {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
100% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes rubberBand {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
30% {
-webkit-transform: scaleX(1.25) scaleY(0.75);
transform: scaleX(1.25) scaleY(0.75);
}
40% {
-webkit-transform: scaleX(0.75) scaleY(1.25);
transform: scaleX(0.75) scaleY(1.25);
}
60% {
-webkit-transform: scaleX(1.15) scaleY(0.85);
transform: scaleX(1.15) scaleY(0.85);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes rubberBand {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
30% {
-webkit-transform: scaleX(1.25) scaleY(0.75);
-ms-transform: scaleX(1.25) scaleY(0.75);
transform: scaleX(1.25) scaleY(0.75);
}
40% {
-webkit-transform: scaleX(0.75) scaleY(1.25);
-ms-transform: scaleX(0.75) scaleY(1.25);
transform: scaleX(0.75) scaleY(1.25);
}
60% {
-webkit-transform: scaleX(1.15) scaleY(0.85);
-ms-transform: scaleX(1.15) scaleY(0.85);
transform: scaleX(1.15) scaleY(0.85);
}
100% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand;
}
@-webkit-keyframes shake {
0%, 100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
20%, 40%, 60%, 80% {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
}
@keyframes shake {
0%, 100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translateX(-10px);
-ms-transform: translateX(-10px);
transform: translateX(-10px);
}
20%, 40%, 60%, 80% {
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px);
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate(15deg);
transform: rotate(15deg);
}
40% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
60% {
-webkit-transform: rotate(5deg);
transform: rotate(5deg);
}
80% {
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg);
}
100% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate(15deg);
-ms-transform: rotate(15deg);
transform: rotate(15deg);
}
40% {
-webkit-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
transform: rotate(-10deg);
}
60% {
-webkit-transform: rotate(5deg);
-ms-transform: rotate(5deg);
transform: rotate(5deg);
}
80% {
-webkit-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
transform: rotate(-5deg);
}
100% {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
}
.swing {
-webkit-transform-origin: top center;
-ms-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
10%, 20% {
-webkit-transform: scale(0.9) rotate(-3deg);
transform: scale(0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg);
}
40%, 60%, 80% {
-webkit-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg);
}
100% {
-webkit-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
}
}
@keyframes tada {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
10%, 20% {
-webkit-transform: scale(0.9) rotate(-3deg);
-ms-transform: scale(0.9) rotate(-3deg);
transform: scale(0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale(1.1) rotate(3deg);
-ms-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg);
}
40%, 60%, 80% {
-webkit-transform: scale(1.1) rotate(-3deg);
-ms-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg);
}
100% {
-webkit-transform: scale(1) rotate(0);
-ms-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
} @-webkit-keyframes wobble {
0% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
15% {
-webkit-transform: translateX(-25%) rotate(-5deg);
transform: translateX(-25%) rotate(-5deg);
}
30% {
-webkit-transform: translateX(20%) rotate(3deg);
transform: translateX(20%) rotate(3deg);
}
45% {
-webkit-transform: translateX(-15%) rotate(-3deg);
transform: translateX(-15%) rotate(-3deg);
}
60% {
-webkit-transform: translateX(10%) rotate(2deg);
transform: translateX(10%) rotate(2deg);
}
75% {
-webkit-transform: translateX(-5%) rotate(-1deg);
transform: translateX(-5%) rotate(-1deg);
}
100% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
}
@keyframes wobble {
0% {
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
15% {
-webkit-transform: translateX(-25%) rotate(-5deg);
-ms-transform: translateX(-25%) rotate(-5deg);
transform: translateX(-25%) rotate(-5deg);
}
30% {
-webkit-transform: translateX(20%) rotate(3deg);
-ms-transform: translateX(20%) rotate(3deg);
transform: translateX(20%) rotate(3deg);
}
45% {
-webkit-transform: translateX(-15%) rotate(-3deg);
-ms-transform: translateX(-15%) rotate(-3deg);
transform: translateX(-15%) rotate(-3deg);
}
60% {
-webkit-transform: translateX(10%) rotate(2deg);
-ms-transform: translateX(10%) rotate(2deg);
transform: translateX(10%) rotate(2deg);
}
75% {
-webkit-transform: translateX(-5%) rotate(-1deg);
-ms-transform: translateX(-5%) rotate(-1deg);
transform: translateX(-5%) rotate(-1deg);
}
100% {
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(.3);
transform: scale(.3);
}
50% {
opacity: 1;
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
70% {
-webkit-transform: scale(.9);
transform: scale(.9);
}
100% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(.3);
-ms-transform: scale(.3);
transform: scale(.3);
}
50% {
opacity: 1;
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
70% {
-webkit-transform: scale(.9);
-ms-transform: scale(.9);
transform: scale(.9);
}
100% {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
transform: translateY(30px);
}
80% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
-ms-transform: translateY(30px);
transform: translateY(30px);
}
80% {
-webkit-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
transform: translateX(30px);
}
80% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
-ms-transform: translateX(30px);
transform: translateX(30px);
}
80% {
-webkit-transform: translateX(-10px);
-ms-transform: translateX(-10px);
transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
transform: translateX(-30px);
}
80% {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
-ms-transform: translateX(-30px);
transform: translateX(-30px);
}
80% {
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
80% {
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px);
}
80% {
-webkit-transform: translateY(10px);
-ms-transform: translateY(10px);
transform: translateY(10px);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
25% {
-webkit-transform: scale(.95);
transform: scale(.95);
}
50% {
opacity: 1;
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
100% {
opacity: 0;
-webkit-transform: scale(.3);
transform: scale(.3);
}
}
@keyframes bounceOut {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
25% {
-webkit-transform: scale(.95);
-ms-transform: scale(.95);
transform: scale(.95);
}
50% {
opacity: 1;
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
100% {
opacity: 0;
-webkit-transform: scale(.3);
-ms-transform: scale(.3);
transform: scale(.3);
}
}
.bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
}
@keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
@keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
}
@keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
@keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
}
@keyframes fadeOutDown {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
}
@keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
}
@keyframes fadeOutLeft {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
@keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
}
@keyframes fadeOutRight {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
}
@keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
}
@keyframes fadeOutUp {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
@keyframes fadeOutUpBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
0% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
0% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
-ms-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
transform: perspective(400px) rotateX(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
-ms-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
-ms-transform: perspective(400px) rotateX(-10deg);
transform: perspective(400px) rotateX(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
-ms-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
-ms-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
transform: perspective(400px) rotateY(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
@keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
-ms-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
-ms-transform: perspective(400px) rotateY(-10deg);
transform: perspective(400px) rotateY(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
-ms-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
-ms-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
@keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
-ms-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
-ms-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
@keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0deg);
-ms-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
-ms-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
0% {
-webkit-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: translateX(-20%) skewX(30deg);
transform: translateX(-20%) skewX(30deg);
opacity: 1;
}
80% {
-webkit-transform: translateX(0%) skewX(-15deg);
transform: translateX(0%) skewX(-15deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
}
@keyframes lightSpeedIn {
0% {
-webkit-transform: translateX(100%) skewX(-30deg);
-ms-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: translateX(-20%) skewX(30deg);
-ms-transform: translateX(-20%) skewX(30deg);
transform: translateX(-20%) skewX(30deg);
opacity: 1;
}
80% {
-webkit-transform: translateX(0%) skewX(-15deg);
-ms-transform: translateX(0%) skewX(-15deg);
transform: translateX(0%) skewX(-15deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(0%) skewX(0deg);
-ms-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
0% {
-webkit-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
0% {
-webkit-transform: translateX(0%) skewX(0deg);
-ms-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(100%) skewX(-30deg);
-ms-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateIn {
0% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(-200deg);
-ms-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0;
}
}
@keyframes rotateOut {
0% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(200deg);
-ms-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes slideInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes slideInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes slideInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes slideInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideOutLeft {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
@keyframes slideOutLeft {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
}
@keyframes slideOutRight {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
@keyframes slideOutUp {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}
@-webkit-keyframes slideOutDown {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
}
@keyframes slideOutDown {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
}
.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown;
}
@-webkit-keyframes hinge {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate(80deg);
transform: rotate(80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40% {
-webkit-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
80% {
-webkit-transform: rotate(60deg) translateY(0);
transform: rotate(60deg) translateY(0);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
100% {
-webkit-transform: translateY(700px);
transform: translateY(700px);
opacity: 0;
}
}
@keyframes hinge {
0% {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate(80deg);
-ms-transform: rotate(80deg);
transform: rotate(80deg);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40% {
-webkit-transform: rotate(60deg);
-ms-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
80% {
-webkit-transform: rotate(60deg) translateY(0);
-ms-transform: rotate(60deg) translateY(0);
transform: rotate(60deg) translateY(0);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
100% {
-webkit-transform: translateY(700px);
-ms-transform: translateY(700px);
transform: translateY(700px);
opacity: 0;
}
}
.hinge {
-webkit-animation-name: hinge;
animation-name: hinge;
} @-webkit-keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
transform: translateX(-100%) rotate(-120deg);
}
100% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
}
@keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
-ms-transform: translateX(-100%) rotate(-120deg);
transform: translateX(-100%) rotate(-120deg);
}
100% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
-ms-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
} @-webkit-keyframes rollOut {
0% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-webkit-transform: translateX(100%) rotate(120deg);
transform: translateX(100%) rotate(120deg);
}
}
@keyframes rollOut {
0% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
-ms-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-webkit-transform: translateX(100%) rotate(120deg);
-ms-transform: translateX(100%) rotate(120deg);
transform: translateX(100%) rotate(120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}  .clearfix {*zoom: 1;}.clearfix:before,.clearfix:after {display: table;line-height: 0;content: "";}.clearfix:after {clear: both;}
html, body {
height: 100%;
}
body {
background: #2A2A2A;
color: #222222;
padding: 0;
margin: 0;
font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
line-height: 1;
position: relative;
cursor: default; 
} body.home #cro_preloader {
position:fixed;
top:0;
left:0;
right:0;
bottom:0;
background-color:#fff; z-index:99; }
body.home #cro_status {
width:200px;
height:200px;
position:absolute;
left:50%; top:50%; background-image:url(//graftonstdinnertheatre.com/wp-content/themes/grill/assets/styles/images/status.gif); background-repeat:no-repeat;
background-position:center;
margin:-100px 0 0 -100px; }
.cro_outer{
background: #FBF9FA;
height: 100%;
margin: 0 0;
position: relative;
top: 0;
z-index: 4 !important;
left: -0px;
}
#cromaslide .ls-nav-prev{
background: transparent;
color: #fff;
border: 2px solid #fff;
}
#cromaslide .ls-nav-next{
background: transparent;
color: #fff;
border: 2px solid #fff;
}
#cromaslide .ls-nav-prev:after{
content: "\f053";
font-family: FontAwesome;
font-size: 30px;
position: absolute;
left: 8px;
top: 6px;
z-index: 5;
}
#cromaslide .ls-nav-next:after{
content: "\f054";
font-family: FontAwesome;
font-size: 30px;
position: absolute;
left: 10px;
top: 6px;
z-index: 5;
}
#cromaslide .ls-nav-prev:hover{
color: #fff;
border: 4px solid #fff;
}
#cromaslide .ls-nav-next:hover{
color:#fff;
border: 4px solid #fff;
}
h1.croma-title{
float: left;
}
.cro_outerfocus{
left: -300px;
}
#singleproduct{
background: #fff;
}
.animated{
visibility: hidden;
}
.cro_animnot{
visibility: visible;
} a {
color: #2ba6cb;
text-decoration: none;
line-height: inherit; }
a:hover, a:focus {
color: #6F6F6F; }
a img {
border: none; } p {
font-family: inherit;
font-weight: normal;
font-size: 1em;
line-height: 1.6;
margin-bottom: 1.25em;
text-rendering: optimizeLegibility; }
p aside {
font-size: 0.875em;
line-height: 1.35;
font-style: italic; } h1, h2, h3, h4, h5, h6 {
font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
font-weight: bold;
font-style: normal;
color: #222222;
text-rendering: optimizeLegibility;
margin-top: 0.2em;
margin-bottom: 30px;
line-height: 1.2125em; }
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
font-size: 60%;
color: #6f6f6f;
line-height: 0; }
h1 {font-size: 2.125em; }
h2 {font-size: 1.6875em; }
h3 {font-size: 1.375em; }
h4 {font-size: 1.125em; }
h5 {font-size: 1.125em; }
h6 {font-size: 1em; } code {
font-family: Consolas, "Liberation Mono", Courier, monospace;
font-weight: bold;
color: #7f0a0c; }
blockquote {
margin: 0 0 1.25em;
padding: 0.5625em 1.25em 0 1.1875em;
border-left: 1px solid #dddddd; }
blockquote cite {
display: block;
font-size: 0.8125em;
color: #555555; }
blockquote cite:before {
content: "\2014 \0020"; }
blockquote cite a,blockquote cite a:visited {
color: #555555; }
blockquote,blockquote p {
line-height: 1.6;
color: #6f6f6f; }
.main{
padding: 110px 0;
}
.singleitem{
background: #FFFFFF;
}
.cro_errormessage{
color: #fff;
padding: 20px;
text-align: center;
background: #ed3654;
margin: 10px 0;
display: none;
}
.cro_successmessage{
color: #fff;
padding: 20px;
text-align: center;
background: #36ed88;
margin: 10px 0;
display: none;
}
#cromaslide{
position: relative;
z-index: 10;
}
#pagelayout{
background: #fff;
}
.croma_pad_left{
padding-left: 40px;
}
.croma_pad_right{
padding-right: 40px;
}
article.sticky{
background: #FBF9FA;
}
.alignleft{
float: left;
margin-right: 50px;
margin-bottom: 50px;
}
.alignright{
float: right;
margin-left: 50px;
margin-bottom: 50px;
}
.aligncenter{
margin-left: auto;
display: block;
margin-right: auto;
}
p.wp-caption-text{
background: #FBF9FA;
}
img{
width: auto;
max-width: 100% !important;
height: auto;
}
.wp-caption{
max-width: 100%;
}
form.post-password-form{
background: #FBF9FA;
border: 1px solid #ddd;
padding: 20px;
}
form.post-password-form input{
width: 49%;
}
form.post-password-form input[type="submit"]{
width: 49%;
background: #222;
padding: 10px;
border: 0;
color: #fff;
}
.page-links{
border-top: 1px solid #333;
padding-top: 20px;
text-align: center;
text-transform: uppercase;
}
.page-links span{
padding: 5px 10px;
background: #222;
font-size: 11px;
color :#fff;
}
.page-links a span{
padding: 5px 10px;
font-size: 11px;
color :#fff;
}
.page-links span.page-links-title{
color: #fff;
}
.wp-audio-shortcode{
margin-bottom: 30px;
}
.gallery-caption{
position: relative;
}
.bypostauthor{
position: relative;
}
.cro_pagelayout, .cro_singleblogpage{
padding-bottom: 90px;
}
#map-div img { max-width: none !important; height: auto !important; }
.cro_messwrapper{
padding-top: 13px;
font-size: 14px;
padding-bottom: 13px;
} header#pageheader{
background: #fff;
z-index: 100;
position: relative;
} .croma-logo{
width: 100%;
text-align: center;
}
.croma-title{
text-align: left;
font-weight: normal;
line-height: 105px;
margin: 0;
}  .sticky-wrapper #croma-primarynav{
left: 0;
}
.sticky-wrapper{
height: 0px !important;
}
.cro_maincol{
position: relative;
}
#croma-primarynav{
position: absolute;
bottom: -50px;
width: 100%;
height: 50px;
text-align: center;
-webkit-transform: translateZ(0);
}
.croma-primarynav{
height: 50px;
max-width: 100%;
}
#croma-primarynav ul.menu{
height: 50px;
}
#croma-primarynav li {
font-size: 12px;
font-size: 0.857142857rem;
line-height: 1.42857143;
position: relative;
line-height: 50px;
}
#croma-primarynav a {
color: #fff;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
#croma-primarynav a:hover {
color: #21759b;
}
#croma-primarynav ul.menu,
#croma-primarynav div.menu > ul {
display: none;
}
#croma-primarynav ul.menu.toggled-on,
.menu-toggle {
display: inline-block;
}
#croma-primarynav ul.menu,
#croma-primarynav div.menu > ul {
display: inline-block !important;
text-align: center;
background: #1F1D1D;
-webkit-box-shadow: 0 1px 0px 2px rgba(0,0,0,0.2);
box-shadow: 0 1px 0px 2px rgba(0,0,0,0.2);
}
#croma-primarynav ul {
margin: 0;
text-indent: 0;
}
#croma-primarynav li a,
#croma-primarynav li {
display: inline-block;
text-decoration: none;
}
#croma-primarynav li a {
border-bottom: 0;
color: #fff;
padding:  4px  20px 2px 20px;
text-transform: uppercase;
white-space: nowrap;
font-size: 15px;
display: block;
line-height: 44px;
}
#croma-primarynav li {
position: relative;
text-align: left;
}
#croma-primarynav li ul {
display: none;
margin: 0;
padding: 0;
position: absolute;
top: 50px;
z-index: 1;
left: 8px;
}
#croma-primarynav li ul ul {
top: 0;
}
#croma-primarynav ul li:hover > ul {
border-left: 0;
display: block;
}
#croma-primarynav li ul li a {
background: #000;
display: block;
font-size: 14px;
line-height: 1.481818182;
padding: 0.471428571rem 0.714285714rem;
width: 160px;
width: 12.85714286rem;
white-space: normal;
color :#fff;
opacity: 0.9;
}
#croma-primarynav li ul li a:hover {
background: #333B3F;
color: #fff;
}
#croma-primarynav .current-menu-item > a,
#croma-primarynav .current-menu-ancestor > a,
#croma-primarynav .current_page_item > a,
#croma-primarynav .current_page_ancestor > a {
background: #272727;
}
#croma-primarynav li a:hover {
color: #fff;
background: #1F1D1D;
}  .sf-menu, .sf-menu * {
margin: 0;
padding: 0;
list-style: none;
}
.sf-menu li {
position: relative;
}
.sf-menu ul {
position: absolute;
display: none;
top: 100%;
left: 0;
z-index: 99;
}
.sf-menu > li {
float: left;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
display: block;
}
.sf-menu a {
display: block;
position: relative;
}
.sf-menu ul ul {
top: 0;
left: 100%;
} .sf-menu {
float: left;
margin-bottom: 1em;
}
.sf-menu ul {
box-shadow: 2px 2px 6px rgba(0,0,0,.2);
min-width: 12em; *width: 12em; }
.sf-menu a {
border-left: 1px solid #fff;
border-top: 1px solid #dFeEFF; border-top: 1px solid rgba(255,255,255,.5);
padding: .75em 1em;
text-decoration: none;
zoom: 1; }
.sf-menu a {
color: #13a;
}
.sf-menu li {
background: #BDD2FF;
white-space: nowrap; *white-space: normal; -webkit-transition: background .2s;
transition: background .2s;
}
.sf-menu ul li {
background: #AABDE6;
}
.sf-menu ul ul li {
background: #9AAEDB;
}
.sf-menu li:hover,
.sf-menu li.sfHover {
background: #CFDEFF; -webkit-transition: none;
transition: none;
} .sf-arrows .sf-with-ul {
padding-right: 2.5em;
*padding-right: 1em; } .sf-arrows .sf-with-ul:after {
content: '';
position: absolute;
color : #999;
top: -1px;
right: 9px;
margin-top: 0px;
height: 0;
width: 0;
font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
}
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
border-top-color: white; } .sf-arrows ul .sf-with-ul:after {
margin-top: -5px;
margin-right: -3px;
border-color: transparent;
border-left-color: #dFeEFF; border-left-color: rgba(255,255,255,.5);
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
border-left-color: white;
}
.mobilemenupart{
width: 50px;
height: 50px;
background: #000 url(//graftonstdinnertheatre.com/wp-content/themes/grill/assets/styles/images/menu.png) no-repeat center;
display: inline-block;
cursor: pointer;
display: none;
margin: 0 auto;
} .cromatheme-format-post{
margin-bottom: 60px;
}
.postinner{
padding-right: 40px;
}
.entry-title{
position: relative;
}
.entry-title h2 {
font-size: 30px;
font-weight: normal;
margin: 0 0 20px;
padding: 20px 0;
text-transform: uppercase;
}
.entry-title:after{
position: absolute;
bottom: 0;
left: 0;
width: 60px;
height: 2px;
content:"";
background: #000;
}
.cat_post_wrapper{
padding-left: 90px;
position: relative;
margin-bottom: 80px;
}
.sticky .cat_post_wrapper{
padding-right: 20px;
padding-bottom: 20px;
}
.croma_blogtime{
color: #FFFFFF;
background: #000;
font-size: 16px;
height: 45px;
left: 0;
line-height: 1.15;
padding: 3px 0 0;
position: absolute;
text-align: center;
text-transform: uppercase;
top: 25px;
width: 50px;
}
.singlepostcolumn{
padding-right: 40px;
}
.entry-title h2 a{
color: #444;
}
.cromatheme-format-post .mejs-audio {
margin: 0 0 30px 0;
width: 100% !important;
}
.cromatheme-format-post .mejs-audio .mejs-controls .mejs-time-rail .mejs-time-loaded{
background: #fff;
-webkit-border-radius: 0px;
border-radius: 0px; 
}
.cromatheme-format-post .mejs-audio .mejs-controls .mejs-time-rail .mejs-time-current{
background: #000;
-webkit-border-radius: 0px;
border-radius: 0px; 
}
.cromatheme-format-post .flex-video{
margin: 0;
}
.cro_postimageholder{
text-align: center;
margin-bottom: 30px;
}
.cro_quotepost{
color: #fff;
padding: 60px;
}
.post .cro_quotepost p{
color: #fff;
font-size: 30px;
margin: 0;
text-transform: uppercase;
}
.post p, .entry-content p {
color: #808789;
font-size: 15px;
line-height: 1.9em;
}
.cro_quotepost cite{
color: #000;
}
.cro_quotepost cite a{
color: #000;
}
.entry-content ul {
list-style: square outside none;
padding: 0 0 20px 20px;
}
.entry-content ul li {
color: #555555;
font-size: 13px;
line-height: 1.7em;
list-style: square outside none;
padding: 0;
}
.tagspan {
color: #aaa;
padding: 15px 0;
font-size: 14px;
margin-bottom: 30px;
}
.summarymeta {
float: left;
padding: 0;
margin-top: -60px;
}
.entry-meta {
float: left;
padding: 0 20px 0 0;
text-transform: uppercase;
line-height: 40px;
display: block;
font-size: 14px;
}
.summarydate {
color: #808789;
float: right;
padding: 0 0px 0 0;
text-transform: uppercase;
line-height: 40px;
font-size: 14px;
}
p.cro_readmorep {
margin: 0 0px 20px 0 0;
text-align: right;
line-height: 40px;
}
p.cro_readmorep a.cro_readmorea {
padding: 7px 14px;
text-transform: uppercase;
color: #202020;
font-size: 13px;
border: 2px solid #202020;
}
.catmain .row{
padding: 50px 0;
} .cro_paging{
background: rgba(0,0,0,0.02);
border: 1px solid rgba(0,0,0,0.04);
padding: 20px;
text-align: center;
margin-bottom: 30px;
}
.cro_paging span{
display: inline-block;
width: 36px;
height: 36px;
border: 2px solid  #000;
color: #000;
line-height: 36px;
text-align: center;
font-style: 13px;
-webkit-border-radius: 2px;
border-radius: 2px; 
}
.cro_paging a{
display: inline-block;
width: 36px;
height: 36px;
color: #fff;
line-height: 36px;
text-align: center;
}
.cro_paging a:hover{
color: #000;
border: 2px solid  #000;
}
.cro_paging a i{
line-height: 37px;
} #cromaheader{
padding: 0;
background: #FBF9FA;
border-bottom: 1px solid #ddd;
position: relative;
height: 140px;
}
.cro_headermask{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.page_title {
width: 100%;
}
.page_title_inner {
text-align: center;
vertical-align: bottom;
}
.cro_headerrow{
float: none;
}
#cromaheader h1{
color: #000;
padding: 0;
margin: 0;
text-transform: uppercase;
text-align: center;
position: absolute;
bottom: 20px;
width: 100%;
} .singleheader{
font-size: 24px;
}
.nav-previous{
margin-bottom: 30px;
}
.nav-previous a{
color: #fff;
padding: 10px 15px;
background: #222;
display: inline-block;
font-size: 12px;
font-weight: normal;
}
.nav-next{
margin-bottom: 30px;
float: right;
}
.nav-next a {
color: #fff;
padding: 10px 15px;
background: #222;
display: inline-block;
font-size: 12px;
font-weight: normal;
}
.nav-previous a:hover, .nav-next a:hover{
color: #fff;
}
.entry-content{
padding-bottom: 20px;
} #comments {
position: relative;
margin-top: 40px;
}
#comments h2.comments-title{
background: #fff;
padding: 30px;
border: 1px solid #ddd;
margin-bottom: 30px;
font-size: 18px;
}
h3#reply-title {
font-weight: normal;
margin: 0 0 20px;
padding: 20px 0;
font-size: 30px;
border-bottom: 1px solid #999;
margin-bottom: 40px;
text-transform: uppercase;
}
form#commentform {
margin: 0;
border: 1px solid #ddd;
background: #fff;
padding: 30px;
}
form#commentform span.required{
color: red;
}
form#commentform p label{
font-size: 13px;
}
form#commentform p.comment-notes{
margin-bottom: 30px;
}
.comments-area .comment-notes {
color: #777777;
font-style: italic;
margin: 0;
padding: 0;
font-size: 13px;
}
form#commentform code, .form-allowed-tags{
color: #999;
font-size: 12px;
}
form#commentform input#submit{
}
.comments-area input#submit {
border: medium none;
color: #202020 !important;
padding: 10px 20px;
text-transform: uppercase;
font-size: 13px;
border: 2px solid #202020;
background: #fff;
}
.comments-area input#submit:hover{
background: #fff !important;
}
.comments-area textarea{
height: auto;
}
#comments ol{
list-style-type: none;
margin-bottom: 30px;
background: #fff;
border: 1px solid #ddd;
padding: 30px;
}
#comments  .vcard{
background: #efefef;
color: #9b9b9b;
font-size: 12px;
}
#comments .comment-awaiting-moderation{
font-size: 12px;
color: red;
}
#comments .commentmetadata{
text-align: right;
font-size: 12px;
margin-bottom: 30px;
}
#comments .comment-list p{
color: #808789;
}
#comments .reply{
text-align: right;
padding-bottom: 30px;
overflow: auto;
padding-top: 30px;
}
#comments .comment-reply-link{
color: #202020;
border: 2px solid #202020;
text-transform: uppercase;
padding: 10px 20px;
font-size: 12px;
}
#comments img.avatar{
width: 40px;
height: auto;
margin-right: 40px;
} .cro_bodysidebar ul{
list-style-type: none;
margin: 0;
padding: 0;
}
.cro_bodysidebar ul li.widget-container{
margin-bottom: 50px;
font-size: 14px;
color: #808789;
}
.cro_bodysidebar ul li.widget-container h3.widget-title{
padding: 0px 0px 10px 0;
font-weight: normal;
font-size: 19px;
margin: 0 0 20px 0;
color: #222;
position: relative;
text-transform: uppercase;
}
.cro_bodysidebar ul li.widget-container h3.widget-title:after{
position: absolute;
bottom: 0;
left: 0;
width: 30px;
height: 5px;
content:"";
}
.cro_bodysidebar ul li.widget-container ul{
padding: 0 0px 20px 0px;
}
.cro_bodysidebar ul li.widget-container ul li{
color: #808789;
}
.cro_bodysidebar ul li.widget-container .cro-sidebar-inner{
}
.cro_bodysidebar ul li.widget-container ul li a{
color: #777;
font-size: 13px;
}
.cro_bodysidebar ul li.widget-container ul li span.post-date{
color: #444;
font-size: 13px;
}
.cro_bodysidebar ul li.widget-container ul li.recentcomments{
color: #444;
font-size: 13px;
}
.cro_bodysidebar ul li.widget-container #calendar_wrap{
padding: 0 0px 20px 0px;
border: 1px solid #ddd;
background: #fff;
padding: 0 5px 5px 5px;
}
.cro_bodysidebar ul li.widget-container #calendar_wrap table{
margin: 0 auto;
}
.cro_bodysidebar ul li.widget-container select#cat{
margin: 0 0% 20px 0%;
width: 100%;
border: 1px solid #ddd;
background: #FBFBFB;
padding: 5px;
color: #808789;
font-size: 13px;
}
.cro_bodysidebar ul li.widget-container form#searchform{
margin: 0 0px 20px 0px;
overflow: auto;
}
.cro_bodysidebar ul li.widget-container form#searchform input#searchsubmit{
background: #222;
float: right;
padding: 5px 10px;
color: #fff;
border: none;
font-size: 12px;
text-transform: uppercase;
}
.cro_bodysidebar ul li.widget-container form#searchform label{
font-size: 13px;
color: #808789;
}
.cro_bodysidebar ul li.widget-container .tagcloud{
padding: 0 0px 20px 0px;
}
.cro_bodysidebar ul li.widget-container .tagcloud a{
display: inline-block;
color: #fff;
font-size: 13px !important;
padding: 2px 6px;
margin-bottom: 10px;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.cro_bodysidebar ul li.widget-container .tagcloud a:hover{
background: #000;
color: #fff;
}
.cro_bodysidebar ul li.widget-container span.rss-date{
display: block;
font-size: 12px;
color: #000;
}
.cro_bodysidebar ul li.widget-container .rssSummary{
font-size: 13px;
line-height: 1.7;
}
.cro_bodysidebar ul li.widget_rss cite{
border: 1px solid #ddd;
padding: 3px 0;
text-align: center;
margin-bottom: 30px;
display: block;
}
.cro_bodysidebar ul li.widget-container a.rsswidget{
font-size: 14px;
}
.widget_archive select{
padding: 5px;
border: 1px solid #d8d8d8;
background: #FBF9FA;
color: #777;
}
.widget_nav_menu ul li ul li{
padding-left: 10px;
}
.cro_bodysidebar ul li.widget_nav_menu ul li ul{
padding-bottom: 5px;
}
.cro_bodysidebar ul li.widget_nav_menu ul li a{
color: #444;
}
.cro_bodysidebar ul li.widget_nav_menu ul li ul li a{
color: #999;
}
.cro_bodysidebar ul li.widget_shopping_cart  p.buttons a{
padding: 10px 0;
margin-bottom: 5px;
background: #222;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.cro_bodysidebar ul li.widget_best_sellers img{
border: 1px dashed #ccc;
-webkit-box-shadow: 0 0 0 0 #000000;
box-shadow: 0 0 0 0 #000000;
background: #fff;
padding: 3px;
width: 40px;
height: auto;
}
.cro_bodysidebar ul li.widget_shopping_cart img{
border: 1px dashed #ccc;
-webkit-box-shadow: 0 0 0 0 #000000;
box-shadow: 0 0 0 0 #000000;
background: #fff;
padding: 3px;
width: 40px;
height: auto;
}
.cro_bodysidebar ul li.widget_featured_products img{
border: 1px dashed #ccc;
-webkit-box-shadow: 0 0 0 0 #000000;
box-shadow: 0 0 0 0 #000000;
background: #fff;
padding: 3px;
width: 40px;
height: auto;
}
.cro_bodysidebar ul li.widget_random_products img{
border: 1px dashed #ccc;
-webkit-box-shadow: 0 0 0 0 #000000;
box-shadow: 0 0 0 0 #000000;
background: #fff;
padding: 3px;
width: 40px;
height: auto;
}
.cro_bodysidebar ul li.widget_onsale img{
border: 1px dashed #ccc;
-webkit-box-shadow: 0 0 0 0 #000000;
box-shadow: 0 0 0 0 #000000;
background: #fff;
padding: 3px;
width: 40px;
height: auto;
}
.cro_bodysidebar ul li.widget_recently_viewed_products img{
border: 1px dashed #ccc;
-webkit-box-shadow: 0 0 0 0 #000000;
box-shadow: 0 0 0 0 #000000;
background: #fff;
padding: 3px;
width: 40px;
height: auto;
}
.cro_bodysidebar ul li.widget_recent_products img{
border: 1px dashed #ccc;
-webkit-box-shadow: 0 0 0 0 #000000;
box-shadow: 0 0 0 0 #000000;
background: #fff;
padding: 3px;
width: 40px;
height: auto;
}
.cro_bodysidebar ul li.widget_recent_reviews img{
border: 1px dashed #ccc;
-webkit-box-shadow: 0 0 0 0 #000000;
box-shadow: 0 0 0 0 #000000;
background: #fff;
padding: 3px;
width: 40px;
height: auto;
}
.cro_bodysidebar ul li.widget_products img{
border: 1px dashed #ccc;
-webkit-box-shadow: 0 0 0 0 #000000;
box-shadow: 0 0 0 0 #000000;
background: #fff;
padding: 3px;
width: 40px;
height: auto;
}
.cro_bodysidebar ul li.widget_shopping_cart p.total span.amount{
font-weight: bold;
float: right;
}
.cro_bodysidebar ul li.widget_shopping_cart p.total {
border-top: 3px double #333;
border-bottom: 1px solid #333;
color: #333;
padding: 5px 0px;
}
.cro_bodysidebar ul li.widget_best_sellers ul li a{
color: #222;
}
.cro_bodysidebar ul li.widget_archive ul li {
padding-bottom: 10px;
border-bottom: 1px dashed #d8d8d8;
color: #333;
}
.cro_bodysidebar ul li.widget_categories ul li {
padding-bottom: 10px;
border-bottom: 1px dashed #d8d8d8;
color: #333;
}
.cro_bodysidebar ul li.widget_product_categories ul li {
padding: 10px 0;
border-bottom: 1px dashed #d8d8d8;
color: #333;
}
.cro_bodysidebar ul li.widget_product_categories ul li a{
color: #222;
}
.cro_bodysidebar ul li.widget_product_categories ul li span.count{
float: right;
}
.cro_bodysidebar ul li.widget_nav_menu ul li{
padding-top: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #d8d8d8;
position: relative;
}
.cro_bodysidebar ul li.widget_nav_menu ul li:after{
content: "\f054";
font-family: FontAwesome;
position: absolute;
top: 12px;
right: 0px;
}
.cro_bodysidebar ul li.widget_nav_menu ul li a{
font-size: 15px !important;
}  ul.cromatic-team-output li img{
width: 100%;
height: auto;
}
ul.cromatic-team-output li h3{
color: #444;
} .cro_bookingrow{
background: #2F2C2C;
margin: 0 auto;
} .topbar{
overflow: hidden;
}
ul.cro_sociallinks{
float: left;
list-style-type: none;
margin-bottom: 0;
float: left;
}
ul.cro_sociallinks li{
float: left;
width: 40px;
height: 40px;
line-height: 40px;
font-size: 19px;
background: #f5f5f5;
margin-right: 9px;
margin-bottom: 3px;
text-align: center;
border: 2px solid #fff;
-webkit-box-shadow: 0 0 0 2px #f5f5f5;
box-shadow: 0 0 0 2px #f5f5f5;
}
ul.cro_sociallinks li:nth-child(even){
display: none;
}
ul.cro_sociallinks li:nth-child(odd){
display: block;
}
.cro_soclink_right ul.cro_sociallinks li:nth-child(even){
display: block;
}
.cro_soclink_right ul.cro_sociallinks li:nth-child(odd){
display: none;
}
.cro_soclink_right ul{
float: right;
}
ul.cro_sociallinks li i{
padding: 8px 12px;
display: block;
}
ul.cro_sociallinks li a{
}
ul.cro_sociallinks li a{
color: #1F1D1D;
}
.no-touch ul.cro_sociallinks li:hover i{
animation: bounceIn 0.4s ease;
}
.cro_telephone{
float: left;
line-height: 30px;
color: #fff;
font-size: 14px;
opacity: 0.3;
filter: alpha(opacity=30);
background: #000;
padding: 0 10px;
}
.cro_telephone i{
line-height: 30px;
}
.cro_telephone:hover{
opacity: 0.6;
filter: alpha(opacity=60);
} form#ctcform{
background: #fff;
border: 1px solid #ddd;
padding: 30px;
}
div.wpcf7-mail-sent-ok{
background: #398F14;
padding: 20px;
color: #fff;
text-align: center;
}
.wpcf7-mail-sent-ng{
color: #fff;
background: #FF0000;
padding: 20px !important;
} .cro_contact_details h3{
margin-bottom: 30px;
}  .cro_footwidgets{
padding: 0;
}
#colophon{
background: #1F1D1D;
border-top: 1px solid #3b3b3b;
border-bottom: 1px solid #3b3b3b;
}
.site-info{
background: #272727;
padding: 40px 0;
border-top: 1px solid #3b3b3b;
}
#site-cnt a{
font-size: 12px;
color: #9b9b9b;
}
#site-generator{
text-align: right;
}
#site-generator a{
font-size: 12px;
color: #9b9b9b;
} ul.cro_footwidget{
list-style-type: none;
margin: 0;
padding: 0;
}
ul.cro_footwidget ul{
margin: 0;
}
ul.cro_footwidget li{
color: #9b9b9b;
font-size: 13px;
list-style-type: none;
padding: 0;
margin: 0;
}
ul.cro_footwidget li h3.widget-title{
color: #fff;
margin-bottom: 40px;
font-size: 24px;
border-bottom: 1px dashed #3F3F3F;
padding-bottom: 10px;
}
ul.cro_footwidget li.widget_tag_cloud a{
display: inline-block;
padding: 5px 12px;
margin-right: 5px;
font-size: 12px !important;
color: #fff;
margin-bottom: 5px;
text-transform: uppercase;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
ul.cro_footwidget li.widget_tag_cloud a:hover{
background: #000;
}
ul.cro_footwidget li span.rss-date{
display :block;
color: #fff;
}
ul.cro_footwidget li h3.widget-title a{
color: #fff;
}
ul.cro_footwidget li #calendar_wrap{
background: #272727;
border: 1px solid #3b3b3b;
padding: 5px;
}
ul.cro_footwidget li #calendar_wrap table{
width: 100%;
background: #2F2F2F;
border: 1px solid #3b3b3b;
}
ul.cro_footwidget li #calendar_wrap table{
width: 100%;
background: #2F2F2F;
border: 1px solid #3b3b3b;
}
ul.cro_footwidget li #calendar_wrap table thead{
color: #fff;
background: #3F3F3F;
}
ul.cro_footwidget li #calendar_wrap table thead tr th{
color: #fff;
}
ul.cro_footwidget li #calendar_wrap table td{
color: #fff;
}
ul.cro_footwidget li #calendar_wrap table tr:nth-of-type(2n){
background: #3F3F3F;
color: #fff;
}
ul.cro_footwidget li #calendar_wrap table tfoot{
background: #3F3F3F;
color: #fff;
}
ul.cro_footwidget li abbr{
color: #fff;
}
ul.cro_footwidget li.widget_search input#s{
background: #3F3F3F;
border: 1px solid #3b3b3b;
color: #fff;
}
ul.cro_footwidget li.widget_search input#searchsubmit{
border: none;
padding: 5px 10px;
color :#fff;
float: right;
}
ul.cro_footwidget li.widget_search input#searchsubmit:hover{
background: #000;
}
ul.cro_footwidget li.widget_archive li{
border-bottom: 1px dashed #3F3F3F;
padding: 10px 0;
}
ul.cro_footwidget li.widget_archive select{
color: #fff;
background: #3f3f3f;
border: 1px solid #4f4f4f;
padding: 10px;
}
ul.cro_footwidget li.widget_categories li{
border-bottom: 1px dashed #3F3F3F;
padding: 10px 0;
}
ul.cro_footwidget li.widget_categories select{
color: #fff;
background: #3f3f3f;
border: 1px solid #4f4f4f;
padding: 10px;
}
ul.cro_footwidget li.widget_shopping_cart a.button{
padding: 10px;
margin-bottom: 10px;
background: #272727;
}
ul.cro_footwidget li.widget_shopping_cart p.total{
border-top: 3px double #3f3f3f;
border-bottom: 1px solid #3f3f3f;
padding: 5px 0;
font-weight: bold;
margin-top: 20px;
margin-bottom: 20px;
}
ul.cro_footwidget li.widget_shopping_cart p.total span.amount{
float: right;
}
ul.cro_footwidget li.widget_product_categories select{
color: #fff;
background: #3f3f3f;
border: 1px solid #4f4f4f;
padding: 10px;
}
ul.cro_footwidget li.widget_product_categories li{
border-bottom: 1px dashed #3F3F3F;
padding: 10px 0;
}
ul.cro_footwidget li.widget_product_categories span.count{
float: right;
}
ul.cro_footwidget li.widget-container .tagcloud a {
color: #FFFFFF;
display: inline-block;
font-size: 13px !important;
margin-bottom: 10px;
padding: 2px 6px;
margin-right: 10px;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
ul.cro_footwidget li.widget_product_search input{
background: #3F3F3F;
padding: 10px;
border: 1px solid #2f2f2f;
height: 40px;
color: #fff;
}
ul.cro_footwidget li.widget_product_search input#searchsubmit{
padding: 10px;
float: right;
background: #272727;
}
ul.cro_footwidget li.widget_recent_reviews .star-rating{
line-height: 1;
height: 16px;
font-weight: normal;
}
ul.cro_footwidget li.widget-container{
margin-bottom: 30px;
} .cro_404{
padding: 30px;
text-align: center;
border: 1px solid #ddd;
}
.cro_404 i{
font-size: 120px;
color: #ddd;
}
.cro_404 p{
font-size: 23px;
padding: 30px 0 0 0;
}  .cro_frontpage_txt{
padding: 20px 0;
text-align: center;
margin: 0;
}
.cro_frontpage_txt h4{
text-transform: uppercase;
margin: 0;
padding: 0;
}
.cro_frontpage_txt p{
text-transform: uppercase;
opacity: 0.8;
filter: alpha(opacity=80);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
font-size: 13px;
margin: 0;
padding: 0;
} .cro_frontpage_img{
margin: 0;
background: #fff;
overflow: hidden;
}
.cro_fpimg_block{
width: 24.99%;
height: 400px;
float: left;
position: relative;
overflow: hidden;
}
.cro_fpimg_topblock{
position: absolute;
top: 0
left: 0;
width: 100%;
height: 50%;
}
.cro_fpimg_bottomblock{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 50%;
}
.cro_fpimg_blockmask{
position: absolute;
top: 0;
width: 100%;
height: 100%;
left: 0;
}
.cro_fpimg_topcnt{
position: absolute;
bottom: 0;
width: 100%;
height: 50%;
left: 0;
display: table;
text-align: center;
background: #fff;
}
.cro_fpimg_bottomcnt{
position: absolute;
top: 0;
width: 100%;
height: 50%;
left: 0;
display: table;
text-align: center;
background: #fff;
}
.cro_fpimg_cntin{
display: table-cell;
vertical-align: middle;
line-height: 1.6;
color: #434343;
}
.cro_fpimg_cntin span{
color: #888;
}
.cro_imgstroke{
position: absolute;
top: 10px;
left: 10px;
right: 10px;
bottom: 10px;
border: 2px solid #fff;
}
.cro_imginner{
position: absolute;
top: -1px;
left: -1px;
bottom: -1px;
right: -1px;
} .cro_frontpage_cal{
padding: 110px 0;
background: #fff;
}
.cro_frontpage_cal a.cro_fpblog_linkme{
margin: 0px 0 0 0;
background: #F5F5F5;
font-size: 20px;
font-weight: bold;
text-transform: uppercase;
padding: 10px 20px;
border: 4px solid #fff;
-webkit-box-shadow: 0 0 0 3px #F5F5F5;
box-shadow: 0 0 0 3px #F5F5F5;
color: #BFBFBF;
text-shadow: 1px 1px 1px  #fff;
}
.cro_frontpage_cal a.cro_fpblog_linkme:hover{
color: #ffffff;
text-shadow: 0 0 0  #fff;
}
.cro_frontpage_cal h3{
border: 4px solid #fff;
color: #272727;
font-size: 28px;
margin-bottom: 20px;
padding: 15px;
text-align: center;
background: #F5F5F5;
-webkit-box-shadow: 0 0 0 3px #F5F5F5;
box-shadow: 0 0 0 3px #F5F5F5;
font-weight: normal;
margin-left: 15%;
margin-right: 15%;
}
.cro_frontpage_cal p.cro_intro{
text-align: center; 
font-size: 20px; 
color: #272727; 
margin-left: 5%; 
margin-right: 5%;
margin-bottom: 40px;
}
.cro_frontpage_cal ul{
list-style-type: none;
text-align: center;
margin: 0;
}
.cro_frontpage_cal ul li{
display: inline-block;
width: 245px;
margin: 0;
background: #000;
margin-bottom:0px;
height: 350px;
position: relative;
cursor: pointer;
}
.cro_frontpage_cal ul li .popover{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.6);
z-index: 2;
}
.cro_frontpage_cal .agendadate{
padding-top: 15px;
color: #fff;
position: relative;
z-index: 2;
line-height: 50px;
text-transform: uppercase;
font-size: 20px;
}
.cro_frontpage_cal .agendadate span.first{
display :block;
text-align: center;
padding-top: 8px;
font-size: 50px;
}
.cro_frontpage_cal .cro_directional{
text-align: center;
display: none;
}
.cro_frontpage_cal .cro_wprev{
display: inline-block;
padding-top: 20px;
}
.cro_frontpage_cal .cro_wnext{
display: inline-block;
padding-top: 20px;
}
.cro_frontpage_cal .cro_wprev i{
display: block;
width: 40px;
height: 40px;
border: 3px solid #000;
line-height: 40px;
text-align: center;
margin-right: 5px;
font-size: 22px;
cursor: pointer;
}
.cro_frontpage_cal .cro_wnext i{
display: block;
width: 40px;
height: 40px;
border: 3px solid #000;
line-height: 40px;
text-align: center;
margin-left: 5px;
font-size: 22px;
cursor: pointer;
}
.cro_frontpage_cal .cro_wprev i:hover{
border: 2px solid #000;
color: #272727;
}
.cro_frontpage_cal .cro_wnext i:hover{
border: 2px solid #000;
color: #272727;
}
.cro_frontpage_cal .agendadate span.second{
display :block;
text-align: center;
}
.cro_frontpage_cal p{
color: #777;
font-size: 14px;
padding: 5px 20px 20px 20px;
margin: 0;
}
.cro_frontpage_cal .popover p{
display: none;
}
.cro_frontpage_cal h5{
padding: 20px 0;
margin: 0;
width: 100%;
color: #fff;
position: absolute;
bottom: 30px;
text-align: center;
}
.cro_frontpage_cal .fpdiv{
color: #fff;
font-size: 16px;
padding-top: 10px;
}
.cro_frontpage_cal .fpdiv span.cro_caltime{
padding: 5px 10px;
}
.cro_frontpage_cal .clarlabel{
padding: 10px 0 20px 0;
display: none;
}
.cro_frontpage_cal .clarlabel a{
border: 2px solid #565656;
color: #565656;
text-decoration: none;
padding: 8px 16px;
font-size: 12px;
text-transform: uppercase;
font-weight: bold;
}
.cro_frontpage_cal .splinkme{
text-align: center;
padding: 30px 0;
}
.cro_frontpage_cal .splinkme a{
float: none;
}
.cro_frontpage_cal a.calendarcover{
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 3;
}
.cro_frontpage_cal a.calendarcover span{
background: rgba(0,0,0,0);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 3;
display: block;
}
.cro_frontpage_cal a.calendarcover span:hover{
background: rgba(0,0,0,0.4);
}
.cro_frontpage_cal a.calendarcover span i{	
width: 40px;
height: 40px;
text-align: center;
line-height: 40px;
position: absolute;
bottom: 0px;
right: 0;
color: #fff;
visibility: hidden;
}
.cro_frontpage_cal a.calendarcover span:hover i{	
visibility: visible;
animation: bounceIn 0.4s ease;
} .cro_frontpage_cdt{
overflow: hidden;
background: #000;
}
.touch .cro_frontpage_cdt{
background-attachment: scroll !important;
}
.cro_cdt_block{
padding: 110px 0;
position: relative;
}
.cro_frontpage_cdt .photostack{
position: absolute;
top: 0;
left: 0;
width: 120%;
height: 130%;
}
.cro_frontpage_cdt h2{
text-align: center;
padding-bottom: 0px;
font-size:33px;
color: #fff;
margin-bottom: 0px;
font-weight: normal;
position: relative;
z-index: 1;
}
.cro_frontpage_cdt p{
text-align: center;
color: #888;
font-size: 19px;
position: relative;
z-index: 1;
margin-bottom: 10px;
}
.cro_frontpage_cdt p.cro_cdt_desc{
text-align: center;
color: #fff;
font-size: 16px;
position: relative;
z-index: 1;
margin-bottom: 30px;
}
.cro_frontpage_cdt p.cro_cdtlink{
padding: 30px 0 0px 0;
margin: 0;
}
.cro_frontpage_cdt p.cro_cdtlink a{
padding: 10px;
font-size: 16px;
color: #fff;
border: 2px solid #fff;
} .cro_frontpage_fdm{	
position: static;
}
.touch .cro_frontpage_fdm{
background-attachment: scroll !important;
}
.cro_fdm_block{
padding: 110px 0 110px 0;
position: relative;
}
.cro_frontpage_fdm .cro_fdm_mask{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.5);
z-index: 0;
}
.cro_frontpage_fdm h3{
text-align: center;
padding-bottom: 15px;
font-size:33px;
color: #fff;
margin-bottom: 0px;
font-weight: normal;
position: relative;
z-index: 1;
}
.cro_frontpage_fdm p{
text-align: center;
color: #fff;
margin-bottom: 50px;
font-size: 21px;
position: relative;
z-index: 1;
margin: 0 20%;
}
.cro_frontpage_fdm .fdm_outer {
display: table;
width: 100%;
padding: 0 50px;
padding-top: 60px;
}
.cro_frontpage_fdm .fdm_menu_col {
display: inline-block;
vertical-align: top;
width: 32.333%;
position: relative;
}
.cro_frontpage_fdm .cro_menu_inside {
position: relative;
z-index: 1;
}
.cro_frontpage_fdm .fdm_menu_part1 .cro_menu_backdrop, .cro_frontpage_fdm .fdm_menu_part3 .cro_menu_backdrop {
height: 90%;
left: 1%;
position: absolute;
top: 5%;
width: 96%;
z-index: 0;
}
.cro_frontpage_fdm .fdm_menu_part1  .cro_menu_bkd_mask, .cro_frontpage_fdm .fdm_menu_part3  .cro_menu_bkd_mask {
height: 80%;
left: 0;
position: absolute;
top: 10%;
width: 100%;
z-index: 0;
}
.cro_frontpage_fdm .fdm_menu_part2 .cro_menu_backdrop {
height: 90%;
left: 2%;
position: absolute;
top: 5%;
width: 96%;
z-index: 0;
}
.cro_frontpage_fdm .fdm_menu_part2 .cro_menu_bkd_mask{
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 0;
}
.cro_frontpage_fdm .cro_menu_inside {
height: 100%;
position: relative;
width: 100%;
z-index: 1;
}
.cro_frontpage_fdm .cro_menu_content{
color: #FFFFFF;
padding: 60px 50px;
position: relative;
z-index: 1;
}
.cro_frontpage_fdm .cro_menu_content h4 {
border-bottom: 1px dotted #999;
color: #fff;
padding-bottom: 20px;
text-align: center;
font-size: 25px;
padding-top: 20px;
margin-top: 20px;
}
.cro_frontpage_fdm .cro_menu_content img {
position: absolute;
top: -30px;
left: 50%;
margin-left: -60px;
width: 120px;
height: 120px;
-webkit-border-radius: 100%;
border-radius: 100%;
border: 3px solid rgba(255,255,255,0.3);
}
.cro_frontpage_fdm .cro_menu_content ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.cro_frontpage_fdm .cro_menu_content ul li {
margin-bottom: 10px;
}
.cro_frontpage_fdm .cro_menu_content ul li .cro_menitem_title {
display: block;
float: left;
font-size: 15px;
width: 70%;
}
.cro_frontpage_fdm .cro_menu_content ul li .cro_menitem_price {
display: block;
float: left;
font-weight: normal;
text-align: right;
width: 30%;
} .cro_frontpage_gal{
padding: 110px 0 110px 0;
background: #fff;
}
.cro_frontpage_gal h3{
border: 4px solid #fff;
color: #272727;
font-size: 28px;
margin-bottom: 20px;
padding: 15px;
text-align: center;
background: #F5F5F5;
-webkit-box-shadow: 0 0 0 3px #F5F5F5;
box-shadow: 0 0 0 3px #F5F5F5;
font-weight: normal;
margin-left: 15%;
margin-right: 15%;
}
.cro_frontpage_gal ul{
list-style-type: none;
margin: 0;
padding: 0;
}
.cro_frontpage_gal ul li{
width: 24.5%;
height: auto;
display: inline-block;
overflow: hidden;
} .cro_fp_latest_11, .cro_fp_latest_12, .cro_fp_latest_21, .cro_fp_latest_22, .cro_fp_latest_23{
padding-bottom: 10px;
background: rgba(0,0,0,0.02);
}
.cro_blgcol{
padding-top: 15px;
}
.cro_frontpage_blg{
padding: 110px 0 110px 0;
background: #fff;
}
.cro_frontpage_blg h3{
border: 4px solid #fff;
color: #272727;
font-size: 28px;
margin-bottom: 20px;
padding: 15px;
text-align: center;
background: #F5F5F5;
-webkit-box-shadow: 0 0 0 3px #F5F5F5;
box-shadow: 0 0 0 3px #F5F5F5;
font-weight: normal;
margin-left: 15%;
margin-right: 15%;
}
.cro_frontpage_blg h3 a{
color: #272727;
}
.cro_frontpage_blg h4{
padding-top: 10px;
text-align: center;
}
.cro_frontpage_blg h4 a{
color: #1F1D1D;
font-size: 20px;
margin-bottom: 20px;
padding-bottom: 15px;
}
.cro_blgcol:hover h4 a, .cro_blgcol:hover p{
color: #fff;
}
.cro_frontpage_blg .cro_fp_latest_more a {
border: 2px solid #565656;
color: #565656;
font-size: 12px;
font-weight: bold;
padding: 8px 16px;
text-decoration: none;
text-transform: uppercase;
}
.cro_blgcol:hover .cro_fp_latest_more a {
border: 2px solid #fff;
color: #fff;
}
.cro_blgcol:hover .cro_fp_latest_more a:hover {
border: 2px solid #000;
color: #000;
}
.cro_frontpage_blg .blg_titlebg{
text-align: center;
}
.cro_frontpage_blg .cro_blogimg, .cro_frontpage_por .cro_porimg{
display: block;
overflow: hidden;
}
.cro_frontpage_blg .cro_theres_nottle{
border: none;
}
.cro_front_floater{
position: relative;
overflow: hidden;
width: 100%;
height: 100%;
background-attachment: fixed !important;
background-clip: border-box;
background-origin: padding-box;
background-position: center;
background-size: cover !important;
}
.touch .cro_front_floater{
background-attachment: scroll !important;
}
.cro_front_floater:before{
-webkit-box-shadow:  0 0 20px rgba(0, 0, 0, 0.8);
box-shadow:  0 0 20px rgba(0, 0, 0, 0.8);
content: "";
height: 10px;
left: 0;
position: absolute;
top: -10px;
width: 100%;
z-index: 1;
}
.cro_fpblog_linkme{
float: left;
color: #fff;
background: #272727;
font-size: 11px;
margin-left: 25px;
margin-top: 30px;
margin-bottom: 30px;
padding: 10px 20px;
text-transform: uppercase;
}
.cro_fpblog_linkme:hover{
color: #fff;
background: #272727;
}
.cro_notshow_date{
padding-left: 0 !important;
}
.cro_frontpage_blg p{
color: #444;
font-size: 15px;
line-height: 1.6;
text-align: center;
}
.cro_frontpage_blg img{
width: 100%;
height: auto;
}
.cro_frontpage_blg p.cro_fp_latest_more{
text-align: center;
}
.cro_fp_latest_content{
padding: 20px 30px 0px 30px;
position: relative;
}
.cro_frontpage_blg .cro_time{
color: #FFFFFF;
font-size: 16px;
height: 55px;
left: 50%;
line-height: 1.15;
padding: 3px 0 0;
position: absolute;
text-align: center;
text-transform: uppercase;
top: -30px;
width: 55px;
border :5px solid #f5f5f5;
margin-left: -27px;
}
.cro_blgcol:hover .cro_time{
background: #000;
}
.floater{
position: relative;
overflow: hidden;
}
.floater:before {
box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
content: "";
height: 20px;
left: 0;
position: absolute;
top: -20px;
width: 100%;
z-index: 100;
} .cro_frontpage_ctb{
padding: 0px 0 0px 0;
width: 100%;
position: relative;
}
.touch .cro_frontpage_ctb{
background-attachment: scroll !important;
}
.cro_ctb_block{
padding: 110px 80px; 
position: relative;
}
.cro_prodmask{
padding: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.cro_frontpage_ctb h2{
text-align: center;
font-size: 35px;
font-weight: normal;
text-transform: uppercase;
}
.cro_frontpage_ctb p{
text-align: center;
font-size: 25px;
padding: 10px 0;
}
.cro_frontpage_ctb  a{
color: #fff;
border: 2px solid #fff;
padding: 10px 20px;
font-size: 16px;
text-transform: uppercase;
font-weight: normal;
}
.cro_frontpage_ctb p.cro_fp_linkp{
opacity: 1;
}
.cro_prodmask a{
padding: 15px 30px;
font-size: 18px;
}
.cro_frontpage_por{
padding: 0px 0 50px 0;
}
.cro_frontpage_por .floater {
height: 400px;
margin-bottom: 0;
}
ul.cro_portfolio_case{
list-style-type: none;
margin: 0;
padding: 0;
text-align: center;
}
ul.cro_portfolio_case li{
list-style-type: none;
margin: 0 0.5%;
padding: 0;
width: 23%;
display: inline-block;
margin-bottom: 5px;
position: relative;
cursor: pointer;
vertical-align: top;
}
ul.cro_portfolio_case li img{
width: 100%;
height: auto;
}
.cro_frontpage_por .por_titlebg{
padding: 10px 0;
margin-bottom: 50px;
color: #272727;
border-bottom: 1px dashed #ddd;
background: #fff;
}
.cro_frontpage_por .por_titlebg ul{
list-style-type: none;
padding-top: 12px;
text-align: right;
margin-right: 20px;
}
.cro_frontpage_por .por_titlebg ul li{
display: inline-block;
width: 30px;
height: 30px;
text-align: center;
cursor: pointer;
}
.cro_frontpage_por .por_titlebg ul li a{
display: block;
}
.cro_frontpage_por .por_titlebg ul li:hover{
border: 2px solid #000;
}
.cro_frontpage_por .por_titlebg ul li i{
font-size: 20px;
line-height: 30px;
}
.cro_frontpage_por .por_titlebg ul li:hover i{
color: #000;
}
.cro_frontpage_por .por_titlebg .cro_productspage_visitshop{
color: #fff;
padding: 10px 20px;
text-transform: uppercase;
margin-top: 12px;
font-size: 11px;
display: inline-block;
margin-left: 0px;
margin-left: 20px;
}
.cro_frontpage_por .por_titlebg .cro_productspage_visitshop:hover{
background: #272727;	
}
.cro_frontpage_por h3 {
color: #545454;
margin: 0;
padding: 15px;
text-align: center;
text-transform: uppercase;
}
.cro_frontpage_por p.portfoliodesc{
font-size: 18px;
text-align: center;
color: #545454;
padding-bottom: 30px;
}
.cro_frontport_img_cover{
position: relative;
}
.cro_frontpage_por .cro_port_fronttitle{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.cro_frontpage_por h5.cro_frontpor_title{
text-transform: uppercase;
color: #545454;
margin: 0;
padding: 10px 0;
}
.cro_frontpage_por h5.cro_frontpor_title{
text-transform: uppercase;
text-align: center;
margin: 0;
padding: 20px 0;
}
.cro_frontpage_por p.cro_por_port_desc{
color: #767676;
font-size: 13px;
padding: 0 10px;
min-height: 90px;
padding-bottom: 20px;
border-bottom: 3px solid #eee;
text-align: center
}
.cro_frontpage_l2n .blog_titlebg{
padding: 10px 0;
margin-bottom: 50px;
color: #272727;
border-bottom: 1px dashed #ddd;
background: #fff;
}
.cro_frontpage_l2n .blog_titlebg h3 {
color: #545454;
margin: 0;
padding: 15px;
text-align: center;
text-transform: uppercase;
}
.cro_frontpage_l2n .blog_titlebg .cro_newspage_blog{
background: #272727;
color: #fff;
padding: 10px 20px;
text-transform: uppercase;
margin-top: 12px;
font-size: 11px;
display: inline-block;
margin-left: 0px;
}
.cro_frontpage_vid{
background: #000;
z-index: 0; 
position: relative;
}
.cro_frontpage_vid .mb_YTVPBar{
display: none !important;
}
.cro_vidtext{
height: 100%;
}
.cro_videocenterblock{
display: table;
height: 100%;
width: 100%;
}
.cro_vidcenterspan{
display:table-cell; 
vertical-align:middle;
}
.cro_vidcenterspan h2{
text-align: center;
font-size: 44px;
margin-bottom: 40px;
}
.cro_vidcenterspan p {
color: #9B9B9B;
font-size: 24px;
padding: 10px 0;
text-align: center;
margin-bottom: 40px;
}
.cro_frontpage_twi{
background: #000;
z-index: 0; 
position: static;
color: #fff;
padding: 0;
}
.touch .cro_frontpage_twi{
background-attachment: scroll !important;
}
.cro_twi_block{
padding: 110px 0 60px 0;
position: relative;
}
.cro_frontpage_twi h2{
color: #fff;
text-align: center;
text-transform: uppercase;
font-size: 35px;
}
.cro_frontpage_twi  p.cro_fp_linkp{
padding: 50px 0 30px 0;
text-align: center;
}
.cro_frontpage_twi  .cro_fp_linkp a {
border: 2px solid #FFFFFF;
color: #FFFFFF;
font-size: 16px;
padding: 10px 20px;
text-transform: uppercase;
}
.cro_frontpage_twi  .cromax_twitstring{
font-size: 24px;
text-align: center;
display: block;
}
.cro_frontpage_twi li{
overflow: auto;
min-height: ;
}
.touch .cro_frontpage_vid .cro_prodmask{
display: none;
}
.touch .cro_frontpage_vid .cro_vidtext{
display: none;
}
.cro_frontpage_pag .pag_titlebg {
color: #272727;
}
.cro_frontpage_pag .pag_titlebg h3 {
border: 4px solid #fff;
color: #272727;
font-size: 28px;
margin-bottom: 20px;
padding: 15px;
text-align: center;
background: #F5F5F5;
-webkit-box-shadow: 0 0 0 3px #F5F5F5;
box-shadow: 0 0 0 3px #F5F5F5;
font-weight: normal;
margin-left: 15%;
margin-right: 15%;
}
.cro_frontpage_pag .cro_theres_notitle {
display: none;
}
.cro_frontpage_map #map-div{
margin: 0;
}
.cro_frontpage_fee {
overflow: hidden;
}
.touch .cro_frontpage_fee{
background-attachment: scroll !important;
}
.cro_fee_block{
padding: 80px 0 110px 0;
position: relative;
}
.cro_frontpage_fee .cro_prodmask{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.cro_frontpage_fee h2{
text-align: center;
margin-bottom: 40px;
font-size: 33px;
}
.cro_frontpage_fee .cro_quotes {
font-size: 21px;
text-align: center;
display: block;
}
.cro_frontpage_fee .cro_quotees {
display: block;
text-align: center;
text-transform: uppercase;
font-size: 24px;
color: #fff;
}
.cro_frontpage_fee  .cro_images{
display: block;
width: 75px;
height: 75px;
margin-left: auto;
margin-right: auto;
-webkit-border-radius: 75px;
border-radius: 75px;
margin-bottom: 30px;
}
.cro_frontpage_fee  .cro_images img{
width: 75px;
height: 75px;
-webkit-border-radius: 75px;
border-radius: 75px;
}
.cro_frontpage_pag{
padding: 90px 0 60px 0;
background: #fff;
}
.cro_respimg{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: none;
z-index: 1;
}
.cro_frontpage_vid .cro_prodmask{
z-index: 2;
}
.cro_frontpage_vid .cro_vidtext{
z-index: 3;
}
.touch .cro_respimg{
display: block;
}
.cro_frontpage_pag .cro_pagelayout{
padding: 0 !important;
}
.cro_frontpage_pag .entry-content {
padding-bottom: 0px;
} .croma-topbarnav ul{
list-style-type: none;
margin: 0;
padding: 0;
}
.croma-topbarnav ul li{
list-style-type: none;
margin: 0;
padding: 0;
display: inline-block;
float: right;
line-height: 40px;
}
.croma-topbarnav ul li a{
text-transform: uppercase;
font-size: 13px;
padding: 0 40px;
}
.croma-topbarnav ul li ul{
display: none;
}   .owl-carousel .owl-wrapper:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
} .owl-carousel{
display: none;
position: relative;
width: 100%;
-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
display: none;
position: relative;
-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
overflow: hidden;
position: relative;
width: 100%;
}
.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);
} .grabbing { 
cursor:url(//graftonstdinnertheatre.com/wp-content/themes/grill/assets/styles/images/grabbing.png) 8 8, move;
} .owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
}
.owl-controls{
text-align: center;
margin: 10px 0;
}
.owl-theme .owl-controls .owl-page span {
background: #fff;
border-radius: 20px;
display: block;
height: 12px;
margin: 5px 7px;
width: 12px;
}
.owl-page{
display: inline-block;
} #croma-mobilenav {
background: #2A2A2A;
height: 100%;
padding: 25px 40px 30px 0;
position: fixed;
right: 0;
top: 55px;
width: 300px;
z-index: 6;
display: none;
}
.croma-mobilenavigation{
overflow: auto;
}
#croma-mobilenav ul{
margin: 0;
list-style-type: none;
padding: 0;
padding-top: 0px;
padding-left: 30px;
}
.mobilenav-close{
position: absolute;
top: 0px;
left: 10px;
color: #fff;
cursor: pointer;
background: #3F3B3B;
padding: 3px 5px;
}
#croma-mobilenav ul ul{
margin: 0 0 0 10px;
list-style-type: none;
padding: 0;
}
#croma-mobilenav ul li{
margin: 0;
list-style-type: none;
padding: 3px 0 0 0;
line-height: 1.6;
}
#croma-mobilenav ul li a{
color: #eee;
font-size: 12px;
}
#croma-mobilenav ul li ul li a{
color: #aaa;
font-size: 12px;
} .cro_theme_just_installed{
width: 600px;
margin: 0 auto;
margin-top: 100px;
margin-bottom: 100px;
}
.cro_tji_inner{
background: #fff;
border: 1px solid #d8d8d8;
text-align: center;
padding: 50px;
}
.cro_tji_inner h1{
font-weight: normal;
margin-bottom: 30px;
}
.cro_tji_inner h2{
font-weight: normal;
margin-bottom: 30px;
}
.cro_tji_inner a{
display: inline-block;
width: 450px;
padding: 20px;
margin-bottom: 20px;
background: #FBF9FA;
border: 1px solid #d8d8d8;
font-weight: bold;
text-transform: uppercase;
color: #444;
font-size: 15px;
}
.cro_frontpage_twi .bx-wrapper .bx-prev, .cro_frontpage_fee .bx-wrapper .bx-prev{
left: -90px;
}
.cro_frontpage_twi .bx-wrapper .bx-next, .cro_frontpage_fee .bx-wrapper .bx-next{
right: -90px;
}
.cro_frontpage_twi .bx-wrapper .bx-pager.bx-default-pager a, .cro_frontpage_fee .bx-wrapper .bx-pager.bx-default-pager a {
background: #fff;
}
.cro_frontpage_twi .large-12, .cro_frontpage_fee .large-12{
padding-left: 90px !important;
padding-right: 90px !important;
}
.cro_frontpage_twi .bx-wrapper .bx-prev, .cro_frontpage_fee .bx-wrapper .bx-prev{
background: transparent;
text-indent: 0;
}
.cro_frontpage_twi .bx-wrapper .bx-prev i, .cro_frontpage_fee .bx-wrapper .bx-prev i{
display :block;
width: 28px;
height: 28px;
text-align: center;
line-height: 30px;
}
.cro_frontpage_twi .bx-wrapper .bx-next, .cro_frontpage_fee .bx-wrapper .bx-next{
background: transparent;
text-indent: 0;
}
.cro_frontpage_twi .bx-wrapper .bx-next i, .cro_frontpage_fee .bx-wrapper .bx-next i{
display :block;
width: 28px;
height: 28px;
text-align: center;
line-height: 30px;
}
.cro_frontpage_twi .bx-wrapper .bx-prev, .cro_frontpage_twi .bx-wrapper .bx-next{
border: 2px solid #fff;
}
.cro_frontpage_twi .bx-wrapper .bx-prev, .cro_frontpage_twi .bx-wrapper .bx-prev i, .cro_frontpage_twi .bx-wrapper .bx-next, .cro_frontpage_twi .bx-wrapper .bx-next i{
color: #fff;
}
.cro_frontpage_fee .bx-wrapper .bx-prev{
background: transparent;
text-indent: 0;
}
.cro_frontpage_fee .bx-wrapper .bx-prev i{
display :block;
width: 28px;
height: 28px;
text-align: center;
line-height: 30px;
}
.cro_frontpage_fee .bx-wrapper .bx-next{
background: transparent;
text-indent: 0;
}
.cro_frontpage_fee .bx-wrapper .bx-next i{
display :block;
width: 28px;
height: 28px;
text-align: center;
line-height: 30px;
}
.cro_frontpage_fee .bx-wrapper .bx-prev, .cro_frontpage_fee .bx-wrapper .bx-next{
border: 2px solid #fff;
}
.cro_frontpage_fee .bx-wrapper .bx-prev, .cro_frontpage_fee .bx-wrapper .bx-prev i, .cro_frontpage_fee .bx-wrapper .bx-next, .cro_frontpage_fee .bx-wrapper .bx-next i{
color: #fff;
} ul.cro_timervalue{
list-style-type: none;
color: #fff;
width: 530px;
margin: 0 auto;
position: relative;
z-index: 1;
text-align: center;
font-weight: 200;
}
ul.cro_timervalue li{
display: inline-block;
font-size: 50px;
width: 24%;
}
ul.cro_timervalue li span.daynumber{
display: block;
line-height: 50px;
}
ul.cro_timervalue li span.hournumber{
display: block;
line-height: 50px;
}
ul.cro_timervalue li span.minutenumber{
display: block;
line-height: 50px;
}
ul.cro_timervalue li span.secondnumber{
display: block;
line-height: 50px;
}
ul.cro_timervalue li span.dayname{
display: block;
text-transform: uppercase;
font-size: 12px;
color: #999;
}
ul.cro_timervalue li.cro_timerday{
border-right: 1px solid rgba(255,255,255,0.4);
}
ul.cro_timervalue li.cro_timerlinenone{
border: none;
} .croma_lightbox{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10000;
background: #000;
background: rgba(0,0,0,0.8);
display: none;
}
.croma_listbox{
position: absolute;
bottom: 0;
left: 50px;
right: 50px;
text-align: center;
height: 150px;
}
.croma_listbox ul{
position: absolute;
top: 0;
left: 0;
width: 5000px;
text-align: center;
height: 150px;
}
.croma_listbox li{
float: left;
width: 150px;
height: 150px;
overflow: hidden;
margin-right: 10px;
cursor: pointer;
background: #000;
}
.croma_listbox li img{
width: 100%;
height: auto;
background: #000;
}
.croma_listbox li img:hover{
opacity: 0.5;
}
.croma_listbox{
overflow: hidden;
}
.croma_mainbox{
position: absolute;
top: 40px;
left: 60px;
right: 60px;
bottom: 200px;
text-align: center;
}
.croma_mainbox img{
height: auto;
width: auto;
}
.croma_tinyleft{
position: absolute;
bottom: 50px;
left: 20px;
width: 40px;
height: 40px;
cursor: pointer;
color: #fff;
}
.croma_tinyright{
position: absolute;
bottom: 50px;
right: 20px;
width: 40px;
height: 40px;
cursor: pointer;
color: #fff;
}
.croma_bigleft{
position: absolute;
top: 50%;
left: 10px;
width: 50px;
height: 50px;
margin-top: -25px;
cursor: pointer;
color: #fff;
}
.croma_bigright{
position: absolute;
top: 50%;
right: 10px;
width: 50px;
height: 50px;
margin-top: -25px;
cursor: pointer;
color: #fff;
}
.croma_boxclose{
position: absolute;
top: 40px;
right: 20px;
width: 40px;
height: 40px;
cursor: pointer;
color: #fff;
}
.croma_boxclose:after{
content: "\f00d";
font-family: FontAwesome;
font-size: 20px;
position: absolute;
left: 12px;
top: 12px;
}
.croma_tinyleft:after{
content: "\f053";
font-family: FontAwesome;
font-size: 20px;
position: absolute;
left: 12px;
top: 12px;
}
.croma_tinyright:after{
content: "\f054";
font-family: FontAwesome;
font-size: 20px;
position: absolute;
left: 15px;
top: 12px;
}
.croma_bigleft:after{
content: "\f053";
font-family: FontAwesome;
font-size: 40px;
position: absolute;
left: 10px;
top: 12px;
}
.croma_bigright:after{
content: "\f054";
font-family: FontAwesome;
font-size: 40px;
position: absolute;
left: 10px;
top: 12px;
}
#cro_imgwrapper{
width: 100%;
height: 100%;
background: transparent;
border: none;
max-width: 100%;
}
#cro_imgwrapper td {
vertical-align: middle;
text-align: center;
}
#cro_imgwrapper td i{
color: #fff;
font-size: 60px;
-moz-animation: spin 2s infinite linear;
-o-animation: spin 2s infinite linear;
-webkit-animation: spin 2s infinite linear;
animation: spin 2s infinite linear;
display: block;
}
.cro_maxwidth{
max-width: 100%;
width: auto;
height: auto;
}
.cro_maxheight{
max-height: 100%;
height: auto;
width: auto;
}
img.cro_activepic{
opacity: 0.3;
}
.croma_galtitle{
position: absolute;
bottom: 150px;
left: 0;
width: 100%;
text-align: center;
}
.croma_galtitle p{
display: inline-block;
background: #202020;
padding: 5px 10px;
-webkit-border-radius: 20px;
border-radius: 20px;
color: #fff;
} @media only screen and (max-width: 768px) {
.cro_messwrapper{
text-align: center;
}
.cro_frontpage_cdt .large-4{
text-align: center;
}
.cro_fpimg_block{
width: 33.32%;
}
.cro_fpimg1{
display: none;
}
.cromax-ftb{
max-width: 480px;
margin-bottom: 50px;
margin-left: auto;
margin-right: auto;
}
.cro_accordion_container, .cro_tab_container{
margin: 0 30px 30px 30px;
}
.cromax-pic{
text-align: center;
}
.croma_pad_right, .croma_pad_left{
padding: 0;
}
.cro_bodysidebar ul{
max-width: 360px;
margin: 0 auto;
}
#wpadminbar {
position: fixed !important;
}
ul.footwidget li{
max-width: 320px;
margin-left: auto;
margin-right: auto;
}
.cro_shoplayout-1 ul.cro_archiveprod li, .cro_shoplayout-2 ul.cro_archiveprod li {
width: 40%;
}
#singleproduct .product{
max-width: 480px;
margin-left: auto;
margin-right: auto;
}
ul.cro_related_slider li{
width: 100%;
max-width: 240px;
margin-left: auto;
margin-right: auto;
}
ul.cro_related_slider{
text-align: center;
}
.gbtr_featured_section_title{
text-align: center;
}
.dir-container{
margin-bottom: 30px;
}
ul.cro_directionscal{
margin-bottom: 30px;
}
.widget_cromax_video{
max-width: 290px;
}
.large-12 ul.cro_archiveprod li.product_item {
width: 45%;
}
ul.timervalue {
width: auto;
}
.cro_frontpage_fdm .fdm_menu_col{
width: 100%;
}
.cro_frontpage_ctb h2{
font-size: 25px;
}
.cro_frontpage_ctb p{
font-size: 18px; 
}
.cro_frontpage_ctb a{
font-size: 14px;
}
.cro_frontpage_gal ul li{
width: 24%;
}
.cro_frontpage_fee .cro_quotes{
font-size: 18px;
}
.cro_frontpage_twi h2{
font-size: 25px;
}
.cro_frontpage_twi .cromax_twitstring{
font-size: 18px;
}
.cro_frontpage_twi p.cro_fp_linkp a{
font-size: 14px;
}
.cromax_agendacal ul.cro_agendatwister li{
min-width: 250px;
}
.cro_frontpage_cal a.calendarcover span {
display: block;
}
.cro_bodysidebar{
padding-bottom: 50px;
}
}
@media only screen and (max-width: 740px) {
.cro_soclink_right ul.cro_sociallinks{
display: block;
}
ul.cro_sociallinks li{
display: inline-block !important;
float: none;
}
ul.cro_sociallinks {
float: none;
display: block;
margin: 0 auto;
text-align: center;
display: none;
padding: 0 !important;
margin-bottom: 10px;
}
@media only screen and (max-width: 740px) {
#singleproduct .product{
margin-left: 40px;
margin-right: 40px;
}
.croma-topbarnav ul{
text-align: center;
margin-bottom: 10px;
margin-top: 10px;
}
.croma-topbarnav ul li{
float: none;
}
.cromax-cta h4{
margin-bottom: 10px !important;
}
.cromax-cta a{
margin: 0px !important;
}
.cro_shoplayout-1 ul.cro_archiveprod li, .cro_shoplayout-2 ul.cro_archiveprod li {
width: 90%;
max-width: 300px;
}
.cro_frontpage_twi .cromax_twitstring, .cro_frontpage_fee .cro_quotes {
font-size: 16px;
text-align: center;
}
.cro_frontpage_twi h2, .cro_frontpage_fee h2 {
font-size: 20px;
}
.large-12 ul.cro_archiveprod li.product_item {
width: 100%;
}
.cro_shopheader{
padding-top: 50px;
text-align: right;
padding-right: 30px;
}
.cro_fpimg_block{
width: 49.99%;
}
.cro_fpimg3{
display: none;
}
.cro_frontpage_pag .pag_titlebg h3 {
font-size: 20px;
}
ul.timervalue li{
font-size: 30px;
}
span.dayname{
font-size: 10px;
}
.cro_frontpage_cdt .photostack{
width: 160%;
}
.cro_blgcol{
max-width: 300px;
margin: 0 auto;
float: none !important;
margin-bottom: 30px;
}
.cro_frontpage_cdt img{
max-width: 100px !important;
height: auto;
}
.cro_fdm_block{
padding: 50px 0;
}
.cro_frontpage_fdm .fdm_outer{
padding-left: 15px;
padding-right: 15px;
}
.cro_frontpage_fdm .cro_menu_content{
padding-left: 15px;
padding-right: 15px;
padding-bottom: 15px;
}
.cro_frontpage_fdm p {
font-size: 16px;
margin: 0 15px;
}
.cro_frontpage_twi .large-12, .cro_frontpage_fee .large-12 {
padding-left: 20px !important;
padding-right: 20px !important;
}
.cro_twi_block{
padding-top: 30px;
padding-bottom: 30px;
}
.cro_fee_block {
padding-top: 30px;
padding-bottom: 30px;
}
.cro_frontpage_gal{
padding-top: 30px;
padding-bottom: 30px;
}
.cro_ctb_block{
padding-top: 30px;
padding-left: 30px;
padding-right: 30px;
padding-bottom: 30px;
}
.cro_frontpage_blg{
padding-top: 30px;
padding-bottom: 30px;
}
.cro_frontpage_cal {
padding: 30px 0;
}
.cro_cdt_block {
padding: 0px 0;
position: relative;
}
.cro_frontpage_pag {
padding: 30px 0 30px 0;
}
#cromaslide .ls-nav-prev {
display: none;
}
#cromaslide .ls-nav-next {
display: none;
}
.cro_frontpage_cal h3 {
font-size: 20px;
}
.cro_frontpage_cal p.cro_intro {
font-size: 16px;
}
.cro_frontpage_fdm h3 {
font-size: 20px;
}
.cro_frontpage_blg h3 {
font-size: 20px;
}
.cro_frontpage_gal h3 {
font-size: 20px;
}
}
.cro_frontpage_gal {
padding: 110px 0 0px 0 !important;
background: #fff;
}
.cro_frontpage_pag {
padding: 30px 0 60px 0 !important;
background: #fff;
}
.croma-topbarnav ul li a {
text-transform: uppercase;
font-size: 13px;
padding: 0 20px !important;
}
.cro_frontpage_cdt p.cro_cdtlink{
display: none !important;
}
.cro_ctb_block {
padding: 10px 80px !important;
position: relative;
}
ul.cro_sociallinks li i {
padding: 8px 12px;
display: block;
background-color: #ff9900 !important;
}
.visual-form-builder fieldset {
clear: both;
margin: 15px 0;
padding: 0;
border: 1px solid #FFFFFF;
border-radius: 3px;
background-color: #FFF;
}
.fc-header-center .fc-header-title {
display: none;
}