/* ======================================================= */ /* Global Reset */ /* ======================================================= */ /* Reset Stylesheet */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { padding: 0; margin: 0; font-size: 100%; vertical-align: baseline; background: transparent; border: 0; outline: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } nav ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } a { padding: 0; margin: 0; font-size: 100%; vertical-align: baseline; background: transparent; } /* change colours to suit your needs */ ins { color: #000; text-decoration: none; background-color: #ff9; } /* change colours to suit your needs */ mark { font-style: italic; font-weight: bold; color: #000; background-color: #ff9; } del { text-decoration: line-through; } abbr[title], dfn[title] { cursor: help; border-bottom: 1px dotted inherit; } table { border-spacing: 0; border-collapse: collapse; } /* change border colour to suit your needs */ hr { display: block; height: 1px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; padding: 0; margin: 1em 0; border: 0; border-top: 1px solid #ccc; } input, select { vertical-align: middle; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } /* Responsive images and other embedded objects */ img, object, embed, video, iframe { max-width: 100%; } .google_map img { max-width: none; } /* Responsive images aspeсt ratio */ img, video { height: auto; } /* Webkit browsers reset margin */ button, input, select, textarea { margin: 0; } textarea { overflow: auto; } /* Normalize buttons in IE */ button { width: auto; overflow: visible; } /* Normalize buttons */ button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } /* Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: pointer !important; } /* ie 8/9 fix */ input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } /* searchfield fix for safari 5 and chrome */ input[type="search"] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } button, select { text-transform: none; } /* corrects overflow displayed oddly in ie 9 */ svg:not(:root) { overflow: hidden; } cufon { overflow: hidden; } iframe { max-width: 100%; } /* ======================================================= */ /* Base Style */ /* ======================================================= */ /* Fontface ---------------------------------------------------------- */ @font-face { font-family: 'strikingr'; font-style: normal; font-weight: normal; src: url('../icons/strikingr/fonts/strikingr.eot'); src: url('../icons/strikingr/fonts/strikingr.eot?#iefix') format('embedded-opentype'), url('../icons/strikingr/fonts/strikingr.ttf') format('truetype'), url('../icons/strikingr/fonts/strikingr.woff') format('woff'), url('../icons/strikingr/fonts/strikingr.svg#strikingr') format('svg'); } /* Basic typography ---------------------------------------------------------- */ html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { font-family: 'PT Sans', sans-serif; font-size: 15px; line-height: 20px; color: #333; } strong, th, thead td { /* font-weight: bold; */ font-weight: normal; font-size: 12px; } cite, em, dfn { font-style: italic; } code, kbd, samp, pre, tt, var, input[type=text], input[type=password], input[type=email], textarea { font-family: 'futura_bk_btbook'; } code, pre { display: block; white-space: pre; } del { color: #666; text-decoration: line-through; } ins, dfn { border-bottom: 1px solid #ccc; } small, sup, sub { font-size: 85%; } abbr, acronym { text-transform: uppercase; letter-spacing: .1em; } a abbr, a acronym { border: none; } abbr[title], acronym[title], dfn[title] { cursor: help; border-bottom: 1px dotted #ccc; } sup { vertical-align: super; } sub { vertical-align: sub; } p, ul, ol, dl, table, fieldset, blockquote, pre, code { margin-bottom: 20px; } /* Basic size ---------------------------------------------------------- */ h1, h2, h3, h4, h5, h6 { margin-bottom: .6em; font-weight: normal; line-height: 1em; } h1 { font-size: 36px; } h2 { font-size: 30px; } h3 { font-size: 24px; } h4 { font-size: 18px; } h5 { font-size: 14px; } h6 { font-size: 12px; } h1 .subTitle, h2 .subTitle, h3 .subTitle, h4 .subTitle, h5 .subTitle, h6 .subTitle { display: block; margin: 0; font-size: .65em; color: #999; } /* Basic lists ---------------------------------------------------------- */ ul { margin-left:0px; list-style-type: none; } ul li { margin-left:0px; } ul ul { list-style-type: none; } ul ul ul { list-style-type: none; } ol { margin-left: 0px; list-style-position: outside; list-style-type: none; } dt { margin-top: .8em; margin-bottom: .4em; font-weight: bold; } ol ol, ul ol { margin-left: 2.5em; } ul ol, ol ul, ol ol, ul ul { margin-bottom: 0; } /* Link style ---------------------------------------------------------- */ a:link, a:visited, a:hover, a:active, a:focus { color: #666; text-decoration: none; outline: 0 none; } /* table style ---------------------------------------------------------- */ table, td, th { vertical-align: middle; } caption { padding-bottom: .8em; } /* form style ---------------------------------------------------------- */ .form-item { margin: 0 0 10px; } .form-item label { cursor: pointer; } fieldset { padding: 1em; border: 1px solid #ccc; } legend { padding: 0 .8em; font-size: 1.2em; font-weight: bold; } textarea, input[type=text], input[type=password], input[type=email], select { font-size: inherit; background: #fff; border: 1px solid #ccc; } input, select { cursor: pointer; } input[type=text], input[type=password], input[type=email] { cursor: text; } textarea { overflow: auto; vertical-align: top; } textarea, input { padding: 5px; outline: none; } input { line-height: normal; } select { padding: 2px; } option { padding: 0 4px; } input[type=button], button { padding: 4px; vertical-align: middle; cursor: pointer; } input.text_input, textarea.textarea { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: 1px solid #dbdbdb; border-radius: 0; } input.text_input:focus, textarea.textarea:focus { border: 1px solid #dbdbdb; } /* Non-semantic helper classes ---------------------------------------------------------- */ .center { text-align: center; } /*.hidden { display: none; visibility: hidden; }*/ .invisible { visibility: hidden; } .alignright { float: right; } .alignleft { float: left; } .aligncenter { margin-right: auto; margin-left: auto; } .clearboth { display: block; width: 100%; height: 0; overflow: hidden; clear: both; font-size: 0; line-height: 0; } .text-centered { text-align: center; } /* ======================================================= */ /* Columns */ /* ======================================================= */ /* Basic columns ---------------------------------------------------------- */ .one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth { position: relative; float: left; height: auto !important; height: 1px; min-height: 1px; margin-right: 2.5%; } .one_half { width: 48%; } .one_third { width: 31.6666%; } .two_third { width: 65.3332%; } .one_fourth { width: 22.7222%; } .two_fourth { width: 48%; } .three_fourth { width: 74%; } .one_fifth { width: 16.8%; } .two_fifth { width: 37.6%; } .three_fifth { width: 58.4%; } .four_fifth { width: 79.2%; } .one_sixth { width: 13.3333%; } .two_sixth { width: 30.6666%; } .three_sixth { width: 47.9998%; } .four_sixth { width: 65.3332%; } .five_sixth { width: 82.6665%; } .last { margin-right: 0 !important; clear: right; } /* Two level columns ---------------------------------------------------------- */ .one_half .one_half { width: 45.8333%; margin-right: 8.3333%; } .one_half .one_third { width: 27.7778%; margin-right: 8.3333%; } .one_half .two_third { width: 63.8889%; margin-right: 8.3333%; } .two_third .one_third { width: 29.2517%; margin-right: 6.1224%; } .two_third .two_third { width: 64.6258%; margin-right: 6.1224%; } .two_third .one_fourth { width: 20.4082%; margin-right: 6.1224%; } .two_third .three_fourth { width: 73%; margin-right: 6.1224%; } /* ======================================================= */ /* Images Styles */ /* ======================================================= */ /* Basic image style ---------------------------------------------------------- */ .preloading { background: url("../images/loading.gif") #f9f9f9 no-repeat 50% 50%; } img.alignleft, .wp-caption.alignleft { margin: 2px 16px 2px 2px !important; } img.alignright, .wp-caption.alignright { margin: 2px 2px 2px 16px !important; } img.aligncenter, .wp-caption.aligncenter { display: block; margin: 2px auto !important; text-align: center; } /* wp default image ---------------------------------------------------------- */ .wp-caption { max-width: 100% !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 5px 5px 0; margin-bottom: 10px; text-align: center; background: #f5f5f5; border: 1px solid #ddd; } .wp-caption img { padding: 0; margin: 0; border: 0 none; } p.wp-caption-text { padding: 0 5px 5px; margin: 0; font-size: 12px; line-height: 16px; text-align: center; } /* Image with frame ---------------------------------------------------------- */ .image_styled { position: relative; display:block; zoom: 1; *display: inline; /*overflow: hidden;*/ } .entry_full .entry_image, .entry_below .entry_image { width: 100% !important; } .image_styled.aligncenter { display: block; } .image_frame { position: relative; display: block; } .effect-grayscale img { -webkit-transition: -webkit-filter 1s; -moz-transition: -moz-filter 1s; -ms-transition: -ms-filter 1s; -o-transition: -o-filter 1s; filter: url("data:image/svg+xml;utf8,#grayscale"); filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */ -webkit-backface-visibility: hidden; /* Fix for transition flickering */ -moz-filter: grayscale(100%) } .effect-grayscale img:hover { -webkit-filter: grayscale(0%); filter: grayscale(0%); filter: url("data:image/svg+xml;utf8,#grayscale"); } .effect-tilt { -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; -webkit-backface-visibility: hidden; } .effect-tilt:hover { -webkit-transform: rotate(-10deg); -ms-transform: rotate(-10deg); -o-transform: rotate(-10deg); transform: rotate(-10deg); } .effect-rotate { -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; -webkit-backface-visibility: hidden; } .effect-rotate:hover { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } .effect-morph { -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; -webkit-backface-visibility: hidden; } .effect-morph:hover { border-radius: 100%; -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } .effect-morph:hover * { border-radius: 100%; } .effect-morph:hover .image_shadow_wrap:before, .image_frame.effect-morph:hover .image_shadow_wrap:after { display: none; } .effect-morph:hover .image_shadow_wrap { -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .3); -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .3); box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .3); -moz--box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .3); } .effect-zoom { -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } .effect-zoom:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .effect-blur img { filter: blur(2px); -webkit-transition: -webkit-filter 1s; -moz-transition: -moz-filter 1s; -ms-transition: -ms-filter 1s; -o-transition: -o-filter 1s; -webkit-filter: blur(2px); -webkit-filter: blur(2px); -webkit-filter: blur(2px); -webkit-filter: blur(2px); -webkit-filter: blur(2px); -webkit-filter: blur(2px); -webkit-filter: blur(2px); -webkit-filter: blur(2px); -webkit-filter: blur(2px); -webkit-filter: blur(2px); -webkit-backface-visibility: hidden; /* Fix for transition flickering */ } .effect-blur img:hover { filter: blur(0); -webkit-filter: blur(0); } .image_frame a { position: relative; display: block; height: 100%; } .no-js .image_frame img { visibility: visible; } .image_frame img { background: none; border: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; position: relative; visibility: hidden; width: 100%; margin-top: -43px; } .image_frame .grayscale-wrapper img { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -ms-box-sizing: border-box; } .grayscale-wrapper img { width: 100%; height: 100%; } .image_styled .image_caption { display: block; margin: 10px 0; font-size: 12px; line-height: 16px; text-align: center; } .image_styled.aligncenter .image_caption { margin: 10px auto; } .image_shadow_wrap { position: relative; height: 100%; margin-bottom:10px; } .has-shadow .image_shadow_wrap:before, .has-shadow .image_shadow_wrap:after { position: absolute; top: 50%; right: 15px; bottom: 0; left: 15px; content: ""; border-radius: 100px / 10px; -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .35); box-shadow: 0 0 15px rgba(0, 0, 0, .35); } .has-shadow.shadow-dark .image_shadow_wrap:before, .has-shadow.shadow-dark .image_shadow_wrap:after { -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .5); box-shadow: 0 0 20px rgba(0, 0, 0, .5); } .has-shadow .image_shadow_wrap:after { right: 10px; left: auto; -webkit-transform: skew(8deg) rotate(3deg); -ms-transform: skew(8deg) rotate(3deg); -o-transform: skew(8deg) rotate(3deg); transform: skew(8deg) rotate(3deg); } #feature .image_frame img { visibility: visible; } .image_overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; visibility: hidden; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; } .image_icon_zoom .image_overlay { background: url("../images/icon_zoom.png") no-repeat scroll 50% 50% transparent; } .image_icon_play .image_overlay { background: url("../images/icon_zoom.png") no-repeat scroll 50% 50% transparent; } .image_icon_doc .image_overlay { background: url("../images/icon_zoom.png") no-repeat scroll 50% 50% transparent; } .image_icon_link .image_overlay { background: url("../images/image_icon_link.png") no-repeat scroll 50% 50% transparent; } .image_styled.alignleft { margin-right: 16px; } .image_styled.alignright { margin-left: 16px; } .image_no_link { cursor: default; } /* ======================================================= */ /* Extended Typography */ /* ======================================================= */ /* highlight ---------------------------------------------------------- */ .highlight { background: #ff9; } .highlight.dark { color: #fff; background: #333; } /* blockquote ---------------------------------------------------------- */ blockquote { padding: 10px 20px 10px 60px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; line-height: 24px; /*background: url("../images/quote.gif") no-repeat scroll 0 6px transparent;*/ color: #444; } blockquote p { margin-bottom: 8px; } blockquote.alignleft { margin: 10px 20px 0 0; } blockquote.alignright { width: 220px; margin: 10px 0 0 20px; } blockquote cite { font-size: 12px; color: #666; } blockquote { position: relative; display: inline-block; } blockquote:before { position: absolute; top: 8px; left: 5px; margin-right: 10px; font-family: 'strikingr'; font-size: 40px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; content: "\e643"; speak: none; /*Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* ======================================================= */ /* Buttons Styles */ /* ======================================================= */ .button, .button span { display: inline-block; border-radius: 1px; } .button { position: relative; overflow: visible; /* removes extra side padding in IE */ line-height: 1em; white-space: normal; cursor: pointer; outline: none; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; } button.button { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: medium none; box-shadow: none; margin: 0; padding: 0; } a.button, a.button:hover { text-decoration: none; } .button.full, .button.full span { display: block; } .button:hover, .button.hover { border-color:#e27900 !important; } .button:active, .button.active { } .button span { border: 2px solid #666666; border-radius: 0; box-shadow: none !important; color: #fff; font-family: 'Anton', sans-serif; font-size: 15px; font-weight: normal; line-height: 100%; padding: 12px 26px 10px; position: relative; text-align: center; text-decoration: none; text-transform: uppercase; } @media screen and (-webkit-min-device-pixel-ratio:0) { /* Safari and Google Chrome only - fix margins */ button.button span { margin-top: -1px; margin-right: -2px; margin-left: -2px; } } .button.small span { font-size: 12px; } .button.medium span { font-size: 14px; } .button.large span { font-size: 18px; } /* Button Color Scheme ---------------------------------------------------------- */ .button.black { background-color: #333; } .button.gray { background-color: #666; } .button.white { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: 2px solid #666666; font-size: 14px; padding: 10px 20px 8px; text-transform: uppercase; } .contact_form_wrap .button.white{ padding:0px; border:none; font-size:15px; background:none; } .button.white span { color: #666; } .button.red { background-color: #e62727; } .button.orange { background-color: #ff5c00; } .button.magenta { background-color: #a9014b; } .button.yellow { background-color: #ffb515; } .button.blue { background-color: #00adee; } .button.pink { background-color: #e22092; } .button.green { background-color: #91bd09; } .button.rosy { background-color: #f16c7c; } /* ======================================================= */ /* Fancybox */ /* ======================================================= */ /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; vertical-align: top; border: 0; outline: none; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; color: #444; text-shadow: none; background: #f9f9f9; border-radius: 4px; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, .5); box-shadow: 0 10px 25px rgba(0, 0, 0, .5); } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { padding: 15px; margin: 0; font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; color: #444; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('../images/fancybox_sprite.png'); } #fancybox-loading { position: fixed; top: 50%; left: 50%; z-index: 8060; margin-top: -22px; margin-left: -22px; cursor: pointer; background-position: 0 -108px; opacity: .8; } #fancybox-loading div { width: 44px; height: 44px; background: url('../images/fancybox_loading.gif') center center no-repeat; } .fancybox-close { position: absolute; top: -18px; right: -18px; z-index: 8040; width: 36px; height: 36px; cursor: pointer; } .fancybox-type-swf .fancybox-nav, .fancybox-type-iframe .fancybox-nav, .fancybox-type-inline .fancybox-nav, .fancybox-type-html .fancybox-nav, .fancybox-type-ajax .fancybox-nav { top: 50%; width: 54px; height: 34px; margin-top: -18px; } .fancybox-type-swf .fancybox-nav span, .fancybox-type-iframe .fancybox-nav span, .fancybox-type-inline .fancybox-nav span, .fancybox-type-html .fancybox-nav span, .fancybox-type-ajax .fancybox-nav span { top: 0; margin-top: 0; } .fancybox-nav { position: absolute; top: 0; z-index: 8040; width: 40%; height: 100%; text-decoration: none; cursor: pointer; background: transparent url('../images/blank.gif'); -webkit-tap-highlight-color: rgba(0,0,0,0); } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; z-index: 8040; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; visibility: hidden; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; max-width: 99999px; max-height: 99999px; overflow: visible !important; visibility: hidden; } /* Overlay helper */ .fancybox-lock { width: auto; overflow: hidden !important; } .fancybox-lock body { overflow: hidden !important; } .fancybox-lock-test { overflow-y: hidden !important; } .fancybox-overlay { position: absolute; top: 0; left: 0; z-index: 8010; display: none; overflow: hidden; background: url('../images/fancybox_overlay.png'); } .fancybox-overlay-fixed { position: fixed; right: 0; bottom: 0; z-index: 2147483647; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .fancybox-title { position: relative; z-index: 8050; font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; text-shadow: none; visibility: hidden; } .wprmm_menu{ margin:0px !important; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; right: 50%; bottom: 0; z-index: 8050; margin-bottom: -35px; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; padding: 2px 20px; margin-right: -100%; font-weight: bold; line-height: 24px; color: #fff; text-shadow: 0 1px 2px #222; white-space: nowrap; background: transparent; background: rgba(0, 0, 0, .8); border-radius: 15px; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; padding: 10px; color: #fff; background: #000; background: rgba(0, 0, 0, .8); } /*Retina graphics!*/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('../images/fancybox_sprite@2x.png'); -webkit-background-size: 44px 152px; background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ } #fancybox-loading div { background-image: url('../images/fancybox_loading@2x.gif'); -webkit-background-size: 24px 24px; background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ } } /* thumbs ---------------------------------------------------------- */ #fancybox-thumbs { position: fixed; left: 0; z-index: 8050; width: 100%; overflow: hidden; } #fancybox-thumbs.bottom { bottom: 2px; } #fancybox-thumbs.top { top: 2px; } #fancybox-thumbs ul { position: relative; padding: 0; margin: 0; list-style: none; } #fancybox-thumbs ul li { float: left; padding: 1px; opacity: .5; } #fancybox-thumbs ul li.active { padding: 0; border: 1px solid #fff; opacity: .75; } #fancybox-thumbs ul li:hover { opacity: 1; } #fancybox-thumbs ul li a { position: relative; display: block; overflow: hidden; background: #111; border: 1px solid #222; outline: none; } #fancybox-thumbs ul li img { position: relative; display: block; max-width: none; padding: 0; border: 0; } .skin-theme .fancybox-skin { border: 1px solid #fff; border-radius: 0; } .skin-theme.skin-audio .fancybox-close { top: -26px; background: url("../images/fancybox_close_revert.png") no-repeat scroll 0 0 transparent; } .skin-theme .fancybox-close { position: absolute; top: -1px; right: 5px; display: block; width: 45px; height: 26px; text-indent: -9999px; background: url("../images/fancybox_close.png") no-repeat scroll 0 0 transparent; } .skin-theme .fancybox-nav span { width: 32px; height: 68px; margin-top: -34px; } .skin-theme .fancybox-prev span { left: -1px; background: url("../images/fancybox_previous.png") left center no-repeat; } .skin-theme .fancybox-next span { right: -1px; background: url("../images/fancybox_next.png") right center no-repeat; } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { .skin-theme .fancybox-close { -webkit-background-size: 45px 26px; background-size: 45px 26px; } .skin-theme .fancybox-nav span { -webkit-background-size: 32px 68px; background-size: 32px 68px; } } .skin-theme.fancybox-type-swf .fancybox-nav, .skin-theme.fancybox-type-iframe .fancybox-nav, .skin-theme.fancybox-type-inline .fancybox-nav, .skin-theme.fancybox-type-html .fancybox-nav, .skin-theme.fancybox-type-ajax .fancybox-nav { width: 32px; height: 68px; margin-top: -34px; } .skin-theme.fancybox-type-swf .fancybox-nav span, .skin-theme.fancybox-type-iframe .fancybox-nav span, .skin-theme.fancybox-type-inline .fancybox-nav span, .skin-theme.fancybox-type-html .fancybox-nav span, .skin-theme.fancybox-type-ajax .fancybox-nav span { margin-top: 0; } .skin-theme .fancybox-title-float-wrap .child { color: #333; text-shadow: 0 1px 2px #fff; background: transparent; background: rgba(255, 255, 255, .8); } .skin-theme .fancybox-title-inside-wrap { padding: 5px; color: #333; text-align: center; text-shadow: 0 1px 2px #fff; background: transparent; background: rgba(255, 255, 255, .8); } /* ======================================================= */ /* Structure */ /* ======================================================= */ /* Main Structure ---------------------------------------------------------- */ body.box-layout .body-warp { width: 1020px; margin: 0 auto; } .home #page { position: relative; overflow: hidden; padding:47px 0 80px; } #page { position: relative; overflow: hidden; padding:50px 0 50px; } .content-home { float: left; max-width: 520px; text-align: center; font-size: 15px; line-height: 26px; padding-top:50px; } .content-home p{ margin-bottom:30px; } .content-home h3.title { background: url("../images/line_title.png") no-repeat scroll center bottom rgba(0, 0, 0, 0); color: #000000 !important; font-family: 'Anton', sans-serif; font-size: 32px; line-height: 36px; margin-bottom: 25px; padding-bottom: 22px; text-transform: uppercase; } #page .inner { padding:0px !important; } #background-about { position: absolute; right: 0; top: 0; margin: 47px 0px 47px 0px; max-width: 100%; } #menu{ background:url(../images/bg_menu.jpg) no-repeat left top; min-height: 640px; max-height: 640px; background-size:100% 100%; } #menu .inner{ max-width:600px; position:relative; min-height:350px; } #menu-bullet .menu { background: #f2d1a9; border-radius: 100%; display:inline-block; position:absolute; /*transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s;*/ } .theme_accordion .theme_tab { border: 1px solid #ffffff; border-radius: 100%; margin: 3px; } #menu-bullet .theme_pane h3{ background: url("../images/button_quick_view.png") no-repeat scroll center center rgba(0, 0, 0, 0); display: inline-block; height: 50px; text-indent: -9999px; width: 50px; cursor: pointer; z-index: 9999999999; position: relative; } #menu-bullet .theme_pane p{ display:none; } .theme_pane { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #ffffff; color: #ffffff; font-size: 14px; padding: 3px; text-align: center; margin: 3px; border: 1px solid #FFFFFF; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; } .theme_pane h3 { color: #ffffff; font-family: 'Anton', sans-serif; font-size: 26px; font-weight: normal; margin: 0; padding: 0; text-transform: uppercase; } .theme_pane h3 a{ color: #ffffff; } /* when active */ #menu-bullet .menu.active{ background: none repeat scroll 0 0 #ffffff !important; } #menu-bullet .menu.active .theme_pane h3{ background: url("../images/line-title-menu-active.png") no-repeat scroll center bottom rgba(0, 0, 0, 0); display: block; height: auto; line-height: 100%; margin-bottom: 8px; padding-bottom: 15px; padding-top: 26px; text-indent: 0; width: auto; cursor: default; } #menu-bullet .menu.active .theme_pane p{ display:block; padding:0px 15px; } #menu-bullet .menu.active .theme_pane{ width:200px; height:200px; border: 1px solid #9dccea; background: #9dccea; } #menu-bullet .menu.active .theme_pane .inner_pane{ border: 1px solid #ffffff; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; height: 194px; margin: -1px; width: 194px; } .menu1{ top:90px; left:210px; margin:0px; -moz-transition:margin 0.2s ease-in-out,padding 0.3s ease-in-out,opacity 0.3s ease-in-out,-moz-transform 0.3s ease-in-out; -webkit-transition:margin 0.2s ease-in-out,padding 0.3s ease-in-out,opacity 0.3s ease-in-out,-webkit-transform 0.3s ease-in-out; -o-transition:margin 0.2s ease-in-out,padding 0.3s ease-in-out,opacity 0.3s ease-in-out,-o-transform 0.3s ease-in-out; transition:margin 0.2s ease-in-out,padding 0.3s ease-in-out,opacity 0.3s ease-in-out,transform 0.3s ease-in-out; } .menu1.active{ left: 140px; top: 15px; } .menu2 { right: -86px; top: 182px; margin: 0px; background: #cf622f !important; } .menu2.active { right: -158px; top: 96px; } .menu3 { bottom: -60px; left: 27px; margin: 0; background:#fa7252 !important; } .menu3.active{ bottom: -125px; left: -40px; } .menu4 { bottom: -65px; right: -56px; margin: 0px; background: #ff8b00 !important; } .menu4.active { bottom: -122px; right: -125px; } .menu5 { background: none repeat scroll 0 0 #663727 !important; left: 260px; margin: 0; top: 277px; } .menu5.active{ left: 190px; top: 205px; } .menu6 { right: 95px; top: 105px; margin: 0px; background: #9dccea !important; } .menu6.active{ right: 25px; top: 37px; } #menu-bullet .menu1.active .theme_pane{ background:#f2d1a9; } #menu-bullet .menu2.active .theme_pane{ background:#cf622f; } #menu-bullet .menu3.active .theme_pane{ background:#fa7252; } #menu-bullet .menu4.active .theme_pane{ background:#ff8b00; } #menu-bullet .menu5.active .theme_pane{ background:#663727; } #menu-bullet .menu6.active .theme_pane{ background:#9dccea; } .theme_pane em{ position:absolute; left:-5px; top:-5px; width:99%; height:99%; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; border:5px solid #fff; -moz-animation:bullets 2s infinite; -webkit-animation:bullets 2s infinite; -o-animation:bullets 2s infinite; animation:bullets 2s infinite; } @keyframes bullets { 0%{transform: scale(1);opacity: 1;} 80%{transform: scale(1.5);opacity: 0;} 100%{transform: scale(2.5);opacity: 0;} } @-moz-keyframes bullets { 0%{-moz-transform: scale(1);opacity: 1;} 80%{-moz-transform: scale(1.5);opacity: 0;} 100%{-moz-transform: scale(2.5);opacity: 0;} } @-webkit-keyframes bullets { 0%{-webkit-transform: scale(1);opacity: 1;} 80%{-webkit-transform: scale(1.5);opacity: 0;} 100%{-webkit-transform: scale(2.5);opacity: 0;} } @-o-keyframes bullets { 0%{-o-transform: scale(1);opacity: 1;} 80%{-o-transform: scale(1.5);opacity: 0;} 100%{-o-transform: scale(2.5);opacity: 0;} } * html #page, * html #sidebar { display: inline; } .inner { max-width: 1200px; height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 0px; padding-left: 0px; margin: 0 auto; -ms-box-sizing: border-box; } #page .inner { height: auto; padding-top: 40px; padding-bottom: 30px; } #footer { width: 100%; } /* Right Sidebar ---------------------------------------------------------- */ .right_sidebar #main { float: left; width: 67.5%; } .right_sidebar #sidebar { float: right; width: 32.5%; margin: 0 0 0 0px; } .right_sidebar #sidebar_content { border:none !important; margin-bottom: 0px; min-height: 100px; overflow: hidden; padding-left: 46px; padding-top: 0; } #text-5{margin-bottom:0px;}#text-5 img{display:block;} .has-gradient .right_sidebar #sidebar_content { background: url("../images/sidebar_sprites.png") no-repeat scroll left -50px transparent; border-left: none; } .has-gradient .right_sidebar #sidebar_content:after { position: absolute; bottom: 0; left: 0; width: 100%; height: 50px; clear: both; content: ""; background: url("../images/sidebar_sprites.png") no-repeat scroll left 0 transparent; } .has-gradient .right_sidebar #sidebar_bottom { height: 50px; clear: both; background: url("../images/sidebar_sprites.png") no-repeat scroll left 0 transparent; } /* Left Sidebar ---------------------------------------------------------- */ .left_sidebar #main { float: right; width: 67.5%; } .left_sidebar #sidebar { float: left; margin: 0 0 0.5em; width: 32.5%; } .left_sidebar #sidebar_content { border:none !important; margin-bottom: 50px; min-height: 100px; overflow: hidden; padding-right: 46px; padding-top: 0; } .has-gradient .left_sidebar #sidebar_content { background: url("../images/left_sidebar_sprites.png") no-repeat scroll right -50px transparent; border-right: none; } .has-gradient .left_sidebar #sidebar_content:after { position: absolute; right: 0; bottom: 0; width: 100%; height: 50px; clear: both; content: ""; background: url("../images/left_sidebar_sprites.png") no-repeat scroll right 0 transparent; } .has-gradient .left_sidebar #sidebar_bottom { height: 50px; clear: both; background: url("../images/left_sidebar_sprites.png") no-repeat scroll right 0 transparent; } .home #sidebar_content { padding-top: 30px; } /* ======================================================= */ /* Header */ /* ======================================================= */ #header { position: absolute !important; z-index: 9999; width: 100%; max-height:92px; } #header > .inner { max-width: 620px; padding-top: 55px; overflow: hidden; } #top_area { position: absolute; top: 10px; right: 10px; } /* Logo & Sitename ---------------------------------------------------------- */ #logo_text { position: absolute; left: 10px; } #logo { box-sizing: border-box; left: 0; max-width: 100%; padding: 0; text-align: center; bottom:0px !important; float:left; position:relative; z-index:99999; } #logo a { display: inline-block; padding-top: 0px; padding-bottom: 15px; } .mobile-logo { display: none; } #site_name { display: block; font-size: 40px; line-height: 1.1em; } #site_description { font-size: 11px; line-height: 1.5em; } /* WPML ---------------------------------------------------------- */ #language_flags { position: absolute; top: 10px; right: 10px; } #language_flags ul { padding: 0; margin: 0; list-style: none; } #language_flags ul li { float: left; margin-left: 8px; overflow: hidden; } #language_flags ul li img { display: block; background: #fff; opacity: .7; -moz-opacity: .7; } #language_flags ul li img:hover { opacity: 1; -moz-opacity: 1; } /* qTranslate ---------------------------------------------------------- */ #top_area .widget_qtranslate { margin-top: 5px; } .widget_qtranslate ul.qtrans_language_chooser { padding: 0; margin: 0; list-style: none; } .widget_qtranslate ul.qtrans_language_chooser li { float: left; margin-left: 8px; overflow: hidden; } .widget_qtranslate ul.qtrans_language_chooser li img { background: #fff; opacity: .7; -moz-opacity: .7; } .widget_qtranslate ul.qtrans_language_chooser li img:hover { opacity: 1; -moz-opacity: 1; } /* ======================================================= */ /* Navigation */ /* ======================================================= */ .nav2select { display: none; margin-right: 15px; } #main-menu-top{ clear:both; } .jqueryslidemenu { position: relative; z-index: 400; text-align: center; } .jqueryslidemenu ul { z-index: 400; padding: 0; margin: 0; list-style-type: none; } .jqueryslidemenu > ul { display: inline-block; zoom: 1; *display: inline; } /*Top level list items*/ .jqueryslidemenu ul li { display: inline-block; float: none; margin: 0; position: relative; } /*Top level menu link items style*/ .jqueryslidemenu ul li a { display: block; padding: 10px 25px; overflow: hidden; text-decoration: none; background:none; font-size:16px; text-transform:uppercase; color:#FFFFFF !important; } .jqueryslidemenu ul li a:hover { color:#e27900 !important; } .jqueryslidemenu ul > li.current-menu-item a{ color:#e27900 !important; } #main-menu-top #navigation ul li ul li a:hover{ color:#e27900 !important; font-size: 13px !important; background:none !important; } * html .jqueryslidemenu ul li a { /*IE6 hack to get sub menu links to behave correctly*/ display: inline-block; } /* 1st sub level menu ---------------------------------------------------------- */ .jqueryslidemenu ul li ul { position: absolute; left: 100%; z-index: 401; display: none; padding: 3px 0; visibility: hidden; border: 1px solid #e5e5e5; border-top: 0; } /*Sub level menu list items (undo style from Top level List Items)*/ .jqueryslidemenu ul li ul li { display: list-item; float: none; margin: 0; text-align:left; } /*All subsequent sub menu levels vertical offset after 1st level sub menu */ .jqueryslidemenu ul li ul li ul { border: 1px solid #e5e5e5; padding: 9px 0; top: 0; z-index: 402; margin-left: 0px; } /* Sub level menu links style */ .jqueryslidemenu ul li ul li a { margin: 0; padding: 4px 15px 4px; width: 200px; color: #000000 !important; font-family: 'PT Sans', sans-serif; font-size:13px !important; background:none !important; } #main-menu-top #navigation ul li ul li ul li a:hover{ background:none !important; } .jqueryslidemenu ul ul li a, .jqueryslidemenu ul ul li a:link, .jqueryslidemenu ul ul li a:visited { height: 100%; line-height: 20px; } .jqueryslidemenu ul li ul li a:hover, .jqueryslidemenu ul ul li a:hover,.jqueryslidemenu li ul li:hover a { padding: 4px 15px 4px; border-right: 0; border-left: 0; font-size:13px !important; background:none !important; } .jqueryslidemenu ul ul ul { margin-top: -5px; margin-left:0px; } .jqueryslidemenu ul li ul { background: none repeat scroll 0 0 #ebebeb !important; box-shadow: none; -webkit-box-shadow: none; margin-left: 25px; padding:9px 0px; } .jqueryslidemenu .menu-subtitle { display: block; line-height: 1em; } /* ======================================================= */ /* Feature */ /* ======================================================= */ #feature { -webkit-transition: all .5s ease-in; -o-transition: all .5s ease-in; transition: all .5s ease-in; } .has-gradient #feature { background-image: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,.4)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-radial-gradient(center, circle cover, rgba(255,255,255,.4) 0%,rgba(255,255,255,0) 100%); background-image: -o-radial-gradient(center, circle cover, rgba(255,255,255,.4) 0%,rgba(255,255,255,0) 100%); background-image: -webkit-radial-gradient(center, circle, rgba(255,255,255,.4) 0%, rgba(255,255,255,0) 100%); background-image: -o-radial-gradient(center, circle, rgba(255,255,255,.4) 0%, rgba(255,255,255,0) 100%); background-image: radial-gradient(circle at center, rgba(255,255,255,.4) 0%,rgba(255,255,255,0) 100%); } .has-shadow #feature.with_shadow { -webkit-box-shadow: inset 0 5px 10px -3px rgba(0, 0, 0, .1), inset 0 -5px 10px -3px rgba(0, 0, 0, .1); box-shadow: inset 0 5px 10px -3px rgba(0, 0, 0, .1), inset 0 -5px 10px -3px rgba(0, 0, 0, .1); } .has-shadow.shadow-dark #feature.with_shadow { -webkit-box-shadow: inset 0 5px 10px -3px rgba(0, 0, 0, .3), inset 0 -5px 10px -3px rgba(0, 0, 0, .3); box-shadow: inset 0 5px 10px -3px rgba(0, 0, 0, .3), inset 0 -5px 10px -3px rgba(0, 0, 0, .3); } #feature .inner { padding-top: 15px; padding-bottom: 15px; } #feature h1 { padding: 5px 0; margin-bottom: 0; font-size: 3.5em; } #introduce { /*overflow: hidden;*/ padding: 5px 0; font-size: 1.8em; font-weight: 200; line-height: 1.3em; letter-spacing: 1px; } .has-shadow #feature .top_shadow { height: 10px; overflow: hidden; font-size: 0; line-height: 10px; background: url("../images/site_layout_sprites.png") repeat-x scroll 0 0 transparent; } .has-shadow.shadow-dark #feature .top_shadow { background: url("../images/site_layout_sprites_dark.png") repeat-x scroll 0 0 transparent; } .has-shadow #feature .bottom_shadow { height: 9px; font-size: 0; line-height: 9px; background: url("../images/site_layout_sprites.png") repeat-x scroll 0 -10px transparent; } .has-shadow.shadow-dark #feature .bottom_shadow { background: url("../images/site_layout_sprites_dark.png") repeat-x scroll 0 -10px transparent; } /* ======================================================= */ /* Content */ /* ======================================================= */ /* Breadcrumbs ---------------------------------------------------------- */ #breadcrumbs { position: relative; padding: 0 0 8px; margin: -20px 0 20px; font-size: 11px; } .page-link { margin: 0 0 1em 0; clear: both; font-weight: bold; } /* Scroll to Top button ---------------------------------------------------------- */ a#back-to-top { position: fixed; right: 30px; bottom: 30px; display: none; width: 27px; height: 27px; overflow: hidden; text-decoration: none; text-indent: -99999px; background: url("../images/scroll_top_button.png") left top no-repeat; } a:hover#back-to-top { background-position: left bottom; } #back-to-top.style-square { width: 50px; height: 50px; background: url("../images/scroll_top_square.png") left top no-repeat; background-color: #555; border: 1px solid rgba(50,50,50,.5); border-radius: 1px; -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .1); /* Saf3.0+, Chrome */ /* FF3.5+ */ box-shadow: 0 0 2px rgba(0, 0, 0, .1); /* Opera 10.5, IE 9.0 */ opacity: .75; -webkit-transition: background-color .3s ease-out; -o-transition: background-color .3s ease-out; transition: background-color .3s ease-out; } a:hover#back-to-top.style-square { background-color: #eee; background-position: left bottom; border: 1px solid rgba(150,150,150,.5); opacity: 1; } /* ======================================================= */ /* Footer */ /* ======================================================= */ /* Footer Body ---------------------------------------------------------- */ .has-gradient #footer { background-image: -webkit-gradient(radial, top center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,.25)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-radial-gradient(top, circle cover, rgba(255,255,255,.25) 0%,rgba(255,255,255,0) 100%); background-image: -o-radial-gradient(top, circle cover, rgba(255,255,255,.25) 0%,rgba(255,255,255,0) 100%); background-image: -webkit-radial-gradient(top, circle, rgba(255,255,255,.25) 0%, rgba(255,255,255,0) 100%); background-image: -o-radial-gradient(circle at top, rgba(255,255,255,.25) 0%, rgba(255,255,255,0) 100%); background-image: radial-gradient(circle at top, rgba(255,255,255,.25) 0%,rgba(255,255,255,0) 100%); background-repeat: no-repeat; background-attachment: scroll; background-position: 50% 0; } #footer .inner { height: auto; overflow: hidden; padding-bottom: 15px; padding-top: 40px; } .has-shadow #footer_shadow { height: 10px; overflow: hidden; font-size: 0; line-height: 10px; background: url("../images/site_layout_sprites.png") repeat-x scroll 0 -19px transparent; } .has-shadow.shadow-dark #footer_shadow { background: url("../images/site_layout_sprites_dark.png") repeat-x scroll 0 -19px transparent; } .widget_text p.mail { background: url("../images/icon_mail.png") no-repeat scroll left center rgba(0, 0, 0, 0); margin-bottom: 0; padding-bottom: 10px; padding-left: 38px; padding-top: 10px; } .widget_text p.phone { background: url("../images/icon_contact.png") no-repeat scroll left center rgba(0, 0, 0, 0); margin-bottom: 0; padding-bottom: 10px; padding-left: 38px; padding-top: 10px; } .widget_text p.address { background: url("../images/icon_home.png") no-repeat scroll left center rgba(0, 0, 0, 0); margin-bottom: 0; padding-bottom: 10px; padding-left: 38px; padding-top: 10px; } /* Sub Footer ---------------------------------------------------------- */ #footer_bottom { border-top:1px solid #dad1c2; } #footer_bottom .inner { padding-top: 15px; padding-bottom: 15px; } #copyright { float: none; min-height: 1.5em; font-size: 13px; line-height: 1.5em; text-align:center; } #footer_menu { float: right; text-align: right; } #footer_menu a { padding: 0 5px; } #footer_menu li, #footer_menu ul { display: inline; margin: 0; font-weight: normal; text-transform: uppercase; } #footer_right_area { position: absolute; right: 0; } /* ======================================================= */ /* Sticky Elements */ /* ======================================================= */ .sticker_fill-container { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ min-height: 100vh; flex-direction: column; -webkit-box-direction: vertical; -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; } .sticker_fill { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ width: 100%; -webkit-box-flex: 1; /* OLD - iOS 6-, Safari 3.1-6 */ /* OLD - Firefox 19- */ -webkit-flex: 1; /* Chrome */ -ms-flex: 1; /* IE 10 */ flex: 1; /* NEW, Spec - Opera 12.1, Firefox 20+ */ } .sticker_fill #page { width: 100%; } /* Sticky Header ---------------------------------------------------------- */ .box-layout #header-sticker-wrapper.sticker_enabled #header { width: auto; padding-right: 20px; padding-left: 20px; } .has-shadow #header-sticker-wrapper.sticker_sticky #header { -webkit-box-shadow: 0 1px 2px rgba(175, 175, 175, .3); box-shadow: 0 1px 2px rgba(175, 175, 175, .3); } #header-sticker-wrapper.sticker_enabled #header { position: fixed; } /* Sticky Sidebar ---------------------------------------------------------- */ /* Sticky Footer ---------------------------------------------------------- */ .box-layout #footer-sticker-wrapper.sticker_sticky #footer { width: auto; padding-right: 10px; padding-left: 10px; } .box-layout #footer { width: auto; } /* ======================================================= */ /* Portfolio Styles */ /* ======================================================= */ .portfolio_container { display: block; padding: 0; margin: 0; letter-spacing: -4px; /* remvoe the gap */ word-spacing: -4px; /* remvoe the gap */ list-style-type: none; } .portfolio_container .portfolio_item { position: relative; display: -moz-inline-box; /* mozilla only */ display: inline-block; /* for browsers that support display: inline-block*/ padding: 0; margin: 10px 0 20px 0; letter-spacing: normal; /* remvoe the gap */ word-spacing: normal; /* remvoe the gap */ vertical-align: top; } .portfolio_container .portfolio_details{ padding-top:10px; } .portfolio_title { line-height: 1em; } .portfolio_desc { margin-top: .8em; } .portfolio_more_button { margin-top: .8em; } .portfolio_image img { width: 100% !important; } .portfolio_image { width: 100%; } /* Portfolio Sortable ---------------------------------------------------------- */ .portfolios.sortable header { overflow: hidden; clear: both; font-size: 1.2em; line-height: 1.8em; } .portfolios.sortable header span { display: none; } #page .portfolios.sortable header a { background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important; border: 1px solid #666666; color: #666666; font-family: 'Anton', sans-serif; font-size: 14px; letter-spacing: 1px; text-transform: uppercase; padding: 0 14px; margin-right: 10px; margin-bottom: 10px; display: block; float: left; } #page .portfolios.sortable header a.current, #page .portfolios.sortable header a:hover{ background:none !important; border-color:#e27900 !important; color:#e27900 !important; } .portfolio_container .portfolio_image .image_frame { width: 100% !important; height:100% !important; } header .entry_info { margin-bottom:20px; } header .entry_info h1.entry-title { box-shadow: none; display: block; font-family: "proxima_nova_cn_ltsemibold"; font-size: 20px; line-height: 100%; margin-bottom: 8px; margin-top: 12px; text-transform: uppercase; } header .entry_info h1.entry-title a { box-shadow: none; color: #000 !important; text-shadow: none; } header .entry_info h1.entry-title a:hover { color: #e27900 !important; } /* Portfolio One Column ---------------------------------------------------------- */ .portfolios .portfolio_one_column { clear: left; } .portfolios .portfolio_one_column li { display: block; overflow: hidden; } .portfolio_one_column .portfolio_image { float: none; width: 100%; } .portfolio_one_column .portfolio_details { float: none; padding-left: 0; width: auto; } .portfolio_one_column [data-type="html"].portfolio_without_image .portfolio_details { float: none; width: auto; padding-left: 0; } .portfolio_one_column .portfolio_title { margin-top: .7em; } /* sidebar */ .portfolio_one_column.with_sidebar .portfolio_image { width: 402px; } .portfolio_one_column.with_sidebar .portfolio_details { width: 200px; padding-left: 28px; } /* Portfolio Two Columns ---------------------------------------------------------- */ .portfolios .portfolio_two_columns { margin-right: -30px; } .portfolio_two_columns .portfolio_item { margin-right: 30px; width: 585px; } /* sidebar */ .portfolios .portfolio_two_columns.with_sidebar { margin-right: -40px; } .portfolio_two_columns.with_sidebar .portfolio_item { width: 295px; margin-right: 40px; } /* Portfolio Three Columns ---------------------------------------------------------- */ .portfolios .portfolio_three_columns { margin-right: -30px; } .portfolio_three_columns .portfolio_item { margin-right: 30px; width: 380px; } /* sidebar */ .portfolios .portfolio_three_columns.with_sidebar { margin-right: -30px; } .portfolio_three_columns.with_sidebar .portfolio_item { width: 190px; margin-right: 30px; } /* Portfolio Four Columns ---------------------------------------------------------- */ .portfolios .portfolio_four_columns { margin-right: -30px; } .portfolio_four_columns .portfolio_item { margin-right: 30px; width: 277px; } /* sidebar */ .portfolios .portfolio_four_columns.with_sidebar { margin-right: -26px; } .portfolio_four_columns.with_sidebar .portfolio_item { width: 138px; margin-right: 26px; } .portfolio_title, #page .portfolio_title a, #page .portfolio_title a:visited { font-family: 'Anton', sans-serif; font-size: 20px !important; letter-spacing: 1px; line-height: 23px; text-transform: uppercase; } .portfolio_title a:hover{ color:#e27900 !important; } /* Portfolio Five Columns ---------------------------------------------------------- */ .portfolios .portfolio_five_columns { margin-right: -25px; } .portfolio_five_columns .portfolio_item { width: 172px; margin-right: 25px; } /* sidebar */ .portfolios .portfolio_five_columns.with_sidebar { margin-right: -20px; } .portfolio_five_columns.with_sidebar .portfolio_item { width: 110px; margin-right: 20px; } /* Portfolio Six Columns ---------------------------------------------------------- */ .portfolios .portfolio_six_columns { margin-right: -24px; } .portfolio_six_columns .portfolio_item { width: 140px; margin-right: 24px; } /* sidebar */ .portfolios .portfolio_six_columns.with_sidebar { margin-right: -18px; } .portfolio_six_columns.with_sidebar .portfolio_item { width: 90px; margin-right: 18px; } /* Portfolio Seven Columns ---------------------------------------------------------- */ .portfolios .portfolio_seven_columns { margin-right: -20px; } .portfolio_seven_columns .portfolio_item { width: 120px; margin-right: 20px; } /* sidebar */ .portfolios .portfolio_seven_columns.with_sidebar { margin-right: -21px; } .portfolio_seven_columns.with_sidebar .portfolio_item { width: 72px; margin-right: 21px; } /* Portfolio Eight Columns ---------------------------------------------------------- */ .portfolios .portfolio_eight_columns { margin-right: -24px; } .portfolio_eight_columns .portfolio_item { width: 99px; margin-right: 24px; } /* sidebar */ .portfolios .portfolio_eight_columns.with_sidebar { margin-right: -18px; } .portfolio_eight_columns.with_sidebar .portfolio_item { width: 63px; margin-right: 18px; } /* ======================================================= */ /* Blog Styles */ /* ======================================================= */ /* Blog Index & main_wrap Post Body ---------------------------------------------------------- */ .entry { clear: both; } .entry_frame { padding: 15px 15px 0 15px; border: 1px solid #eee; } .entry .entry_title { font-family: 'Anton', sans-serif; font-size: 20px !important; font-weight: normal; line-height: 26px; margin-bottom: 10px; margin-top: 13px; text-transform: uppercase; } span.categories { display: inline-block; line-height: 100%; } time.published{ display: inline-block; line-height: 100%; } .entry .entry_title a { color: #333; } /*.entry_image { margin: 0; }*/ .entry_right .entry_image { float: right; max-width: 100%; margin-top: 5px; margin-left: 20px; } .entry_left .entry_image { float: left; max-width: 100%; margin-top: 5px; margin-right: 20px; } .entry .entry_meta { position: relative; margin-bottom: 10px; overflow: hidden; line-height: 28px; border-bottom: 1px solid #f0f0f0; } .entry-content{ line-height:23px; } .entry .entry_meta .separater { display: inline-block; line-height: 100%; padding: 0 8px; } .entry .entry_meta .comments { background: url("../images/icon_comment.png") no-repeat scroll left 1px rgba(0, 0, 0, 0); display: inline-block; float: right; line-height: 100%; padding-left: 22px; } .single-post .entry .entry_meta .comments{ } .entry .entry_meta { font-size: 14px; border: medium none; line-height: 100%; } .read_more_link { border: 2px solid #666666; display: inline-block; font-family: 'Anton', sans-serif; font-size: 14px; line-height: 20px; padding: 8px 20px 6px; position: relative; text-shadow: none; text-transform: uppercase; } .read_more_link.button { top: 0; } .read_more_link.button:active, .read_more_link.button.active { top: 1px; } .read_more_wrap { position: relative; line-height:100%; } .read_more_wrap .read_more_link { border: medium none; display: inline-block; font-family: inherit; font-size: 14px; font-style: italic; line-height: 100%; padding: 0; position: relative; text-shadow: none; text-transform: none; } .entry_content p{ margin-bottom:18px; } #feature .entry_meta .separater { padding: 0 .6em; } #feature .entry_meta .comments { position: absolute; right: 0; } #feature a { color: #ccc; } .entry.content { margin-bottom: 40px; } .entry.content footer { border-top: 1px solid #dbdbdb; clear: both; margin-bottom: 0; margin-top: 30px; padding-top: 30px; } .entry_edit { display:none; } #author .gravatar { float: right; margin: 0 0 0 20px; } /* WP Pagenavi ---------------------------------------------------------- */ .wp-pagenavi { clear: both; padding-top: 0; text-align: center; text-shadow: none; } .wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited, .wp-pagenavi a:active, .wp-pagenavi span.current, .wp-pagenavi span.extend { border: 1px solid #666666; color: #666; font-family: "Arial" !important; font-size: 16px; line-height: 20px; margin-right: 5px; padding: 6px 14px; vertical-align: top; } .wp-pagenavi span.current { font-size: 16px !important; color: #333; } .wp-pagenavi a:hover { color: #333; font-size:16px !important; } /* About the Author ---------------------------------------------------------- */ #about_the_author { margin-bottom: 15px; } #about_the_author h3{ display:none; } #about_the_author .author_content { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: medium none; padding: 0; } .author_info { position: relative; padding-left: 21px; overflow: hidden; } .author_name { font-family: 'Anton', sans-serif; font-size: 18px; font-weight: normal; text-transform: uppercase; } .author_desc { line-height: 20px; margin-bottom: 0; } /* Popular and Related Posts ---------------------------------------------------------- */ .related_popular_wrap { margin-bottom: 40px; } .related_popular_wrap .posts_list .thumbnail { margin-right: 15px; } .related_popular_wrap li { margin: 0; } /* Entry previous & next navigation ---------------------------------------------------------- */ .entry_navigation { margin-bottom: 40px; overflow: hidden; clear: both; } .entry_navigation .nav-previous { float: left; width: 50%; } .entry_navigation .nav-next { float: right; width: 50%; text-align: right; } /* Threaded Comments ---------------------------------------------------------- */ #comments ul { list-style-type: none; } #comments h3{ font-size:20px; } #comments_title em{ font-style:normal; } .commentlist { margin: 0; } .commentlist .gravatar img { background-color: transparent; border: medium none; padding: 0; width: 88px; } .commentlist ul { margin-left: 20px; } .commentlist li { margin: 0; } .commentlist li .comment_wrap { display: inline-block; overflow: visible; padding: 20px 0; position: relative; } .gravatar { border: medium none; float: left; height: 100%; } .gravatar img { background-color: transparent; border: 1px solid #dbdbdb; padding: 4px; width: 130px; } .comment_content { position: relative; min-height: 80px; padding-left: 20px; overflow: hidden; } li.bypostauthor .gravatar { box-shadow: none; } .commentlist li ul li { margin-left: 20px; } .nocomments { padding: 0; margin: 0; text-align: center; } .comment_author { font-family: 'Anton', sans-serif; font-size: 18px; font-style: normal; text-transform: uppercase; } .comment_author span { display: none; } .comment_time { float: left; } .comment_text { padding-top: 5px; overflow: hidden; clear: both; } .comment_text p{ margin-bottom:10px; } .comments_navigation { margin-top: 20px; overflow: hidden; clear: both; } .comments_navigation .nav_previous { float: left; } .comments_navigation .nav_next { float: right; } #respond { margin-top: 20px; } #respond #comment { width: 98%; } #comments label { padding-left: 6px; opacity: .75; } .cancel_comment_reply { margin-bottom: 6px; } /* ======================================================= */ /* Widget Styles */ /* ======================================================= */ /* General ---------------------------------------------------------- */ .widget { margin-bottom: 32px; } .widget p { margin: 0; } .widget ul, .widget_subnav ul, .widget_recent_comments ul, .widget_recent_entries ul, .widget_recent_posts ul, .widget_popular_posts ul, .widget_related_posts ul, .widget_authors ul, .widget_twitter ul, .widget_pages ul, .widget_links ul, .widget_categories ul, .widget_archive ul, .widget_meta ul, .widget_rss ul { margin: 0; list-style: none; } #sidebar_content .widget:last-child { margin-bottom: 20px; } .home #sidebar_content .widget:last-child { margin-bottom: 0; } .widget_text p { margin-bottom: 1em; } .textwidget:after { display: block; clear: both; content: ""; } /* Sidebar General ---------------------------------------------------------- */ .widget_subnav li, .widget_recent_comments li, .widget_recent_entries li, .widget_recent_posts li, .widget_popular_posts li, .widget_related_posts li, .widget_authors li, .widget_twitter li, .widget_pages li, .widget_links li, .widget_categories li, .widget_archive li, .widget_meta li, .widget_rss li, .flexipages_widget li { padding: 2px 0; margin: 0; border-bottom: none; } .widget_subnav li a, .widget_recent_entries li a, .widget_recent_comments li a, .widget_pages li a, .widget_links li a, .widget_categories li a, .widget_archive li a, .widget_meta li a, .widget_rss li a, .flexipages_widget li a { margin: 0; line-height: 20px; } .widget_subnav li a, .widget_recent_entries li a, .widget_recent_comments li a, .widget_pages li a, .widget_links li a, .widget_categories li a, .widget_archive li a, .widget_meta li a, .widget_rss li a, .flexipages_widget li a { background: url("../images/icon_small_coffee.png") no-repeat scroll left 9px rgba(0, 0, 0, 0); color: #666666; line-height: 26px; padding-left: 20px; display:block; } .widget_recent_comments li a:first-child:before { margin-right: 7px; content: "\e610"; } #footer .widget_recent_comments li a:first-child:before { color: #fff; opacity: .3; } .widget_nav_menu ul { margin: 0; list-style: none; } .widget_nav_menu li { padding: 0; margin: 0; } .widget_nav_menu li a { display: block; padding: 5px 20px; margin: 0; line-height: 20px; background: url(../images/widget_list_arrows.png) no-repeat scroll -48px 9px transparent; border-bottom: 1px solid #f0f0f0; } .widget_nav_menu li ul.sub-menu { margin-left: 2em; } /* Footer General ---------------------------------------------------------- */ #footer .widget { margin-bottom: 0px; } #footer .widget form{ margin-top:20px; } #footer .widget ul{ list-style-type:none; margin:0px; padding:0px; } #footer .widget ul li { margin: 0; padding: 0px 0px 8px 0px; } #footer h3.widgettitle { font-family: 'Anton', sans-serif; font-size: 20px; font-weight: normal; margin-bottom: 18px; padding-bottom: 13px; text-transform: uppercase; border-bottom: 1px solid #dad1c2; } ul.social li{ float:left; display:block; padding: 0px !important; } ul.social li a{ display: block; height: 30px; width: 30px; text-indent: -9999px; margin-right: 10px; } ul.social li.facebook a{ background:url(../images/facebook.png) center center no-repeat #FFFFFF; } ul.social li.facebook:hover a{ background:url(../images/facebook_over.png) center center no-repeat #e27900; } ul.social li.twitter a{ background:url(../images/twitter.png) center center no-repeat #FFFFFF; } ul.social li.twitter:hover a{ background:url(../images/twitter_over.png) center center no-repeat #e27900; } ul.social li.google_plus a{ background:url(../images/google_plus.png) center center no-repeat #FFFFFF; } ul.social li.google_plus:hover a{ background:url(../images/google_plus_over.png) center center no-repeat #e27900; } ul.social li.feed a{ background:url(../images/feed.png) center center no-repeat #FFFFFF; } ul.social li.feed:hover a{ background:url(../images/feed_over.png) center center no-repeat #e27900; } ul.social li a:hover{ background-color:#e27900; transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; } #footer input[type="text"], #footer input[type="password"], #footer input[type="email"], #footer textarea, #footer .text_input, #footer .textarea{ background: none repeat scroll 0 0 transparent; border: 1px solid #dad1c2; padding: 7px 0px; width: 100%; text-indent: 10px; } #footer input[type="email"]{ margin-bottom: 10px; font-size: 13px; color: #666666; } #footer input[type="submit"]{ background: none repeat scroll 0 0 #2a1f26; border: medium none; color: #ffffff; display: inline-block; font-size: 14px; padding: 9px 16px 8px; text-transform: uppercase; } #footer input[type="submit"]:hover{ background-color:#e27900; transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; } #footer .widget_subnav li, #footer .widget_recent_comments li, #footer .widget_recent_entries li, #footer .widget_recent_posts li, #footer .widget_popular_posts li, #footer .widget_related_posts li, #footer .widget_authors li, #footer .widget_twitter li, #footer .widget_pages li, #footer .widget_links li, #footer .widget_categories li, #footer .widget_archive li, #footer .widget_meta li, #footer .widget_rss li { padding: 5px 0; margin: 0; clear: both; background: url("../images/footer_list_divider.png") repeat-x scroll 0 bottom transparent; border-bottom: none; } #footer .widget_subnav li a:before, #footer .widget_recent_entries li a:before, #footer .widget_authors li a:before, #footer .widget_twitter li a:before, #footer .widget_pages li a:before, #footer .widget_links li a:before, #footer .widget_categories li a:before, #footer .widget_archive li a:before, #footer .widget_meta li a:before, #footer .widget_rss li a:before { display: none; } #footer .widget_subnav li a, #footer .widget_recent_entries li a, #footer .widget_recent_posts li a, #footer .widget_popular_posts li a, #footer .widget_related_posts li a, #footer .widget_pages li a, #footer .widget_links li a, #footer .widget_categories li a, #footer .widget_archive li a, #footer .widget_meta li a, #footer .widget_rss li a { padding-left: 15px; text-decoration: none; background: url(../images/footer_list_style.png) no-repeat scroll 0 -3px transparent; } #footer .widget_nav_menu li { padding: 0; margin: 0; } #footer .widget_nav_menu li a { position: relative; padding: 5px 0 5px 15px; text-decoration: none; background: url(../images/footer_list_style.png) no-repeat scroll 0 5px transparent; border: none; } #footer .widget_nav_menu li a:after { position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; content: ''; background: url("../images/footer_list_divider.png") repeat-x scroll 0 bottom transparent; } #footer .text_input, #footer .textarea { color: #666; color: rgba(255, 255, 255, .8); background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .03)), to(rgba(255, 255, 255, .05))); background: -webkit-linear-gradient(top, rgba(255, 255, 255, .03) 0%, rgba(255, 255, 255, .05) 100%); background: -o-linear-gradient(top, rgba(255, 255, 255, .03) 0%, rgba(255, 255, 255, .05) 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, .03) 0%,rgba(255, 255, 255, .05) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#33FFFFFF'); /* IE6,IE7 */ border: 1px solid #999; border: rgba(255, 255, 255, .15) 1px solid; -webkit-box-shadow: inset 2px 2px 5px rgba(0, 0, 0, .1); box-shadow: inset 2px 2px 5px rgba(0, 0, 0, .1); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#33FFFFFF')"; /* IE8 */ } /* Search ---------------------------------------------------------- */ #searchform .text_input { width: 160px; height: 1em; padding: 8px; line-height: 1em; vertical-align: middle; } #footer #searchform { position: relative; } #footer #searchform .text_input { width: 100%; height: 29px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 8px; line-height: 29px; } #footer #searchform button { position: absolute; top: 0; right: 0; } #searchform button { margin-left: 2px; vertical-align: middle; } #searchform button span { padding: 7px 13px; line-height: 1em; } #feature #searchform .text_input { font-size: 14px; color: #fff; } /* Tags ---------------------------------------------------------- */ .widget_tag_cloud a { border: 1px solid #666666; color: #666666 !important; display: inline-block; float: left; font-size: 15px !important; line-height: 24px; margin-bottom: 7px; margin-right: 6px; padding: 0 10px; text-transform: lowercase; } .tagcloud { clear: both; overflow: hidden; } .widget_tag_cloud a:hover{ color:#e27900 !important; border: 1px solid #e27900; } /* Calendar ---------------------------------------------------------- */ .widget_calendar table { width: 100%; margin: 0; } .widget_calendar caption { padding-bottom: 5px; font-size: 1.2em; } .widget_calendar td, .widget_calendar th { padding: 3px 0; text-align: center; } .widget_calendar tfoot td { padding: 8px 0; font-size: 1.1em; } .widget_calendar #prev { text-align: left; } .widget_calendar #next { text-align: right; } .widget_calendar a { font-size: 1.3em; } /* Pages ---------------------------------------------------------- */ .widget_pages ul ul { margin: 5px 0 -6px 2em; border-top: 1px solid #f0f0f0; } #footer .widget_pages ul ul { margin-left: 2em; border-top: none; } #footer .widget_pages ul ul li { background: none; } /* Post List ---------------------------------------------------------- */ .posts_list { margin: 0; list-style: none; } .posts_list p { margin: 0; line-height: 27px; } #latest-update .posts_list li { margin-bottom: 20px; padding: 0 0 30px; border-bottom: 1px solid #EEEEEE; } #copyright a{ color:#e27900 !important; padding: 0px 4px; } .posts_list li a, #sidebar .posts_list li a, #footer .posts_list li a { padding: 0; line-height: 20px; background: none; } #latest-update .posts_list .thumbnail,#latest-update #sidebar .posts_list .thumbnail,#latest-update #footer .posts_list .thumbnail { display: block; float: left; margin:4px 50px 0 0; line-height: 100%; border: none; } #latest-update .posts_list li a{ float:none; font-size:18px; padding-top:18px; } #latest-update .posts_list p{ padding-top:15px; } #latest-update .posts_list li a:hover{ color:#e27900; transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; } #latest-update .posts_list .thumbnail img { display: block; max-width: none; border: none; width:100% !important; } .posts_list time { display: block; } .posts_list .post_extra_info { overflow: hidden; } .posts_list .post_extra_info a{ color: #000000; display: block; font-family: 'Anton', sans-serif; font-size: 18px; padding-bottom: 20px; text-transform: uppercase; } #latest-update .posts_list li:last-child { margin-bottom: 0; padding-top: 20px; } #footer .posts_list .thumbnail img { border: none; } h3.widgettitle{ font-size:32px; text-transform:uppercase; color:#000000; font-family: 'Anton', sans-serif; } .contact-title{ font-size:20px; text-transform:uppercase; color:#000000; font-family: 'Anton', sans-serif; } .row-input p{ width:48.5%; float:left; } #latest-update h3.widgettitle{ background: url("../images/line_title.png") no-repeat scroll center bottom rgba(0, 0, 0, 0); color: #000000 !important; font-family: 'Anton', sans-serif; font-size: 32px; line-height: 36px; margin-bottom: 25px; padding-bottom: 22px; text-transform: uppercase; text-align: center; } #gallery h3.widgettitle{ display:none; } /* Authors ---------------------------------------------------------- */ .authors_list { margin: 0; list-style: none; } .authors_list li, #sidebar .authors_list li, #footer .authors_list li { padding: 5px 0; overflow: hidden; } .widget_authors .gravatar { float: left; height: 60px; margin: 4px 8px 8px 0; border: 1px solid #eee; } .widget_authors .gravatar img { display: block; width: 60px; height: 60px; padding: none; padding: 0; border: none; } /* Contact Form ---------------------------------------------------------- */ .widget_contact_form p { margin-bottom: 10px; } .widget_contact_form label { padding-left: 6px; } .widget_contact_form .invalid { border: 2px solid #999 !important; } #footer .widget_contact_form .invalid { border: 1px solid #fff; border: rgba(255, 255, 255, .5) 1px solid; } #footer .widget_contact_form .text_input { width: 60%; } #footer .widget_contact_form .textarea { width: 92%; } /* for shortcode */ .contact_form_wrap .contact_form .text_input { padding: 8px 0; text-indent: 10px; width: 99%; line-height:20px; } .contact_form_wrap .contact_form .textarea { height: 180px; padding: 6px 0; text-indent: 10px; width: 99.5%; } .contact_form_wrap .contact_form label { padding-left: 5px; } .contact_form_wrap .contact_form .invalid { border: 2px solid #999 !important; } /* Contact Info Widget ---------------------------------------------------------- */ .contact_info_wrap .contact_address { padding-left: 2em; } .contact_info_wrap .icon_text:before { margin: 0 1em 0 0; } .contact_info_wrap p { margin-bottom: 10px; } .contact_info_wrap .contact_zip { padding-left: 5px; } #footer .contact_info_wrap .icon_text.default:before { color: #fff; opacity: .3; } /* Twitter Widget ---------------------------------------------------------- */ .widget_twitter .tweet_list li { padding: 5px 5px 5px 22px; line-height: inherit; word-wrap: break-word; background: url(../images/widget_list_arrows.png) no-repeat scroll 3px -40px transparent; } .widget_twitter .tweet_list a { padding: 0; line-height: 20px; background: none; } /* for shortcode */ .twitter_wrap .tweet_list { margin: 0; list-style: none; } .twitter_wrap .tweet_list li { padding: 5px 5px 5px 22px; margin: 0; line-height: inherit; word-wrap: break-word; background: url(../images/widget_list_arrows.png) no-repeat scroll 3px -40px transparent; } .twitter_wrap .tweet_list a { padding: 0; background: none; } /* with avatar */ .twitter_wrap.with_avatar .tweet_list li, #sidebar .widget_twitter .with_avatar .tweet_list li { padding-left: 0; overflow: hidden; background: none; } #footer .widget_twitter .with_avatar .tweet_list li { padding-left: 0; overflow: hidden; } #sidebar .widget_twitter .with_avatar .tweet_list a.tweet_avatar, #footer .widget_twitter .with_avatar .tweet_list a.tweet_avatar, .twitter_wrap .tweet_list a.tweet_avatar { float: left; padding-right: 10px; } /* Flickr Widget ---------------------------------------------------------- */ .flickr_wrap { position: relative; } .flickr_wrap .flickr_badge_image { float: left; padding: 0; margin: 0 10px 10px 0; line-height: 100%; border: 1px solid #eee; } .flickr_wrap .flickr_badge_image img { display: block; width: 75px; height: 75px; background-color: #f9f9f9; border: 1px solid #fff; } #footer .flickr_wrap { margin-right: -9px; } #footer .flickr_badge_image { margin: 0 9px 9px 0; } #footer .flickr_wrap img { width: 60px; height: 60px; } /* Social Icon Widget ---------------------------------------------------------- */ .widget_social a { padding: 0 !important; margin: 0 !important; background: none !important; } .widget_social a:hover { text-decoration: none; border: 0; } .widget_social img { margin: 0 10px 5px 0; } .widget_social .social_animation_fade img, .widget_social .social_animation_combo img { opacity: .7; -moz-opacity: .7; } .widget_social .social_animation_fade img:hover { opacity: 1; -webkit-transition: all .2s ease-in; -o-transition: all .2s ease-in; transition: all .2s ease; -moz-opacity: 1; } .widget_social .social_animation_scale img:hover { -webkit-transition: all .2s ease-in; -o-transition: scale(1.2); -o-transition: all .2s ease-in; transition: all .2s ease; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-zoom: 1.2; } .widget_social .social_animation_bounce img:hover { -webkit-transition: all .2s ease-in; -o-transition: translate(0px, -2px); -o-transition: all .2s ease-in; transition: all .2s ease; -webkit-transform: translate(0, -2px); -ms-transform: translate(0, -2px); -o-transform: translate(0, -2px); transform: translate(0, -2px); } .widget_social .social_wrap.social_animation_combo img:hover { opacity: 1; -webkit-transition: all .2s ease-in; -o-transition: all .2s ease-in; transition: all .2s ease; -webkit-transform: scale(1.2) translate(0, -2px); -ms-transform: translate(0, -2px); -o-transform: scale(1.2) translate(0, -2px); transform: translate(0, -2px); -ms-zoom: 1.2; -moz-opacity: 1; } /* Google Map Widget ---------------------------------------------------------- */ .widget_gmap .google_map { height: 220px; } .widget_gmap .google_map { color: #666; } /* Rss Widget ---------------------------------------------------------- */ #footer .widget_rss ul li { background: url("../images/footer_list_divider.png") repeat-x scroll 0 bottom transparent; } /** Advertisement Widget ---------------------------------------------------------- */ .widget_advertisement_125 a { display: inline-block; width: 125px; height: 125px; margin: 1px 9px 9px 1px; } .widget_advertisement_125 img { display: block; width: 125px; height: 125px; } .widget_advertisement_125 a:hover { -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .1); /* Saf3.0+, Chrome */ /* FF3.5+ */ box-shadow: 0 0 2px rgba(0, 0, 0, .1); /* Opera 10.5, IE 9.0 */ } .widget_advertisement_125 a:hover img { opacity: .8; -moz-opacity: .8; } /** Featured Widget ---------------------------------------------------------- */ .tiny-container { position: relative; max-width: 960px; } .tiny-viewport { position: relative; width: 100%; overflow: hidden; } .tiny-items { padding: 0; margin: 0; overflow: hidden; list-style: none; } .tiny-item { padding: 0; margin: 0; } .tiny-item > img, .tiny-item > a > img { display: block; width: 100%; border: 0; } .tiny_fade .tiny-items { position: relative; width: 100%; } .tiny_fade .tiny-item { position: absolute; top: 0; left: 0; display: none; width: 100%; opacity: 0; } .tiny_fade .tiny-slide_active { position: relative; display: block; opacity: 1; } .tiny_slide .tiny-item { position: relative; display: block; float: left; } .tiny_slide [data-cycle] .tiny-item { display: none; float: right; } .tiny_slide [data-cycle] .tiny-slide_active { display: block; } .tiny_slide .tiny-items:before, .tiny_slide .tiny-items:after { display: table; content: " "; } .tiny_slide .tiny-items:after { clear: both; } .tinyslider_images .tiny-pager { position: absolute; bottom: 0; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 5px; margin: 0; text-align: right; background: rgba(0, 0, 0, .5); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#12000000',GradientType=0 ); } .tinyslider_images .tiny-pager li { display: inline; padding: 0; margin: 0; } .tinyslider_images .tiny-pager a, .tinyslider_images .tiny-nav-prev, .tinyslider_images .tiny-nav-next { background: url("../images/featured_control.png") no-repeat scroll 1px 0 transparent; } .tinyslider_images .tiny-pager a { display: inline-block; width: 14px; height: 14px; margin: 0 1px; overflow: hidden; font-size: 0; color: transparent; text-indent: 100%; white-space: nowrap; vertical-align: middle; cursor: pointer; background-position: 1px 0; } .tinyslider_images .tiny-pager a:hover { background-position: 1px -30px; } .tinyslider_images .tiny-pager .tiny-pager_active a { background-position: 1px -60px; } .tinyslider_images .tiny-nav-prev, .tinyslider_images .tiny-nav-next { position: absolute; top: 20%; width: 40px; height: 60%; overflow: hidden; font-size: 0; color: transparent; text-indent: 100%; white-space: nowrap; cursor: pointer; } .tinyslider_images .tiny-nav-next { right: 0; background-position: -18px center; } .tinyslider_images .tiny-nav-next:hover { background-position: -48px center; } .tinyslider_images .tiny-nav-prev { left: 0; background-position: -74px center; } .tinyslider_images .tiny-nav-prev:hover { background-position: -104px center; } .tinyslider_images-caption.tiny_caption_bg { background: rgba(0, 0, 0, .5); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#12000000',GradientType=0 ); } .tinyslider_images-caption { position: absolute; bottom: 0; left: 0; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 6px; overflow: hidden; font-size: 11px; color: #fff; text-overflow: ellipsis; word-break: keep-all; white-space: nowrap; pointer-events: none; opacity: .9; } /* ======================================================= */ /* Divider Shortcodes */ /* ======================================================= */ .divider { position: relative; display: block; max-width: 100%; padding-top: 20px; margin-bottom: 40px; clear: both; border-bottom: 1px solid #eee; } .divider.top a { position: absolute; top: 10px; right: 0; width: 20px; padding: 0 2px; font-size: 10px; color: #ccc; text-align: right; text-decoration: none; background: none repeat scroll 0 0 #fff; } .divider_padding { position: relative; display: block; padding-top: 30px; clear: both; } .divider_line { position: relative; display: block; margin-bottom: 10px; clear: both; border-bottom: 1px solid #eee; } /* ======================================================= */ /* Typography Shortcodes */ /* ======================================================= */ /* Responsive Text ---------------------------------------------------------- */ p.responsive_text { margin-bottom: none; } /* dropcap ---------------------------------------------------------- */ .dropcap1, .dropcap2, .dropcap3, .dropcap4 { float: left; overflow: hidden; text-align: center; } .dropcap1 { width: 40px; margin: 0 8px -4px 0; font-size: 32px; line-height: 42px; color: #fff; background: url("../images/dropcap_styles_black.png") no-repeat scroll 0 -48px transparent; } .dropcap1.black { background-image: url("../images/dropcap_styles_black.png"); } .dropcap1.gray { background-image: url("../images/dropcap_styles_gray.png"); } .dropcap1.red { background-image: url("../images/dropcap_styles_red.png"); } .dropcap1.orange { background-image: url("../images/dropcap_styles_orange.png"); } .dropcap1.magenta { background-image: url("../images/dropcap_styles_magenta.png"); } .dropcap1.yellow { background-image: url("../images/dropcap_styles_yellow.png"); } .dropcap1.blue { background-image: url("../images/dropcap_styles_blue.png"); } .dropcap1.pink { background-image: url("../images/dropcap_styles_pink.png"); } .dropcap1.green { background-image: url("../images/dropcap_styles_green.png"); } .dropcap1.rosy { background-image: url("../images/dropcap_styles_rosy.png"); } .dropcap2 { width: 38px; height: 44px; padding: 0 2px 0 0; margin: 0 8px -4px 0; font-size: 28px; line-height: 44px; color: #fff; background: url("../images/dropcap_styles_black.png") no-repeat scroll -52px 2px transparent; } .dropcap2.black { background-image: url("../images/dropcap_styles_black.png"); } .dropcap2.gray { background-image: url("../images/dropcap_styles_gray.png"); } .dropcap2.red { background-image: url("../images/dropcap_styles_red.png"); } .dropcap2.orange { background-image: url("../images/dropcap_styles_orange.png"); } .dropcap2.magenta { background-image: url("../images/dropcap_styles_magenta.png"); } .dropcap2.yellow { background-image: url("../images/dropcap_styles_yellow.png"); } .dropcap2.blue { background-image: url("../images/dropcap_styles_blue.png"); } .dropcap2.pink { background-image: url("../images/dropcap_styles_pink.png"); } .dropcap2.green { background-image: url("../images/dropcap_styles_green.png"); } .dropcap2.rosy { background-image: url("../images/dropcap_styles_rosy.png"); } .dropcap3 { width: 44px; height: 44px; margin: 0 0 -4px 0; font-size: 40px; line-height: 40px; } .dropcap4 { width: 44px; height: 44px; margin: 0 0 -4px 0; font-size: 36px; line-height: 40px; } .dropcap3.black, .dropcap4.black { color: #333; } .dropcap3.gray, .dropcap4.gray { color: #666; } .dropcap3.red, .dropcap4.red { color: #e62727; } .dropcap3.orange, .dropcap4.orange { color: #ff5c00; } .dropcap3.magenta, .dropcap4.magenta { color: #a9014b; } .dropcap3.yellow, .dropcap4.yellow { color: #ffb515; } .dropcap3.blue, .dropcap4.blue { color: #00adee; } .dropcap3.pink, .dropcap4.pink { color: #e22092; } .dropcap3.green, .dropcap4.green { color: #91bd09; } .dropcap3.rosy, .dropcap4.rosy { color: #f16c7c; } /** fix cufon position **/ .dropcap1 .cufon-canvas { margin-top: -4px; } .dropcap2 .cufon-canvas { margin-top: -2px; } .dropcap3 .cufon-canvas { margin-top: -4px; } /* list style ---------------------------------------------------------- */ ul.list1, ul.list2, ul.list3, ul.list4, ul.list5, ul.list6, ul.list7, ul.list8, ul.list9, ul.list10, ul.list11, ul.list12, [class^="list_"], [class*=" list_"] { margin-left: 5px; list-style-type: none; } ul.list1 li, ul.list2 li, ul.list3 li, ul.list4 li, ul.list5 li, ul.list6 li, ul.list7 li, ul.list8 li, ul.list9 li, ul.list10 li, ul.list11 li, ul.list12 li, [class^="list_"] li, [class*=" list_"] li { margin: 4px 0; } [class^="list_"] h3, [class*=" list_"] h3, [class^="list_"] h4, [class*=" list_"] h4, [class^="list_"] h5, [class*=" list_"] h5, [class^="list_"] h6, [class*=" list_"] h6 { display: inline; } ul.list1 li:before, ul.list2 li:before, ul.list3 li:before, ul.list4 li:before, ul.list5 li:before, ul.list6 li:before, ul.list7 li:before, ul.list8 li:before, ul.list9 li:before, ul.list10 li:before, ul.list11 li:before, ul.list12 li:before, [class^="list_"] li:before, [class*=" list_"] li:before { margin: 0 8px; font-family: 'strikingr'; font-style: normal; font-weight: normal; font-variant: normal; text-decoration: none; text-transform: none; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } ul.list_outside li { padding-left: 20px; } ul.list_outside li:before { position: absolute; left: 0; margin: 0 4px; } ul.list1 li:before, ul.list_circle li:before { content: "\e636"; } ul.list2 li:before, ul.list_check li:before { content: "\e62c"; } ul.list3 li:before, ul.list_check-square-d li:before { content: "\e632"; } ul.list4 li:before, ul.list_check_circle-o li:before { content: "\e62f"; } ul.list5 li:before, ul.list_play li:before { content: "\e62b"; } ul.list6 li:before, ul.list_star li:before { content: "\e61b"; } ul.list7 li:before, ul.list_thumbs-up li:before { content: "\e613"; } ul.list8 li:before, ul.list_heart li:before { content: "\e611"; } ul.list9 li:before, ul.list_medal li:before { content: "\e61d"; } ul.list10 li:before, ul.list_flag li:before { content: "\e61c"; } ul.list11 li:before, ul.list_help li:before { content: "\e618"; } ul.list12 li:before, ul.list_comment-s li:before { content: "\e610"; } ul.list_user li:before { content: "\e600"; } ul.list_tag li:before { content: "\e601"; } ul.list_phone li:before { content: "\e602"; } ul.list_cellphone li:before { content: "\e648"; } ul.list_fax li:before { content: "\e646"; } ul.list_multiuser li:before { content: "\e603"; } ul.list_link li:before { content: "\e604"; } ul.list_id li:before { content: "\e605"; } ul.list_home li:before { content: "\e606"; } ul.list_globe li:before { content: "\e607"; } ul.list_email li:before { content: "\e608"; } ul.list_download li:before { content: "\e609"; } ul.list_chain li:before { content: "\e60a"; } ul.list_calendar li:before { content: "\e60b"; } ul.list_addressbook li:before { content: "\e60c"; } ul.list_comments li:before { content: "\e60d"; } ul.list_comment li:before { content: "\e60e"; } ul.list_comment-o li:before { content: "\e60f"; } ul.list_heart-o li:before { content: "\e612"; } ul.list_thumbs-down li:before { content: "\e614"; } ul.list_key li:before { content: "\e615"; } ul.list_lightbulb li:before { content: "\e616"; } ul.list_eye li:before { content: "\e617"; } ul.list_marker li:before { content: "\e619"; } ul.list_gift li:before { content: "\e61a"; } ul.list_clock li:before { content: "\e61e"; } ul.list_cart li:before { content: "\e61f"; } ul.list_trash li:before { content: "\e620"; } ul.list_cog li:before { content: "\e621"; } ul.list_ban li:before { content: "\e622"; } ul.list_times li:before { content: "\e623"; } ul.list_pencil li:before { content: "\e624"; } ul.list_note li:before { content: "\e625"; } ul.list_book li:before { content: "\e626"; } ul.list_gallery li:before { content: "\e627"; } ul.list_picture li:before { content: "\e628"; } ul.list_movie li:before { content: "\e629"; } ul.list_music li:before { content: "\e62a"; } ul.list_check-b li:before { content: "\e62d"; } ul.list_check-circle li:before { content: "\e62e"; } ul.list_check-circle-o li:before { content: "\e62f"; } ul.list_check-circle-d li:before { content: "\e630"; } ul.list_check-square li:before { content: "\e631"; } ul.list_arrow li:before { content: "\e633"; } ul.list_arrow-circle li:before { content: "\e634"; } ul.list_arrow-circle-o li:before { content: "\e635"; } ul.list_info li:before { content: "\e637"; } ul.list_info-o li:before { content: "\e638"; } ul.list_question li:before { content: "\e639"; } ul.list_question-o li:before { content: "\e63a"; } ul.list_exclamation li:before { content: "\e63b"; } ul.list_exclamation-triangle li:before { content: "\e63c"; } ul.list_exclamation-circle li:before { content: "\e63d"; } ul.list_mobile li:before { content: "\e63e"; } ul.list_tablet li:before { content: "\e63f"; } ul.list_desktop li:before { content: "\e640"; } /* colors */ ul.list_color_black li:before { color: #333; } ul.list_color_gray li:before { color: #666; } ul.list_color_red li:before { color: #e62727; } ul.list_color_orange li:before { color: #ff5c00; } ul.list_color_magenta li:before { color: #a9014b; } ul.list_color_yellow li:before { color: #ffb515; } ul.list_color_blue li:before { color: #00adee; } ul.list_color_pink li:before { color: #e22092; } ul.list_color_green li:before { color: #91bd09; } ul.list_color_rosy li:before { color: #f16c7c; } /* Text with icons ---------------------------------------------------------- */ [class^="icon_"]:before, [class*=" icon_"]:before { margin: 0 .5em; font-family: 'strikingr'; font-style: normal; font-weight: normal; font-variant: normal; text-decoration: none; text-transform: none; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } a [class^="icon-"], a [class*=" icon-"] { cursor: pointer; } .icon_user:before { content: "\e600"; } .icon_tag:before { content: "\e601"; } .icon_phone:before { content: "\e602"; } .icon_cellphone:before { content: "\e648"; } .icon_fax:before { content: "\e646"; } .icon_multiuser:before { content: "\e603"; } .icon_link:before { content: "\e604"; } .icon_id:before { content: "\e605"; } .icon_home:before { content: "\e606"; } .icon_globe:before { content: "\e607"; } .icon_email:before { content: "\e608"; } .icon_download:before { content: "\e609"; } .icon_chain:before { content: "\e60a"; } .icon_calendar:before { content: "\e60b"; } .icon_addressbook:before { content: "\e60c"; } .icon_comments:before { content: "\e60d"; } .icon_comment:before { content: "\e60e"; } .icon_comment-o:before { content: "\e60f"; } .icon_comment-s:before { content: "\e610"; } .icon_heart:before { content: "\e611"; } .icon_heart-o:before { content: "\e612"; } .icon_thumbs-up:before { content: "\e613"; } .icon_thumbs-down:before { content: "\e614"; } .icon_key:before { content: "\e615"; } .icon_lightbulb:before { content: "\e616"; } .icon_eye:before { content: "\e617"; } .icon_help:before { content: "\e618"; } .icon_marker:before { content: "\e619"; } .icon_gift:before { content: "\e61a"; } .icon_star:before { content: "\e61b"; } .icon_flag:before { content: "\e61c"; } .icon_medal:before { content: "\e61d"; } .icon_clock:before { content: "\e61e"; } .icon_cart:before { content: "\e61f"; } .icon_trash:before { content: "\e620"; } .icon_cog:before { content: "\e621"; } .icon_ban:before { content: "\e622"; } .icon_times:before { content: "\e623"; } .icon_pencil:before { content: "\e624"; } .icon_note:before { content: "\e625"; } .icon_book:before { content: "\e626"; } .icon_gallery:before { content: "\e627"; } .icon_picture:before { content: "\e628"; } .icon_movie:before { content: "\e629"; } .icon_music:before { content: "\e62a"; } .icon_play:before { content: "\e62b"; } .icon_check:before { content: "\e62c"; } .icon_check-b:before { content: "\e62d"; } .icon_check-circle:before { content: "\e62e"; } .icon_check-circle-o:before { content: "\e62f"; } .icon_check-circle-d:before { content: "\e630"; } .icon_check-square:before { content: "\e631"; } .icon_check-square-d:before { content: "\e632"; } .icon_arrow:before { content: "\e633"; } .icon_arrow-circle:before { content: "\e634"; } .icon_arrow-circle-o:before { content: "\e635"; } .icon_circle:before { content: "\e636"; } .icon_info:before { content: "\e637"; } .icon_info-o:before { content: "\e638"; } .icon_question:before { content: "\e639"; } .icon_question-o:before { content: "\e63a"; } .icon_exclamation:before { content: "\e63b"; } .icon_exclamation-triangle:before { content: "\e63c"; } .icon_exclamation-circle:before { content: "\e63d"; } .icon_mobile:before { content: "\e63e"; } .icon_tablet:before { content: "\e63f"; } .icon_desktop:before { content: "\e640"; } /*icon color*/ .icon_text.default:before { color: #333; } .icon_text.black:before { color: #333; } .icon_text.gray:before { color: #666; } .icon_text.red:before { color: #e62727; } .icon_text.orange:before { color: #ff5c00; } .icon_text.magenta:before { color: #a9014b; } .icon_text.yellow:before { color: #ffb515; } .icon_text.blue:before { color: #00adee; } .icon_text.pink:before { color: #e22092; } .icon_text.green:before { color: #91bd09; } .icon_text.rosy:before { color: #f16c7c; } /* Table ---------------------------------------------------------- */ .table_style { max-width: 100%; margin-bottom: 20px; /*border: 1px solid #e5e5e5;*/ } .table_style table { position: relative; display: table; width: 100%; padding: 0; margin: 0; text-align: left; border-collapse: collapse; border: 1px solid #e5e5e5; } .table_style th { padding: 13px 12px 12px; font-weight: normal; color: #444; text-align: center; background-color: #fafafa; border-bottom: 1px solid #e5e5e5; } .table_style tbody { background: #fff; } .table_style td { padding: 12px; color: #777; text-align: center; border-top: 1px solid #e5e5e5; } .table_style tbody tr:hover td { color: #333; background: rgba(225,225,225,.02); } .table_style tfoot { background-color: #fafafa; } .table_style tfoot td { padding: 8px; } /* code & pre ---------------------------------------------------------- */ .code, .pre { padding: 10px; overflow: auto; line-height: 21px; white-space: pre-wrap; /* CSS3 browsers */ white-space: -moz-pre-wrap !important; /* 1999+ Mozilla */ white-space: -pre-wrap; /* Opera 4 thru 6 */ white-space: -o-pre-wrap; /* Opera 7 and up */ background: #fff; border: 1px solid #e5e5e5; } .code { padding: 20px 10px; margin-top: 10px; background: url("../images/code_bg.png") repeat scroll 0 0 transparent; } .toggle_content .code { margin-top: 0; margin-left: -15px; } /* milestone ---------------------------------------------------------- */ .milestone { margin: 10px 0 20px; text-align: center; } .milestone_number { font-size: 68px; line-height: 72px; } .milestone_subject { font-size: 14px; } /* sizes */ .milestone_small .milestone_number { font-size: 50px; line-height: 54px; } .milestone_large .milestone_number { font-size: 80px; line-height: 84px; } .milestone_large .milestone_subject { font-size: 16px; } /* milestone_icon */ .milestone_icon { overflow: hidden; clear: both; text-align: left; } .milestone_icon i { float: left; margin: 5px 0; } .milestone_icon i:before { margin: 0; font-size: 76px; } .milestone_icon .milestone_subject { font-size: 18px; line-height: 1.2; } .milestone_icon .milestone_number, .milestone_icon .milestone_subject { margin-left: 92px; } .milestone_icon .milestone_number { font-size: 60px; line-height: 64px; } .milestone_icon.milestone_small i:before { font-size: 58px; } .milestone_icon.milestone_small .milestone_subject { font-size: 16px; } .milestone_icon.milestone_small .milestone_number, .milestone_icon.milestone_small .milestone_subject { margin-left: 72px; } .milestone_icon.milestone_small .milestone_number { font-size: 44px; line-height: 48px; } .milestone_icon.milestone_large i:before { font-size: 86px; } .milestone_icon.milestone_large .milestone_subject { font-size: 18px; } .milestone_icon.milestone_large .milestone_number, .milestone_icon.milestone_large .milestone_subject { margin-left: 108px; } .milestone_icon.milestone_large .milestone_number { font-size: 70px; line-height: 74px; } /* ======================================================= */ /* Icons */ /* ======================================================= */ [class^="icon-"], [class*=" icon-"] { display: inline-block; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* makes the font 33% larger relative to the icon container */ .icon-large { font-size: 1.3333333333333333em; line-height: .75em; vertical-align: -15%; } .icon-2x { font-size: 2em; } .icon-3x { font-size: 3em; } .icon-4x { font-size: 4em; } .icon-5x { font-size: 5em; } .icon-6x { font-size: 6em; } [class^="icon-"].icon-fixed-width, [class*=" icon-"].icon-fixed-width { width: 1.2857142857142858em; text-align: center; } .icons-ul { padding-left: 0; margin-left: 2.142857142857143em; list-style-type: none; } .icons-ul > li { position: relative; } .icons-ul .icon-li { position: absolute; top: .14285714285714285em; left: -2.142857142857143em; width: 2.142857142857143em; text-align: center; } [class^="icon-"].hide, [class*=" icon-"].hide { display: none; } .icon-muted { color: #eee; } .icon-light { color: #fff; } .icon-dark { color: #333; } .icon-border { padding: .2em .25em .15em; border: solid .08em #e5e5e5; border-radius: .1em; } .icon-round { padding: .25em; border: solid .08em #e5e5e5; border-radius: 1em; } .icon-hover { background-color: #fafafa; } .icon-hover:hover { color: #fff; background-color: #3cabce; } .pull-right { float: right; } .pull-left { float: left; } [class^="icon-"].pull-left, [class*=" icon-"].pull-left { margin-right: .3em; } [class^="icon-"].pull-right, [class*=" icon-"].pull-right { margin-left: .3em; } .icon-spin { -webkit-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; animation: spin 2s infinite linear; } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); } } @-o-keyframes spin { 0% { -o-transform: rotate(0deg); } 100% { -o-transform: rotate(359deg); } } @-ms-keyframes spin { 0% { -ms-transform: rotate(0deg); } 100% { -ms-transform: rotate(359deg); } } @keyframes spin { 0% { -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } .icon-rotate-90 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .icon-rotate-180 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .icon-rotate-270 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); } .icon-flip-horizontal { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1); -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); -o-transform: scale(-1, 1); transform: scale(-1, 1); } .icon-flip-vertical { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1); -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); -o-transform: scale(1, -1); transform: scale(1, -1); } .icon-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .icon-stack-1x, .icon-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } .icon-stack-1x { line-height: inherit; } .icon-stack-2x { font-size: 2em; } .icon-inverse { color: #fff; } /* ======================================================= */ /* Boxes Styles */ /* ======================================================= */ /* Messages ---------------------------------------------------------- */ .info, .error, .notice, .success { margin-bottom: 20px; border: 1px solid #bbb; border-radius: 1px; } .message_box_content h3 { margin-bottom: 0; } .message_box_content { padding: 10px; padding-bottom: 0; border: 1px solid #fff; border-color: rgba(255, 255, 255, .8); } .message_box_content:before, .message_box_content:after { display: table; content: " "; } .message_box_content:after { clear: both; } .message_box_space { width: 100%; height: 0; margin-top: 10px; overflow: hidden; clear: both; font-size: 0; line-height: 0; } .info { color: #5e6984; background: #d7e7f5; border-color: #aacee6; } .error { color: #a14a40; background: #fde9ea; border-color: #fdced0; } .notice { color: #736b4c; background: #fff9cc; border-color: #ffdb4f; } .success { color: #466840; background: #e2f2ce; border-color: #bfe098; } .info a { color: #5e6984 !important; } .error a { color: #a14a40 !important; } .notice a { color: #736b4c !important; } .success a { color: #466840 !important; } .error_msg { margin-top: -20px; margin-bottom: 20px; color: #684c4c; background: none repeat scroll 0 0 #fff3f3; border: 1px solid #fcbec0; border-top: 0 none; } .error_msg ul, .error_msg ol { margin-bottom: 0; } /* Framed box ---------------------------------------------------------- */ .framed_box { max-width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 20px; overflow: hidden; border: 1px solid #ddd; border: 1px solid rgba(0, 0, 0, .1); border-radius: 1px; } .rounded.framed_box { border-radius: 6px; } .framed_box.center { text-align: center; } .framed_box.alignleft { margin-right: 1em; } .framed_box.alignright { margin-left: 1em; } .framed_box_content { padding: 20px; padding-bottom: 0; background-color: #f5f5f5; background-color: rgba(245,245,245,.6); border: 1px solid rgba(255, 255, 255, .1); } .framed_box_content:before, .framed_box_content:after { display: table; content: " "; } .framed_box_content:after { clear: both; } .framed_box_space { width: 100%; height: 0; margin-top: 20px; overflow: hidden; clear: both; font-size: 0; line-height: 0; } /* content box ---------------------------------------------------------- */ .content_box { max-width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 20px; overflow: hidden; border: 1px solid #ddd; border: 1px solid rgba(0, 0, 0, .1); border-radius: 1px; } .content_box.center { text-align: center; } .content_box.alignleft { margin-right: 1em; } .content_box.alignright { margin-right: 1em; } .content_box_title { display: block; padding: 10px 20px; font-size: 16px; background-color: #f5f5f5; background-color: rgba(245,245,245,.6); border-bottom: 1px solid #ddd; border-bottom: 1px solid rgba(0, 0, 0, .1); } .content_box_title i { margin: 0 .4em 0 0; } .content_box_content { padding: 20px; padding-bottom: 0; } .content_box_content:before, .content_box_content:after { display: table; content: " "; } .content_box_content:after { clear: both; } .content_box_space { width: 100%; height: 0; margin-top: 20px; overflow: hidden; clear: both; font-size: 0; line-height: 0; } .rounded .content_box_content { border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; -webkit-border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomright: 6px; -moz-border-radius-bottomleft: 6px; } .rounded .content_box_title { border-top-left-radius: 6px; border-top-right-radius: 6px; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; } .rounded { border-radius: 6px; } /* Note box ---------------------------------------------------------- */ .note { max-width: 100%; margin-bottom: 20px; background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,0,.1)), to(rgba(238,238,0,.08))); background: -webkit-linear-gradient(top, rgba(255,255,0,.1) 0%, rgba(238,238,0,.08) 100%); background: -o-linear-gradient(top, rgba(255,255,0,.1) 0%, rgba(238,238,0,.08) 100%); background: linear-gradient(to bottom, rgba(255,255,0,.1) 0%,rgba(238,238,0,.08) 100%); background-color: #fefdf0; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1affff00', endColorstr='#14eeee00',GradientType=0 ); /* IE6-8 */ border: 1px solid #eee; border: 1px solid rgba(0, 0, 0, .08); border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .05); box-shadow: 0 1px 3px rgba(0, 0, 0, .05); } .note_title { padding: 15px 20px 5px 16px; margin: 0; } .note.alignleft { margin: 2px 16px 16px 2px !important; } .note.alignright { margin: 2px 2px 16px 16px !important; } .note_content { padding: 0 15px 20px; } /* Icon Box ---------------------------------------------------------- */ .iconbox { display: block; margin-top: 20px; margin-bottom: 20px; } .iconbox_icon { line-height: 1; } /* iconbox_inline */ .iconbox_inline .iconbox_icon { float: left; } .iconbox_inline.iconbox_small .iconbox_icon i { margin-right: .6em; font-size: 1.8em; } .iconbox_inline .iconbox_icon i { margin-right: .5em; font-size: 3em; } .iconbox_inline.iconbox_large .iconbox_icon i { margin-right: .4em; font-size: 4.5em; } /* iconbox_left */ .iconbox_left { overflow: hidden; } .iconbox_left .iconbox_icon { float: left; } .iconbox_left .iconbox_content { overflow: hidden; } .iconbox_left.iconbox_small .iconbox_icon i { margin-right: .6em; font-size: 3em; } .iconbox_left .iconbox_icon i { margin-right: .5em; font-size: 4em; } .iconbox_left.iconbox_large .iconbox_icon i { margin-right: .4em; font-size: 5em; } /* iconbox_center */ .iconbox_center { text-align: center; } .iconbox_center.iconbox_small .iconbox_icon i { font-size: 4em; } .iconbox_center .iconbox_icon i { margin-top: .25em; margin-bottom: .25em; font-size: 6em; } .iconbox_center.iconbox_large .iconbox_icon i { font-size: 8em; } /* Process steps ---------------------------------------------------------- */ .process_steps { margin-top: 40px; margin-bottom: 40px; } .process_steps ul { position: relative; padding: 0; margin: 0; list-style: none; } .process_steps li { position: relative; padding: 0; margin: 0; } .process_steps li:before { position: absolute; display: inline-block; content: ""; border-color: #e5e5e5; border-style: dashed; border-width: 0; } .process_steps li:last-child:before { display: none; } .process_step_icon { position: relative; width: 100px; height: 100px; line-height: 100px; text-align: center; background-color: white; border: 3px solid #e5e5e5; border-radius: 100%; } .process_step_icon i { font-size: 44px; color: #bbb; vertical-align: middle; /*cursor: default;*/ } .process_step_icon:hover { background-color: #3cabce; } .process_step_icon:hover i { color: #fff; } .process_step_icon .icon_image { display: table-cell; margin: auto; vertical-align: middle; } /* sizes */ .process_steps_small .process_step_icon { width: 80px; height: 80px; line-height: 80px; } .process_steps_small .process_step_icon i { font-size: 40px; } .process_steps_large .process_step_icon { width: 114px; height: 114px; line-height: 114px; } .process_steps_large .process_step_icon i { font-size: 50px; } /* vertical */ .process_steps_vertical li { padding: 0 0 60px 0; overflow: hidden; clear: both; } .process_steps_vertical li:last-child { padding-bottom: 0; } .process_steps_vertical li:before { top: 0; left: 53px; width: 0; height: 100%; border-left-width: 1px; } .process_steps_vertical .process_step_icon { display: inline-block; float: left; } .process_steps_vertical .process_step_detail { padding-left: 30px; overflow: hidden; } .process_steps_vertical.process_steps_small li:before { left: 43px; } .process_steps_vertical.process_steps_large li:before { left: 60px; } /* horizontal */ .process_steps_horizontal ul { overflow: hidden; clear: both; } .process_steps_horizontal li:before { top: 50px; left: 50%; width: 100%; height: 0; border-top-width: 1px; } .process_steps_horizontal.process_steps_small li:before { top: 40px; } .process_steps_horizontal.process_steps_large li:before { top: 60px; } .process_steps_horizontal li { float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 10px; padding-left: 10px; text-align: center; -ms-box-sizing: border-box; } .process_steps_horizontal .process_step_icon { display: block; margin: 0 auto 30px; } .process_steps_horizontal.process_steps_2 li { width: 50%; } .process_steps_horizontal.process_steps_3 li { width: 33.3%; } .process_steps_horizontal.process_steps_4 li { width: 25%; } .process_steps_horizontal.process_steps_5 li { width: 20%; } /* slogan ---------------------------------------------------------- */ .slogan { margin-bottom: 20px; *zoom: 1; } .slogan:before, .slogan:after { display: table; content: ""; } .slogan:after { clear: both; } .slogan_with_button .slogan_text { float: left; } .slogan_text { font-size: 36px; line-height: 42px; } .slogan .button { float: right; } .slogan .button span { font-size: 18px; } /* sizes */ .slogan_small .slogan_text { font-size: 30px; line-height: 37px; } .slogan_small .button span { font-size: 16px; } .slogan_large .slogan_text { font-size: 40px; line-height: 46px; } .slogan_large .button span { font-size: 20px; } /* ======================================================= */ /* Media */ /* ======================================================= */ /* Video & Audio ---------------------------------------------------------- */ .video_frame { max-width: 100%; margin-bottom: 20px; font-size: 0; line-height: 100%; } .audio_frame { max-width: 100%; } .video_frame .mejs-container, .audio_frame .mejs-container, .video_frame object, .video_frame iframe, .video_frame video, .video_frame audio { max-width: 100%; } .mejs-poster img { height: 100%; } /* Picture Frame ---------------------------------------------------------- */ .picture_frame { width: 148px; height: 166px; margin-bottom: 20px; background: url("../images/picture_frame.png") no-repeat scroll 0 0 transparent; } .picture_frame img { width: 106px; height: 126px; padding: 20px 21px 20px 21px; } /* Gallery ---------------------------------------------------------- */ .gallery { display: block; margin: 0 auto; overflow: hidden; clear: both; } .gallery .gallery-row { clear: both; display: block; margin:0 -15px 25px; overflow: hidden; } .gallery .gallery-image { visibility: hidden; opacity: 0; } .gallery .gallery-image:hover{ transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); transition: transform 0.5s; -webkit-transition: transform 0.5s; -o-transition: transform 0.5s; } #gallery-about .image_frame img:hover{ transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); transition: transform 0.5s; -webkit-transition: transform 0.5s; -o-transition: transform 0.5s; } #gallery-about .image_frame .image_shadow_wrap{ overflow: hidden; } .gallery .gallery-item { float: left; padding: 0; margin: 0; overflow: hidden; text-align: center; list-style: none; } .gallery .gallery-image-wrap { position: relative; overflow: hidden; } .gallery-image-wrap { display: block; } .gallery-item dt { margin: 15px; padding: 0; overflow: hidden; } .gallery .gallery-item img, .gallery .gallery-item img.thumbnail { display: block; /*padding: 1%; max-width: 89%;*/ height: auto; margin: 0 auto; } #gallery .gallery .gallery-item img, .gallery .gallery-item img.thumbnail { display: block; height: 175px !important; margin: 0 auto; width: 210px !important; } #gallery .image_icon_zoom .image_overlay { background: none repeat scroll 0 0 #333 !important; opacity: 0.5 !important; } #gallery .gallery .gallery-image-wrap:hover .image_overlay{ opacity:1 !important; background:none !important; } .gallery-caption { color: #000000; font-family: 'Anton', sans-serif; font-size: 20px; margin: 0 15px; text-align: left; text-transform: uppercase; } #recentcomments li a{ background:none; } /* Image sizes depending on the number of columns */ .gallery .col-0 { width: 100%; } .gallery .col-1 { width: 100%; } .gallery .col-2 { width: 50%; } .gallery .col-3 { width: 33.33%; } .gallery .col-4 { width: 25%; } .gallery .col-5 { width: 20%; } .gallery .col-6 { width: 16.66%; } .gallery .col-7 { width: 14.28%; } .gallery .col-8 { width: 12.5%; } .gallery .col-9 { width: 11.11%; } .gallery .col-10 { width: 10%; } .gallery .col-11 { width: 9.09%; } .gallery .col-12 { width: 8.33%; } .gallery .col-13 { width: 7.69%; } .gallery .col-14 { width: 7.14%; } .gallery .col-15 { width: 6.66%; } .gallery .col-16 { width: 6.25%; } .gallery .col-17 { width: 5.88%; } .gallery .col-18 { width: 5.55%; } .gallery .col-19 { width: 5.26%; } .gallery .col-20 { width: 5%; } .gallery .col-21 { width: 4.76%; } .gallery .col-22 { width: 4.54%; } .gallery .col-23 { width: 4.34%; } .gallery .col-24 { width: 4.16%; } .gallery .col-25 { width: 4%; } .gallery .col-26 { width: 3.84%; } .gallery .col-27 { width: 3.7%; } .gallery .col-28 { width: 3.57%; } .gallery .col-29 { width: 3.44%; } .gallery .col-30 { width: 3.33%; } /* ======================================================= */ /* Advanced Shortcodes */ /* ======================================================= */ /* progress_bar ---------------------------------------------------------- */ .progress { height: 18px; margin-bottom: 10px; overflow: hidden; background-color: #e5e5e5; } .progress_small { height: 14px; } .progress_large { height: 22px; } .progress_radius, .progress_radius .progress-meter { border-radius: 2px; } .progress_round, .progress_round .progress-meter { border-radius: 6px; } .progress-meter { float: left; height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 3px; font-size: 12px; line-height: 1; line-height: 18px; color: #fff; text-align: right; background-color: #27acd8; -ms-box-sizing: border-box; } .progress_small .progress-meter { font-size: 10px; line-height: 14px; } .progress_large .progress-meter { font-size: 14px; line-height: 22px; } /* pie_progress ---------------------------------------------------------- */ .pie_progress_wrap { margin-bottom: 20px; } .pie_progress { width: 150px; height: 150px; margin: 0 auto; font-size: 28px; line-height: 150px; } .pie_progress_text { font-size: 22px; } .pie_progress_small .pie_progress_text { font-size: 18px; } .pie_progress_large .pie_progress_text { font-size: 28px; } .pie_progress_icon { font-size: 48px; color: #bbb; vertical-align: middle; } .pie_progress_small .pie_progress_icon { font-size: 38px; } .pie_progress_large .pie_progress_icon { font-size: 60px; } .pie_progress_small .pie_progress { width: 120px; height: 120px; font-size: 22px; line-height: 120px; } .pie_progress_large .pie_progress { width: 180px; height: 180px; font-size: 34px; line-height: 180px; } .pie_progress { position: relative; text-align: center; } .pie_progress canvas { position: absolute; top: 0; left: 0; } /* Tabs ---------------------------------------------------------- */ .tabs_container { margin-bottom: 20px; } ul.tabs { padding: 0; margin: 0; list-style: none; border-bottom: 1px solid #e5e5e5; *zoom: 1; } ul.tabs:before, ul.tabs:after { display: table; content: ""; } ul.tabs:after { clear: both; } ul.tabs li { display: inline; float: left; margin: 0 -1px 0 0; border: 1px solid #e5e5e5; border-bottom: 0; } ul.tabs a { display: block; padding: 6px 10px; font-size: 11px; font-weight: bold; line-height: 14px; color: #777; white-space: nowrap; background: #fafafa; } ul.tabs a:hover { text-decoration: none; background: #fff; } ul.tabs li a.current { margin-bottom: -1px; color: #444; cursor: default; background: #fff; border-bottom: 1px solid #fff; } .tabs_container .panes { padding: 10px 15px; margin: 0; background: #fff; border: 1px solid #e5e5e5; border-top: 0; } .tabs_container .panes > div { display: none; overflow: hidden; } .tabs_container .panes > div:first-child { display: block; } .tabs_container.tabs_inited .panes > div:first-child { display: none; } #footer ul.tabs li { padding: 0; margin: 0 0 -1px 0; } #footer ul.tabs, #footer ul.tabs li, #footer .tabs_container .panes { border-color: #999; border-color: rgba(255, 255, 255, .15); } #footer ul.tabs a { background: transparent; } #footer ul.tabs a:hover, #footer ul.tabs li a.current { background-color: transparent; } #footer ul.tabs li a.current { background-color: rgba(255, 255, 255, .1); filter: progid: DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF',EndColorStr='#19FFFFFF'); -ms-filter: "progid: DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF',EndColorStr='#19FFFFFF')"; } #footer .tabs_container .panes { padding: 10px 15px; color: inherit; background: transparent; } /* Mini Tabs ---------------------------------------------------------- */ .mini_tabs_container { margin-bottom: 20px; } ul.mini_tabs { position: relative; padding: 0; margin: 0; overflow: hidden; list-style: none; } ul.mini_tabs li { display: inline; float: left; padding: 0 0 1px; margin: 0 6px 0 0; border: 1px solid #e5e5e5; border-bottom: 0; border-top-left-radius: 1px; border-top-right-radius: 1px; } ul.mini_tabs a { display: block; padding: 0 10px; padding: 4px 10px; margin-bottom: 0; font-size: 12px; font-weight: bold; line-height: 20px; color: #777; white-space: nowrap; background: #f5f5f5; } ul.mini_tabs a:hover { text-decoration: none; } ul.mini_tabs li a.current { padding-bottom: 5px; margin-bottom: 0; color: #444; cursor: default; } .mini_tabs_container .panes { padding: 10px 0; margin: 0; margin-top: -2px; border-top: 1px solid #e5e5e5; } .mini_tabs_container .panes > div { display: none; overflow: hidden; } .mini_tabs_container .panes > div:first-child { display: block; } .mini_tabs_container.tabs_inited .panes > div:first-child { display: none; } #footer ul.mini_tabs { padding-bottom: 1px; padding-left: 0; background: url("../images/footer_list_divider.png") repeat-x scroll left bottom transparent; } #footer ul.mini_tabs li { padding: 0; border: none; } #footer ul.mini_tabs a { padding: 3px 6px 2px; background: transparent; } #footer ul.mini_tabs a:hover, #footer ul.mini_tabs li a.current { background-color: transparent; } #footer ul.mini_tabs li a.current { background-color: rgba(255, 255, 255, .1); filter: progid: DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF',EndColorStr='#19FFFFFF'); -ms-filter: "progid: DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF',EndColorStr='#19FFFFFF')"; } /* vertical Tabs ---------------------------------------------------------- */ .vertical_tabs_container { position: relative; margin-bottom: 20px; overflow: hidden; } ul.vertical_tabs { position: relative; float: left; min-width: 150px; padding: 0; margin: 0; list-style: none; _width: 150px; } ul.vertical_tabs li { padding: 0; margin: 0; } ul.vertical_tabs li:first-child { border-top: 1px solid #e5e5e5; } ul.vertical_tabs a { display: block; padding: 0 10px; padding: 4px 10px; margin-bottom: 0; font-size: 12px; font-weight: bold; line-height: 20px; color: #777; text-decoration: none; white-space: nowrap; border: 1px solid #e5e5e5; border-top: 0; border-right: 0; } ul.vertical_tabs li a.current { margin-right: -1px; color: #444; cursor: default; } .vertical_tabs_container .panes { padding: 10px; margin: 0; overflow: hidden; border: 1px solid #e5e5e5; border-radius: 0 2px 2px 2px; } .vertical_tabs_container .panes > div { display: none; overflow: hidden; } .vertical_tabs_container .panes > div:first-child { display: block; } .vertical_tabs_container.tabs_inited .panes > div:first-child { display: none; } /* Accordion ---------------------------------------------------------- */ .accordion { margin-bottom: 20px; border: 1px solid #e5e5e5; } .accordion .tab { padding: 5px 15px; margin: 0; font-size: 14px; font-weight: normal; color: #777; cursor: pointer; background-color: #fafafa; border: 1px solid #fff; border-bottom: none; border-bottom: 1px solid #e5e5e5; } /* currently active header */ .accordion .tab.current { color: #444; cursor: default; background-color: #fefefe; border-bottom-color: transparent; } /* accordion pane */ .accordion .pane { display: none; padding: 10px 15px; overflow: hidden; font-size: 12px; border-bottom: 1px solid #e5e5e5; } .accordion .tab:nth-last-child(2) { border-bottom: none; } .accordion .pane:last-child { border-bottom: none; } #footer .accordion .tab { background: transparent; border: none; } #footer .accordion .tab:nth-last-child(2) { border-bottom: none; } #footer .accordion .tab.current { background-color: rgba(255, 255, 255, .1); filter: progid: DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF',EndColorStr='#19FFFFFF'); border-bottom: none; -ms-filter: "progid: DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF',EndColorStr='#19FFFFFF')"; } #footer .accordion .pane:last-child { border-top: none; } #footer .accordion, #footer .accordion .tab, #footer .accordion .pane { border-color: #999; border-color: rgba(255, 255, 255, .15); } /* Toggle ---------------------------------------------------------- */ .toggle { position: relative; margin-bottom: 10px; } .toggle_title { padding: 5px 10px; margin: 0; font-size: 14px; line-height: 14px; cursor: pointer; } .toggle_icon { font-family: 'strikingr'; font-style: normal; font-weight: normal; font-variant: normal; text-decoration: none; text-transform: none; vertical-align: top; opacity: .6; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .toggle_icon:before { margin: 0 .6em 0 0; content: "\e641"; } .toggle_active .toggle_icon:before { content: "\e642"; } .toggle_content { display: none; padding: 10px; padding-left: 25px; margin-top: 5px; margin-left: 5px; } .toggle_right { text-align: right; } .toggle_right .toggle_icon { float: right; } .toggle_right .toggle_icon:before { margin: 0 0 0 .6em; } .toggle_right .toggle_content { padding: 10px 25px 10px 10px; margin-right: 5px; margin-left: 0; } /* Carousel ---------------------------------------------------------- */ .carousel_wrap { margin-bottom: 20px; } .carousel_heading { margin-bottom: 10px; overflow: hidden; clear: both; font-size: 16px; line-height: 1.8em; border-bottom: 1px solid #eee; } .carousel-wrap { margin: 0 auto; } .carousel-items { text-align: center; } .carousel { overflow: hidden; } .carousel > ul { position: relative; width: 9999px; padding: 0; margin: 0; overflow: hidden; list-style-type: none; } .carousel > ul > li { float: left; padding: 0; margin: 0; list-style: none; } .carousel a { display: block; font: 0/a; font-size: 0; color: transparent; background-color: transparent; } .carousel img { display: block; width: 100%; } .carousel_loading { background: url("../images/loading.gif") #f9f9f9 no-repeat 50% 50%; } .carousel_title { float: left; } .carousel_title h2 { margin-bottom: 10px; } /* nav */ .carousel_nav { float: right; } .carousel_nav_prev, .carousel_nav_next { display: inline-block; margin-left: 10px; color: #b8b8b8 !important; } .carousel_nav_prev:hover, .carousel_nav_next:hover { color: #8d8d8d !important; } .carousel_nav_prev, .carousel_nav_next { font-family: 'strikingr'; font-style: normal; font-weight: normal; font-variant: normal; text-decoration: none; text-transform: none; speak: none; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .carousel_nav_prev:before, .carousel_nav_next:before { line-height: 1; } .carousel_nav_prev:before { content: "\e64a"; } .carousel_nav_next:after { content: "\e649"; } .carousel_moving { pointer-events: none !important; } /* Masonry ---------------------------------------------------------- */ .masonry_items { display: block; padding: 0; margin: 0; margin-right: -20px; letter-spacing: -4px; /* remvoe the gap */ word-spacing: -4px; /* remvoe the gap */ list-style-type: none; } .masonry_item { position: relative; display: -moz-inline-box; /* mozilla only */ display: inline-block; /* for browsers that support display: inline-block*/ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 15px; margin: 0 20px 20px 0; letter-spacing: normal; /* remvoe the gap */ word-spacing: normal; /* remvoe the gap */ vertical-align: top; border: 1px solid #e5e5e5; } .masonry_item_image { position: relative; } .masonry_item_image_overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } .lt-ie9 .masonry_item_image_overlay:before { display: none; } .masonry_item_image_overlay:before { position: absolute; top: 50%; width: 100%; margin-top: -25px; font-family: 'strikingr'; font-size: 50px; font-style: normal; font-weight: normal; font-variant: normal; line-height: 1; color: #fff; text-align: center; text-decoration: none; text-transform: none; content: "\e617"; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .masonry_item_image_overlay:hover { filter: alpha(opacity=60); opacity: .6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; } .masonry_isotope .masonry_items, .masonry_isotope .masonry_item { margin-right: 0; } .masonry_item_title { margin-bottom: 0; } .masonry_with_title_desc .masonry_item_title { margin-bottom: 8px; } .masonry_item_desc p { margin-bottom: 0; } .masonry_item_image { margin: -16px -16px 16px; } .masonry_only_image .masonry_item_image { margin: -16px; } .masonry_item_image img { display: block; width: 100%; } .masonry_column_2 .masonry_item { width: 470px; } .masonry_column_3 .masonry_item { width: 306.5px; } .masonry_column_4 .masonry_item { width: 225px; } .masonry_column_5 .masonry_item { width: 176px; } .right_sidebar .masonry_column_2 .masonry_item, .left_sidebar .masonry_column_2 .masonry_item { width: 305px; } .right_sidebar .masonry_column_3 .masonry_item, .left_sidebar .masonry_column_3 .masonry_item { width: 196.5px; } .right_sidebar .masonry_column_4 .masonry_item, .left_sidebar .masonry_column_4 .masonry_item { width: 142.5px; } .right_sidebar .masonry_column_5 .masonry_item, .left_sidebar .masonry_column_5 .masonry_item { width: 110px; } /* Testimonials ---------------------------------------------------------- */ .testimonials { position: relative; margin-bottom: 20px; } .testimonial { overflow: hidden; } .testimonial_content { position: relative; padding: 20px 20px 20px; margin-bottom: 15px; color: #777; background-color: #fafafa; border: 1px solid #e5e5e5; border-radius: 3px; } .testimonial_content:after { position: absolute; bottom: -14px; left: 32px; width: 0; height: 0; content: ""; border-color: #e5e5e5 transparent transparent; border-style: solid; border-width: 7px; } .testimonial_author { display: inline-block; display: inline; float: left; overflow: hidden; *zoom: 1; } img.testimonial_avatar { float: left; width: 60px; height: 60px; margin-left: 10px; border-radius: 60px; } .testimonial_name { display: block; margin: 5px 10px 5px 85px; font-size: 18px; color: #333; } .testimonial_meta { display: block; margin: 5px 10px 10px 85px; font-size: 14px; color: #777; } .testimonial_nav { position: absolute; right: 0; bottom: 40px; display: inline-block; } .testimonial_previous, .testimonial_next { margin-left: 10px; font-family: 'strikingr'; font-size: 16px; font-style: normal; font-weight: normal; font-variant: normal; line-height: 1; color: #b8b8b8; text-decoration: none !important; text-transform: none; speak: none; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .testimonial_previous:hover, .testimonial_next:hover { color: #8d8d8d; } .testimonial_previous:before { content: "\e64a"; } .testimonial_next:before { content: "\e649"; } /* ======================================================= */ /* Enhance Styles */ /* ======================================================= */ .entry_frame,pre,code,.wp-caption,.tabs_container .panes,ul.mini_tabs li,.accordion,.table_style,.framed_box_content,.gravatar,.widget_posts_list .thumbnail { border-radius: 1px; } .has-shadow .entry_frame, .has-shadow pre, .has-shadow code, .has-shadow .wp-caption, .has-shadow .tabs_container .panes, .has-shadow ul.mini_tabs li, .has-shadow .accordion, .has-shadow .table_style, .has-shadow .framed_box_content, .has-shadow .gravatar, .has-shadow .widget_posts_list .thumbnail { -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .05); /* Saf3.0+, Chrome */ /* FF3.5+ */ box-shadow: 0 0 3px rgba(0, 0, 0, .05); /* Opera 10.5, IE 9.0 */ } /*Style for Revolution Slider so that frame border does not cause Scrolling issue*/ .fullwidthbanner-container { -webkit-box-sizing: padding-box; -moz-box-sizing: padding-box; box-sizing: padding-box; } /* fix rev slider bullet issue */ .bullet.last { clear: none; } .jqueryslidemenu [class^="icon-"], .button [class^="icon-"], .tabs [class^="icon-"], .mini_tabs [class^="icon-"], .tab [class^="icon-"], .menu-icon-footer { margin-right: .3em; } .slide-shortcode-wrap { max-width: 100%; margin-bottom: 1.5em; } .entry:before, .entry:after { display: table; content: ""; } .entry:after { clear: both; } .entry { margin-bottom:30px !important; } /* locnv add this */ .fullscreen-container{ width:100% !important; } .tp-bannertimer{ display:none; } #login a{ color: #747474; float: left; font-family: 'Playfair Display',serif; font-size: 15px; font-weight: normal; margin-top: 43px; position: relative; z-index: 9999; margin-right: 65px; } #login a:hover{ color:#FFFFFF; } #login_register { float: right; margin-left: 0px; position: relative; z-index: 99999; margin-top: 43px; } #login_register section.widget{ margin:0px; } #login_register .widgettitle{ display:none; } #login_register ul{ list-style-type:none; margin:0px; padding:0px; } #login_register ul li{ float:left; } #login_register ul li a{ border:none; padding: 0px; background:none; font-family: 'Playfair Display', serif; color:#747474; font-size:15px; font-weight:normal; line-height: 100%; padding: 0 8px; border-right:1px solid #747474; transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; } #login_register ul li a:hover{ color:#FFFFFF; } #login_register ul li:last-child a{ border-right:none; padding-right:0px; } /* latest update */ #block-gallery-latest{ overflow:hidden; display:block; background:url(../images/bg_update.png) right top no-repeat #FFFFFF; padding:140px 0px 50px 0px; } #latest-update{ width:60%; float:left; } ul#menu-bullet{ margin:0px; } #gallery{ width:40%; float:right; } #gallery .inner-gallery{ border:10px solid #e5d6c5; -webkit-box-shadow: 0px 0px 15px 0px rgba(229, 214, 197, 0.75); -moz-box-shadow: 0px 0px 15px 0px rgba(229, 214, 197, 0.75); box-shadow: 0px 0px 15px 0px rgba(229, 214, 197, 0.75); margin-left: 50px; } #gallery .inner-gallery section.widget,#latest-update section.widget{ margin:0px; } #latest-update ul.posts_list li:last-child a.thumbnail { float: right !important; margin: 0px 0 0 50px; } #info_recipe{ background:#efe6da; padding:38px 0 15px; overflow:hidden; } #block_info_left{ width:55%; float:left; } #block_info_video { float: right; margin: 0px; list-style: none; margin-top: 16px; } .text_desc{ color:#666666; line-height:28px; } .image_info_recipe{ float:right; margin-top: 28px; } #block_info_left h3{ padding:23px 0 0; margin:0px; } #block_info_left h3 p{ color: #000000; display: block; font-family: 'Anton', sans-serif; font-size: 18px; padding-bottom: 20px; margin-bottom: 0px; } .video_recipe { float: left; max-width: 500px; margin: 0px 0px 0px 30px; } .video_recipe img{ display:block; } .video_recipe h3 { line-height: 18px; padding-top: 10px; } #block_info_video h3{ color: #000000; display: block; font-family: 'Anton', sans-serif; font-size: 14px; text-transform: uppercase; transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; } #bottom_site{ overflow:hidden; padding:50px 0px; background:#FFFFFF; } #bottom_site .inner { max-width: 960px; } #bottom_site h3{ color: #000000; font-family: 'Anton', sans-serif; font-size: 22px; margin-top: 40px; } #bottom_site h4 { color: #000000; font-family: 'Anton', sans-serif; font-size: 16px; margin: 0; padding: 30px 0 0; text-align: center; text-transform: uppercase; } #content_bottom ul li { background: url("../images/icon_small_coffee.png") no-repeat scroll left 9px rgba(0, 0, 0, 0); color: #666666; line-height: 26px; padding-left: 20px; } #banner{ position:relative; } #banner img{ display:block; width:100%; } #banner h1 { background: url("../images/line_title_white.png") no-repeat scroll center bottom rgba(0, 0, 0, 0); bottom: 20px; color: #ffffff; font-family: 'Anton', sans-serif; font-size: 40px; font-weight: normal; margin: 0; padding-bottom: 15px; position: absolute; text-align: center; text-transform: uppercase; width: 100%; } #banner h1 a{ color:#FFFFFF; } #banner h1 ul.post-categories{ margin:0px; } #banner h1 a:hover{ color:#e27900; } .posts_list li a img{ width:90px !important; margin-top: 4px; } .posts_list li a { float: left; margin-right: 15px; margin-top: 0; } .posts_list li .post_extra_info a { color: #000000; font-family: 'Bree Serif', serif; font-size: 15px; margin: 0; padding-bottom:4px; float:none; font-style: italic; } #sidebar .posts_list li .post_extra_info a { padding-bottom:4px; } #sidebar .posts_list li{ padding:0px 0px 25px 0px; } #sidebar .posts_list li:last-child{ padding-bottom:0px; } #sidebar .posts_list li .post_extra_info p{ line-height: 23px; clear:both; } #sidebar .widgettitle { color: #000000; font-size: 20px; margin: 0; padding-bottom: 18px; } .tp-bullets{ bottom:80px !important; } .tp-bullets.simplebullets.round .bullet { cursor: pointer; float: left; height: 15px; margin-left: 4px; margin-right: 4px; margin-top: 0; position: relative; width: 15px; background: #f1dbbd; border-radius: 100%; -webkitborder-radius: 100%; } #gallery .gallery-item dt { margin: 0px; } #gallery .gallery .gallery-row{ margin:0px; } .tp-bullets.simplebullets.round .bullet:hover, .tp-bullets.simplebullets.round .bullet.selected, .tp-bullets.simplebullets.navbar .bullet:hover, .tp-bullets.simplebullets.navbar .bullet.selected{ background:#FFFFFF; } .block_about > .inner{ width:100%; max-width:100% !important; line-height: 26px; } #block_about_4 > .inner{ width:100%; max-width:100% !important; } #block_about_4 .image_styled{ float: left; width: 20% !important; } #block_about_4 .image_styled .image_frame{ height:100% !important; } #block_about_4 figure.image_styled:nth-child(2){ width: 40% !important; } #block_about_5 { clear: both; overflow: hidden; padding-bottom: 10px; padding-top: 10px; } #block_about_5 h3 { padding-top: 60px; } #block_about_5 figure.image_styled{ float:left; margin-right: 55px; } #page h3 { font-family: 'Anton', sans-serif; text-transform: uppercase; } .block_about h3{ font-size:32px; } #block_about_2 { background: none repeat scroll 0 0 #efe6da; display: block; max-height: 500px; min-height: 500px; width: 100%; } #block_about_2 h3 { padding-top:55px; } #block_about_2 figure.image_styled{ float:left; margin-right:0px; margin-top:-32px; } #block_about_3 { overflow: hidden; padding: 0px 0 40px; clear:both; } #block_about_3 h3{ padding-top:110px; } #block_about_3 p{ line-height: 30px; } #block_about_3 figure.image_styled{ float:right; margin-left:30px; } #block_about_4{ clear:both; } #block_about_1 h3{ padding-top:50px; } input.login_button { background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important; border: 2px solid #666666 !important; border-radius: 0 !important; -webkit-border-radius: 0 !important; color: #333333 !important; display: inline-block !important; font-family: 'PT Sans', sans-serif; font-size: 16px !important; font-weight: normal !important; line-height: normal; margin-top: 10px; padding: 5px 20px !important; transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; opacity:1 !important; } input.login_button:hover{ color:#e27900 !important; border-color:#e27900 !important; } input.register_button{ background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important; border: 2px solid #666666 !important; border-radius: 0 !important; -webkit-border-radius: 0 !important; color: #333333 !important; display: inline-block !important; font-family: 'PT Sans', sans-serif; font-size: 16px !important; font-weight: normal !important; line-height: normal; margin-top: 10px; padding: 5px 20px !important; transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; opacity:1 !important; } input.register_button:hover{ color:#e27900 !important; border-color:#e27900 !important; } /* for menu */ .menu_category { margin: 0 0 60px; overflow: hidden; } .menu_manager .menu_category:last-child{ margin-bottom:0px; } .menu_category h2 { color: #ffffff; font-family: 'Anton', sans-serif; font-size: 40px; font-weight: normal; margin: 0; padding-bottom: 15px; text-transform: uppercase; } .menu_category .main-column-left{ width:47%; float:left; } .menu_category .two_column_bootstrap{ width:47%; float:right; } .menu_item_info h3 { display: inline-block; font-family: 'Anton', sans-serif; font-size: 15px; font-weight: normal; margin-bottom: 5px; padding-top: 20px; text-transform: uppercase; } .wprmm_menu .menu_manager p { width: 85%; font-size: 13px; } .wprmm_menu .menu_category img.menu_thumb { float: left; margin-left: 0; max-width: 100px; margin-right:25px; } .menu_item_info{ clear:both; margin-bottom:5px; } #wprmm_menu_7 .menu_manager .menu_category, #wprmm_menu_2 .menu_manager .menu_category, #wprmm_menu_3 .menu_manager .menu_category, #wprmm_menu_4 .menu_manager .menu_category, #wprmm_menu_5 .menu_manager .menu_category, #wprmm_menu_6 .menu_manager .menu_category{ margin-bottom:0px; } .menu_item_info a{ } .wprmm_menu .menu_price { color: #000000 !important; display: block; float: right; font-family: 'PT Sans', sans-serif; font-size: 15px; font-style: italic; font-weight: 400; line-height: 20px; padding-top: 17px; } .menu_manager .menu_category:nth-child(2) .main-column-left { float:right; } .menu_manager .menu_category:nth-child(2) .two_column_bootstrap{ float:left; } .menu_manager .menu_category:nth-child(4) .main-column-left { float:right; } .menu_manager .menu_category:nth-child(4) .two_column_bootstrap{ float:left; } .menu_manager .menu_category:nth-child(6) .main-column-left { float:right; } .menu_manager .menu_category:nth-child(6) .two_column_bootstrap{ float:left; } .menu_manager .menu_category:nth-child(6){ margin-bottom:0px; } .wprmm_print{ display:none; } #sidebar_content .gallery-item dt { margin: 4px; padding: 0; } #sidebar_content .gallery .gallery-row{ margin: 0 -4px; } .ubermenu .ubermenu-autocolumn, .ubermenu .ubermenu-submenu-type-stack{ padding-top:0px; padding-bottom:0px; } .ubermenu-bound .ubermenu-submenu-type-mega { padding: 7px 0px 10px 0px; } .ubermenu-bound .ubermenu-submenu-type-mega li a:hover{ color:#e27900; } .hentry .fb-login-container{ display:none; } .ubermenu-main .ubermenu-submenu.ubermenu-submenu-drop, .ubermenu .ubermenu-item .ubermenu-submenu-drop{ box-shadow:none; -webkit-box-shadow:none; } .home #feature > div{ height:100% !important; } /* custom responsive */ @media (min-width: 980px) and (max-width: 1199px) { .home #page{ padding:0px; } #background-about { margin: 47px 0; max-width: 100%; position: absolute; right: 0; top: 10px; width: 480px; } .inner{ max-width:980px; } #latest-update { width: 55%; } #gallery { width: 45%; } #gallery .inner-gallery{ margin-left:30px; } #block_info_video { width: 45%; } .video_recipe { float: left; margin: 0 0 0 20px; max-width: 210px; } #block_info_video li.video_recipe:first-child{ margin-left:0px; } } @media (min-width: 768px) and (max-width: 979px) { #background-about{ display:none; } body .inner { width: 735px; } .content-home { float: none; font-size: 15px; line-height: 26px; max-width: 100%; padding-top: 0; text-align: center; } .home #page{ padding-bottom:0px; } #menu{ min-height:100%; } .menu1{ left:10px; } .menu2 { right: 310px; top: 200px; } .menu3 { bottom: 40px; left: 30px; } .menu4 { bottom: 40px; right: 20px; } .menu5 { left: 205px; top: 80px; } .menu6 { right: 75px; top: 55px; } #latest-update { float: none; width: auto; } #gallery { float: none; width: auto; } #gallery .inner-gallery{ margin-left:0px; } #gallery .gallery .gallery-item img{ width:100% !important; } #latest-update .posts_list li { margin-bottom: 20px; padding: 0 0 20px; } #block_info_left { float: none; width: auto; } #block_info_video { clear: both; float: none; text-align: center; } .video_recipe { display: inline-block; float: none; margin: 0px 15px; max-width: 232px; } #footer .inner .one_fourth:nth-child(2){ margin-right:0px; } #footer .inner .one_fourth:nth-child(3) { clear: both; } #footer .one_fourth { width: 48.722%; margin-bottom: 30px; } #block_about_2 figure.image_styled { display: none; float: none; margin: 0; text-align: center; } #block_about_2 { max-height: 100%; min-height: 100%; padding-bottom: 40px; } #block_about_3 figure.image_styled { width: 397px !important; } #block_about_3 h3 { padding-top: 0; } #block_about_5 figure.image_styled { width: 350px !important; } #block_about_5 { padding-bottom: 0; padding-top: 10px; } #banner h1{ display:none; } .menu_category .main-column-left { float: none !important; text-align: center; width: auto !important; } .wprmm_menu .menu_manager p { width: auto !important; } .menu_category .two_column_bootstrap { float: none !important; width: auto !important; } .menu_manager .menu_category:nth-child(2) .main-column-left { float: none; } .tp-bullets { bottom: 30px !important; } #menu .inner{ max-width:640px; } .menu1.active{ left:-58px; } .menu2.active { left: 200px; right: auto; top: 130px; } .menu3.active{ bottom:-25px; } .menu4.active { bottom: -10px; right: -50px; } .menu5.active { left: 130px; top: -18px; } .menu6.active { right: 0px; top: -37px; } /*submenu */ nav.ubermenu ul.ubermenu-nav{ background:#EBEBEB; padding-bottom:10px; padding-top:5px; box-shadow:none; -webkit-box-shadow:none; } nav.ubermenu ul.ubermenu-nav li a{ padding-top:7px; padding-bottom:7px; color:#000000 !important; } nav.ubermenu ul.ubermenu-nav li a:hover{ color:#ff8b00 !important; } .tp-bullets.hidebullets { opacity: 1 !important; } .tp-rightarrow,.tp-leftarrow{ display:none !important; } .ubermenu-responsive-toggle.ubermenu-responsive-toggle-main { background: url("../images/icon_menu.png") no-repeat scroll center center #ffffff !important; color: #ffffff; display: block; height: 17px; padding: 16px 24px; text-indent: -9999px; width: 22px; margin-top:10px; } } @media (max-width:767px){ .ubermenu-responsive-toggle.ubermenu-responsive-toggle-main { background: url("../images/icon_menu.png") no-repeat scroll center center #ffffff !important; color: #ffffff; display: block; height: 17px; padding: 16px 24px; text-indent: -9999px; width: 22px; margin-top:30px; } #login a{ margin-right:27px; margin-top:36px; } #logo, #logo_text{ margin:0px !important; } #login_register{ margin-top:40px; } #background-about{ display:none; } .content-home { float: none; max-width: 100%; padding-top:0px; } .home #page { padding: 40px 0 0px; } #banner h1{ display:none; } #menu{ min-height:100%; max-height:100%; } #latest-update { float: none; width: auto; } #gallery { float: none; width: auto; } #gallery .inner-gallery{ margin-left:0px; } #block_info_left { float: none; width: auto; } #block_info_left h3 { margin: 0; padding: 0px 0 0; } #block_info_video{ float:none; } .video_recipe { display: inline-block; float: none; margin: 0 15px; max-width: 42%; } .alignleft { float: none; margin: 0px auto !important; } #footer .widget { margin-bottom: 30px; } #latest-update .posts_list li { margin-bottom: 30px; padding: 0 0 20px; } #latest-update .posts_list li:last-child { margin-bottom: 30px; padding-top: 20px; } #gallery .gallery .gallery-item img { height: 100% !important; width: 100% !important; } #bottom_site h4 { padding: 15px 0 0; line-height: 23px; } /*submenu */ nav.ubermenu ul.ubermenu-nav{ background:#EBEBEB; padding-bottom:10px; padding-top:5px; box-shadow:none; -webkit-box-shadow:none; } nav.ubermenu ul.ubermenu-nav li a{ padding-top:7px; padding-bottom:7px; color:#000000 !important; } nav.ubermenu ul.ubermenu-nav li a:hover{ color:#ff8b00 !important; } .menu_category .main-column-left { float: none; width: auto; } .wprmm_menu .menu_manager p { width: auto; } .menu_category .two_column_bootstrap { float: none; width: auto; } .menu_category { margin: 0 0 20px; } } @media (min-width: 360px) and (max-width: 640px) { /* for menu */ #menu{ background:#CCCCCC; padding-bottom:40px; padding-top:40px; } #menu-bullet .menu { background: none repeat scroll 0 0 #f2d1a9; border-radius: 100%; display: block; float: none; left: 0 !important; position: relative; right: 0 !important; bottom: 0px !important; border-radius: 0px; -webkit-border-radius: 0px; top: 0px !important; margin-bottom:20px; } .theme_pane { border: 1px solid #ffffff; border-radius: 0; -webkit-border-radius: 0px; box-sizing: none; color: #ffffff; display: inline-block; font-size: 14px; margin: 3px; padding: 10px 13px 3px; text-align: left; } #menu-bullet .theme_pane h3 { background: none; cursor: pointer; display: block; height: 100%; position: relative; text-indent: 0; width: auto; z-index: 1; padding-bottom: 7px; } .theme_pane em{ display:none; } #menu-bullet .theme_pane p{ display:block; } #menu-bullet .menu.active .theme_pane .inner_pane { border: none; border-radius: 0; -webkit-border-radius: 0; display: block; height: auto; margin: 0; width: auto; } #menu-bullet .menu.active .theme_pane { height: auto; width: auto; border: 1px solid #fff; } #menu-bullet .menu.active { background: none !important; } ul#menu-bullet{ margin-bottom:0px; } #menu-bullet .menu.active .theme_pane h3 { background: none; margin-bottom: 0; padding-bottom: 0; padding-top: 0; width: auto; } #menu-bullet li.menu:last-child{ margin-bottom:0px; } #menu-bullet .menu6.active{ background:#9dccea !important; } #menu-bullet .menu5.active { background:#663727 !important; } #menu-bullet .menu4.active { background:#ff8b00 !important; } #menu-bullet .menu3.active { background:#fa7252 !important; } #menu-bullet .menu2.active { background:#cf622f !important; } #menu-bullet .menu1.active { background:#f2d1a9 !important; } #menu-bullet .menu.active .theme_pane p,#menu-bullet .menu.active .theme_pane p{ padding-left:0px !important; padding-right:0px !important; } } @media (max-width:480px){ #login a{ display:none; } #login_register{ display:none; } #logo, #logo_text { bottom: 20px; margin-left: auto; margin-right: auto; float: none; } #header > .inner { padding-top: 20px; } .image_info_recipe { float: none; text-align: center; } /* for menu */ #menu{ background:#CCCCCC; padding-bottom:40px; padding-top:40px; } #menu-bullet .menu { background: none repeat scroll 0 0 #f2d1a9; border-radius: 100%; display: block; float: none; left: 0 !important; position: relative; right: 0 !important; bottom: 0px !important; border-radius: 0px; -webkit-border-radius: 0px; top: 0px !important; margin-bottom:20px; } .theme_pane { border: 1px solid #ffffff; border-radius: 0; -webkit-border-radius: 0px; box-sizing: none; color: #ffffff; display: inline-block; font-size: 14px; margin: 3px; padding: 10px 13px 3px; text-align: left; } #menu-bullet .theme_pane h3 { background: none; cursor: pointer; display: block; height: 100%; position: relative; text-indent: 0; width: auto; z-index: 1; padding-bottom: 7px; } .theme_pane em{ display:none; } #menu-bullet .theme_pane p{ display:block; } #menu-bullet .menu.active .theme_pane .inner_pane { border: none; border-radius: 0; -webkit-border-radius: 0; display: block; height: auto; margin: 0; width: auto; } #menu-bullet .menu.active .theme_pane { height: auto; width: auto; border: 1px solid #fff; } #menu-bullet .menu.active { background: none !important; } ul#menu-bullet{ margin-bottom:0px; } #menu-bullet .menu.active .theme_pane h3 { background: none; margin-bottom: 7px; padding-bottom: 0; padding-top: 0; width: auto; } #menu-bullet li.menu:last-child{ margin-bottom:0px; } #menu-bullet .menu6.active{ background:#9dccea !important; } #menu-bullet .menu5.active { background:#663727 !important; } #menu-bullet .menu4.active { background:#ff8b00 !important; } #menu-bullet .menu3.active { background:#fa7252 !important; } #menu-bullet .menu2.active { background:#cf622f !important; } #menu-bullet .menu1.active { background:#f2d1a9 !important; } #logo a{ padding-bottom:0px; } img.site-logo { height: auto; width: 130px; } .tp-bullets { bottom: 10px !important; } #block_about_2 { max-height: 100%; min-height: 100%; padding-bottom: 20px; padding-top: 20px; } #block_about_3 { padding: 20px 0; } #block_about_5 { padding-bottom: 0; padding-top: 10px; } #page { padding: 30px 0; } .gallery .col-3 { width: 100%; } #main-menu-top { clear: both; position: relative; z-index: 2147483647; } .ubermenu-responsive-toggle.ubermenu-responsive-toggle-main { margin-top: -12px; padding: 14px 20px; } #menu-bullet .menu.active .theme_pane p,#menu-bullet .menu.active .theme_pane p{ padding-left:0px !important; padding-right:0px !important; } } @media (max-width:360px){ #latest-update .posts_list .thumbnail, #latest-update #sidebar .posts_list .thumbnail, #latest-update #footer .posts_list .thumbnail { float: none; margin: 0px 0px 20px 0px; } .video_recipe { display: block; float: none; margin: 0 0px 30px 0px; max-width: 100%; } .video_recipe img { width: 100%; } #latest-update ul.posts_list li:last-child a.thumbnail { float: none !important; margin: 0px 0px 20px 0px !important; } #header > .inner { padding-top: 14px; } } @media (max-width:320px){ #latest-update .posts_list .thumbnail, #latest-update #sidebar .posts_list .thumbnail, #latest-update #footer .posts_list .thumbnail { float: none; margin: 0px 0px 20px 0px; } .video_recipe { display: block; float: none; margin: 0 0px 30px 0px; max-width: 100%; } .video_recipe img { width: 100%; } #latest-update ul.posts_list li:last-child a.thumbnail { float: none !important; margin: 0px 0px 20px 0px !important; } body .inner { width: 274px; } .gravatar{ float:none; } .author_info { padding-left: 0; padding-top: 15px; } .tparrows{ display:none; } .menu_category { max-width: 100%; width: 100%; } }