html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }
html { -webkit-font-smoothing: antialiased; }
body { font-family: 'Open Sans', Arial, sans-serif; font-size: 14px; color: #555e58; background-color: #f5f5f5; }
a { text-decoration: none; color: #990707; }
a:hover { text-decoration: underline; }
.clear { clear: both; }
.ui-tabs-hide { display: none; }
br.clear { margin: 0px; padding: 0px; }
h1, h2, h3, h4, h5, h6 { padding-bottom: 5px; color: #111; line-height: 1em; font-weight: normal; letter-spacing: -2px; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #111; }
h1 { font-size: 30px; }
h2 { font-size: 24px; }
h3 { font-size: 22px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
h6 { font-size: 14px; }
p { padding-bottom: 10px; line-height: 24px; }
strong { font-weight: bold; color: #1c1c1c; }
cite, em, i { font-style: italic; }
pre, code { font-family: Courier New, monospace; margin-bottom: 10px; }
ins { text-decoration: none; }
sup, sub { height: 0; line-height: 1; position: relative; vertical-align: baseline; }
sup { bottom: 0.8em; }
sub { top: 0.3em; }
dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dd { margin-left: 1.5em;}
blockquote { margin: 1.5em; padding: 1em; color: #666666; background: #e6e6e6; font-style: italic; border: 1px solid #dcdcdc; }
blockquote p { padding-bottom: 0px; }
input[type=text],input.text, input.title, textarea, select { background-color:#fff; border:1px solid #bbb; padding: 2px; color: #4e4e4e; }
input[type=text]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus { border-color:#2D3940; color: #3e3e3e; }
input[type=text], input.text, input.title, textarea, select { margin:0.5em 0; }
textarea { padding: 4px; }
img#about-image { float: left; margin: 3px 8px 8px 0px; }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
/*------------------------------------------------*/
/*---------------[MAIN LAYOUT INFO]---------------*/
/*------------------------------------------------*/
#main-header { /*background: url('images/city header-b&w-red.jpg') no-repeat center; background-size: cover;*/ width: 100%; overflow: hidden; z-index: 1; /*background: rgb(241,108,73); /* Old browsers * background: -moz-linear-gradient(top, rgba(241,108,73,1) 0%, rgba(230,104,71,1) 100%); /* FF3.6+ * background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(241,108,73,1)), color-stop(100%,rgba(230,104,71,1))); /* Chrome,Safari4+ * background: -webkit-linear-gradient(top, rgba(241,108,73,1) 0%,rgba(230,104,71,1) 100%); /* Chrome10+,Safari5.1+ * background: -o-linear-gradient(top, rgba(241,108,73,1) 0%,rgba(230,104,71,1) 100%); /* Opera 11.10+ * background: -ms-linear-gradient(top, rgba(241,108,73,1) 0%,rgba(230,104,71,1) 100%); /* IE10+ * background: linear-gradient(to bottom, rgba(241,108,73,1) 0%,rgba(230,104,71,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f16c49', endColorstr='#e66847',GradientType=0 ); /* IE6-9 */ } @media only screen and (max-width:479px) { #main-header { } }
.container { text-align: left; margin: 0 auto; width: 960px; position: relative; }
#top-area { display: none; padding: 50px 0 100px; }
.mobile-menu { display: none; }
#logo { float: left; margin-left: 80px; background: #FFE600; padding: 10px; max-height: 70px;}
a.logo { position: absolute; z-index:101; }
#top-menu { position: fixed; width: 100%; z-index: 100; padding: 20px 0; padding-left: 200px; background: url('images/black.png'); border-bottom: 2px solid #DC241F; }
#top-menu li { display: inline-block; }
#top-menu a, a.mobile_nav { font-size: 14px; color: #FFF; text-decoration: none; text-shadow: 1px 1px 0 rgba(0,0,0,0.2); padding: 9px 13px; display: block; font-weight: bold; }
#top-menu a:hover { background-color: #FFE600; border-radius: 5px; }
#featured { position: relative; }
#featured:after { content: ''; position: absolute; height: 13px; bottom: 0; left: 0; background: url(images/featured-shadow.png) no-repeat bottom center; width: 100%; }
#featured .container { text-align: center; line-height: 0; }
#featured h2, #featured p { color: #ffffff; text-shadow: 1px 1px 1px rgba(0,0,0,0.2); }
#featured h2 { font-size: 72px; font-weight: 800; margin-bottom: 14px; letter-spacing: -4px; }
#featured h2 span, #featured .description { font-weight: 300; }
#featured .description { font-size: 36px; padding-bottom: 54px; color: #fff; letter-spacing: -1px; text-shadow: 1px 1px 1px rgba(0,0,0,0.2); }
#home-section-info { padding: 76px 0 50px; background-color: #ffffff; }
.home-section .container { text-align: center; }
#services { text-align: left; padding-bottom: 92px; }
.service { float: left; width: 274px; margin-right: 69px; padding-top: 150px; background: url(images/ios.jpg) no-repeat top center; position: relative; }
.service.first { background: url(images/book.jpg) no-repeat top center; }
.service.last { background: url(images/android.jpg) no-repeat top center; }
.last { margin-right: 0 !important; }
.service h3 { font-size: 24px; font-weight: 300; color: #a3a2a2; letter-spacing: 0; }
a.learn-more, .comment-reply-link, .form-submit input { float: right; text-decoration: none; background: rgb(249,249,249); /* Old browsers */ background: -moz-linear-gradient(top, rgba(249,249,249,1) 0%, rgba(246,246,246,1) 100%, rgba(242,242,242,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(249,249,249,1)), color-stop(100%,rgba(246,246,246,1)), color-stop(100%,rgba(242,242,242,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(249,249,249,1) 0%,rgba(246,246,246,1) 100%,rgba(242,242,242,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(249,249,249,1) 0%,rgba(246,246,246,1) 100%,rgba(242,242,242,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(249,249,249,1) 0%,rgba(246,246,246,1) 100%,rgba(242,242,242,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(249,249,249,1) 0%,rgba(246,246,246,1) 100%,rgba(242,242,242,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */ border: 1px solid #e0dddd; border-radius: 5px 5px 5px 5px; -webkit-box-shadow: 1px 1px 0 #fcfcfc inset, 0 1px 2px rgba(0,0,0,0.1); -moz-box-shadow: 1px 1px 0 #fcfcfc inset, 0 1px 2px rgba(0,0,0,0.1); box-shadow: 1px 1px 0 #fcfcfc inset, 0 1px 2px rgba(0,0,0,0.1); color: #9a9999; display: inline-block; padding: 10px 16px; text-shadow: 1px 1px 0 #ffffff; }
a.learn-more:hover, .blog-post a.learn-more:hover, .comment-reply-link:hover, #home-section-news a.more-info:hover, #home-section-projects a.more-info:hover, #home-section-pricing a.more-info:hover, a.calculate:hover { color: #ffffff; text-shadow: 1px 1px 0 rgba(0,0,0,0.2); border: 1px solid #dd6141; -webkit-box-shadow: 1px 1px 0 #f89e68 inset, 0 1px 2px rgba(0,0,0,0.1); -moz-box-shadow: 1px 1px 0 #f89e68 inset, 0 1px 2px rgba(0,0,0,0.1); box-shadow: 1px 1px 0 #f89e68 inset, 0 1px 2px rgba(0,0,0,0.1); background: rgb(240,123,73); /* Old browsers */ background: -moz-linear-gradient(top, rgba(240,123,73,1) 0%, rgba(230,104,71,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(240,123,73,1)), color-stop(100%,rgba(230,104,71,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(240,123,73,1) 0%,rgba(230,104,71,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(240,123,73,1) 0%,rgba(230,104,71,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(240,123,73,1) 0%,rgba(230,104,71,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(240,123,73,1) 0%,rgba(230,104,71,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f07b49', endColorstr='#e66847',GradientType=0 ); /* IE6-9 */
-webkit-animation: bounceIn_custom 0.7s ease-in-out; -moz-animation: bounceIn_custom 0.7s ease-in-out; -o-animation: bounceIn_custom 0.7s ease-in-out; animation: bounceIn_custom 0.7s ease-in-out; }
#quote { position: relative; padding: 0 50px; background: url(images/left-qoute.png) no-repeat; margin-top: 50px; }
#quote:after { content: ''; position: absolute; height: 24px; top: 0; right: 0; background: url(images/right-qoute.png) no-repeat; width: 26px; }
#quote h3 { font-size: 30px; color: #555e58; font-weight: 800; letter-spacing: -2px; padding-bottom: 12px; }
#quote p { font-size: 24px; color: #555e58; font-weight: 300; line-height: 36px; letter-spacing: -1px; }
#home-section-news { padding: 120px 0 127px; background-color: #DC241F; }
#home-section-news .section-title, #home-section-pricing .section-title { text-shadow: 1px 1px 1px rgba(0,0,0,0.7); }
#home-section-news .section-title h2, #home-section-news .section-title .section-subtitle, #home-section-pricing .section-title h2, #home-section-pricing .section-title .section-subtitle { color: #ffffff; }
.section-title h2, #page-name h1 { font-size: 72px; font-weight: 800; padding-bottom: 15px; letter-spacing: -4px; }
.section-title span { font-weight: 300; }
.section-title .section-subtitle, .main_post_info { font-size: 36px; font-weight: 300; }
.home-section .section-title { padding-bottom: 55px; }
#blog-posts { text-align: left; }
.blog-post { float: left; width: 274px; margin: 0 69px 60px 0; text-shadow: 1px 1px 0 rgba(0,0,0,0.3); }
.blog-post h3 { font-size: 22px; font-weight: 800; padding-bottom: 7px; letter-spacing: -1px; }
.blog-post h3 a { text-decoration: none; color: #fff; }
.blog-post .meta-info { color: #b0bab4; padding-bottom: 3px; }
.blog-post .meta-info a { color: #b0bab4; text-decoration: none; }
.blog-post p { color: #ffffff; }
.blog-post a.learn-more { background: rgb(220,36,31,1); /* Old browsers */ background: -moz-linear-gradient(top, rgba(220,36,31,1) 0%, rgba(220,36,31,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(220,36,31,1)), color-stop(100%,rgba(220,36,31,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(220,36,31,1) 0%,rgba(220,36,31,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(220,36,31,1) 0%,rgba(220,36,31,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(220,36,31,1) 0%,rgba(220,36,31,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(220,36,31,1) 0%,rgba(220,36,31,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#69736d', endColorstr='#636b66',GradientType=0 ); /* IE6-9 */ border: 1px solid #b23434; -webkit-box-shadow: 0 1px 0 #e5173f inset, 0 1px 2px rgba(0,0,0,0.1); -moz-box-shadow: 0 1px 0 #e84b51 inset, 0 1px 2px rgba(0,0,0,0.1); box-shadow: 0 1px 0 #e84b51 inset, 0 1px 2px rgba(0,0,0,0.1); color: #fff; text-shadow: 1px 1px 0 rgba(220,36,31,1); }
a.more-info, a.calculate { text-decoration: none; border-radius: 10px 10px 10px 10px; display: inline-block; padding: 18px 26px; font-size: 30px; font-weight: 300; }
#home-section-news a.more-info { background: rgb(99,106,102); /* Old browsers */ background: -moz-linear-gradient(top, rgba(99,106,102,1) 1%, rgba(82,91,85,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(99,106,102,1)), color-stop(100%,rgba(82,91,85,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(99,106,102,1) 1%,rgba(82,91,85,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(99,106,102,1) 1%,rgba(82,91,85,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(99,106,102,1) 1%,rgba(82,91,85,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(99,106,102,1) 1%,rgba(82,91,85,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#636a66', endColorstr='#525b55',GradientType=0 ); /* IE6-9 */ border: 1px solid #404642; -webkit-box-shadow: 0 1px 0 #748078 inset, 0 1px 2px rgba(0,0,0,0.1); -moz-box-shadow: 0 1px 0 #748078 inset, 0 1px 2px rgba(0,0,0,0.1); box-shadow: 0 1px 0 #748078 inset, 0 1px 2px rgba(0,0,0,0.1); color: #fff; text-shadow: 1px 1px 0 rgba(0,0,0,0.6); }
#home-section-projects { padding: 113px 0 120px; background-color: #f5f5f5; }
#home-section-projects .section-title { text-shadow: 1px 1px 1px #fff; }
#home-section-projects .section-title h2, #home-section-projects .section-title .section-subtitle { color: #636b66; }
#home-section-projects a.more-info, #home-section-info #content-pane a.calculate, .fares a.calculate { background: rgb(249,249,249); /* Old browsers */ background: -moz-linear-gradient(top, rgba(249,249,249,1) 1%, rgba(242,242,242,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(249,249,249,1)), color-stop(100%,rgba(242,242,242,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(249,249,249,1) 1%,rgba(242,242,242,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(249,249,249,1) 1%,rgba(242,242,242,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(249,249,249,1) 1%,rgba(242,242,242,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(249,249,249,1) 1%,rgba(242,242,242,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */ border: 1px solid #e0dddd; -webkit-box-shadow: 0 1px 0 #fcfcfc inset, 0 1px 2px rgba(0,0,0,0.1); -moz-box-shadow: 0 1px 0 #fcfcfc inset, 0 1px 2px rgba(0,0,0,0.1); box-shadow: 0 1px 0 #fcfcfc inset, 0 1px 2px rgba(0,0,0,0.1); color: #636b66; text-shadow: 1px 1px 0 rgba(255,255,255,0.3); }
#home-section-pricing { padding: 120px 0; background-color: #404f59; }
#home-section-pricing a.more-info { background: rgb(61,75,85); /* Old browsers */ background: -moz-linear-gradient(top, rgba(61,75,85,1) 1%, rgba(53,66,75,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(61,75,85,1)), color-stop(100%,rgba(53,66,75,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(61,75,85,1) 1%,rgba(53,66,75,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(61,75,85,1) 1%,rgba(53,66,75,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(61,75,85,1) 1%,rgba(53,66,75,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(61,75,85,1) 1%,rgba(53,66,75,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d4b55', endColorstr='#35424b',GradientType=0 ); /* IE6-9 */ border: 1px solid #2d363d; -webkit-box-shadow: 0 1px 0 #495a66 inset, 0 1px 2px rgba(0,0,0,0.1); -moz-box-shadow: 0 1px 0 #495a66 inset, 0 1px 2px rgba(0,0,0,0.1); box-shadow: 0 1px 0 #495a66 inset, 0 1px 2px rgba(0,0,0,0.1); color: #fff; text-shadow: 1px 1px 0 rgba(0,0,0,0.6); }
#page-name { text-align: center; margin-top: -40px; }
#page-name .section-title h1, #page-name .section-title .section-subtitle, .main_post_info { color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,0.4); }
#page-name .section-title{ padding-bottom: 55px; }
#main-area { background-color: #fff; border-bottom: 1px solid #e0dddd; }
#content-area { padding: 85px 0 40px; position: relative; }
#content-area:before { border-left: 1px solid #e0dddd; content: ""; height: 100%; left: 691px;
position: absolute; top: 0; width: 1px; }
#left-area { float: left; margin-right: 80px; width: 611px; }
.entry { float: left; width: 265px; margin-right: 80px; margin-bottom: 80px; }
.post-title { text-align: center; position: relative; border-bottom: 1px solid #f0efef; margin-bottom: 10px; }
.post-title:before { content: ""; height: 8px; left: 50%; position: absolute; bottom: -7px; width: 13px; margin-left: -6px; background: url(images/post-title-bg.jpg) no-repeat; }
.entry h2.title { font-size: 22px; font-weight: 800; padding-bottom: 5px; letter-spacing: -1px; }
.entry h2.title a { text-decoration: none; color: #555e58; }
.entry h2.title a:hover { color: #111; }
.entry .meta-info { font-size: 14px; font-weight: 300; font-style: italic; }
.entry .meta-info a { text-decoration: none; color: #555e58; }
.entry .meta-info a:hover { color: #111; }
.et_page_icon { position: absolute; top: 34px; left: 120px; }
.blog-post-image { text-align: center; margin-bottom: 10px; }
.blog-post-image a, .portfolio-image { display: inline-block; position: relative; }
.blog-post-image img, .portfolio-image img { display: block; }
.blog-post-image img, .blog-post-image .overlay, .portfolio-image img, .portfolio-image .overlay, .portfolio_description { -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; }
.opera .blog-post-image img, .opera .blog-post-image .overlay, .opera .portfolio-image img, .opera .portfolio-image .overlay, .opera .portfolio_description { border-radius: 100em; }
.blog-post-image .overlay, .portfolio-image .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.7), 1px 1px 0 rgba(255,255,255,0.2); -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.7), 1px 1px 0 rgba(255,255,255,0.2); box-shadow: inset 0 0 5px rgba(0,0,0,0.7), 1px 1px 0 rgba(255,255,255,0.2); }
.portfolio_description { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -moz-transform: scale(0); -webkit-transform: scale(0); opacity: 0; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; background: rgba(255,255,255,0.5); }
.portfolio_info_top, .portfolio_description > a { opacity: 0; -moz-transition: all 0.4s ease-in-out 0.2s; -webkit-transition: all 0.4s ease-in-out 0.2s; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; position: absolute; }
.portfolio_info_top { top: 80px; left: 0; width: 252px; text-align: center; padding: 0 7px; }
.portfolio_description > a { bottom: 44px; left: 80px; }
.portfolio-image:hover .portfolio_description, .portfolio-image.et_hover .portfolio_description { -moz-transform: scale(1); -webkit-transform: scale(1); opacity: 1; }
.portfolio-image:hover .portfolio_info_top, .portfolio-image.et_hover .portfolio_info_top { -moz-transform: translateY(20px); -webkit-transform: translateY(20px); opacity: 1; }
.portfolio-image:hover .portfolio_description > a, .portfolio-image.et_hover .portfolio_description > a { -moz-transform: translateY(-20px); -webkit-transform: translateY(-20px); opacity: 1; }
.post-thumbnail.portfolio-image { margin: 0 0 15px; text-align: center; }
.comments_count { position: absolute; bottom: -16px; left: 50%; margin-left: -31px; display: block; }
.comments_count a { display: block; background: url(images/comments_count.png) no-repeat; color: #fff; font-weight: 900; font-size: 22px; text-shadow: 1px 1px 1px rgba(0,0,0,0.3); width: 62px; height: 76px; line-height: 61px; text-decoration: none; letter-spacing: -2px; }
.main_post_info { padding-bottom: 0; line-height: 1; }
.main_post_info a { color: #fff; text-decoration: none; }
.post-thumbnail { position: relative; margin-bottom: 38px; }
.post-thumbnail img { display: block; margin: auto; }
.post-thumbnail span.overlay { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -moz-box-shadow: inset 0 0 7px rgba(0,0,0,0.5); -webkit-box-shadow: inset 0 0 7px rgba(0,0,0,0.5); box-shadow: inset 0 0 7px rgba(0,0,0,0.5); }
article.post ul, .comment-content ul, article.page ul { list-style-type: disc; padding: 0 0 23px 16px; line-height: 26px; }
article.post ol, .comment-content ol, article.page ol { list-style-type: decimal; list-style-position: inside; padding: 0 0 23px 16px; line-height: 26px; }
.post ul li ul, .post ul li ol, .comment-content ul li ul, .comment-content ul li ol, article.page ul li ul, article.page ul li ol { padding: 2px 0px 2px 20px; }
.post ol li ul, .post ol li ol, .comment-content ol li ul, .comment-content ol li ol, article.page ol li ul, article.page ol li ol { padding: 2px 0px 2px 35px; }
#breadcrumbs { background: #59625c; border-top: 1px solid #515953; border-bottom: 1px solid #515b55; -webkit-box-shadow: inset 0 1px 0 #67716a; -moz-box-shadow: inset 0 1px 0 #67716a; box-shadow: inset 0 1px 0 #67716a; color: #f5f5f5; text-shadow: 1px 0 0 #3e4d43; font-weight: 900; }
#breadcrumbs a, #breadcrumbs span.raquo { color: #f5f5f5; font-weight: normal; display: inline-block; padding: 24px; background: #636b66; padding: 23px 0 24px 17px; margin-right: -4px; }
#breadcrumbs a:hover { color: #eee; text-decoration: none; }
#breadcrumbs span.raquo { background: url(images/breadcrumbs_separator_first.png) no-repeat; text-indent: -9999px; padding: 23px 16px 24px; top: -1px; position: relative; }
#breadcrumbs span.raquo.last { background: url(images/breadcrumbs_separator.png) no-repeat; margin-right: 9px !important; }
#ie8 #breadcrumbs span.raquo {margin-left:-1px; margin-right: -5px !important;}
#breadcrumbs_box { background: #6c7670; float: left; position: relative; min-height: 61px; margin-left: 32px; padding-top: 1px; }
#breadcrumbs_box:before { content: ''; position: absolute; top: 0; left: -32px; width: 32px; height: 61px; background: url(images/breadcrumbs_left.png) no-repeat; }
#breadcrumbs_box:after { content: ''; position: absolute; top: 0; right: -31px; width: 31px; height: 61px; background: url(images/breadcrumbs_right.png) no-repeat; }
/*------------------------------------------------*/
/*---------------[DROPDOWN MENU]------------------*/
/*------------------------------------------------*/
ul.nav > li.current-menu-item > a, a.mobile_nav { font-weight: 800; }
ul.nav li ul, .et_mobile_menu { background: url('images/black.png'); -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; padding: 15px 30px; width: 178px; -webkit-box-shadow: inset 0 0 7px rgba(0,0,0,0.1), 1px 3px 3px rgba(0,0,0,0.1); -moz-box-shadow: inset 0 0 7px rgba(0,0,0,0.1), 1px 3px 3px rgba(0,0,0,0.1); box-shadow: inset 0 0 7px rgba(0,0,0,0.1), 1px 3px 3px rgba(0,0,0,0.1); }
ul.nav ul li { margin: 2px 0; }
ul.nav li ul a { width: 178px; }
.et_mobile_menu { position: absolute; top: 38px; left: -66px; z-index: 1000; display: none; text-align: left; padding-top: 10px; padding-bottom: 8px; }
.et_mobile_menu li { padding-left: 0 !important; margin: 20px 0; }
.et_mobile_menu ul { display: block !important; visibility: visible !important; padding-left: 20px; }
.et_mobile_menu a { color: #fff; }
/*------------------------------------------------*/
/*--------------[FEATURED SLIDER]-----------------*/
/*------------------------------------------------*/
/* Browser Resets */
.flex-container a:active,
.flexslider a:active {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav { margin: 0; padding: 0; list-style: none;}
.flex-direction-nav, .flex-control-nav { display: none; }
/* FlexSlider Necessary Styles
*********************************/
.flexslider { max-height: 600px; width: 100%; margin: 0; padding: 0;}
@media only screen and (max-width: 800px) { .flexslider { max-height: 420px; } }
@media only screen and (max-width:767px) { .flexslider { max-height: 250px; } }
@media only screen and (max-width:479px) { .flexslider { max-height: 165px; } }
.flexslider .slides > li { display: none; } /* Hide the slides before the JS is loaded. Avoids image jumping */
img { max-width: 100%; height: auto; width: auto; }
.flexslider img { vertical-align: bottom; width: auto; }
/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
* include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}
/* FlexSlider Default Theme
*********************************/
#featured { overflow: hidden; }
#featured.flexslider { position: relative; zoom: 1; }
#featured.flexslider .slides { zoom: 1; width: 960px; margin: 0 auto; }
#featured.flexslider .slides > li {position: relative;}
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
#featured .flex-container {zoom: 1; position: relative;}
#featured .flex-direction-nav a { position: absolute; text-indent: -9999px; top: 50%; margin-top: -22px; width: 44px; height: 44px; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; opacity: 0; }
#featured .flex-direction-nav a.flex-prev { left: 60px; background: url(images/slider_left_arrow.png) no-repeat; }
#featured .flex-direction-nav a.flex-next { right: 60px; background: url(images/slider_right_arrow.png) no-repeat; }
#featured:hover .flex-direction-nav a { opacity: 1; }
#featured:hover .flex-direction-nav a.flex-prev { left: 80px; }
#featured:hover .flex-direction-nav a.flex-next { right: 80px; }
#featured .flex-control-nav { display: none; }
@-webkit-keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(.3);
}
50% {
opacity: 1;
-webkit-transform: scale(1.05);
}
70% {
-webkit-transform: scale(.9);
}
100% {
-webkit-transform: scale(1);
}
}
@-moz-keyframes bounceIn {
0% {
opacity: 0;
-moz-transform: scale(.3);
}
50% {
opacity: 1;
-moz-transform: scale(1.05);
}
70% {
-moz-transform: scale(.9);
}
100% {
-moz-transform: scale(1);
}
}
@-o-keyframes bounceIn {
0% {
opacity: 0;
-o-transform: scale(.3);
}
50% {
opacity: 1;
-o-transform: scale(1.05);
}
70% {
-o-transform: scale(.9);
}
100% {
-o-transform: scale(1);
}
}
@keyframes bounceIn {
0% {
opacity: 0;
transform: scale(.3);
}
50% {
opacity: 1;
transform: scale(1.05);
}
70% {
transform: scale(.9);
}
100% {
transform: scale(1);
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
-moz-animation-name: bounceIn;
-o-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceIn_custom {
0% {
-webkit-transform: scale(1);
}
25% {
-webkit-transform: scale(.8);
}
50% {
-webkit-transform: scale(1.05);
}
70% {
-webkit-transform: scale(.9);
}
100% {
-webkit-transform: scale(1);
}
}
@-moz-keyframes bounceIn_custom {
0% {
-moz-transform: scale(1);
}
25% {
-moz-transform: scale(.8);
}
50% {
-moz-transform: scale(1.05);
}
70% {
-moz-transform: scale(.9);
}
100% {
-moz-transform: scale(1);
}
}
@-o-keyframes bounceIn_custom {
0% {
-o-transform: scale(1);
}
25% {
-o-transform: scale(.8);
}
50% {
-o-transform: scale(1.05);
}
70% {
-o-transform: scale(.9);
}
100% {
-o-transform: scale(1);
}
}
@keyframes bounceIn_custom {
0% {
transform: scale(1);
}
25% {
transform: scale(.8);
}
50% {
transform: scale(1.05);
}
70% {
transform: scale(.9);
}
100% {
transform: scale(1);
}
}
@-webkit-keyframes fadeInUp_custom {
0% {
opacity: 0;
-webkit-transform: translateY(270px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes fadeInUp_custom {
0% {
opacity: 0;
-moz-transform: translateY(270px);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-o-keyframes fadeInUp_custom {
0% {
opacity: 0;
-o-transform: translateY(270px);
}
100% {
opacity: 1;
-o-transform: translateY(0);
}
}
@keyframes fadeInUp_custom {
0% {
opacity: 0;
transform: translateY(270px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
#featured .slide { text-align: center; -webkit-transform: translate3d(0,0,0); }
/* .cssanimations.csstransitions #featured .slide { padding-bottom: 295px; } */
#featured .slide h2 a { color: inherit; text-decoration: none; }
#featured .slide img, #featured .slide h2, #featured .slide .description { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); }
.home-section, #main-footer, #quote, .blog-post-image, .comments_count { -webkit-transform: translate3d(0,0,0); }
#featured .slide.flex-active-slide img {
-webkit-animation-duration: .7s;
-webkit-animation-delay: .4s;
-webkit-animation-timing-function: ease-in-out;
-webkit-animation-fill-mode: both;
-moz-animation-duration: .7s;
-moz-animation-delay: .4s;
-moz-animation-timing-function: ease-in-out;
-moz-animation-fill-mode: both;
-o-animation-duration: .7s;
-o-animation-delay: .4s;
-o-animation-timing-function: ease-in-out;
-o-animation-fill-mode: both;
-ms-animation-duration: .7s;
-ms-animation-delay: .4s;
-ms-animation-timing-function: ease-in-out;
-ms-animation-fill-mode: both;
animation-duration: .7s;
animation-delay: .4s;
animation-timing-function: ease-in-out;
animation-fill-mode: both;
-webkit-animation-name: fadeInUp_custom;
-moz-animation-name: fadeInUp_custom;
-o-animation-name: fadeInUp_custom;
-ms-animation-name: fadeInUp_custom;
animation-name: fadeInUp_custom;
}
#featured .slide.flex-active-slide .description {
-webkit-animation-duration: .7s;
-webkit-animation-delay: .9s;
-webkit-animation-timing-function: ease-in-out;
-webkit-animation-fill-mode: both;
-moz-animation-duration: .7s;
-moz-animation-delay: .9s;
-moz-animation-timing-function: ease-in-out;
-moz-animation-fill-mode: both;
-o-animation-duration: .7s;
-o-animation-delay: .9s;
-o-animation-timing-function: ease-in-out;
-o-animation-fill-mode: both;
-ms-animation-duration: .7s;
-ms-animation-delay: .9s;
-ms-animation-timing-function: ease-in-out;
-ms-animation-fill-mode: both;
animation-duration: .7s;
animation-delay: .9s;
animation-timing-function: ease-in-out;
animation-fill-mode: both;
-webkit-animation-name: bounceIn;
-moz-animation-name: bounceIn;
-ms-animation-name: bounceIn;
-o-animation-name: bounceIn;
animation-name: bounceIn;
}
#featured .slide.flex-active-slide h2 {
-webkit-animation-duration: .7s;
-webkit-animation-delay: 1.4s;
-webkit-animation-timing-function: ease-in-out;
-webkit-animation-fill-mode: both;
-moz-animation-duration: .7s;
-moz-animation-delay: 1.4s;
-moz-animation-timing-function: ease-in-out;
-moz-animation-fill-mode: both;
-o-animation-duration: .7s;
-o-animation-delay: 1.4s;
-o-animation-timing-function: ease-in-out;
-o-animation-fill-mode: both;
-ms-animation-duration: .7s;
-ms-animation-delay: 1.4s;
-ms-animation-timing-function: ease-in-out;
-ms-animation-fill-mode: both;
animation-duration: .7s;
animation-delay: 1.4s;
animation-timing-function: ease-in-out;
animation-fill-mode: both;
-webkit-animation-name: bounceIn;
-moz-animation-name: bounceIn;
-ms-animation-name: bounceIn;
-o-animation-name: bounceIn;
animation-name: bounceIn;
}
/*------------------------------------------------*/
/*-------------------[COMMENTS]-------------------*/
/*------------------------------------------------*/
#comment-wrap { margin-top: 65px; }
h1#comments, #reply-title { color: #555e58; font-size: 30px; font-weight: 900; margin-bottom: 38px; }
.comment-body { position: relative; padding-left: 82px; margin: 0 0 30px; }
.comment_avatar { position: absolute; top: 2px; left: 0; }
.comment_avatar img { display: block; }
.comment_avatar:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; box-shadow: inset 0 0 7px rgba(0,0,0,0.5); }
.comment_postinfo { font-size: 18px; margin-bottom: 10px; }
span.fn, span.fn a { text-decoration: none; color: #555e58; font-weight: 800; letter-spacing: -1px; }
.comment_date { color: #c5c5c5; font-weight: 300; margin-left: 3px; }
.comment-reply-link:hover { text-decoration: none; }
.comment ul { margin-left: 82px; }
#reply-title { margin-bottom: 10px; }
#commentform input[type="text"] { width: 40%; }
#commentform textarea { width: 89%; }
#commentform textarea, #commentform input[type="text"] { border: 1px solid #e0dddd; padding: 20px; color: #555e58; font-size: 14px; background: #fff; -moz-box-shadow: inset 0 0 7px rgba(0,0,0,0.1); -webkit-box-shadow: inset 0 0 7px rgba(0,0,0,0.1); box-shadow: inset 0 0 7px rgba(0,0,0,0.1); }
#reply-title small { display: block; font-size: 12px; padding-top: 5px; font-weight: bold; }
.form-submit { text-align: right; }
.form-submit input { font-size: 14px; float: none; }
.comment #respond, #trackbacks { margin-bottom: 30px; }
/*------------------------------------------------*/
/*---------------------[FOOTER]-------------------*/
/*------------------------------------------------*/
#main-footer { padding: 25px 0; }
#footer-widgets { margin-bottom: 45px; }
.footer-widget { float: left; width: 260px; margin-right: 90px; margin-bottom: 30px; text-shadow: 1px 1px 0 #fff; line-height: 24px; }
#footer-logo { margin-bottom: 1px; }
#footer-copyright { font-style: italic; color: #bfbfbf; margin-bottom: -8px; }
.footer-widget h4.widgettitle { color: #555e58; font-size: 18px; font-weight: 800; padding-bottom: 20px; letter-spacing: -1px; }
#footer-bottom { /*border-top: 1px solid #e4e4e4; -webkit-box-shadow: inset 0px -1px 0px #ffffff; -moz-box-shadow: inset 0px -1px 0px #ffffff; box-shadow: inset 0px 1px 0px #ffffff;*/ }
p#copyright { padding: 60px 0 30px; text-align: right; font-size:14px; text-shadow: 1px 1px 0 #fff; }
p#copyright a { color:#555e58; font-weight: 800; }
/*------------------------------------------------*/
/*--------------------[SIDEBAR]-------------------*/
/*------------------------------------------------*/
#sidebar { float: left; width: 269px; }
#search-form { height: 38px; border:1px solid #e0dddd; background-color: #fff; -webkit-box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.1); box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.1); margin-left: -4px; margin-bottom: 35px; }
#search-form #searchinput { background: none; border: none; float: left; margin: 9px 14px 0 7px; width: 155px; padding-left: 14px; font-size: 14px; color: #555e58; }
#search-form #searchsubmit { margin-top: 13px; margin-right: 10px; }
.widget { margin-bottom: 25px; line-height: 24px; padding-left: 0px; } .widget_pages { padding-left: 10px; } .widget_pages .widgettitle { margin-left: -10px !important; }
.widget h4.widgettitle { margin-left: 0px; letter-spacing: -1px; text-shadow: 1px 1px 0 #fff; color: #555e58; font-size: 14px; font-weight: 800; padding: 22px 26px; border: 1px solid #fff; border: 1px solid #e0dddd; -webkit-box-shadow: 0 1px 0 #fcfcfc inset; -moz-box-shadow: 0 1px 0 #fcfcfc inset; box-shadow: 0 1px 0 #fcfcfc inset; background: rgb(249,249,249); /* Old browsers */ background: -moz-linear-gradient(top, rgba(249,249,249,1) 0%, rgba(242,242,242,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(249,249,249,1)), color-stop(100%,rgba(242,242,242,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(249,249,249,1) 0%,rgba(242,242,242,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(249,249,249,1) 0%,rgba(242,242,242,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(249,249,249,1) 0%,rgba(242,242,242,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(249,249,249,1) 0%,rgba(242,242,242,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */ margin-bottom: 20px; }
.widget > ul { margin: 0 20px 0 0; }
.widget li, .footer-widget li { font-size: 14px; padding: 0 0 12px 17px; background: none; }
.widget li a, .footer-widget li a { text-decoration: none; color: #555e58; }
.widget li:hover, .footer-widget li:hover { background: none; }
/*------------------------------------------------*/
/*------------[CAPTIONS AND ALIGNMENTS]-----------*/
/*------------------------------------------------*/
div.post .new-post .aligncenter, .aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { text-align: center; padding-top: 4px; margin-bottom: 10px; max-width: 96%; padding: 8px; }
.wp-caption.alignleft { margin: 0px 10px 10px 0px; }
.wp-caption.alignright { margin: 0px 0px 10px 10px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
.alignright { float: right; }
.alignleft { float: left }
img.alignleft { display:inline; float:left; margin-right:15px; }
img.alignright { display:inline; float:right; margin-left:15px; }
/*------------------------------------------------*/
/*---------------[DEFAULT DROPDOWN SETTINGS]---*/
/*------------------------------------------------*/
.nav ul { position:absolute; top:-999em; z-index: 9999; }
.nav li { position: relative; }
.nav ul li { float:left; }
.nav ul a { display:block; float: left; }
.nav li:hover ul, ul.nav li.sfHover ul { left: -65px; top: 33px; }
.nav li:hover li ul, .nav li.sfHover li ul, .nav li:hover ul, .nav li li:hover ul { top:-999em; }
.nav li li { display: block; padding: 0px; float: left; height: auto !important; }
.nav li ul { width: 150px; z-index:1000; }
.nav li li a:link, .nav li li a:visited { display: block; height: auto; float: left; }
.nav li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }
.nav li li:hover ul, ul.nav li li.sfHover ul { left: 210px; top: -125px; }
/*------------------------------------------------*/
/*-----------------[WP CALENDAR]-----------------*/
/*------------------------------------------------*/
#wp-calendar { empty-cells: show; margin: 10px auto 0; width: 240px; }
#wp-calendar a { display: block; text-decoration: none; font-weight: bold; }
#wp-calendar a:hover { text-decoration: underline; }
#wp-calendar caption { text-decoration: none; font: bold 13px Arial, Sans-Serif; }
#wp-calendar td { padding: 3px 5px; color: #9f9f9f; }
#wp-calendar td#today { color: #ffffff; }
#wp-calendar th { font-style: normal; text-transform: capitalize; padding: 3px 5px; }
#wp-calendar #prev a, #wp-calendar #next a { font-size: 9pt; }
#wp-calendar #next a { padding-right: 10px; text-align: right; }
#wp-calendar #prev a { padding-left: 10px; text-align: left; }
/*------------------------------------------------*/
/*-------------------[PAGE NAVI]------------------*/
/*------------------------------------------------*/
.pagination { overflow: hidden; padding: 20px 0; }
.wp-pagenavi { clear: both; }
#left-area .wp-pagenavi { color: #9a9999; font-size: 14px; padding-top: 7px; text-align: right; text-shadow: 1px 1px 0 #FFFFFF; }
#left-area .wp-pagenavi .pages { background: none; border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; padding-left: 0;color: #555E58; }
#left-area .wp-pagenavi span, #left-area .wp-pagenavi a { color: #9a9999; display: inline-block; background: rgb(249,249,249); /* Old browsers */ background: -moz-linear-gradient(top, rgba(249,249,249,1) 0%, rgba(242,242,242,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(249,249,249,1)), color-stop(100%,rgba(242,242,242,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(249,249,249,1) 0%,rgba(242,242,242,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(249,249,249,1) 0%,rgba(242,242,242,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(249,249,249,1) 0%,rgba(242,242,242,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(249,249,249,1) 0%,rgba(242,242,242,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */ border-color: #e0dddd; -webkit-box-shadow: 1px 1px 0 #fcfcfc inset; -moz-box-shadow: 1px 1px 0 #fcfcfc inset; box-shadow: 1px 1px 0 #fcfcfc inset; padding: 11px 14px; text-shadow: 1px 1px 0 #FFFFFF !important; -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; border-radius: 5px; }
#left-area .wp-pagenavi span.current { color: #555e58; font-weight: 800; }
#left-area .wp-pagenavi .current, #left-area .wp-pagenavi a:hover { background: #FFFFFF; }
#home-section-pricing .pricing-table-wrap { border-color: #35424c; }
#home-section-pricing .pricing-table { width: 321px; margin-bottom: 0; }
#home-section-pricing .pricing-table ul.pricing li span { left: 55px; }
#home-section-pricing .pricing-heading { border-bottom: 1px solid #313d46; -webkit-box-shadow: 1px 1px 0 0 #4a5c69 inset; -moz-box-shadow: 1px 1px 0 0 #4a5c69 inset; box-shadow: 1px 1px 0 0 #4a5c69 inset; color: #ffffff; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.7); background: rgb(64,79,90); /* Old browsers */ background: -moz-linear-gradient(top, rgba(64,79,90,1) 0%, rgba(60,74,84,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(64,79,90,1)), color-stop(100%,rgba(60,74,84,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(64,79,90,1) 0%,rgba(60,74,84,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(64,79,90,1) 0%,rgba(60,74,84,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(64,79,90,1) 0%,rgba(60,74,84,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(64,79,90,1) 0%,rgba(60,74,84,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#404f5a', endColorstr='#3c4a54',GradientType=0 ); /* IE6-9 */ }
#home-section-pricing .pricing-title { color: #FFFFFF !important; font-weight: 800; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7); text-transform: none; letter-spacing: -1px; font-size: 22px; }
#home-section-pricing .pricing-table ul.pricing li { background: #465662; border-bottom: 1px solid #35424C; border-top: 1px solid #546876; color: #FFFFFF; font-size: 14px; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.7) !important; padding: 17px 7px 17px 100px; text-align: left; }
#home-section-pricing .pricing-table ul.pricing li span { background: url(images/pricing_check.png) no-repeat; width: 23px; top: 20px; }
#home-section-pricing .pricing-table ul.pricing li.x-mark span { background: url(images/pricing_x.png) no-repeat; }
#home-section-pricing .et-pricing { background: url(images/pricing_x.png) no-repeat; -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.1); -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.1); box-shadow: 1px 1px 1px rgba(0,0,0,0.1); margin-bottom: 60px; margin-top: 0; }
#home-section-pricing .pricing-big .pricing-content-bottom { border-bottom: 1px solid #334049; }
#home-section-pricing .pricing-content-bottom { border-bottom: 1px solid #E7E7E7; border-top: 1px solid #4D606D; -webkit-box-shadow: 1px 0 0 0 #4D606D inset; -moz-box-shadow: 1px 0 0 0 #4D606D inset; box-shadow: 1px 0 0 0 #4D606D inset; background: #4a5b67; border-bottom: 1px solid #334049; }
#home-section-pricing span.et-price { color: #FFFFFF; font-family: 'Open Sans', Arial, sans-serif; font-size: 72px; font-weight: 300; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.7); }
#home-section-pricing span.et-price span.dollar-sign { font-size: 72px; }
#home-section-pricing a.icon-button { width: auto !important; background: rgb(64,79,90); /* Old browsers */ background: -moz-linear-gradient(top, rgba(64,79,90,1) 0%, rgba(60,74,84,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(64,79,90,1)), color-stop(100%,rgba(60,74,84,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(64,79,90,1) 0%,rgba(60,74,84,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(64,79,90,1) 0%,rgba(60,74,84,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(64,79,90,1) 0%,rgba(60,74,84,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(64,79,90,1) 0%,rgba(60,74,84,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#404f5a', endColorstr='#3c4a54',GradientType=0 ); /* IE6-9 */ border: 1px solid #2d363d; -webkit-box-shadow: 0 1px 0 #495a66 inset; -moz-box-shadow: 0 1px 0 #495a66 inset; box-shadow: 0 1px 0 #495a66 inset; color: #FFFFFF !important; text-shadow: 1px 1px 0 rgba(0,0,0,0.6); }
.mobile_nav { position: relative; }
#mobile_links { display: none; }
#home-section-pricing { color: #fff; }
.fullwidth #content-area:before { display: none; }
.fullwidth #left-area { width: auto; float: none; margin-right: 0; }
.et_embedded_videos { display: none !important; }
.et_color_scheme_gray #main-header { background: rgb(69,76,71); /* Old browsers */ background: -moz-linear-gradient(top, rgba(69,76,71,1) 0%, rgba(71,80,74,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(69,76,71,1)), color-stop(100%,rgba(71,80,74,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(69,76,71,1) 0%,rgba(71,80,74,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(69,76,71,1) 0%,rgba(71,80,74,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(69,76,71,1) 0%,rgba(71,80,74,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(69,76,71,1) 0%,rgba(71,80,74,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#454c47', endColorstr='#47504a',GradientType=0 ); /* IE6-9 */ }
.et_color_scheme_gray #featured .flex-direction-nav a.flex-prev { background: url(images/gray/slider_left_arrow.png) no-repeat; }
.et_color_scheme_gray #featured .flex-direction-nav a.flex-next { background: url(images/gray/slider_right_arrow.png) no-repeat; }
.et_color_scheme_gray .comments_count a { background: url(images/gray/comments_count.png) no-repeat; }
.et_color_scheme_gray .widget li:hover, .et_color_scheme_gray .footer-widget li:hover { background-image: url(images/gray/hover-widget-bullet.png); }
.et_color_scheme_gray a.learn-more:hover, .et_color_scheme_gray .blog-post a.learn-more:hover, .et_color_scheme_gray .comment-reply-link:hover, .et_color_scheme_gray #home-section-news a.more-info:hover, .et_color_scheme_gray #home-section-projects a.more-info:hover, .et_color_scheme_gray #home-section-pricing a.more-info:hover { border: 1px solid #292e2b; -webkit-box-shadow: 1px 1px 0 #6d7c72 inset, 0 1px 2px rgba(0,0,0,0.1); -moz-box-shadow: 1px 1px 0 #6d7c72 inset, 0 1px 2px rgba(0,0,0,0.1); box-shadow: 1px 1px 0 #6d7c72 inset, 0 1px 2px rgba(0,0,0,0.1); background: rgb(85,94,87); /* Old browsers */ background: -moz-linear-gradient(top, rgba(85,94,87,1) 0%, rgba(71,80,74,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(85,94,87,1)), color-stop(100%,rgba(71,80,74,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(85,94,87,1) 0%,rgba(71,80,74,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(85,94,87,1) 0%,rgba(71,80,74,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(85,94,87,1) 0%,rgba(71,80,74,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(85,94,87,1) 0%,rgba(71,80,74,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555e57', endColorstr='#47504a',GradientType=0 ); /* IE6-9 */ }
.et_color_scheme_gray ul.nav > li.current-menu-item > a, .et_color_scheme_gray a.mobile_nav, .et_color_scheme_gray ul.nav li ul, .et_color_scheme_gray .et_mobile_menu { background: #3d4540; border: 1px solid #303733; }
.et_color_scheme_red #main-header { /*background: rgb(255,75,75); /* Old browsers * background: -moz-linear-gradient(top, rgba(255,75,75,1) 0%, rgba(230,63,64,1) 100%); /* FF3.6+ * background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,75,75,1)), color-stop(100%,rgba(230,63,64,1))); /* Chrome,Safari4+ * background: -webkit-linear-gradient(top, rgba(255,75,75,1) 0%,rgba(230,63,64,1) 100%); /* Chrome10+,Safari5.1+ * background: -o-linear-gradient(top, rgba(255,75,75,1) 0%,rgba(230,63,64,1) 100%); /* Opera 11.10+ * background: -ms-linear-gradient(top, rgba(255,75,75,1) 0%,rgba(230,63,64,1) 100%); /* IE10+ * background: linear-gradient(to bottom, rgba(255,75,75,1) 0%,rgba(230,63,64,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff4b4b', endColorstr='#e63f40',GradientType=0 ); /* IE6-9 */ }
.et_color_scheme_red #featured .flex-direction-nav a.flex-prev { background: url(images/white/slider_left_arrow.png) no-repeat; }
.et_color_scheme_red #featured .flex-direction-nav a.flex-next { background: url(images/white/slider_right_arrow.png) no-repeat; }
.et_color_scheme_red .comments_count a { background: url(images/red/comments_count.png) no-repeat; }
.et_color_scheme_red .widget li:hover, .et_color_scheme_red .footer-widget li:hover { background: none; }
.et_color_scheme_red a.learn-more:hover, .et_color_scheme_red .blog-post a.learn-more:hover, .et_color_scheme_red .comment-reply-link:hover, .et_color_scheme_red #home-section-news a.more-info:hover, .et_color_scheme_red #home-section-projects a.more-info:hover, .et_color_scheme_red #home-section-pricing a.more-info:hover, #home-section-info #content-pane a.calculate:hover, .fares a.calculate:hover { border: 1px solid #b23434; -webkit-box-shadow: 1px 1px 0 #fe7b7b inset, 0 1px 2px rgba(0,0,0,0.1); -moz-box-shadow: 1px 1px 0 #fe7b7b inset, 0 1px 2px rgba(0,0,0,0.1); box-shadow: 1px 1px 0 #fe7b7b inset, 0 1px 2px rgba(0,0,0,0.1); background: rgb(220,36,31); /* Old browsers */ background: -moz-linear-gradient(top, rgba(220,36,31,1) 0%, rgba(220,36,31,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(220,36,31,1)), color-stop(100%,rgba(230,64,64,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(220,36,31,1) 0%,rgba(220,36,31,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(252,74,74,1) 0%,rgba(230,64,64,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(252,74,74,1) 0%,rgba(220,36,314,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(220,36,31,1) 0%,rgba(220,36,31,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc4a4a', endColorstr='#e64040',GradientType=0 ); /* IE6-9 */ }
.et_color_scheme_red ul.nav > li.current-menu-item > a, .et_color_scheme_red a.mobile_nav, .et_color_scheme_red ul.nav li ul, .et_color_scheme_red .et_mobile_menu { border-radius: 5px; }
.et_color_scheme_green #main-header { background: rgb(165,219,89); /* Old browsers */ background: -moz-linear-gradient(top, rgba(165,219,89,1) 0%, rgba(149,197,79,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(165,219,89,1)), color-stop(100%,rgba(149,197,79,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(165,219,89,1) 0%,rgba(149,197,79,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(165,219,89,1) 0%,rgba(149,197,79,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(165,219,89,1) 0%,rgba(149,197,79,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(165,219,89,1) 0%,rgba(149,197,79,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a5db59', endColorstr='#95c54f',GradientType=0 ); /* IE6-9 */ }
.et_color_scheme_green #featured .flex-direction-nav a.flex-prev { background: url(images/green/slider_left_arrow.png) no-repeat; }
.et_color_scheme_green #featured .flex-direction-nav a.flex-next { background: url(images/green/slider_right_arrow.png) no-repeat; }
.et_color_scheme_green .comments_count a { background: url(images/green/comments_count.png) no-repeat; }
.et_color_scheme_green .widget li:hover, .et_color_scheme_green .footer-widget li:hover { background-image: url(images/green/hover-widget-bullet.png); }
.et_color_scheme_green a.learn-more:hover, .et_color_scheme_green .blog-post a.learn-more:hover, .et_color_scheme_green .comment-reply-link:hover, .et_color_scheme_green #home-section-news a.more-info:hover, .et_color_scheme_green #home-section-projects a.more-info:hover, .et_color_scheme_green #home-section-pricing a.more-info:hover { border: 1px solid #80a64a; -webkit-box-shadow: 1px 1px 0 #b6e96c inset, 0 1px 2px rgba(0,0,0,0.1); -moz-box-shadow: 1px 1px 0 #b6e96c inset, 0 1px 2px rgba(0,0,0,0.1); box-shadow: 1px 1px 0 #b6e96c inset, 0 1px 2px rgba(0,0,0,0.1); background: rgb(165,218,89); /* Old browsers */ background: -moz-linear-gradient(top, rgba(165,218,89,1) 0%, rgba(149,197,79,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(165,218,89,1)), color-stop(100%,rgba(149,197,79,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(165,218,89,1) 0%,rgba(149,197,79,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(165,218,89,1) 0%,rgba(149,197,79,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(165,218,89,1) 0%,rgba(149,197,79,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(165,218,89,1) 0%,rgba(149,197,79,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a5da59', endColorstr='#95c54f',GradientType=0 ); /* IE6-9 */ }
.et_color_scheme_green ul.nav > li.current-menu-item > a, .et_color_scheme_green a.mobile_nav, .et_color_scheme_green ul.nav li ul, .et_color_scheme_green .et_mobile_menu { background: #8bba47; border: 1px solid #6d9c2a; }
.et_color_scheme_blue #main-header { background: rgb(67,169,228); /* Old browsers */ background: -moz-linear-gradient(top, rgba(67,169,228,1) 0%, rgba(57,154,209,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(67,169,228,1)), color-stop(100%,rgba(57,154,209,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(67,169,228,1) 0%,rgba(57,154,209,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(67,169,228,1) 0%,rgba(57,154,209,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(67,169,228,1) 0%,rgba(57,154,209,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(67,169,228,1) 0%,rgba(57,154,209,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#43a9e4', endColorstr='#399ad1',GradientType=0 ); /* IE6-9 */ }
.et_color_scheme_blue #featured .flex-direction-nav a.flex-prev { background: url(images/blue/slider_left_arrow.png) no-repeat; }
.et_color_scheme_blue #featured .flex-direction-nav a.flex-next { background: url(images/blue/slider_right_arrow.png) no-repeat; }
.et_color_scheme_blue .comments_count a { background: url(images/blue/comments_count.png) no-repeat; }
.et_color_scheme_blue .widget li:hover, .et_color_scheme_blue .footer-widget li:hover { background-image: url(images/blue/hover-widget-bullet.png); }
.et_color_scheme_blue a.learn-more:hover, .et_color_scheme_blue .blog-post a.learn-more:hover, .et_color_scheme_blue .comment-reply-link:hover, .et_color_scheme_blue #home-section-news a.more-info:hover, .et_color_scheme_blue #home-section-projects a.more-info:hover, .et_color_scheme_blue #home-section-pricing a.more-info:hover { border: 1px solid #2e82b3; -webkit-box-shadow: 1px 1px 0 #66bef2 inset, 0 1px 2px rgba(0,0,0,0.1); -moz-box-shadow: 1px 1px 0 #66bef2 inset, 0 1px 2px rgba(0,0,0,0.1); box-shadow: 1px 1px 0 #66bef2 inset, 0 1px 2px rgba(0,0,0,0.1); background: rgb(65,166,224); /* Old browsers */ background: -moz-linear-gradient(top, rgba(65,166,224,1) 0%, rgba(57,154,209,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(65,166,224,1)), color-stop(100%,rgba(57,154,209,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(65,166,224,1) 0%,rgba(57,154,209,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(65,166,224,1) 0%,rgba(57,154,209,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(65,166,224,1) 0%,rgba(57,154,209,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(65,166,224,1) 0%,rgba(57,154,209,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#41a6e0', endColorstr='#399ad1',GradientType=0 ); /* IE6-9 */ }
.et_color_scheme_blue ul.nav > li.current-menu-item > a, .et_color_scheme_blue a.mobile_nav, .et_color_scheme_blue ul.nav li ul, .et_color_scheme_blue .et_mobile_menu { background: #3690c3; border: 1px solid #327da9; }
embed, iframe, object, video { max-width: 100%; }
@media only screen and ( max-width: 960px ) {
#et-search, p#et-search-title, p#et-search-title span { background: none !important; }
#et-search { width: auto !important; height: auto !important; }
#et-search-inner { padding: 0 !important; }
#et-search-right { float: none !important; clear: both; text-align: left !important; }
#et_search_submit { background: #BBB8B8 !important; color: #111 !important; }
p#et-search-title { margin-bottom: 2px !important; }
p#et-search-title span { padding: 0 !important; text-shadow: none !important; }
#et-searchinput { width: auto !important; }
p#et_choose_posts, p#et_choose_pages, p#et_choose_date, p#et_choose_cat { float: none !important; }
#et-search-left { float: none !important; width: 100% !important; }
}
@media only screen and ( min-width: 768px ) and ( max-width: 960px ) {
.container, #featured.flexslider .slides { width: 728px; }
#featured h2 { font-size: 60px; }
#featured .description { font-size: 30px; }
.service { width: 200px; margin-right: 63px; }
.service h3 { font-size: 18px; }
.section-title h2 { font-size: 60px; padding-bottom: 15px; }
.section-title .section-subtitle { font-size: 30px; }
#home-section-news, #home-section-projects { padding: 120px 0; }
.blog-post { margin: 0 45px 60px 0; width: 212px; }
.blog-post h3 { font-size: 18px; }
.portfolio-image { margin-right: 54px !important; }
.post-thumbnail.portfolio-image { margin-right: 0 !important; margin-left: 55px; }
.portfolio-image img { width: 204px; }
.post-thumbnail.portfolio-image img { width: auto; }
.portfolio_info_top { left: 45px; top: 50px; }
.portfolio_info_top h3.title { font-size: 14px; }
.portfolio_description > a { bottom: 24px; left: 52px; }
.section-title h2, #page-name h1 { font-size: 60px; }
.section-title .section-subtitle, .main_post_info { font-size: 30px; }
#content-area:before { left: 459px; }
#left-area { width: 379px; }
.entry { margin-right: 0; width: auto; }
#main-footer { }
.footer-widget { margin-right: 58px; width: 204px; }
.et_page_icon { left: 83px; }
#et_pt_portfolio_gallery { margin-left: -35px !important; }
.et_pt_portfolio_item { margin-left: 35px !important; width: 219px !important; }
.et_portfolio_more_icon, .et_portfolio_zoom_icon { top: 50px !important; }
.et_portfolio_more_icon { left: 65px !important; }
.et_portfolio_zoom_icon { left: 106px !important; }
#et_pt_portfolio_gallery.et_portfolio_small { margin-left: -18px !important; }
#et_pt_portfolio_gallery.et_portfolio_small .et_pt_portfolio_item { margin-left: 20px !important; width: 128px !important; }
#et_pt_portfolio_gallery.et_portfolio_small .et_portfolio_more_icon, #et_pt_portfolio_gallery.et_portfolio_small .et_portfolio_zoom_icon { top: 20px !important; }
#et_pt_portfolio_gallery.et_portfolio_small .et_portfolio_more_icon { left: 26px !important; }
#et_pt_portfolio_gallery.et_portfolio_small .et_portfolio_zoom_icon { left: 62px !important; }
#et_pt_portfolio_gallery.et_portfolio_large { margin-left: -28px !important; }
#et_pt_portfolio_gallery.et_portfolio_large .et_pt_portfolio_item { margin-left: 29px !important; width: 348px !important; }
#et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_more_icon, #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_zoom_icon { top: 99px !important; }
#et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_more_icon { left: 140px !important; }
#et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_zoom_icon { left: 178px !important; }
#home-section-pricing .pricing-table { width: 243px; }
#home-section-pricing .pricing-table ul.pricing li { padding-left: 55px; }
#home-section-pricing .pricing-table ul.pricing li span { left: 23px; }
#top-area { padding-bottom: 50px; }
#featured .description { padding-bottom: 24px; }
.portfolio_info_top { display: none !important;}
}
@media only screen and ( max-width: 767px ) {
#main-header.mobile-menu { display: block; overflow: visible !important; position: absolute; top: 1px; }
.mobile-logo { display: none; }
#main-header.mobile-menu #top-area { margin: 0; padding: 0; }
.container, #featured.flexslider .slides { width: 440px; }
#top-area { display: block; text-align: center; margin-bottom: 12px; padding: 25px 0; }
a.logo { left: 0; right: 0; width: 70px; margin: auto; }
#logo { float: none; margin-left: 0; width: 50px; height: 50px; background: rgba(0,0,0,0.5); }
#featured h2 { font-size: 48px; }
#featured .description { font-size: 24px; padding-bottom: 22px; }
#featured .flex-direction-nav a.flex-prev { background: url(images/small_slider_left_arrow.png) no-repeat; }
#featured .flex-direction-nav a.flex-next { background: url(images/small_slider_right_arrow.png) no-repeat; }
#home-section-info { padding: 76px 0 80px; }
#home-section-news, #home-section-projects, #home-section-pricing { padding: 80px 0; }
#services { padding-bottom: 42px; }
.service { background: none; margin-right: 0; padding-top: 0; width: 440px; margin-bottom: 40px; }
.service.first, .service.last { background: none; }
#quote h3 { font-size: 18px; }
#quote p { font-size: 18px; line-height: 24px; }
.blog-post { margin: 0 0 18px; width: 440px; }
.blog-post-image img, .et_page_icon { display: none; }
.blog-post h3 { font-size: 18px; }
.portfolio-image { margin-right: 21px !important; }
.portfolio-image img { width: 130px; }
.post-thumbnail.portfolio-image { margin-right: 0 !important; margin-left: 85px; }
.post-thumbnail.portfolio-image img { width: auto; }
.portfolio_info_top { left: 12px; top: 10px; }
.portfolio_info_top h3.title { font-size: 12px; }
.portfolio_description > a { bottom: 0; left: 23px; font-size: 11px; padding: 8px 12px; }
p#copyright { text-align: center; }
.section-title h2, #page-name h1 { font-size: 48px; }
.section-title .section-subtitle, .main_post_info { font-size: 24px; }
#content-area:before { border-left: none; }
#left-area { width: 440px; margin-right: 0; float: none; }
.entry { margin-right: 0; width: auto; }
#sidebar { display: none; }
.footer-widget { width: auto; float: none; margin-right: 0; }
#top-menu, #content-area:before { display: none; }
#mobile_links { }
#mobile_links { display: block; }
a.mobile_nav { display: inline-block; }
#top-area { padding-bottom: 18px; }
.et_pt_gallery_entry { margin-left: 23px !important; }
.sitemap-col { float: none !important; width: auto !important; }
.et_pt_portfolio_item { margin-left: 150px !important; }
.et_portfolio_small .et_pt_portfolio_item { width: 440px !important; margin-bottom: 10px; margin-left: 44px !important; }
.et_portfolio_small .et_pt_portfolio_entry { float: left; margin-right: 15px; }
.et_portfolio_small .et_portfolio_more_icon, .et_portfolio_small .et_portfolio_zoom_icon { top: 30px !important; }
.et_portfolio_small .et_portfolio_more_icon { left: 38px !important; }
.et_portfolio_small .et_portfolio_zoom_icon { left: 77px !important; }
#et_pt_portfolio_gallery.et_portfolio_large { margin-left: 0 !important; }
#et_pt_portfolio_gallery.et_portfolio_large .et_pt_portfolio_item { margin-left: 0 !important; width: 404px !important; }
#et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_more_icon, #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_zoom_icon { top: 109px !important; }
#et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_more_icon { left: 155px !important; }
#et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_zoom_icon { left: 195px !important; }
#home-section-pricing .et-pricing { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
#home-section-pricing .pricing-table { width: 100%; margin-bottom: 35px; -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); }
.et_color_scheme_red #featured .flex-direction-nav a.flex-prev { background: url(images/red/small_slider_left_arrow.png) no-repeat; }
.et_color_scheme_red #featured .flex-direction-nav a.flex-next { background: url(images/red/small_slider_right_arrow.png) no-repeat; }
.et_color_scheme_green #featured .flex-direction-nav a.flex-prev { background: url(images/green/small_slider_left_arrow.png) no-repeat; }
.et_color_scheme_green #featured .flex-direction-nav a.flex-next { background: url(images/green/small_slider_right_arrow.png) no-repeat; }
.et_color_scheme_gray #featured .flex-direction-nav a.flex-prev { background: url(images/gray/small_slider_left_arrow.png) no-repeat; }
.et_color_scheme_gray #featured .flex-direction-nav a.flex-next { background: url(images/gray/small_slider_right_arrow.png) no-repeat; }
.et_color_scheme_blue #featured .flex-direction-nav a.flex-prev { background: url(images/blue/small_slider_left_arrow.png) no-repeat; }
.et_color_scheme_blue #featured .flex-direction-nav a.flex-next { background: url(images/blue/small_slider_right_arrow.png) no-repeat; }
#page-name { margin-top: 0; }
.portfolio_info_top { display: none !important; }
}
@media only screen and ( max-width: 479px ) {
.container, #featured.flexslider .slides { width: 280px; }
#top-area { display: block; text-align: center; margin-bottom: 6px; }
#logo { float: none; margin-left: 0; }
#featured h2 { font-size: 32px; letter-spacing: -2px; }
#featured .description { font-size: 16px; }
#featured .flex-direction-nav a.flex-prev { background: url(images/small_slider_left_arrow.png) no-repeat; }
#featured .flex-direction-nav a.flex-next { background: url(images/small_slider_right_arrow.png) no-repeat; }
#home-section-info { padding: 76px 0 80px; }
#home-section-news, #home-section-projects, #home-section-pricing { padding: 80px 0; }
#services { padding-bottom: 40px; }
.service { background: none; margin-right: 0; padding-top: 0; width: auto; margin-bottom: 40px; float: none; }
#quote h3 { font-size: 18px; }
#quote p { font-size: 18px; line-height: 24px; }
.blog-post { margin: 0 0 28px; width: auto; float: none; }
.blog-post-image img { display: none; }
.blog-post h3 { font-size: 18px; }
#home-section-news a.more-info { margin-top: 20px; }
.portfolio-image, .portfolio-image.last { margin-right: 21px !important; }
.portfolio-image img { width: 130px; }
.portfolio_info_top { left: 12px; top: 10px; }
.portfolio_info_top h3.title { font-size: 12px; }
.portfolio_description > a { bottom: 0; left: 23px; font-size: 11px; padding: 8px 12px; }
.section-title h2, #page-name h1 { font-size: 32px; }
.section-title .section-subtitle, .main_post_info { font-size: 16px; }
#content-area:before { border-left: none; }
#left-area { width: auto; }
.entry { margin-right: 0; width: auto; }
#sidebar, #footer-widgets { display: none; }
#main-footer { padding-top: 0; }
p#copyright { text-align: center; }
.post-thumbnail.portfolio-image { margin-left: 24px; }
.comment ul { margin-left: 0; }
.et_pt_gallery_entry { margin-left: 78px !important; }
#et_pt_portfolio_gallery, #et_pt_portfolio_gallery.et_portfolio_large { margin-left: -19px !important; }
.et_pt_portfolio_item, #et_pt_portfolio_gallery.et_portfolio_large .et_pt_portfolio_item { margin-left: 60px !important; width: 228px !important; }
.et_portfolio_more_icon, .et_portfolio_zoom_icon, #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_more_icon, #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_zoom_icon { top: 53px !important; }
.et_portfolio_more_icon, #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_more_icon { left: 70px !important; }
.et_portfolio_zoom_icon, #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_zoom_icon { left: 110px !important; }
.entry .et_portfolio_small .et_pt_portfolio_item { width: 262px !important; margin-left: -15px !important; }
.et_portfolio_small .et_pt_portfolio_item { margin-left: 18px !important; width: 315px !important; }
.section-title h2, #page-name h1, .section-title .section-subtitle { letter-spacing: -1px; }
.et_color_scheme_red #featured .flex-direction-nav a.flex-prev { background: url(images/white/small_slider_left_arrow.png) no-repeat; }
.et_color_scheme_red #featured .flex-direction-nav a.flex-next { background: url(images/white/small_slider_right_arrow.png) no-repeat; }
.et_color_scheme_green #featured .flex-direction-nav a.flex-prev { background: url(images/green/small_slider_left_arrow.png) no-repeat; }
.et_color_scheme_green #featured .flex-direction-nav a.flex-next { background: url(images/green/small_slider_right_arrow.png) no-repeat; }
.et_color_scheme_gray #featured .flex-direction-nav a.flex-prev { background: url(images/gray/small_slider_left_arrow.png) no-repeat; }
.et_color_scheme_gray #featured .flex-direction-nav a.flex-next { background: url(images/gray/small_slider_right_arrow.png) no-repeat; }
.et_color_scheme_blue #featured .flex-direction-nav a.flex-prev { background: url(images/blue/small_slider_left_arrow.png) no-repeat; }
.et_color_scheme_blue #featured .flex-direction-nav a.flex-next { background: url(images/blue/small_slider_right_arrow.png) no-repeat; }
#breadcrumbs { display: none; }
}
.portfolio-image { margin-right: 77px; margin-bottom: 50px; }
p.portfolio_small_date { font-size: 14px; color: #4a524d; font-weight: 300; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.7); }
.portfolio_info_top h3.title { font-weight: 800; text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.7); margin-top: 25px; font-size: 18px; letter-spacing: -1px; }
.portfolio_info_top h3.title a { text-decoration: none; color: #4a524d; }
.portfolio_description > a { text-decoration: none; background: rgb(249,249,249); /* Old browsers */ background: -moz-linear-gradient(top, rgba(249,249,249,1) 0%, rgba(246,246,246,1) 100%, rgba(242,242,242,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(249,249,249,1)), color-stop(100%,rgba(246,246,246,1)), color-stop(100%,rgba(242,242,242,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(249,249,249,1) 0%,rgba(246,246,246,1) 100%,rgba(242,242,242,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(249,249,249,1) 0%,rgba(246,246,246,1) 100%,rgba(242,242,242,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(249,249,249,1) 0%,rgba(246,246,246,1) 100%,rgba(242,242,242,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(249,249,249,1) 0%,rgba(246,246,246,1) 100%,rgba(242,242,242,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */ border: 1px solid #e0dddd; border-radius: 5px 5px 5px 5px; -webkit-box-shadow: 1px 1px 0 #fcfcfc inset; -moz-box-shadow: 1px 1px 0 #fcfcfc inset; box-shadow: 1px 1px 0 #fcfcfc inset; color: #9a9999; display: inline-block; padding: 10px 16px; text-shadow: 1px 1px 0 #ffffff; }
#content-area.fullwidth:before { display: none; }
.et_pt_portfolio_item h2, #content-area h2, #content-area h3, #content-area h4, #content-area h5, #content-area h6 { letter-spacing: -1px; }
.disclaimer { width: 100%; font-size: 8px; font-style: italic; text-align: center; padding: 5px 0; }
#footer-links { float: left; width: 100%; padding: 10px 0; font-size: 14px; }
#footer-links a { color: #555e58; }
#footer-links a:hover { color: #DC241F; }
#footer-links ul { float: left; margin-right: 70px; list-style:circle; margin-top: -20px; }
#footer-links ul.last { margin-top: -48px; }
#footer-links #copyright { float: right; text-align: center; }
#social-links { height: 50px; margin: auto; margin-bottom: 5px; }
.fb, .twit, .linked { float: right; display: block; height: 50px; width: 50px; text-indent: -9999px; margin-left: 5px; text-align:left; }
a.fb { background: url('images/fb-logo.png') no-repeat center; }
a.twit { background: url('images/Twitter_logo.png') no-repeat center #55ACEE; border-radius: 5px; }
a.linked { background: url('images/linkedin.png') no-repeat center; }
@media only screen and (max-width: 960px) and (min-width: 768px) {
#footer-links ul { margin-right: 40px; margin-top: -55px; }
#footer-links ul.last { margin-top: -18px; }
}
@media only screen and (max-width: 767px) {
#footer-links ul { float: none; text-align: center; margin: auto; margin-bottom: 5px; margin-top: 10px; list-style: none; }
#footer-links ul.last { margin-top: 0; }
#footer-links #copyright { padding-bottom: 10px; }
#social-links { width: 170px; }
}
@media only screen and (max-width: 800px) {
#top-menu { width: auto; }
}
noscript{
width: 100%;
text-align: center;
display: block;
font-weight: bold;
font-size: 200%;
margin: 20px 0;
}
input:invalid{
box-shadow: 0 0 2px 2px rgba(200,50,50,0.9);
}
section{
}
section.left{
margin-top: 35px;
}
section.right{
margin-top: 100px;
}
section.left,section.right{
/*margin-top: 100px;*/
}
h2{
color: #636b66;
text-align: center;
}
input[type="submit"],button,#refresh-captcha,#play-captcha,input[type="button"], a.link-button{
border: 1px solid #FFE600;
box-shadow: 1px 1px 0 rgba(255,255,255,.4) inset, 0 1px 2px rgba(0,0,0,0.1);
background: #FFE600;
text-shadow: 1px 1px 0 rgba(255,255,255,0.3);
color: #fff;
border-radius: 10px 10px 10px 10px;
display: inline-block;
padding: 18px 26px;
font-size: 30px;
font-weight: 300;
text-align: center;
cursor: pointer;
clear: both;
display: block;
margin: 20px auto;
}
a.link-button:hover, a.link-button:focus{
text-decoration: none;
}
a.link-button{
max-width: 150px;
}
label{
text-transform: uppercase;
float: left;
clear: right;
display: block;
height: 40px;
line-height: 40px;
box-sizing: border-box;
width: 200px;
margin: 7px 0;
}
input[type="text"],input[type="email"],select,input[type="password"],input[type="search"],input[type="number"],input[type="tel"]{
float: right;
display: block;
width: 300px;
height: 40px;
box-sizing: border-box;
text-align: center;
border-radius: 5px;
border: none;
padding: 5px;
box-shadow: 1px 1px 1px 0px #fe7b7b,inset 1px 1px 1px 0px rgba(0,0,0,0.5);
margin: 7px 0;
}
form{
max-width: 800px;
margin: 0 auto;
position: relative;
}
div.clearer{
clear: both;
}
div#no-addresses{
display: none;
}
div#postcode-input-invalid,.postcode-input-invalid{
display: block;
float: right;
clear: both;
width: 300px;
text-align: center;
height: 40px;
line-height: 40px;
text-transform: uppercase;
box-sizing: border-box;
margin: 5px 0;
font-weight: bold;
font-size: 125%;
}
#page-left{
/*float: left;*/
}
#page-right{
/*float: right;*/
}
.windowBox{
border-radius: 15px;
border: 3px solid #888;
}
.windowBox p{
text-transform: uppercase;
margin: 20px 20px 0 20px;
text-align: center;
font-weight: bold;
}
.booking-confirm-cost p{
margin: 5px 20px 0 20px;
}
.windowBox button{
margin: 0 auto;
padding: 15px;
width: 100%;
}
input[type="submit"]:disabled{
background: rgb(100,100,100);
background: -moz-linear-gradient(top, rgba(100,100,100,1) 0%, rgba(100,100,100,.8) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(100,100,100,1)), color-stop(100%,rgba(100,100,100,.8)));
background: -webkit-linear-gradient(top, rgba(100,100,100,1) 0%,rgba(100,100,100,.8) 100%);
background: -o-linear-gradient(top, rgba(100,100,100,1) 0%,rgba(100,100,100,.8) 100%);
background: -ms-linear-gradient(top, rgba(100,100,100,1) 0%,rgba(100,100,100,.8) 100%);
background: linear-gradient(to bottom, rgba(100,100,100,1) 0%,rgba(100,100,100,.8) 100%);
border: 1px solid #333;
box-shadow: 1px 1px 0 #fefefe inset, 0 1px 2px rgba(0,0,0,0.1)
}
form[name="login-existing"] input[type="submit"]{
float: left;
clear: none;
height: 41px;
width: 85px;
margin: 7px;
font-size: 150%;
padding: 0px 15px;
}
form[name="login-existing"] input[type="email"],form[name="login-existing"] input[type="password"]{
margin: 7px;
float: left;
font-size: 125%;
}
/*/section#login-existing h2{*/
h2.h2-or{
position: relative;
width: 50px;
margin: 20px auto;
}
/*section#login-existing h2:before, section#login-existing h2:after{*/
h2.h2-or:before, h2.h2-or:after{
content: "";
display: block;
width: 50px;
height: 1px;
background: #636b66;
position: absolute;
top: 10px;
}
h2.h2-or:before{
left: -60px;
}
h2.h2-or:after{
left: 60px;
}
/*Hide login-existing or on large screens*/
h2.create-acc{
display: none;
}
section.right form{
max-width: 730px;
}
#footer-links ul.last {
margin-top: -20px;
}
footer,#footer-links a{
color: #eee;
}
footer{
background: #404f59
}
.section-title h2{
padding-bottom: 5px;
}
h3,h4{
text-align: center;
color: #636b66;
}
h3 em,h4 em{
display: block;
width: 100%;
}
.windowBox p.canx-booking{
width: 40%;
float: left;
clear: none;
height: 44px;
line-height: 44px;
padding-bottom: 0;
}
.windowBox button.canx-booking{
width: 40%;
font-size: 75%;
float: right;
clear: none;
margin-top: 20px;
}
div#booking-success{
width: 500px;
}
/*MAP STYLING*/
#map-canvas{
width: 50%;
float: right;
border-radius: 10px;
box-shadow: 0 0 5px 1px rgba(110,0,0,0.3);
z-index: 0;
}
/*END MAP STYLING*/
#impliedsubmit{
width: 300px;
font-size: 100%;
margin: 10px auto 3px auto;
font-weight: bold;
}
a.logo{
position: fixed !important;
}
form[name="login-existing"]{
z-index: 1000;
position: fixed;
top: 10px;
right: 30px;
}
#spinner-circle-container{
display: none;
position: absolute;
background: rgba(255,255,255,.5);
width: 300px;
right: 0;
top: 8px;
height: 40px;
border-radius: 5px;
}
.gmnoprint img {
max-width: none;
}
.captcha-container{
display: block;
clear: both;
margin: 8px auto 0 auto;
}
#refresh-captcha, #play-captcha
{
max-width: 100px;
padding: 0;
clear: none;
margin: 0;
float: right;
width: 100px;
text-align: center;
margin-bottom: 5px;
margin-top: 2px;
}
div#refresh-captcha{
clear: right;
}
#refresh-captcha a, #play-captcha a{
display: block;
width: 100%;
height: 100%;
font-size: 30px;
line-height: 30px;
}
span.play-text{
position: absolute;
top: -999px;
left: -999px;
}
#refresh-captcha a:hover, #play-captcha a:hover, #refresh-captcha a:focus, #play-captcha a:focus{
text-decoration: none;
}
img#the-captcha{
float: right;
margin-right: 20px;
border-radius: 5px;
}
div#captcha-controls{
float: right;
margin-right: 8px;
}
div.clear-only-mobile{
display: none;
}
#main-content
{
padding: 0 28px 28px 0;
}
#page-left {
float: left;
margin-top: 0;
width: 50%;
}
section#create-account button[type="submit"]{
margin-top: 0;
}
.select2-container{
width: 300px;
float: right;
}
a.select2-choice{
height: 40px !important;
}
label{
clear: both;
}
.select2-container .select2-choice .select2-arrow b{
background: url('select2.png') no-repeat 0 8px;
}
#address-form input[type="submit"]{
margin: 0;
float: left;
clear: none;
}
form#address-form{
padding-top: 20px;
}
#main-footer{
padding: 13px 0 12px 0;
}
section#quick-book{
-webkit-box-sizing: border-box;
-moz-sizing: border-box;
-o-sizing: border-box;
box-sizing: border-box;
padding: 0 28px;
}
.select2-search input{
width: 100%;
}
div.fs-select2-div{
position: fixed!important;
top: 40px!important;
left: 0!important;
width: 100%!important;
margin-top: 0!important;
z-index: 109!important;
}
a.fs-select2-a{
position: fixed!important;
width: 100%!important;
top: 0!important;
left: 0!important;
z-index: 110!important;
-webkit-box-sizing: border-box;
-mox-box-sizing: border-box;
box-sizing: border-box;
}
.price-display, .price-display-cln,.eta-display{
width: 200px;
height: 80px;
border-radius: 40px;
background: #404f59;
color: #efefef;
text-align: center;
/*line-height: 80px;*/
margin: 0 auto 20px auto;
/*font-size: 300%;*/
font-weight: bold;
-webkit-box-shadow: 0 0 0 5px #50ee50,2px 5px 5px 2px rgba(0,0,0,.5),inset 0px 1px 10px 0px rgba(255,255,255,0.7);
-moz-box-shadow: 0 0 0 5px #50ee50,2px 5px 5px 2px rgba(0,0,0,.5),inset 0px 1px 10px 0px rgba(255,255,255,0.7);
box-shadow: 0 0 0 5px #50ee50,2px 5px 5px 2px rgba(0,0,0,.5),inset 0px 1px 10px 0px rgba(255,255,255,0.7);
text-shadow: 1px 1px 1px rgb(155,155,155);
display: none;
cursor: pointer;
}
.price-display span:first-of-type, .price-display-cln span:first-of-type, .eta-display span:first-of-type{
font-size: 15px;
line-height: 15px;
padding-top: 10px;
margin-bottom: 10px;
display: block;
}
.price-display span:last-of-type, .price-display-cln span:last-of-type, .eta-display span:last-of-type{
margin: 0;
font-size: 250%;
}
.price-display-cln{
margin: 20px auto;
cursor: auto;
}
div.dataTables_length select{
float: none;
width: 50px;
box-sizing: content-box;
display: initial;
height: 20px;
line-height: 20px;
margin: 0 5px;
padding: 0;
border: 1px solid black;
box-shadow: none;
}
div.dataTables_filter label{
float: none;
display: initial;
}
/*@media only screen and (max-device-width: 770px){*/
@media only screen and (max-width: 1740px){
section#login-existing input[type="email"],input[type="password"]{
width: 150px;
font-size: 100% !important;
}
}
@media only screen and (max-width: 1440px){
form[name="login-existing"]{
position: static;
margin-bottom: 28px;
}
/*h2.create-acc{
display: block;
}*/
section#login-existing input[type="email"],input[type="password"]{
width: 300px;
font-size: 125% !important;
}
h2.qck-bk{
display: none;
}
}
@media only screen and (max-width: 1160px){
#map-canvas{
width: 40%;
}
section#page-left{
width: 60%;
}
}
@media only screen and (max-width: 970px){
label{
}
input[type="text"], input[type="email"], select, input[type="password"]{
float: none;
width: 90%;
margin: 15px auto;
}
section#login-existing input{
float: none;
width: 90% !important;
margin-left: auto;
margin-right: auto;
}
.select2-container {
width: 90%!important;
margin: 15px auto 0 auto;
display: block;
float: none!important;
}
h2.create-acc {
display: none!important;
}
form#address-form input[type="submit"]{
float: none!important;
margin: 15px auto!important;
}
}
/*MOBILE STYLING*/
@media only screen and (max-width: 768px), only screen and (orientation: portrait){
section#login-existing input, form#address-form label,form#address-form input, form#address-form select{
float: none;
width: 90% !important;
margin-left: auto;
margin-right: auto;
}
#spinner-circle-container{
width: 100% !important;
right: 0;
top: 0px;
height: 40px;
border-radius: 5px;
}
form#address-form label{
text-align: center;
}
div#postcode-input-invalid{
float: none;
margin-left: auto;
margin-right: auto;
overflow: hidden;
}
#footer-links ul{
clear: both;
}
#footer-links ul.last{
margin-top: 0;
}
#footer-links div#copyright{
float: none;
}
#impliedsubmit{
width: 90%;
margin: 10px auto 0 auto;
font-size: 100%;
}
form[name="login-existing"]{
position: static;
}
h2.create-acc{
display: block;
}
h2.qck-bk{
display: none;
}
img#the-captcha{
float: left;
margin-right: 0;
}
div.captcha-container{
width: 90%;
margin-top: 5px;
}
div.clear-only-mobile{
display: block;
clear: both;
}
input[name="submit-form"]{
margin-top: 5px;
margin-bottom: 10px;
}
div#captcha-controls{
margin-right: 0;
}
}
@media screen and (max-width: 768px){
/*STYLE TO APPLY TO SMALL SCREENS ONLY (ignore portrait on large screens)*/
div.windowBox,div#booking-success{
width: 100% !important;
/*height: 100%;*/
border-radius: 0;
margin: 0;
box-sizing: border-box;
border: none;
}
div.windowBox .closeButton{
opacity: 1;
top: 10px;
right: 10px;
}
div.windowBoxContent{
height: 100%;
box-sizing: border-box;
padding: 20px;
}
.windowBox p{
font-size: 110%;
margin: 20px 10px;
}
.windowBox p.canx-booking{
font-size: 80%;
height: 45px;
line-height: 45px;
}
.canx-booking{
position: absolute;
bottom: 0;
}
button.canx-booking{
right: 0;
margin: 20px;
}
#map-canvas{
border-radius: 0;
box-shadow: none;
float: none;
width: 100%;
clear: both;
height: 100%;
max-height: 100%;
}
#main-content{
padding: 0;
}
section#page-left{
width: 100%;
}
section#quick-book{
padding: 0;
}
}
@media only screen and (max-width: 768px) and (orientation: landscape){
.windowBox p{
margin-top: 0px !important;
padding: 0;
}
.windowBox br{
display: none;
}
.windowBox strong{
margin-right: 5px;
}
}
@media screen and (max-width: 768px){
label{
border-top-right-radius: 5px;
border-bottom-left-radius: 0!important;
margin-bottom: 0!important;
}
.select2-container,input[name="add-via"]{
margin-top:0!important;
}
input[type="text"],.select2-container,input[name="add-via"],select,.select2-choice,input[type="tel"],input[type="number"]{
border-radius: 0!important;
}
}
/*END MOBILE STYLING*/
.buorg{
background: url('images/black.png') !important;
border-bottom: 2px solid #DC241F !important;
height: 50px;
font-size: 20px !important;
color: #eee !important;
text-align: center !important;
}
.buorg div{
height: 40%;
line-height: 40px;
}
input.false-address-search{
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
input.false-address-search::-ms-clear{
display:none;
}
sup {
font-size: 50%;
}
html,body{
height: 100%;
}
#wrapper{
min-height: 100%;
position: relative;
}
#content{
padding-bottom: 50px;/*Height of footer*/
}
form{
max-width: 1000px;
}
nav li:hover, nav li:focus{
color: #eee;
background: #FFE600;
}
nav li a:hover, nav li a:focus{
text-decoration: none;
}
nav li a{
color: #eee;
}
nav ul {
list-style: none;
background-color: #444;
text-align: center;
padding: 0;
margin: 0;
height: 70px;
}
nav li {
font-size: 1.2em;
line-height: 40px;
height: 40px;
border-bottom: 1px solid #888;
}
nav a {
text-decoration: none;
color: #fff;
display: block;
transition: .3s background-color;
}
nav li.active {
background: #FFE600;
color: #444;
cursor: default;
}
@media screen and (min-width: 600px) {
nav li {
width: 100px;
border-bottom: none;
height: 70px;
line-height: 70px;
font-size: 1em;
}
/* Option 1 - Display Inline */
nav li {
display: inline-block;
margin-right: -4px;
}
}
@media screen and (min-width: 1400px){
nav li{
width: 150px;
font-size: 1.4em;
}
}
section#logged-in{
text-align: center;
padding: 13px 20px;
position: absolute;
right: 0;
top: 0;
color: #eee;
}
section#logged-in p{
padding-bottom: 0;
}
section#logged-in a{
display: block;
background: #FFE600;
color: #eee;
height: 20px;
line-height: 20px;
border-radius: 10px;
}
section#logged-in a:hover, section#logged-in a:focus{
text-decoration: none;
}
input[name="submit-edit"], input[name="submit-delete"],a.link-button,input[name="submit-disable"],input[name="submit-login-as"],input[name="submit-change-email"],input[name="submit-access-key"],input[name="submit-clone-user"]{
float: right;
font-size: 100%;
}
input[name="submit-delete"],a.link-button{
margin-right: 10px;
}
form#delete-job{
float: right;
}
a.link-button{
clear: none;
}
a.logo{
z-index: 49;
}
footer{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
text-align: center;
height: 50px;
line-height: 50px;
background: transparent;
color: #7E7E7E;
}
form#address-form{
max-width: 800px;
padding-top: 0;
}
h1,h2{
font-size: 3em;
padding: 0;
margin: 0.5em 0 0.5em 30px;
line-height: 1.2;
font-family: 'Pathway Gothic One','Arial Narrow', Arial, sans-serif;
font-weight: normal;
font-style: normal;
text-shadow: 1px 1px 1px rgba(0,0,0,.3);
-webkit-font-smoothing: antialiased;
width: 300px;
}
h2{
text-transform: uppercase;
text-align: left;
}
h1{
color: #636b66;
}
#map-canvas{
margin-top: 30px;
}
a.cancel{
margin-right: 0;
width: 60px;
height: 25px;
line-height: 25px;
border-radius: 15px;
margin-top: 15px;
float: right;
padding: 0;
clear: both;
}
a.logo{
position: absolute !important;
}
div.rmm{
display: none;
}
form#address-form{
max-width: 90%;
}
p.message{
width: 100%;
text-align: center;
font-size: 125%;
}
p.message a.link-button{
float: none;
margin: 0 auto;
}
#advanced-booking-date{
/*display: none;*/
clear: both;
}
input[type="checkbox"]{
float: right;
height: 40px;
width: 40px;
}
#ab-inputs,#rb-inner{
float: right;
width: 300px;
}
input[type="date"],input[type="time"]{
height: 40px;
border-radius: 5px;
box-sizing: border-box;
text-align: center;
border-radius: 5px;
border: none;
padding: 5px;
box-shadow: 1px 1px 1px 0px #fe7b7b,inset 1px 1px 1px 0px rgba(0,0,0,0.5);
margin: 7px 0;
}
input[type="date"]{
float: left;
}
input[type="time"]{
float: right;
}
strong{
color: #636b66;
}
p.large,strong.large{
font-size: 150%;
margin-bottom: 20px;
}
input[type="button"]{
float: right;
clear: none;
height: 40px;
line-height: 40px;
padding: 0;
width: 40px;
margin: 0;
}
form#address-form input[type="submit"]{
clear: both;
float: right;
}
input[type="text"],input[type="date"],input[type="time"],input[type="search"],select,input[type="number"],div#ab-inputs,div#rb-inner,input[type="tel"],input[type="email"],input[type="password"]{
box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0,0,0,0.08) inset;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
background: #eae7e7;
border: 1px solid #c8c8c8;
color: #777;
font: 13px Helvetica, Arial, sans-serif;
margin: 0 0 10px;
}
input[type="text"]{
/*padding: 15px 40px 15px 40px;*/
}
input[type="text"]:focus,select:focus,input[type="date"]:focus,input[type="time"]:focus,input[type="search"]:focus,input[type="number"]:focus{
-webkit-box-shadow: 0 0 2px #ed1c24 inset;
-moz-box-shadow: 0 0 2px #ed1c24 inset;
-ms-box-shadow: 0 0 2px #ed1c24 inset;
-o-box-shadow: 0 0 2px #ed1c24 inset;
box-shadow: 0 0 2px #ed1c24 inset;
border: 1px solid #ed1c24;
outline: none;
}
td{
text-align: center;
}
.force-value-input-div {
float: right;
height: 40px;
line-height: 40px;
width: 300px;
text-align: center;
overflow: hidden;
}
footer a{
color: #004a80;
font-size: 12px;
margin: 0 5px 20px 0;
text-decoration: underline;
}
/*Prevent IE from auto scaling in modern ui*/
@media screen {
@-ms-viewport { width: device-width; }
}
@media screen and (max-width: 1239px){
nav li {
font-size: 1em;
width: 100px;
}
}
@media screen and (max-width: 949px){
div#head a img {
width: 40px;
height: auto;
}
nav ul {
height: 54px;
}
nav li{
height: 54px;
line-height: 54px;
}
section#logged-in{
padding-top: 3px;
}
}
@media screen and (max-width: 768px){
a.logo.mobile-logo {
display: none;
}
ul#main-nav,section#logged-in{
display: none;
}
div.rmm{
margin-top: 10px;
display: block;
}
footer{
position: fixed;
background: #444;
color: #efefef;
z-index: 1000;
}
h2{
margin-left: 0;
width: 100%;
text-align: center;
}
input[name="add-via"]{
width: 50px!important;
margin: 15px auto;
}
a.cancel{
float: none;
border-radius: 10px;
margin: 15px auto;
}
table{
max-width: 100%;
}
section#table-wrapper{
width: 100%!important;
}
table.dataTable tr.child span.dtr-title{
float:left;
clear:both;
text-align:left;
}
table.dataTable tr.child span.dtr-data{
float:right;
text-align: right;
}
button.mobile-address-search {
background-image: url('login2.png');
background-repeat: no-repeat;
background-position: 12px -228px;
background-color: #4986E7;
margin: 0;
clear: none;
box-shadow: none;
border-radius: 0;
border-color: #4986E7;
width: 20%;
box-sizing: border-box;
overflow: visible;
position: relative;
float: right;
border: 0;
padding: 0;
cursor: pointer;
height: 40px;
font: bold 15px/40px 'lucida sans', 'trebuchet MS', 'Tahoma';
color: #fff;
text-transform: uppercase;
background: #d83c3c;
text-shadow: 0 -1px 0 rgba(0, 0 ,0, .3);
}
button.mobile-address-search:before {
content: '';
position: absolute;
border-width: 8px 8px 8px 0;
border-style: solid solid solid none;
border-color: transparent #d83c3c transparent;
top: 12px;
left: -6px;
}
input.false-address-search{
width: 80%!important;
}
li.li-header {
font-weight: bold;
font-size: 120%;
line-height: 2;
text-align: center;
color: #000;
text-transform: uppercase;
}
.windowBox li ul {
box-shadow: 0px 0px 5px 0px rgba(0,0,0,.3);
border-radius: 5px;
}
li.address-option:first-of-type {
border-radius: 5px 5px 0 0;
}
li.address-option {
line-height: 2;
text-align: center;
font-size: 110%;
border: 1px solid #aaa;
border-bottom: none;
padding: 5px;
}
li.address-option:last-of-type {
border-bottom: 1px solid #aaa;
border-radius: 0 0 5px 5px;
}
li.address-option:hover{
background: #4986E7;
color: #efefef;
}
footer a{
color: #efefef;
text-decoration: none;
padding-left: 10px;
}
div.windowBox{
z-index: 1001;
}
}
* {
margin: 0;
padding: 0;
}
body,
html {
height: 100%;
background: #f9f9f9;
}
body {
font: 13px/18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
/*
* Relates to the pseudo class & sibling bug, see
* http://css-tricks.com/webkit-sibling-bug/ for more details
*/
-webkit-animation: bugfix infinite 1s;
}
/* Also relates to the pseudo class & sibling bug */
@-webkit-keyframes bugfix { from { padding: 0; } to { padding: 0; } }
.outer {
/*overflow: hidden;*/
height: 100%;
/*background-color: #333;*/
}
.slide {
background: #f9f9f9;
height: 100%;
}
.content {
/*margin-top: 30px;*/
}
.content ul,
.content ol {
margin: 10px 40px;
}
/*h1,h2,h3,p {
margin-bottom: 18px;
}*/
h1 {
line-height: 26px;
}
/* @group .nav */
.nav {
width: 100%;
margin: 0;
/*padding: 5px 0;*/
background: #000000;
/*border-radius: 3px;*/
overflow: hidden;
}
/*.nav li {
list-style: none;
margin: 0;
padding: 0;
float: left;
}*/
.nav li a {
/*display: block;
padding: 5px 20px;
text-decoration: none;
background: #333;*/
color: #f9f9f9;
}
/* @end nav */
/* This is the clickable label */
.slide-toggle {
float: right;
cursor: pointer;
position: relative;
z-index: 1;
display: none;
margin: 10px 10px 0 0;
}
/* Kill the nasty outlines everywhere */
.slide-toggle,
.slide-toggle:active,
.slide-toggle:focus {
border: none !important;
outline: none !important;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
/* The :after pseudo element has an icon that covers the checkbox */
.slide-toggle:after {
content: "!";
color: #f9f9f9;
background: #333;
display: block;
height: 30px;
width: 38px;
border-radius: 3px;
font: 24px/30px 'responav';
text-align: center;
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.7);
}
/* This is the checkbox */
.slide-checkbox {
position: absolute;
top: -9999px;
left: -9999px;
}
/* When it's checked replace the menu icon with a close icon */
.slide-checkbox:checked ~ .slide-toggle:after {
content: '"';
}
li#logged-in-mobile{
display: none;
}
a.mobile-logo{
display:none;
}
/*
* I set the width pretty high because I wanted to test on an Ipad in portrait mode,
* depending on your website you can probably make this narrower
*/
@media handheld, only screen and (max-width: 980px) {
li#logged-in-mobile{
display: block;
}
ul#main-nav {
display: block;
}
a.mobile-logo{
display:block;
}
a.desktop-logo{
display:none;
}
img#logo-mobile{
float: left;
margin-left: 80px;
background: #FFE600;
padding: 10px;
}
section#logged-in{
display: none;
}
nav a{
transition: none;
}
img#logo{
background: #FFE600;
}
/* Only show the menu link on smaller screens */
.slide-toggle {
display: block;
position: fixed;
right: 0;
top: 0;
background: transparent;
width: 38px;
margin: 15px;
height: 30px;
z-index:40000;
}
h2{
margin-top: 0;
padding-top: 20px;
}
/*
* The transition value determines the speed
* at which the content will slide over
*/
.slide {
-webkit-transition: -webkit-transform 500ms ease;
-moz-transition: -moz-transform 500ms ease;
-o-transition: -o-transform 500ms ease;
transition: transform 500ms ease;
}
/*
* Enable hardware acceleration and stop flickering
* More details: http://indiegamr.com/ios6-html-hardware-acceleration-changes-and-how-to-fix-them/
* Add more browser prefixes as required for your environment
*/
.slide,
.nav {
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-webkit-perspective: 1000;
-moz-perspective: 1000;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
}
/*
* When the checkbox is checked slide the content
* over and the checkbox with it
*/
.slide-checkbox:checked ~ .slide {
-webkit-transform: translateX(70%) scale(1);
-moz-transform: translateX(70%) scale(1);
-ms-transform: translateX(70%) scale(1);
-o-transform: translateX(70%) scale(1);
transform: translateX(70%) scale(1);
}
.nav {
height: 100%;
/*background: #333;*/
border-radius: 0;
/*
* The width determines how much of the page you want to
* remain visible once the menu slides over
*/
width: 70%;
/*
* Must be absolutely positioned otherwise it won't sit
* side by side with the content but instead above it
* */
position: absolute;
left: 0;
top: 0;
/* Keeps the menu hidden off-canvas to the left */
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
.nav li {
float: none;
display: block;
width: 100%;
}
.nav li a {
border-top: 1px solid #222;
border-bottom: 1px solid #444;
}
.nav li:first-child a {
border-top: none;
}
.nav li:last-child a {
border-bottom: none;
}
.nav li a:hover {
background: #2e2e2e;
}
}
@font-face {
font-family: 'responav';
src:url('fonts/responav.eot');
src:url('fonts/responav.eot?#iefix') format('embedded-opentype'),
url('fonts/responav.woff') format('woff'),
url('fonts/responav.ttf') format('truetype'),
url('fonts/responav.svg#responav') format('svg');
font-weight: normal;
font-style: normal;
}
@media screen and (max-width: 768px){
a.mobile-logo.logo{
background: #FFE600;
display: block;
width: 100%;
position: static!important;
}
img#logo-mobile{
float: none;
margin: 0;
}
footer{
position: absolute;
}
}
/*Altered Colour Palate for secondary buttons + force-value*/
.switch-candy a,input.cmn-toggle-yes-no + label:after,input[name="add-via"]{
background-color: #FFE600 !important;
}
input[name="add-via"]{
border-color: #FFE600;
background-image: none;
}
input#rem-via {
background-color: #FFE600;
background-image: none;
border-color: #FFE600;
}
div.force-value-payment,div#force-value-account,div.force-value-input-div{
background: #FFE600;
}
a.cancel-button {
background: #dc241f;
border-color: #b23434;
}
.notification-bar img.close-img {
position: absolute;
top: 5px;
right: 5px;
opacity: 0.5;
}
.notification-bar img.close-img:hover {
opacity: 1;
cursor: pointer;
}
div.notification-bar {
height: 40px;
line-height: 40px;
text-align: center;
font-size: 125%;
background-color: #ee9;
box-shadow: 0px 1px 5px 0px rgba(0,0,0,.5);
color: #881;
position: relative;
}
.notification-bar p {
margin: 0;
line-height: 40px;
}
.notification-bar p a {
color: #EA6946;
}
span.where-to {
color: #6EC475;
font-weight:bold;
}
li.address-listing:hover span.where-to, li.selected-address, li.address-listing a:focus span.where-to {
color: #6EC475;
text-shadow: 1px 1px 1px rgba(0,0,0,.5);
}
#address-list-container-flight-number li.address-listing, #address-list-container-flight-number-return li.address-listing {
font-weight: bold;
}
#cic-fields p {
text-align: center;
font-weight: bold;
}
li#custom-pages ul {
width: 100%;
position: absolute;
top: 0;
left: 0;
padding: 0;
margin: 0;
}
li#custom-pages {
position: static;
}
li#custom-pages ul li {
margin: 0;
width: 200px;
text-align: center;
float: right;
}
li#custom-pages ul li a {
width: 200px;
color: #f9f9f9;
}
li#custom-pages ul li#close-custom {
float: left;
}
.bubble {background-color: #F2F2F2;border-radius: 5px;box-shadow: 0 0 6px #B2B2B2;display: inline-block;padding: 10px 18px;position: absolute;vertical-align: top;display: none;z-index: 10;}
.bubble:before {
box-shadow: -2px 2px 2px 0 rgba( 178, 178, 178, .4 );
left: 50px;
background-color: #F2F2F2;
content: "\00a0";
display: block;
height: 16px;
position: absolute;
top: -5px;
transform: rotate( 29deg ) skew( -35deg );
-moz-transform: rotate( 29deg ) skew( -35deg );
-ms-transform: rotate( 29deg ) skew( -35deg );
-o-transform: rotate( 29deg ) skew( -35deg );
-webkit-transform: rotate( 115deg ) skew( -35deg );
width: 20px;
}
.bubble-visible{
display: block;
}
div.light-box{
display: none;
}
/*.lb-row {
margin-right: -15px;
margin-left: -15px;
}
.lb-row:before,.lb-row:after {
display: table;
content: " ";
}*/
.lb-column {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
/*float: left;
width: 25%;*/
display: inline-block;
box-sizing: border-box;
}
.lb-title,.lb-data {
border-radius: 6px;
list-style: none;
padding: 0 0 0px;
margin: 0 0 15px;
background: #fff;
text-align: center;
}
.lb-column li {
padding: 10px 15px;
color: #666;
border-top: 1px solid #f5f5f5;
-webkit-transition: 300ms;
transition: 300ms;
font-size: 110%;
max-width: 450px;
}
.lb-data .lb-name {
border-radius: 6px 6px 0 0;
padding: 15px;
font-size: 24px;
line-height: 24px;
color: #fff;
background: #e74c3c;
border-top: 0;
}
.lb-data:hover .lb-name {
background: #000;
}
li.lb-li-standard {
height: 100px;
line-height: 100px;
text-align: center;
}
li.lb-li-standard span{
display: inline-block;
vertical-align: middle;
line-height: normal;
}
li.empty-li {
padding: 15px;
line-height: 24px;
}
.lb-title li.lb-li-standard {
border-radius: 6px 0px 0px 6px;
padding: 15px;
font-size: 24px;
color: #fff;
background: #e74c3c;
border-top: 0;
height: 70px;
line-height: 70px;
margin-top: 15px;
margin-bottom: 15px;
}
/*.lb-column:first-of-type {
max-width: 200px;
}*/
.lb-title li.lb-li-standard:hover {
background: #000;
}
div[id^=wb-lb] {
background: transparent;
border: none;
box-shadow: none;
-webkit-box-shadow: none;
}
ul.lb-title {
background: transparent;
}
li.empty-li {
border: none;
}
li.lb-li-hover{
background: #666;
color: #fff;
}
li.lb-li-standard.lb-dropoff.lb-li-hover {
border-radius: 0px 0px 6px 6px;
}
[id^=wb-lb]{
width: auto;
}
.lb-column ul.lb-data, .lb-title .lb-li-standard {
box-shadow: 1px 1px 5px 1px rgba(0,0,0,.9);
}
input:matches([type="button"], [type="submit"], [type="reset"]) {
-webkit-appearance: none;
}
select {
text-align-last: center;
}
button#multi-passenger,button#via-names {
width: 100%;
height: 40px;
line-height: 40px;
float: right;
box-sizing: border-box;
padding: 0;
clear: right;
margin: 0 0 10px 0;
box-shadow: none;
font-size: 100%;
}
div#wb-multi {
width: 800px;
}
div#passenger-list {
display: table;
width: 100%;
border-collapse: separate;
}
.multi-passenger-list {
display: table-row;
}
.multi-passenger-list div {
display: table-cell;
text-align: center;
}
.multi-passenger-list.header-label {
font-weight: bold;
}
.multi-passenger-list input {
width: 99%!important;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
margin: 0 0 10px 0;
}
.multi-passenger-list img {
display: block;
padding: 16px 0;
margin: 0 auto;
}
.multi-passenger-list.header-label div {
line-height: 40px;
}
#wb-multic button {
width: 49%;
clear: none;
}
#wb-multic button:first-of-type {
float: left;
}
#wb-multic button:last-of-type {
float: right;
}
.multi-passenger-list input[type=text] {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.multi-passenger-list input[type=tel] {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
div#wb-via-names {
width: 1000px;
max-width: 100%;
}
.via-passenger-list {
display: table-row;
padding: 0;
}
.via-passenger-list div {
display: table-cell;
text-align: center;
}
.via-passenger-list.header-label div {
font-weight: bold;
line-height: 50px!important;
}
.via-passenger-list div button {
padding: 0;
box-shadow: none;
font-size: 125%;
line-height: 40px;
margin: 0;
float: none;
display: block;
height: 40px;
}
.via-passenger-list div:first-of-type,.via-passenger-list div:last-of-type {
line-height: 40px;
padding: 0 0 10px 0;
margin: 0;
overflow: hidden;
height: 40px;
font-size: 100%;
vertical-align: top;
text-overflow: ellipsis;
white-space: nowrap;
}
.via-passenger-list div:first-of-type {
width: 300px;
max-width: 300px;
padding-right: 10px;
}
body .via-passenger-list input,body .via-passenger-list select {
width: 100%;
margin: 0;
}
.via-passenger-list input[id^='via-passenger-name'] {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.via-passenger-list input[id^='via-passenger-phone'] {
border-radius: 0;
}
div#wb-via-names .closeButton {
display: none;
}
select[id^=via-passengers-type] {
border-radius: 0;
}
select[id^=via-passengers-type] {
border-radius: 0;
}
#wb-via-names input, #wb-via-names select {
box-shadow: none;
}
#content a#guest-booking, #content a#register, #content a#corporate-register {
width: 100%;
float: none;
margin: 10px auto;
max-width: 100%;
box-sizing: border-box;
text-decoration: none;
font-size: 125%;
color: white;
}
body.guest-booking #wb-warn form {
display: none;
}
#content a#guest-booking,
a#guest-booking + a#register {
width: 49%;
}
#content a#guest-booking,
#content a#register {
clear: none;
padding: 10px 0;
height: 60px;
margin-top: 0;
}
a#guest-booking {
float: left!important;
}
a#register {
float: right!important;
line-height: 40px;
}
div#regular-links:after {
content: "";
display: block;
clear: both;
}
input[name="submit-login"] {
margin-bottom: 0;
}
#edit-booking-template tr:nth-of-type(14), #edit-booking-template tr:nth-of-type(16) {
display: none;
}
@media handheld, only screen and (max-width: 980px){
.slide-toggle {
z-index: 40;
}
ul.lb-title {
display: none;
}
.lb-data li span[data-mobile]:before {
content: attr(data-mobile);
display: block;
font-size: 115%;
font-weight: bolder;
color: #aaa;
margin-bottom: 10px;
}
.lb-column{
min-width: 100%;
}
}
@media screen and (max-width:1750px){
.lb-column li{
max-width: 400px;
}
}
@media screen and (max-width: 1600px){
.lb-column li{
max-width: 350px;
}
}
@media screen and (max-width: 1400px){
.lb-column li {
max-width: 300px;
}
}
@media screen and (max-width: 1300px){
.lb-column li {
max-width: 250px;
}
}
@media screen and (max-width: 1150px){
.lb-column li {
max-width: 225px;
}
}
@media screen and (max-width: 1050px){
.lb-column li {
max-width: 200px;
}
}
@media screen and (max-width: 980px){
.lb-column li {
max-width: 100%;
}
div.notification-bar {
height: 80px;
padding: 45px;
}
.notification-bar img.close-img {
left: 5px;
}
}
@media screen and (max-width: 768px){
div.force-value-input-div {
width: 100%;
border-bottom-left-radius: 5px;
border-top-right-radius: 0!important;
}
div#ep-display-container,div.price-display,div.eta-display {
background: #FFE600;
text-shadow: none;
}
a#base-site{
display: none;
}
button#multi-passenger {
width: 100%;
}
.multi-passenger-list input{
float: left;
}
.via-passenger-list.header-label {
display: none;
}
.via-passenger-list {
display: block;
background: #eee;
margin-bottom: 10px;
border-radius: 10px;
padding: 10px;
box-sizing: border-box;
width100%:;
box-shadow: 0px 0px 2px 0px rgba(0,0,0,.5);
}
.via-passenger-list div {
display: block;
}
.via-passenger-list div:before {
content: attr(data-title);
display: block;
margin-bottom: 5px;
}
div#passenger-list {
display: block;
}
.via-passenger-list div {
background: #f2f2f2;
margin-bottom: 10px;
padding: 10px;
border-radius: 5px;
box-shadow: 0 0 1px 0 rgba(0,0,0,.3);
}
.via-passenger-list input {
float: none;
}
.via-passenger-list div:first-of-type {
padding-right: 0;
padding: 10px;
width: auto;
height: auto;
margin-bottom: 10px;
background: transparent;
box-shadow: none;
font-weight: bold;
}
.via-passenger-list div:first-of-type:before {
display: none;
}
.via-passenger-list div button {
width: 100%;
box-sizing: border-box;
}
.via-passenger-list div:last-of-type:before {
display: none;
}
.via-passenger-list div:last-of-type {
padding: 0;
box-shadow: none;
border-radius: 0;
background: none;
}
body #wb-via-names .via-passenger-list input, body #wb-via-names .via-passenger-list select {
border-radius: 5px!important;
background: #eee;
}
button.via-close-btn {
position: fixed;
bottom: 0;
left: 0;
border-radius: 0;
box-shadow: 0px -1px 1px 1px rgba(0,0,0,.5);
}
div#wb-via-namesc {
padding-bottom: 50px;
}
}