/* |------------------------------------------------------------------------- | Be | Global style | version 7.5 | http://BeantownThemes.com | http://themeforest.net/user/BeantownThemes |-------------------------------------------------------------------------- | 1.0 Base | 2.0 Buttons | 3.0 Mfn-icons | 4.0 Shortcodes | 5.0 Variables | 6.0 Animation | 7.0 jQuery ui | 8.0 jPlayer | 9.0 Prrettyphoto | 10. simple style | 11. Bootstrap elements | */ /* |-------------------------------------------------------------------------- | 1.0 Base | |-------------------------------------------------------------------------- | | | */ /* #Reset & Basics (Inspired by E. Meyers) ================================================== */ @font-face { font-family: YekanBakhFaNum; font-style: normal; font-weight: 100; src: url("fonts/woff/YekanBakhFaNum-thin.woff") format("woff"), url("fonts/woff2/YekanBakhFaNum-thin.woff2") format("woff2"), url("fonts/ttf/YekanBakhFaNum-Thin.ttf") format("truetype"), url("fonts/otf/YekanBakhFaNum-Thin.otf") format("opentype"); } @font-face { font-family: YekanBakhFaNum; font-style: normal; font-weight: 300; src: url("fonts/woff/YekanBakhFaNum-Light.woff") format("woff"), url("fonts/woff2/YekanBakhFaNum-Light.woff2") format("woff2"), url("fonts/ttf/YekanBakhFaNum-Light.ttf") format("truetype"), url("fonts/otf/YekanBakhFaNum-Light.otf") format("opentype"); } @font-face { font-family: YekanBakhFaNum; font-style: normal; font-weight: normal; src: url("fonts/woff/YekanBakhFaNum-Regular.woff") format("woff"), url("fonts/woff2/YekanBakhFaNum-Regular.woff2") format("woff2"), url("fonts/ttf/YekanBakhFaNum-Regular.ttf") format("truetype"), url("fonts/otf/YekanBakhFaNum-Regular.otf") format("opentype"); } @font-face { font-family: YekanBakhFaNum; font-style: normal; font-weight: 600; src: url("fonts/woff/YekanBakhFaNum-SemiBold.woff") format("woff"), url("fonts/woff2/YekanBakhFaNum-SemiBold.woff2") format("woff2"), url("fonts/ttf/YekanBakhFaNum-SemiBold.ttf") format("truetype"), url("fonts/otf/YekanBakhFaNum-SemiBold.otf") format("opentype"); } @font-face { font-family: YekanBakhFaNum; font-style: normal; font-weight: bold; src: url("fonts/woff/YekanBakhFaNum-Bold.woff") format("woff"), url("fonts/woff2/YekanBakhFaNum-Bold.woff2") format("woff2"), url("fonts/ttf/YekanBakhFaNum-Bold.ttf") format("truetype"), url("fonts/otf/YekanBakhFaNum-Bold.otf") format("opentype"); } @font-face { font-family: YekanBakhFaNum; font-style: normal; font-weight: 800; src: url("fonts/woff/YekanBakhFaNum-ExtraBold.woff") format("woff"), url("fonts/woff2/YekanBakhFaNum-ExtraBold.woff2") format("woff2"), url("fonts/ttf/YekanBakhFaNum-ExtraBold.ttf") format("truetype"), url("fonts/otf/YekanBakhFaNum-ExtraBold.otf") format("opentype"); } @font-face { font-family: YekanBakhFaNum; font-style: normal; font-weight: 900; src: url("fonts/woff/YekanBakhFaNum-Black.woff") format("woff"), url("fonts/woff2/YekanBakhFaNum-Black.woff2") format("woff2"), url("fonts/ttf/YekanBakhFaNum-Black.ttf") format("truetype"), url("fonts/otf/YekanBakhFaNum-Black.otf") format("opentype"); } @font-face { font-family: YekanBakhFaNum; font-style: normal; font-weight: 950; src: url("fonts/woff/YekanBakhFaNum-ExtraBlack.woff") format("woff"), url("fonts/woff2/YekanBakhFaNum-ExtraBlack.woff2") format("woff2"), url("fonts/ttf/YekanBakhFaNum-ExtraBlack.ttf") format("truetype"), url("fonts/otf/YekanBakhFaNum-ExtraBlack.otf") format("opentype"); } @font-face { font-family: YekanBakhFaNum; font-style: normal; font-weight: normal; src: url("fonts/ttf/YekanBakhFaNum-VF.ttf") format("truetype"); } @font-face { font-family: PeydaWebFaNum; font-style: normal; font-weight: 100; src: url("fonts/woff2/PeydaWebFaNum-Thin.woff2") format("woff2"), url("fonts/woff/PeydaWebFaNum-Thin.woff") format("woff"), url("fonts/ttf/PeydaFaNum-Thin.ttf") format("truetype"); } @font-face { font-family: PeydaWebFaNum; font-style: normal; font-weight: 200; src: url("fonts/woff2/PeydaWebFaNum-ExtraLight.woff2") format("woff2"), url("fonts/woff/PeydaWebFaNum-ExtraLight.woff") format("woff"), url("fonts/ttf/PeydaFaNum-ExtraLight.ttf") format("truetype"); } @font-face { font-family: PeydaWebFaNum; font-style: normal; font-weight: 300; src: url("fonts/woff2/PeydaWebFaNum-Light.woff2") format("woff2"), url("fonts/woff/PeydaWebFaNum-Light.woff") format("woff"), url("fonts/ttf/PeydaFaNum-Light.ttf") format("truetype"); } @font-face { font-family: PeydaWebFaNum; font-style: normal; font-weight: normal; src: url("fonts/woff2/PeydaWebFaNum-Regular.woff2") format("woff2"), url("fonts/woff/PeydaWebFaNum-Regular.woff") format("woff"), url("fonts/ttf/PeydaFaNum-Regular.ttf") format("truetype"); } @font-face { font-family: PeydaWebFaNum; font-style: normal; font-weight: 500; src: url("fonts/woff2/PeydaWebFaNum-Medium.woff2") format("woff2"), url("fonts/woff/PeydaWebFaNum-Medium.woff") format("woff"), url("fonts/ttf/PeydaFaNum-Medium.ttf") format("truetype"); } @font-face { font-family: PeydaWebFaNum; font-style: normal; font-weight: 600; src: url("fonts/woff2/PeydaWebFaNum-SemiBold.woff2") format("woff2"), url("fonts/woff/PeydaWebFaNum-SemiBold.woff") format("woff"), url("fonts/ttf/PeydaFaNum-SemiBold.ttf") format("truetype"); } @font-face { font-family: PeydaWebFaNum; font-style: normal; font-weight: bold; src: url("fonts/woff2/PeydaWebFaNum-Bold.woff2") format("woff2"), url("fonts/woff/PeydaWebFaNum-Bold.woff") format("woff"), url("fonts/ttf/PeydaFaNum-Bold.ttf") format("truetype"); } @font-face { font-family: PeydaWebFaNum; font-style: normal; font-weight: 800; src: url("fonts/woff2/PeydaWebFaNum-ExtraBold.woff2") format("woff2"), url("fonts/woff/PeydaWebFaNum-ExtraBold.woff") format("woff"), url("fonts/ttf/PeydaFaNum-ExtraBold.ttf") format("truetype"); } @font-face { font-family: PeydaWebFaNum; font-style: normal; font-weight: 900; src: url("fonts/woff2/PeydaWebFaNum-Black.woff2") format("woff2"), url("fonts/woff/PeydaWebFaNum-Black.woff") format("woff"), url("fonts/ttf/PeydaFaNum-Black.ttf") format("truetype"); } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, abbr, acronym, address, big, cite, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, input [type="button"], input [type="checkbox"], input [type="color"], input [type="date"], input [type="datetime-local"], input [type="email"], input [type="file"], input [type="hidden"], input [type="image"], input [type="month"], input [type="number"], input [type="password"], input [type="radio"], input [type="range"], input [type="reset"], input [type="search"], input [type="submit"], input [type="tel"], input [type="text"], input [type="time"], input [type="url"], input [type="week"], textarea, button, select, option, optgroup, ::placeholder { direction: rtl; font-family: 'YekanBakhFaNum'; font-variation-settings: "dots" 1; letter-spacing: 0 !important; } h1, h2, h3, h4, h5, h6 { font-family: 'PeydaWebFaNum' !important; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; } table { border-collapse: collapse; border-spacing: 0; } /* #Basic Styles ================================================== */ html { height: 100%; } body { -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */ -webkit-text-size-adjust: 100%; } /* #Typography ================================================== */ h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { text-decoration: none; } h1 { margin-bottom: 15px; } h2 { margin-bottom: 15px; } h3 { margin-bottom: 15px; } h4 { margin-bottom: 15px; } h5 { margin-bottom: 15px; } h6 { margin-bottom: 15px; } p { margin: 0 0 15px; } em, i { font-style: italic; } b, strong { font-weight: 700; } big, .big { font-size: 110%; line-height: 180%; } dt { font-weight: 700; } /* #Links ================================================== */ a, a:visited, a:focus { text-decoration: none; outline: 0; } a:hover { text-decoration: underline; } p a, p a:visited { line-height: inherit; } /* #Images ================================================== */ img.scale-with-grid, #Content img { max-width: 100%; height: auto; } .google-map img { max-width: none !important; } iframe { max-width: 100%; } /* Sizes ----------------------------------------------------------------------------- */ /* .mcb-wrap */ .one-sixth.mcb-wrap { width: 16.666%; } /* 1/6 */ .one-fifth.mcb-wrap { width: 20%; } /* 1/5 */ .one-fourth.mcb-wrap { width: 25%; } /* 1/4 */ .one-third.mcb-wrap { width: 33.333%; } /* 1/3 */ .two-fifth.mcb-wrap { width: 40%; } /* 2/5 */ .one-second.mcb-wrap { width: 50%; } /* 1/2 */ .three-fifth.mcb-wrap { width: 60%; } /* 3/5 */ .two-third.mcb-wrap { width: 66.666%; } /* 2/3 */ .three-fourth.mcb-wrap { width: 75%; } /* 3/4 */ .four-fifth.mcb-wrap { width: 80%; } /* 4/5 */ .five-sixth.mcb-wrap { width: 83.333%; } /* 5/6 */ .one.mcb-wrap { width: 100%; } /* 1/1 */ /* .column */ .one-sixth.column { width: 14.666%; } /* 1/6 */ .one-fifth.column { width: 18%; } /* 1/5 */ .one-fourth.column, .four.columns { width: 23%; } /* 1/4 */ .one-third.column { width: 31.333%; } /* 1/3 */ .two-fifth.column { width: 38%; } /* 2/5 */ .one-second.column { width: 48%; } /* 1/2 */ .three-fifth.column { width: 58%; } /* 3/5 */ .two-third.column { width: 64.666%; } /* 2/3 */ .three-fourth.column { width: 73%; } /* 3/4 */ .four-fifth.column { width: 78%; } /* 4/5 */ .five-sixth.column { width: 81.333%; } /* 5/6 */ .one.column { width: 98%; } /* 1/1 */ .section.full-width > .one.column, .section.full-width > .section_wrapper > .one.column, .section.full-width .one.wrap .one.column { width: 100%; margin: 0; } /* .Sidebar | .with_aside */ .with_aside .content_wrapper { max-width: 1240px; margin: 0 auto; } .with_aside .sections_group { width: 75%; float: right; } .with_aside .section_wrapper { max-width: 98%; max-width: calc(100% - 20px); } .with_aside .four.columns { float: left; margin: 0; } .aside_right .sections_group { float: left; } .aside_right .four.columns { float: right; } /* Sidebar - Both | .aside_both */ .aside_both .sections_group { width: 60%; margin-right: 20%; } .aside_both .sidebar.columns { width: 18%; } .aside_both .sidebar-1 { float: right !important; margin-right: -79%; } /* Column ---------------------------------------------------------------------------- */ /* Column | Margin - Horizontal */ .no-margin-h .column { margin-right: 0; margin-left: 0; } .no-margin-h .one-sixth.column { width: 16.666%; } /* 1/6 */ .no-margin-h .one-fifth.column { width: 20%; } /* 1/5 */ .no-margin-h .one-fourth.column { width: 25%; } /* 1/4 */ .no-margin-h .one-third.column { width: 33.333%; } /* 1/3 */ .no-margin-h .one-second.column { width: 50%; } /* 1/2 */ .no-margin-h .two-third.column { width: 66.666%; } /* 2/3 */ .no-margin-h .three-fourth.column { width: 75%; } /* 3/4 */ .no-margin-h .one.column { width: 100%; } /* 1/1 */ /* Column | Margin - Bottom */ /* set in section options */ .column.column_divider { margin-bottom: 0 !important; } .column-margin-0px .column { margin-bottom: 0 !important; } .column-margin-10px .column { margin-bottom: 10px !important; } .column-margin-20px .column { margin-bottom: 20px !important; } .column-margin-30px .column { margin-bottom: 30px !important; } .column-margin-40px .column { margin-bottom: 40px !important; } .column-margin-50px .column { margin-bottom: 50px !important; } /* set in item options */ .column-margin-0px.column { margin-bottom: 0 !important; } .column-margin-10px.column { margin-bottom: 10px !important; } .column-margin-20px.column { margin-bottom: 20px !important; } .column-margin-30px.column { margin-bottom: 30px !important; } .column-margin-40px.column { margin-bottom: 40px !important; } .column-margin-50px.column { margin-bottom: 50px !important; } /* Column | Equal Height */ .equal-height .column .column_attr { height: 100%; box-sizing: border-box; } /* Column | Align */ .column_attr.align_right { text-align: right; } .column_attr.align_left { text-align: left; } .column_attr.align_center { text-align: center; } .column_attr.align_justify { text-align: justify; } .mcb-wrap { float: right; position: relative; z-index: 1; -webkit-box-sizing: border-box; box-sizing: border-box; } .mcb-wrap.divider { width: 100%; } /* #Buttons ================================================== */ a.tp-button { background: none; font-family: inherit !important; height: auto !important; line-height: inherit !important; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; letter-spacing: 0 !important; text-shadow: 0 0 0 !important; box-shadow: 0 0 0 !important; font-weight: 400 !important; border-width: 1px !important; } a.button, a.tp-button, button, input[type="submit"], input[type="reset"], input[type="button"] { display: inline-block; padding: 11px 20px; margin-bottom: 15px; cursor: pointer; margin-left: 7px; border: 0; -webkit-border-radius: 5px; border-radius: 5px; position: relative; overflow: hidden; -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.03); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.03); background-image: url(../images/box_shadow_button.png); background-repeat: repeat-x; } a.button_js { padding: 0; } a.button.button_large, a.tp-button.button_large, button.button_large, input[type="submit"].button_large, input[type="reset"].button_large, input[type="button"].button_large { font-size: 110%; line-height: 110%; } /* Button label & icon */ a.button .button_label { display: block; float: right; position: relative; z-index: 2; } a.button .button_icon { display: block; float: right; background: rgba(0, 0, 0, 0.05); } a.button .button_icon i { color: rgba(0, 0, 0, 0.5); } /* Button icon left */ a.button.button_right .button_icon, a.tp-button.button_right .button_icon { float: right; } a.button.button_left .button_icon, a.tp-button.button_left .button_icon { float: left; } /* Paddings */ a.button .button_label { padding: 11px 20px; } a.button .button_icon { padding: 11px 13px; } a.button_large .button_label { padding: 15px 30px; } a.button_large .button_icon { padding: 15px 13px; } /* Hover */ @media only screen and (min-width: 768px) { a.button:after, a.tp-button:after, button:after, input[type="submit"]:after, input[type="reset"]:after, input[type="button"]:after { content: ""; position: absolute; right: 0; top: 0; height: 100%; width: 0; z-index: 1; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; background: rgba(0, 0, 0, 0.05); } a:hover.button, a:hover.tp-button { text-decoration: none; } a.button:hover:after, a.tp-button:hover:after, button:hover:after, input[type="submit"]:hover:after, input[type="reset"]:hover:after, input[type="button"]:hover:after { width: 100%; } } /* #Buttons stroke ================================================== */ .button-stroke a.button, .button-stroke a.tp-button, .button-stroke button, .button-stroke input[type="submit"], .button-stroke input[type="reset"], .button-stroke input[type="button"] { border-width: 2px; border-style: solid; -webkit-border-radius: 3px; border-radius: 3px; background-color: transparent !important; -webkit-box-shadow: inset 0 0 0 0; box-shadow: inset 0 0 0 0; background-image: none; } .button-stroke a.button:after, .button-stroke a.tp-button:after, .button-stroke button:after, .button-stroke input[type="submit"]:after, .button-stroke input[type="reset"]:after, .button-stroke input[type="button"]:after { display: none; } .button-stroke a:hover.button, .button-stroke a:hover.tp-button, .button-stroke button:hover, .button-stroke input[type="submit"]:hover, .button-stroke input[type="reset"]:hover, .button-stroke input[type="button"]:hover { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; background-color: #828282; } .button-stroke a:hover.button.button_stroke_custom, .button-stroke a:hover.tp-button.button_stroke_custom { background-color: rgba(0, 0, 0, 0.05) !important; } /* Button icon */ .button-stroke a.button .button_icon { background: none; } .button-stroke a:hover.button .button_icon i, .button-stroke a.button.button_theme:hover .button_icon i { color: rgba(0, 0, 0, 0.5) !important; } /* Paddings */ .button-stroke a.button_right.button .button_label, .button-stroke a.button_right.button_large .button_label { padding-right: 0; } .button-stroke a.button_left.button .button_label, .button-stroke a.button_left.button_large .button_label { padding-left: 0; } .button-stroke a.button_right.button_large .button_icon { padding-right: 27px; } .button-stroke a.button_left.button_large .button_icon { padding-left: 27px; } /* Fix for odd Mozilla border & padding issues */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /* |-------------------------------------------------------------------------- | 2.0 Buttons | |-------------------------------------------------------------------------- | | | */ /* Red */ a.button.button_red, a.tp-button.red { background-color: #e7432b; color: #fff; } .button-stroke a.button.button_red, .button-stroke a.button.button_red .button_icon i, .button-stroke a.tp-button.red { color: #e7432b; border-color: #e7432b; } .button-stroke a:hover.button.button_red, .button-stroke a:hover.tp-button.red { background-color: #e7432b !important; color: #fff; } /* Blue */ a.button.button_blue, a.tp-button.blue { background-color: #2e96db; color: #fff; } .button-stroke a.button.button_blue, .button-stroke a.button.button_blue .button_icon i, .button-stroke a.tp-button.blue { color: #2e96db; border-color: #2e96db; } .button-stroke a:hover.button.button_blue, .button-stroke a:hover.tp-button.blue { background-color: #2e96db !important; color: #fff; } /* Turquoise */ a.button.button_turquoise, a.tp-button.turquoise { background-color: #22e387; color: #fff; } .button-stroke a.button.button_turquoise, .button-stroke a.button.button_turquoise .button_icon i, .button-stroke a.tp-button.turquoise { color: #22e387; border-color: #22e387; } .button-stroke a:hover.button.button_turquoise, .button-stroke a:hover.tp-button.turquoise { background-color: #22e387 !important; color: #fff; } /* Yellow */ a.button.button_yellow, a.tp-button.yellow { background-color: #face43; color: #fff; } .button-stroke a.button.button_yellow, .button-stroke a.button.button_yellow .button_icon i, .button-stroke a.tp-button.yellow { color: #face43; border-color: #face43; } .button-stroke a:hover.button.button_yellow, .button-stroke a:hover.tp-button.yellow { background-color: #face43 !important; color: #fff; } /* Grey */ a.button.button_grey, a.tp-button.grey { background-color: #8f8f8f; color: #fff; } .button-stroke a.button.button_grey, .button-stroke a.button.button_grey .button_icon i, .button-stroke a.tp-button.grey { color: #8f8f8f; border-color: #8f8f8f; } .button-stroke a:hover.button.button_grey, .button-stroke a:hover.tp-button.grey { background-color: #8f8f8f !important; color: #fff; } /* Navy */ a.button.button_navy, a.tp-button.navy { background-color: #3b5982; color: #fff; } .button-stroke a.button.button_navy, .button-stroke a.button.button_navy .button_icon i, .button-stroke a.tp-button.navy { color: #3b5982; border-color: #3b5982; } .button-stroke a:hover.button.button_navy, .button-stroke a:hover.tp-button.navy { background-color: #3b5982 !important; color: #fff; } /* Orange */ a.button.button_orange, a.tp-button.orange { background-color: #ff8125; color: #fff; } .button-stroke a.button.button_orange, .button-stroke a.button.button_orange .button_icon i, .button-stroke a.tp-button.orange { color: #ff8125; border-color: #ff8125; } .button-stroke a:hover.button.button_orange, .button-stroke a:hover.tp-button.orange { background-color: #ff8125 !important; color: #fff; } /* Green */ a.button.button_green, a.tp-button.green { background-color: #88be4c; color: #fff; } .button-stroke a.button.button_green, .button-stroke a.button.button_green .button_icon i, .button-stroke a.tp-button.green { color: #88be4c; border-color: #88be4c; } .button-stroke a:hover.button.button_green, .button-stroke a:hover.tp-button.green { background-color: #88be4c !important; color: #fff; } /****************************************************/ /* Button darkgrey */ a.tp-button.darkgrey { background-color: transparent; color: #545454 !important; border-color: #545454; } a:hover.tp-button.darkgrey { background-color: #545454; color: #fff !important; } /* Button lightgrey */ a.tp-button.lightgrey { background-color: transparent; color: #fff; border-color: #fff; } a:hover.tp-button.lightgrey { background-color: #fff; color: #545454 !important; } /* |-------------------------------------------------------------------------- | 3.0 Mfn-icons | |-------------------------------------------------------------------------- | | | */ @font-face { font-family: "mfn-icons"; src: url(fonts/mfn-icons.eot); src: url(fonts/mfn-icons.eot) format("embedded-opentype"), url(fonts/mfn-icons.woff) format("woff"), url(fonts/mfn-icons.ttf) format("truetype"), url(fonts/mfn-icons.svg) format("svg"); font-weight: 400; font-style: normal; } /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */ /* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */ /* @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: 'mfn-icons'; src: url('fonts/../font/mfn-icons.svg?3416171#mfn-icons') format('svg'); } } */ [class^="icon-"]:before, [class*=" icon-"]:before { font-family: "mfn-icons"; font-style: normal; font-weight: 400; speak: none; display: inline-block; text-decoration: none !important; width: 1em; margin-left: 0.2em; text-align: center; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-right: 0.2em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } .icon-acrobat:before { content: "\e800"; } .icon-address:before { content: "\e801"; } .icon-adjust:before { content: "\e802"; } .icon-aim:before { content: "\e803"; } .icon-air:before { content: "\e804"; } .icon-alert:before { content: "\e805"; } .icon-amazon:before { content: "\e806"; } .icon-android:before { content: "\e807"; } .icon-angellist:before { content: "\e808"; } .icon-appnet:before { content: "\e809"; } .icon-appstore:before { content: "\e80a"; } .icon-archive:before { content: "\e80b"; } .icon-arrow-combo:before { content: "\e80c"; } .icon-arrows-ccw:before { content: "\e80d"; } .icon-attach:before { content: "\e80e"; } .icon-attach-line:before { content: "\e80f"; } .icon-attention:before { content: "\e810"; } .icon-back:before { content: "\e811"; } .icon-back-in-time:before { content: "\e812"; } .icon-bag:before { content: "\e813"; } .icon-basket:before { content: "\e814"; } .icon-battery:before { content: "\e815"; } .icon-beaker-line:before { content: "\e816"; } .icon-bell:before { content: "\e817"; } .icon-bitbucket:before { content: "\e818"; } .icon-bitcoin:before { content: "\e819"; } .icon-block:before { content: "\e81a"; } .icon-blogger:before { content: "\e81b"; } .icon-book:before { content: "\e81c"; } .icon-book-open:before { content: "\e81d"; } .icon-bookmark:before { content: "\e81e"; } .icon-bookmarks:before { content: "\e81f"; } .icon-box:before { content: "\e820"; } .icon-briefcase:before { content: "\e821"; } .icon-brush:before { content: "\e822"; } .icon-bucket:before { content: "\e823"; } .icon-buffer:before { content: "\e824"; } .icon-calendar:before { content: "\e825"; } .icon-calendar-line:before { content: "\e826"; } .icon-call:before { content: "\e827"; } .icon-camera:before { content: "\e828"; } .icon-camera-line:before { content: "\e829"; } .icon-cancel:before { content: "\e82a"; } .icon-cancel-circled:before { content: "\e82b"; } .icon-cancel-squared:before { content: "\e82c"; } .icon-cart:before { content: "\e82d"; } .icon-cc:before { content: "\e82e"; } .icon-cc-by:before { content: "\e82f"; } .icon-cc-nc:before { content: "\e830"; } .icon-cc-nc-eu:before { content: "\e831"; } .icon-cc-nc-jp:before { content: "\e832"; } .icon-cc-nd:before { content: "\e833"; } .icon-cc-pd:before { content: "\e834"; } .icon-cc-remix:before { content: "\e835"; } .icon-cc-sa:before { content: "\e836"; } .icon-cc-share:before { content: "\e837"; } .icon-cc-zero:before { content: "\e838"; } .icon-ccw:before { content: "\e839"; } .icon-cd:before { content: "\e83a"; } .icon-cd-line:before { content: "\e83b"; } .icon-chart-area:before { content: "\e83c"; } .icon-chart-bar:before { content: "\e83d"; } .icon-chart-line:before { content: "\e83e"; } .icon-chart-pie:before { content: "\e83f"; } .icon-chat:before { content: "\e840"; } .icon-check:before { content: "\e841"; } .icon-clipboard:before { content: "\e842"; } .icon-clock:before { content: "\e843"; } .icon-clock-line:before { content: "\e844"; } .icon-cloud:before { content: "\e845"; } .icon-cloud-line:before { content: "\e846"; } .icon-cloud-thunder:before { content: "\e847"; } .icon-cloudapp:before { content: "\e848"; } .icon-code:before { content: "\e849"; } .icon-cog:before { content: "\e84a"; } .icon-cog-line:before { content: "\e84b"; } .icon-comment-fa:before { content: "\e84c"; } .icon-comment-line:before { content: "\e84d"; } .icon-compass:before { content: "\e84e"; } .icon-credit-card:before { content: "\e84f"; } .icon-cup:before { content: "\e850"; } .icon-cup-line:before { content: "\e851"; } .icon-cw:before { content: "\e852"; } .icon-database-line:before { content: "\e853"; } .icon-delicious:before { content: "\e854"; } .icon-desktop-line:before { content: "\e855"; } .icon-diamond-line:before { content: "\e856"; } .icon-digg:before { content: "\e857"; } .icon-direction:before { content: "\e858"; } .icon-disqus:before { content: "\e859"; } .icon-doc:before { content: "\e85a"; } .icon-doc-landscape:before { content: "\e85b"; } .icon-doc-line:before { content: "\e85c"; } .icon-doc-text:before { content: "\e85d"; } .icon-doc-text-inv:before { content: "\e85e"; } .icon-docs:before { content: "\e85f"; } .icon-dot:before { content: "\e860"; } .icon-dot-2:before { content: "\e861"; } .icon-dot-3:before { content: "\e862"; } .icon-down:before { content: "\e863"; } .icon-down-bold:before { content: "\e864"; } .icon-down-circled:before { content: "\e865"; } .icon-down-dir:before { content: "\e866"; } .icon-down-open:before { content: "\e867"; } .icon-down-open-big:before { content: "\e868"; } .icon-down-open-mini:before { content: "\e869"; } .icon-down-thin:before { content: "\e86a"; } .icon-download:before { content: "\e86b"; } .icon-drive:before { content: "\e86c"; } .icon-droplet:before { content: "\e86d"; } .icon-drupal:before { content: "\e86e"; } .icon-duckduckgo:before { content: "\e86f"; } .icon-dwolla:before { content: "\e870"; } .icon-ebay:before { content: "\e871"; } .icon-email:before { content: "\e872"; } .icon-erase:before { content: "\e873"; } .icon-eventasaurus:before { content: "\e874"; } .icon-eventbrite:before { content: "\e875"; } .icon-eventful:before { content: "\e876"; } .icon-export:before { content: "\e877"; } .icon-eye:before { content: "\e878"; } .icon-eye-line:before { content: "\e879"; } .icon-fast-backward:before { content: "\e87a"; } .icon-fast-forward:before { content: "\e87b"; } .icon-feather:before { content: "\e87c"; } .icon-fire-line:before { content: "\e87d"; } .icon-fivehundredpx:before { content: "\e87e"; } .icon-flag:before { content: "\e87f"; } .icon-flash:before { content: "\e880"; } .icon-flashlight:before { content: "\e881"; } .icon-flight:before { content: "\e882"; } .icon-floppy:before { content: "\e883"; } .icon-flow-branch:before { content: "\e884"; } .icon-flow-cascade:before { content: "\e885"; } .icon-flow-line:before { content: "\e886"; } .icon-flow-parallel:before { content: "\e887"; } .icon-flow-tree:before { content: "\e888"; } .icon-folder:before { content: "\e889"; } .icon-food-line:before { content: "\e88a"; } .icon-forrst:before { content: "\e88b"; } .icon-forward:before { content: "\e88c"; } .icon-gauge:before { content: "\e88d"; } .icon-globe:before { content: "\e88e"; } .icon-globe-line:before { content: "\e88f"; } .icon-gmail:before { content: "\e890"; } .icon-googleplay:before { content: "\e891"; } .icon-gowalla:before { content: "\e892"; } .icon-graduation-cap:before { content: "\e893"; } .icon-graduation-cap-line:before { content: "\e894"; } .icon-grooveshark:before { content: "\e895"; } .icon-guest:before { content: "\e896"; } .icon-hackernews:before { content: "\e897"; } .icon-heart-empty-fa:before { content: "\e898"; } .icon-heart-fa:before { content: "\e899"; } .icon-heart-line:before { content: "\e89a"; } .icon-help:before { content: "\e89b"; } .icon-help-circled:before { content: "\e89c"; } .icon-home:before { content: "\e89d"; } .icon-hourglass:before { content: "\e89e"; } .icon-html5:before { content: "\e89f"; } .icon-ie:before { content: "\e8a0"; } .icon-inbox:before { content: "\e8a1"; } .icon-inbox-line:before { content: "\e8a2"; } .icon-infinity:before { content: "\e8a3"; } .icon-info:before { content: "\e8a4"; } .icon-info-circled:before { content: "\e8a5"; } .icon-install:before { content: "\e8a6"; } .icon-instapaper:before { content: "\e8a7"; } .icon-intensedebate:before { content: "\e8a8"; } .icon-itunes:before { content: "\e8a9"; } .icon-key:before { content: "\e8aa"; } .icon-key-line:before { content: "\e8ab"; } .icon-keyboard:before { content: "\e8ac"; } .icon-klout:before { content: "\e8ad"; } .icon-lamp:before { content: "\e8ae"; } .icon-language:before { content: "\e8af"; } .icon-lanyrd:before { content: "\e8b0"; } .icon-layout:before { content: "\e8b1"; } .icon-leaf:before { content: "\e8b2"; } .icon-left:before { content: "\e8b3"; } .icon-left-bold:before { content: "\e8b4"; } .icon-left-circled:before { content: "\e8b5"; } .icon-left-dir:before { content: "\e8b6"; } .icon-left-open:before { content: "\e8b7"; } .icon-left-open-big:before { content: "\e8b8"; } .icon-left-open-mini:before { content: "\e8b9"; } .icon-left-thin:before { content: "\e8ba"; } .icon-lego:before { content: "\e8bb"; } .icon-level-down:before { content: "\e8bc"; } .icon-level-up:before { content: "\e8bd"; } .icon-lifebuoy:before { content: "\e8be"; } .icon-light-down:before { content: "\e8bf"; } .icon-light-up:before { content: "\e8c0"; } .icon-lightbulb-line:before { content: "\e8c1"; } .icon-link:before { content: "\e8c2"; } .icon-list:before { content: "\e8c3"; } .icon-list-add:before { content: "\e8c4"; } .icon-lkdto:before { content: "\e8c5"; } .icon-location:before { content: "\e8c6"; } .icon-location-line:before { content: "\e8c7"; } .icon-lock:before { content: "\e8c8"; } .icon-lock-line:before { content: "\e8c9"; } .icon-lock-open:before { content: "\e8ca"; } .icon-login:before { content: "\e8cb"; } .icon-logout:before { content: "\e8cc"; } .icon-loop:before { content: "\e8cd"; } .icon-macstore:before { content: "\e8ce"; } .icon-magnet:before { content: "\e8cf"; } .icon-mail:before { content: "\e8d0"; } .icon-mail-line:before { content: "\e8d1"; } .icon-map:before { content: "\e8d2"; } .icon-meetup:before { content: "\e8d3"; } .icon-megaphone:before { content: "\e8d4"; } .icon-megaphone-line:before { content: "\e8d5"; } .icon-menu:before { content: "\e8d6"; } .icon-mic:before { content: "\e8d7"; } .icon-minus:before { content: "\e8d8"; } .icon-minus-circled:before { content: "\e8d9"; } .icon-minus-squared:before { content: "\e8da"; } .icon-mobile:before { content: "\e8db"; } .icon-mobile-line:before { content: "\e8dc"; } .icon-money-line:before { content: "\e8dd"; } .icon-monitor:before { content: "\e8de"; } .icon-moon:before { content: "\e8df"; } .icon-mouse:before { content: "\e8e0"; } .icon-music:before { content: "\e8e1"; } .icon-music-line:before { content: "\e8e2"; } .icon-mute:before { content: "\e8e3"; } .icon-myspace:before { content: "\e8e4"; } .icon-network:before { content: "\e8e5"; } .icon-newspaper:before { content: "\e8e6"; } .icon-ninetyninedesigns:before { content: "\e8e7"; } .icon-note:before { content: "\e8e8"; } .icon-note-beamed:before { content: "\e8e9"; } .icon-note-line:before { content: "\e8ea"; } .icon-openid:before { content: "\e8eb"; } .icon-opentable:before { content: "\e8ec"; } .icon-palette:before { content: "\e8ed"; } .icon-paper-plane:before { content: "\e8ee"; } .icon-paper-plane-line:before { content: "\e8ef"; } .icon-params-line:before { content: "\e8f0"; } .icon-pause:before { content: "\e8f1"; } .icon-pencil:before { content: "\e8f2"; } .icon-pencil-line:before { content: "\e8f3"; } .icon-phone:before { content: "\e8f4"; } .icon-photo-line:before { content: "\e8f5"; } .icon-picture:before { content: "\e8f6"; } .icon-pinboard:before { content: "\e8f7"; } .icon-plancast:before { content: "\e8f8"; } .icon-play:before { content: "\e8f9"; } .icon-plurk:before { content: "\e8fa"; } .icon-plus:before { content: "\e8fb"; } .icon-plus-circled:before { content: "\e8fc"; } .icon-plus-squared:before { content: "\e8fd"; } .icon-pocket:before { content: "\e8fe"; } .icon-podcast:before { content: "\e8ff"; } .icon-popup:before { content: "\e900"; } .icon-posterous:before { content: "\e901"; } .icon-print:before { content: "\e902"; } .icon-progress-0:before { content: "\e903"; } .icon-progress-1:before { content: "\e904"; } .icon-progress-2:before { content: "\e905"; } .icon-progress-3:before { content: "\e906"; } .icon-publish:before { content: "\e907"; } .icon-quora:before { content: "\e908"; } .icon-quote:before { content: "\e909"; } .icon-record:before { content: "\e90a"; } .icon-reddit:before { content: "\e90b"; } .icon-reply:before { content: "\e90c"; } .icon-reply-all:before { content: "\e90d"; } .icon-resize-full:before { content: "\e90e"; } .icon-resize-small:before { content: "\e90f"; } .icon-retweet:before { content: "\e910"; } .icon-right:before { content: "\e911"; } .icon-right-bold:before { content: "\e912"; } .icon-right-circled:before { content: "\e913"; } .icon-right-dir:before { content: "\e914"; } .icon-right-open:before { content: "\e915"; } .icon-right-open-big:before { content: "\e916"; } .icon-right-open-mini:before { content: "\e917"; } .icon-right-thin:before { content: "\e918"; } .icon-rocket:before { content: "\e919"; } .icon-rss:before { content: "\e91a"; } .icon-search:before { content: "\e91b"; } .icon-search-line:before { content: "\e91c"; } .icon-share:before { content: "\e91d"; } .icon-shareable:before { content: "\e91e"; } .icon-shop-line:before { content: "\e91f"; } .icon-shuffle:before { content: "\e920"; } .icon-signal:before { content: "\e921"; } .icon-smashmag:before { content: "\e922"; } .icon-songkick:before { content: "\e923"; } .icon-sound:before { content: "\e924"; } .icon-sound-line:before { content: "\e925"; } .icon-stackoverflow:before { content: "\e926"; } .icon-star:before { content: "\e927"; } .icon-star-empty:before { content: "\e928"; } .icon-star-line:before { content: "\e929"; } .icon-statusnet:before { content: "\e92a"; } .icon-stop:before { content: "\e92b"; } .icon-suitcase:before { content: "\e92c"; } .icon-switch:before { content: "\e92d"; } .icon-t-shirt-line:before { content: "\e92e"; } .icon-tag:before { content: "\e92f"; } .icon-tag-line:before { content: "\e930"; } .icon-tape:before { content: "\e931"; } .icon-target:before { content: "\e932"; } .icon-thermometer:before { content: "\e933"; } .icon-thumbs-up:before { content: "\e934"; } .icon-thumbs-down:before { content: "\e935"; } .icon-thumbs-up-line:before { content: "\e936"; } .icon-ticket:before { content: "\e937"; } .icon-to-end:before { content: "\e938"; } .icon-to-start:before { content: "\e939"; } .icon-tools:before { content: "\e93a"; } .icon-traffic-cone:before { content: "\e93b"; } .icon-trash:before { content: "\e93c"; } .icon-trash-line:before { content: "\e93d"; } .icon-trophy:before { content: "\e93e"; } .icon-truck-line:before { content: "\e93f"; } .icon-tv-line:before { content: "\e940"; } .icon-up:before { content: "\e941"; } .icon-up-bold:before { content: "\e942"; } .icon-up-circled:before { content: "\e943"; } .icon-up-dir:before { content: "\e944"; } .icon-up-open:before { content: "\e945"; } .icon-up-open-big:before { content: "\e946"; } .icon-up-open-mini:before { content: "\e947"; } .icon-up-thin:before { content: "\e948"; } .icon-upload:before { content: "\e949"; } .icon-upload-cloud:before { content: "\e94a"; } .icon-user:before { content: "\e94b"; } .icon-user-add:before { content: "\e94c"; } .icon-user-line:before { content: "\e94d"; } .icon-users:before { content: "\e94e"; } .icon-vcard:before { content: "\e94f"; } .icon-viadeo:before { content: "\e950"; } .icon-video:before { content: "\e951"; } .icon-videocam-line:before { content: "\e952"; } .icon-vk:before { content: "\e953"; } .icon-volume:before { content: "\e954"; } .icon-w3c:before { content: "\e955"; } .icon-wallet-line:before { content: "\e956"; } .icon-water:before { content: "\e957"; } .icon-weibo:before { content: "\e958"; } .icon-wikipedia:before { content: "\e959"; } .icon-window:before { content: "\e95a"; } .icon-wordpress:before { content: "\e95b"; } .icon-xing:before { content: "\e95c"; } .icon-yahoo:before { content: "\e95d"; } .icon-yelp:before { content: "\e95e"; } .icon-youtube:before { content: "\e95f"; } .icon-menu-fine:before { content: "\e960"; } .icon-bag-fine:before { content: "\e961"; } .icon-search-fine:before { content: "\e962"; } .icon-cancel-fine:before { content: "\e963"; } .icon-plus-fine:before { content: "\e964"; } .icon-minus-fine:before { content: "\e965"; } .icon-gplus-circled:before { content: "\f059"; } .icon-github-circled:before { content: "\f09b"; } .icon-gplus:before { content: "\f0d5"; } .icon-comment-empty-fa:before { content: "\f0e5"; } .icon-instagram:before { content: "\f16d"; } .icon-tumblr:before { content: "\f173"; } .icon-windows:before { content: "\f17a"; } .icon-foursquare:before { content: "\f180"; } .icon-google:before { content: "\f1a0"; } .icon-behance:before { content: "\f1b4"; } .icon-steam:before { content: "\f1b6"; } .icon-spotify:before { content: "\f1bc"; } .icon-database:before { content: "\f1c0"; } .icon-qq:before { content: "\f1d6"; } .icon-paypal:before { content: "\f1ed"; } .icon-stripe:before { content: "\f1f5"; } .icon-chrome:before { content: "\f268"; } .icon-scribd:before { content: "\f28a"; } .icon-github:before { content: "\f300"; } .icon-flickr:before { content: "\f303"; } .icon-flickr-circled:before { content: "\f304"; } .icon-vimeo:before { content: "\f306"; } .icon-vimeo-circled:before { content: "\f307"; } .icon-twitter:before { content: "\f309"; } .icon-twitter-circled:before { content: "\f30a"; } .icon-facebook:before { content: "\f30c"; } .icon-facebook-circled:before { content: "\f30d"; } .icon-facebook-squared:before { content: "\f30e"; } .icon-pinterest:before { content: "\f312"; } .icon-pinterest-circled:before { content: "\f313"; } .icon-tumblr-circled:before { content: "\f316"; } .icon-linkedin:before { content: "\f318"; } .icon-linkedin-circled:before { content: "\f319"; } .icon-dribbble:before { content: "\f31b"; } .icon-dribbble-circled:before { content: "\f31c"; } .icon-stumbleupon:before { content: "\f31e"; } .icon-stumbleupon-circled:before { content: "\f31f"; } .icon-lastfm:before { content: "\f321"; } .icon-lastfm-circled:before { content: "\f322"; } .icon-rdio:before { content: "\f324"; } .icon-rdio-circled:before { content: "\f325"; } .icon-spotify-circled:before { content: "\f328"; } .icon-dropbox:before { content: "\f330"; } .icon-evernote:before { content: "\f333"; } .icon-flattr:before { content: "\f336"; } .icon-skype:before { content: "\f339"; } .icon-skype-circled:before { content: "\f33a"; } .icon-renren:before { content: "\f33c"; } .icon-sina-weibo:before { content: "\f33f"; } .icon-picasa:before { content: "\f345"; } .icon-soundcloud:before { content: "\f348"; } .icon-mixi:before { content: "\f34b"; } .icon-google-circles:before { content: "\f351"; } .icon-vkontakte:before { content: "\f354"; } .icon-smashing:before { content: "\f357"; } .icon-db-shape:before { content: "\f600"; } .icon-sweden:before { content: "\f601"; } .icon-logo-db:before { content: "\f603"; } /* |-------------------------------------------------------------------------- | 4.0 Shortcodes | |-------------------------------------------------------------------------- | | | */ /* Chart box ------------------------------------------------------------------------- */ .chart_box { position: relative; text-align: center; } .chart_box:before { content: ""; display: block; z-index: 2; width: 138px; height: 138px; border-width: 1px; border-style: solid; position: absolute; right: 50%; margin-right: -69px; top: 1px; -webkit-border-radius: 100%; border-radius: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #fff; background-image: url(../images/stripes/stripes_3_b.png); } .chart_box .chart { width: 140px; margin: 0 auto 10px; position: relative; } .chart_box .chart canvas { position: relative; z-index: 2; } .chart_box .chart .icon, .chart_box .chart .image { width: 70px; height: 70px; line-height: 70px; overflow: hidden; position: absolute; right: 35px; top: 35px; z-index: 3; text-align: center; } .chart_box .chart .icon { font-size: 45px; } .chart_box .chart .icon i:before { margin: 0; } .chart_box .chart .image img { vertical-align: middle; } .chart_box .chart .num { position: absolute; right: 0; top: 45px; z-index: 3; width: 100%; font-size: 50px; line-height: 50px; } .chart_box p { margin-bottom: 0; } /* Dropcaps -------------------------------------------------------------------------- */ .dropcap { padding: 10px; display: inline-block; float: right; width: 35px; height: 35px; line-height: 35px; font-size: 20px; margin: 0 0 5px 10px; text-align: center; -webkit-border-radius: 5px; border-radius: 5px; background-image: url(../images/stripes/stripes_10_w.png); } .dropcap_circle { -webkit-border-radius: 100%; border-radius: 100%; } .dropcap.transparent { background: none !important; } .dropcap.size-2 { width: 50px; height: 50px; line-height: 50px; font-size: 35px; } .dropcap.size-3 { width: 60px; height: 60px; line-height: 60px; font-size: 40px; } /* Highlight ------------------------------------------------------------------------- */ .highlight { padding: 1px 7px; -webkit-border-radius: 3px; border-radius: 3px; background-image: url(../images/stripes/stripes_10_w.png); } .highlight.highlight_image { padding: 0 2px 7px; } /* Tooltip --------------------------------------------------------------------------- */ .tooltip { display: inline; position: relative; cursor: help; border-bottom-width: 1px; border-style: dotted; } .tooltip:hover:after, .tooltip.hover:after { content: attr(data-tooltip); font-size: 13px; line-height: 18px; text-align: center; -webkit-border-radius: 5px; border-radius: 5px; padding: 5px 15px; width: 140px; position: absolute; right: 50%; bottom: 110%; z-index: 98; margin-right: -85px; background-image: url(../images/stripes/stripes_10_w.png); } .tooltip.tooltip-img:after { display: none; } .tooltip.tooltip-img .tooltip-content { display: none; font-size: 13px; line-height: 18px; text-align: center; -webkit-border-radius: 5px; border-radius: 5px; padding: 5px 15px; width: 300px; position: absolute; right: 50%; bottom: 110%; z-index: 98; margin-right: -165px; background-image: url(../images/stripes/stripes_10_w.png); } .tooltip.tooltip-img:hover .tooltip-content, .tooltip.tooltip-img.hover .tooltip-content { display: block; } .wpml-languages .tooltip:hover:after, .wpml-languages .tooltip.hover:after { top: 40px; bottom: auto; } .wpml-languages:not(.disabled) .tooltip { cursor: default; } .wpml-languages:not(.disabled) .tooltip:hover:after, .wpml-languages:not(.disabled) .tooltip.hover:after { display: none !important; } /* Blockquote ------------------------------------------------------------------------ */ blockquote { font-size: 17px; line-height: 31px; display: block; height: auto; margin: 0 25px 35px 0; top: 15px; position: relative; background: url(../images/stripes/textline.png) repeat-y; } blockquote:before { content: ""; } blockquote:after { content: ""; width: 55px; height: 40px; background: url(../images/blockquote.png); position: absolute; right: -25px; top: -15px; } .blockquote { margin-bottom: 20px; } .blockquote blockquote { margin-bottom: 25px; } .blockquote p.author { margin-right: 25px; } .blockquote p.author i { margin-left: 5px; } /* Button Item ----------------------------------------------------------------------- */ .column_button .button { margin: 0 !important; vertical-align: middle; } .button_align.align_center { text-align: center; } .button_align.align_left { text-align: left; } /* Image frames ---------------------------------------------------------------------- */ .column_image { line-height: 0; } .image_frame, .wp-caption { display: block; margin: 0; border-width: 8px; border-style: solid; max-width: 100%; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* .image_frame.inline-block{display:inline-block;max-width:100%} */ /* deprecated since 13.1 */ .image_frame .image_wrapper, .wp-caption img { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .image_frame a, .wp-caption a { display: block; } .wp-caption-text { display: block; text-align: center; margin: 0; padding: 10px 0 5px; line-height: normal; } .wp-caption-text.hide { display: none; } .if-caption-on .image_frame { position: relative; } .if-caption-on .wp-caption-text { position: absolute; bottom: 15px; right: 15px; padding: 5px 10px !important; width: calc(100% - 30px); box-sizing: border-box; background: rgba(0, 0, 0, 0.5); color: rgba(255, 255, 255, 0.7); border-radius: 3px; } .image_frame.no_border .wp-caption-text, .if-zoom .image_frame:not(.has_border) .wp-caption-text { padding: 10px 0; } .the_content_wrapper .image_frame, .the_content_wrapper .wp-caption { margin-bottom: 20px; } .the_content_wrapper .wp-caption.alignnone, .the_content_wrapper .wp-caption.aligncenter { clear: both; } .image_frame .image_wrapper { position: relative; overflow: hidden; } .image_frame .image_wrapper .mask { position: absolute; right: 0; width: 100%; height: 100%; z-index: 2; } .image_frame .image_wrapper img:not(.ls-l) { position: relative; top: 0; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .image_frame:not(.no_link) .image_wrapper img:not(.ls-l) { margin-bottom: -15px !important; } .masonry-flat .image_frame:not(.no_link) .image_wrapper img:not(.ls-l) { margin-bottom: 0 !important; } .image_frame:hover .image_wrapper img, .image_frame.hover .image_wrapper img { top: -15px; } .image_frame:hover .image_wrapper .ls-container img, .image_frame.no_link:hover .image_wrapper img { top: 0; } .image_frame .image_wrapper .mask:after { content: ""; display: block; position: absolute; right: 0; width: 100%; height: 100%; z-index: 3; filter: alpha(opacity=0); opacity: 0; } .image_frame:hover .image_wrapper .mask:after, .image_frame.hover .image_wrapper .mask:after { filter: alpha(opacity=100); opacity: 1; } .image_frame.no_link:hover .image_wrapper .mask:after { filter: alpha(opacity=0); opacity: 0; } .image_frame .image_wrapper .image_links { width: 100%; height: 60px; position: absolute; right: 0; bottom: -60px; z-index: 4; overflow: hidden; } .image_frame:hover .image_wrapper .image_links, .image_frame.hover .image_wrapper .image_links { bottom: 0; } .image_frame .image_wrapper .image_links a { display: block; font-size: 25px; line-height: 60px; width: 100%; text-align: center; } .image_frame .image_wrapper .image_links.double a { width: 50%; display: block; float: right; } .image_frame .image_wrapper .image_links.double a:first-child { -webkit-box-shadow: inset 1px 0 0 0 rgba(255, 255, 255, 0.2); box-shadow: inset 1px 0 0 0 rgba(255, 255, 255, 0.2); } .image_frame .image_wrapper .image_links.triple a { width: 33%; display: block; float: right; -webkit-box-shadow: inset 1px 0 0 0 rgba(255, 255, 255, 0.2); box-shadow: inset 1px 0 0 0 rgba(255, 255, 255, 0.2); } .image_frame .image_wrapper .image_links.triple a:last-child { -webkit-box-shadow: 0 0 0; box-shadow: 0 0 0; width: 34%; } .image_frame .image_wrapper .image_links.hover-title a { font-size: 15px; text-decoration: none; } .image_frame.no_border { border-width: 0; } /* Alignments ------------------------------------------------------------------------ */ .alignright { float: right; margin: 15px 0 15px 15px; } .alignleft { float: left; margin: 15px 15px 15px 0; } .aligncenter { text-align: center; margin: 0 auto; display: block; } .aligncenter img { display: inline; } /* Animation */ .image_frame .image_wrapper img, .image_frame .image_wrapper .mask:after, .image_frame .image_wrapper .image_links { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .image_frame .image_wrapper .image_links a { -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } /* Greyscale */ .greyscale .image_wrapper img { top: 0 !important; margin-bottom: 0 !important; } .greyscale .image_wrapper img.BWFilter { opacity: 1; z-index: 2; } .greyscale .image_wrapper img:not(.BWFilter) { opacity: 0; } .greyscale .image_wrapper:hover img.BWFilter { opacity: 0 !important; } .greyscale .image_wrapper:hover img:not(.BWFilter) { opacity: 1 !important; } .greyscale:not(.no_link) .image_wrapper img:not(.ls-l) { margin-bottom: 0 !important; } .greyscale .image_wrapper .mask { display: none; } .greyscale .image_frame .image_wrapper img { -webkit-transition: all 0s; -moz-transition: all 0s; -o-transition: all 0s; transition: all 0s; } .greyscale.tiles .post-item .image_wrapper_tiles img.BWFilter { opacity: 1; z-index: 2; } .greyscale.tiles .post-item .image_wrapper_tiles img:not(.BWFilter) { opacity: 0; } .greyscale.tiles .post-item:hover .image_wrapper_tiles img.BWFilter { opacity: 0 !important; } .greyscale.tiles .post-item:hover .image_wrapper_tiles img:not(.BWFilter) { opacity: 1 !important; } /* Style | Overlay */ .if-overlay .image_frame .image_wrapper .image_links { opacity: 0; width: 60px; height: 60px; bottom: auto; top: 50%; right: 50%; z-index: 4; margin-top: -30px; margin-right: -30px; -moz-transform: scale(0); -webkit-transform: scale(0); -o-transform: scale(0); } .if-overlay .image_frame .image_wrapper .image_links.double { width: 120px; margin-right: -60px; } .if-overlay .image_frame .image_wrapper .image_links.triple { width: 180px; margin-right: -90px; } .if-overlay .image_frame .image_wrapper .image_links.hover-title { width: 100%; right: 0; margin-right: 0; } .if-overlay li.product .product-loading-icon, .if-overlay li.product .added-cart { border-radius: 0 !important; width: 60px !important; height: 60px !important; margin: -30px -30px 0 0 !important; } .if-overlay li.product.adding-to-cart .added-cart, .if-overlay li.product.added-to-cart .added-cart { z-index: 5 !important; } .if-overlay .image_frame:not(.no_link) .image_wrapper img:not(.ls-l) { margin-bottom: 0; } .if-overlay .image_frame:hover .image_wrapper .image_links, .if-overlay .image_frame.hover .image_wrapper .image_links { opacity: 1; -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); } .if-overlay .image_frame:hover .image_wrapper img, .if-overlay .image_frame.hover .image_wrapper img { -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); top: 0; } .if-overlay .image_item:hover .image_wrapper img, .if-overlay .image_item.hover .image_wrapper img { -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); } /* Style | Zoom */ .if-zoom { } .if-zoom .image_frame .image_wrapper .image_links { display: none; } .if-zoom .image_frame:not(.no_link) .image_wrapper img:not(.ls-l) { margin-bottom: 0 !important; } .if-zoom .image_frame:hover .image_wrapper img, .if-zoom .image_frame.hover .image_wrapper img { top: 0; } .if-zoom .image_frame .image_wrapper .mask { display: none; } .if-zoom .image_frame:hover .image_wrapper img, .if-zoom .image_frame.hover .image_wrapper img { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); } .if-zoom .image_frame.no_link:hover .image_wrapper img, .if-zoom image_frame.no_link.hover .image_wrapper img { -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); } /* Hide border */ .if-border-hide .image_frame:not(.has_border) { border-width: 0; } /* Hover Disable */ .image_frame.hover-disable .image_wrapper .image_links { display: none; } .image_frame.hover-disable .image_wrapper .mask { display: none !important; } .image_frame.hover-disable .image_wrapper img { margin-bottom: 0 !important; top: 0 !important; -moz-transform: scale(1) !important; -webkit-transform: scale(1) !important; -o-transform: scale(1) !important; } .image_frame.hover-disable:not(.no_link) .image_wrapper img:not(.ls-l) { margin-bottom: 0 !important; } /* Video ----------------------------------------------------------------------------- */ /* In this case, the aspect ratio is 16:9, which means that the height will be 56.25% of the width. For a video with a 4:3 aspect ratio, we set padding-bottom to 75%. */ .content_video.iframe.auto-wh { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } .content_video.iframe.auto-wh iframe { position: absolute; top: 0; right: 0; width: 100%; height: 100%; } .post-photo-wrapper.embed .image_wrapper, .single-photo-wrapper.embed .image_wrapper { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } .post-photo-wrapper.embed .image_wrapper iframe, .single-photo-wrapper.embed .image_wrapper iframe { position: absolute; top: 0; right: 0; width: 100%; height: 100%; } .post-photo-wrapper.html5 .jp-jplayer, .single-photo-wrapper.html5 .jp-jplayer { position: relative; padding-bottom: 56.25%; height: 0 !important; overflow: hidden; } .post-photo-wrapper.html5 .jp-jplayer img, .single-photo-wrapper.html5 .jp-jplayer img { position: absolute; } .post-photo-wrapper.html5 .jp-jplayer video, .single-photo-wrapper.html5 .jp-jplayer video { position: absolute; top: 0; right: 0; width: 100%; height: 100%; } /* Gallery --------------------------------------------------------------------------- */ .gallery .gallery-item { overflow: hidden; margin: 0 0 10px !important; } .gallery .gallery-item .gallery-icon { border: 0; width: 95%; overflow: hidden; line-height: 0; margin-left: 2.5% !important; margin-right: 2.5% !important; padding: 0 !important; position: relative; } .gallery .gallery-item img { border: 0 !important; line-height: 0; display: block; } /* .gallery-columns-2 .gallery-item:nth-child(2n+1){clear:both} .gallery-columns-3 .gallery-item:nth-child(3n+1){clear:both} .gallery-columns-4 .gallery-item:nth-child(4n+1){clear:both} .gallery-columns-5 .gallery-item:nth-child(5n+1){clear:both} .gallery-columns-6 .gallery-item:nth-child(6n+1){clear:both} .gallery-columns-7 .gallery-item:nth-child(7n+1){clear:both} .gallery-columns-8 .gallery-item:nth-child(8n+1){clear:both} .gallery-columns-9 .gallery-item:nth-child(9n+1){clear:both} */ /* Gallery | Flat */ .gallery.flat .gallery-item { margin: 0 !important; } .gallery.flat .gallery-item .gallery-icon { margin: 0 !important; width: 100%; } .gallery.flat .gallery-item .gallery-icon .image_frame { border-width: 0; margin-bottom: 0; } /* Gallery | Fancy */ .gallery.fancy .gallery-item:nth-child(2n + 1) { transform: rotate(2deg); } .gallery.fancy .gallery-item:nth-child(2n) { transform: rotate(-2deg); } .gallery.fancy .gallery-item .image_frame { margin: 7%; } /* Gallery | Masonry */ .gallery.masonry .gallery-item { margin: 0 !important; } .gallery.masonry .gallery-item .gallery-icon { margin: 0 !important; width: 100%; } .gallery.masonry .gallery-item .image_frame { margin-bottom: 0; } /* Divider --------------------------------------------------------------------------- */ hr { display: block; border: none; outline: none; height: 1px; width: 100%; margin: 0 auto 15px; clear: both; } hr, .hr_wide, .hr_zigzag, .hr_dots { margin: 0 auto 15px; clear: both; } hr.hr_narrow { width: 7%; } hr.no_line, .dark hr.no_line { background: none; color: transparent; } .hr_wide { position: relative; height: 1px; } .hr_wide hr { position: absolute; right: -1000px; top: 0; width: 3000px; } .aside_right .hr_wide hr { right: 0; } .aside_left .hr_wide hr { left: 0; right: auto; } .hr_zigzag { text-align: center; margin-bottom: 10px; } .hr_zigzag i { font-size: 25px; line-height: 25px; margin: 0 -11px; display: inline-block; } .hr_dots { text-align: center; line-height: 0; } .hr_dots span { display: inline-block; width: 5px; height: 5px; overflow: hidden; margin: 0 5px; -webkit-border-radius: 5px; border-radius: 5px; } .column_divider hr, .column_divider .hr_wide, .column_divider .hr_zigzag, .column_divider .hr_dots { margin-bottom: 0; } /* Divider | Fancy */ .fancy-divider svg { display: block; } .fancy-divider svg:not(:root) { overflow: hidden; } /* Decoration SVG */ .section .section-divider { display: block; width: 50px; height: 50px; position: absolute; right: 50%; margin-right: -25px; background-color: inherit; z-index: 1; } .section-divider.triangle.up, .section-divider.triangle.down { -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .section-divider.triangle.up { top: -25px; } .section-divider.triangle.down { bottom: -25px; } .section-divider.triple-triangle:after, .section-divider.triple-triangle:before { content: ""; display: block; width: 50px; height: 50px; position: absolute; background-color: inherit; z-index: 1; } .section-divider.triple-triangle.up:after { right: -36px; top: 50px; } .section-divider.triple-triangle.up:before { left: -50px; top: -36px; } .section-divider.triple-triangle.down:after { right: -51px; top: 35px; } .section-divider.triple-triangle.down:before { left: -35px; top: -50px; } .section-divider.triple-triangle.up, .section-divider.triple-triangle.down { -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .section-divider.triple-triangle.up { top: -25px; } .section-divider.triple-triangle.down { bottom: -25px; } .section-divider.square.up, .section-divider.square.down { width: 70px; height: 70px; margin-right: -35px; } .section-divider.square.up { top: -25px; } .section-divider.square.down { bottom: -25px; } .section-divider.circle.up, .section-divider.circle.down { width: 70px; height: 70px; margin-right: -35px; -webkit-border-radius: 100%; border-radius: 100%; } .section-divider.circle.up { top: -25px; } .section-divider.circle.down { bottom: -25px; } /* Decoration Image | height:100px - fallback */ .section .section-decoration { width: 100%; height: 100px; position: absolute; right: 0; background-repeat: repeat-x; z-index: 1; } .section .section-decoration.top { top: 0; background-position: center top; } .section .section-decoration.bottom { bottom: 0; background-position: center bottom; } /* Idea box -------------------------------------------------------------------------- */ .idea_box { padding: 25px 70px 25px 25px; position: relative; border-top-width: 1px; border-style: solid; background: rgba(0, 0, 0, 0.02); clear: both; } .idea_box .icon { font-size: 30px; line-height: 30px; position: absolute; right: 15px; top: 50%; margin-top: -15px; color: rgba(0, 0, 0, 0.15); } /* Google font ----------------------------------------------------------------------- */ .google_font { margin-bottom: 15px; } /* Popup | .popup-content ------------------------------------------------------------ */ .popup-content { display: none; } /* Single icon ----------------------------------------------------------------------- */ .single_icon { display: block; margin: 0 auto 15px; } .single_icon.icon_right { text-align: right; } .single_icon.icon_left { text-align: left; } .single_icon.icon_center { text-align: center; } /* Forms ----------------------------------------------------------------------------- */ form, fieldset { margin-bottom: 0; } textarea { min-height: 60px; } label, legend { display: block; margin-bottom: 5px; font-weight: 700; } input[type="checkbox"] { display: inline; } input[type="date"], input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], select, textarea { padding: 10px; outline: none; margin: 0; width: 230px; max-width: 100%; display: block; margin-bottom: 20px; font-size: 13px; border-width: 1px; border-style: solid; border-radius: 0; box-sizing: border-box; -webkit-appearance: none; } /* Lists ----------------------------------------------------------------------------- */ ul { list-style: none outside; } ol { list-style: decimal; } .column_column ul, .column_column ol, .column_helper ul, .column_helper ol, .column_visual ul, .column_visual ol, .mfn-acc ul, .mfn-acc ol, .ui-tabs-panel ul, .ui-tabs-panel ol, .the_content_wrapper ul, .the_content_wrapper ol, .post-excerpt ul, .post-excerpt ol { margin: 0 30px 15px 0; } .column_column ul li, .column_helper ul li, .column_visual ul li, .mfn-acc ul li, .ui-tabs-panel ul li, .the_content_wrapper ul li, .post-excerpt ul li { list-style: disc outside; } .column_column ul li, .column_column ol li, .column_helper ul li, .column_helper ol li, .column_visual ul li, .column_visual ol li, .mfn-acc ul li, .mfn-acc ol li, .ui-tabs-panel ul li, .ui-tabs-panel ol li, .the_content_wrapper ul li, .the_content_wrapper ol li, .post-excerpt ul li, .post-excerpt ol li { margin-bottom: 10px; } .column_column ul li ul, .column_column ol li ol, .column_helper ul li ul, .column_helper ol li ol, .column_visual ul li ul, .column_visual ol li ol, .mfn-acc ul li ul, .mfn-acc ol li ol, .ui-tabs-panel ul li ul, .ui-tabs-panel ol li ol, .the_content_wrapper ul li ul, .the_content_wrapper ol li ol, .post-excerpt ul li ul, .post-excerpt ol li ol { margin-top: 10px; margin-bottom: 0; } ul.list_mixed, ul.list_check, ul.list_star, ul.list_idea { margin-right: 0; } ul.list_mixed li, ul.list_check li, ul.list_star li, ul.list_idea li { margin-bottom: 20px; position: relative; list-style: none; padding-right: 50px; margin-right: 0; } ul.list_mixed li:after, ul.list_check li:after, ul.list_star li:after, ul.list_idea li:after { content: ""; width: 70px; height: 1px; overflow: hidden; background: rgba(0, 0, 0, 0.08); position: absolute; right: 0; bottom: -11px; } ul.list_mixed li:last-child:after, ul.list_check li:last-child:after, ul.list_star li:last-child:after, ul.list_idea li:last-child:after { display: none; } ul.list_check li, li.list_check { background: url(../images/icons/list_check.png) no-repeat right 20px top 5px; } ul.list_star li, li.list_star { background: url(../images/icons/list_star.png) no-repeat right 20px top 5px; } ul.list_idea li, li.list_idea { background: url(../images/icons/list_idea.png) no-repeat right 20px top 6px; } dl { margin: 0 0 30px; } dl > dt, dl > dd { border-width: 1px 0 0; border-style: solid; padding: 10px 0; margin: 0; } dl > dt { display: block; float: right; width: 100px; font-weight: 700; } dl > dd { margin-right: 110px; } dl > dd:after { content: ""; clear: both; display: block; } /* Alerts ---------------------------------------------------------------------------- */ .alert { margin-bottom: 30px; padding: 20px 90px 20px 55px; position: relative; -webkit-border-radius: 5px; border-radius: 5px; } .alert .alert_icon { width: 60px; height: 60px; font-size: 30px; line-height: 60px; color: rgba(0, 0, 0, 0.4); position: absolute; right: 10px; top: 10px; text-align: center; -webkit-border-radius: 5px; border-radius: 5px; } .alert a.close { position: absolute; left: 15px; top: 20px; font-size: 20px; line-height: 20px; } .alert a.close i { margin: 0 !important; color: rgba(0, 0, 0, 0.6); } .alert a:hover.close i { color: rgba(0, 0, 0, 0.8); } .alert_warning { background: #ffe38b; color: #9b812e; } .alert_warning .alert_icon { background: #fbda72; } .alert_warning a, .alert_warning a:hover { color: #645012; } .alert_error { background: #fb5455; color: #fff; } .alert_error .alert_icon { background: #f24143; } .alert_error a, .alert_error a:hover { color: #9f2e2e; } .alert_info { background: #3097db; color: #fff; } .alert_info .alert_icon { background: #1c81c4; } .alert_info a, .alert_info a:hover { color: #b1e0ff; } .alert_success { background: #a5de5c; color: #fff; } .alert_success .alert_icon { background: #8fc944; } .alert_success a, .alert_success a:hover { color: #5d9514; } /* Muffin link ----------------------------------------------------------------------- */ a.mfn-link { position: relative; display: inline-block; margin: 15px 25px; font-size: 15px; text-shadow: 0 0 1px rgba(255, 255, 255, 0.3); text-decoration: none; outline: none; white-space: nowrap; } a:hover.mfn-link { text-decoration: none; } /* Effect 1: Brackets */ a.mfn-link-1:before, a.mfn-link-1:after { display: inline-block; opacity: 0; -webkit-transition: -webkit-transform 0.3s, opacity 0.2s; -moz-transition: -moz-transform 0.3s, opacity 0.2s; transition: transform 0.3s, opacity 0.2s; } a.mfn-link-1:before { margin-left: 10px; content: "["; -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); transform: translateX(-20px); } a.mfn-link-1:after { margin-right: 10px; content: "]"; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); transform: translateX(20px); } a:hover.mfn-link-1:before, a:hover.mfn-link-1:after, a.hover.mfn-link-1:before, a.hover.mfn-link-1:after { opacity: 1; -webkit-transform: translateX(0px); -moz-transform: translateX(0px); transform: translateX(0px); } /* Effect 2: 3D rolling links */ a.mfn-link-2 { line-height: 44px; -webkit-perspective: 1000px; -moz-perspective: 1000px; perspective: 1000px; } a.mfn-link-2 span { position: relative; display: inline-block; padding: 0 14px; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; } a.mfn-link-2 span:before { position: absolute; top: 100%; right: 0; width: 100%; height: 100%; content: attr(data-hover); -webkit-transition: background 0.3s; -moz-transition: background 0.3s; transition: background 0.3s; -webkit-transform: rotateX(-90deg); -moz-transform: rotateX(-90deg); transform: rotateX(-90deg); -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; transform-origin: 50% 0; text-align: center; } a:hover.mfn-link-2 span, a.hover.mfn-link-2 span { -webkit-transform: rotateX(90deg) translateY(-22px); -moz-transform: rotateX(90deg) translateY(-22px); transform: rotateX(90deg) translateY(-22px); } /* Effect 3: bottom line */ a.mfn-link-3 { padding: 8px 0; } a.mfn-link-3:after { position: absolute; top: 100%; right: 0; width: 100%; height: 3px; content: ""; opacity: 0; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; -moz-transition: opacity 0.3s, -moz-transform 0.3s; transition: opacity 0.3s, transform 0.3s; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); transform: translateY(10px); } a:hover.mfn-link-3:after, a.hover.mfn-link-3:after { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); transform: translateY(0px); } /* Effect 4: second border slides up */ a.mfn-link-4 { padding: 12px 10px 10px; text-shadow: none; font-weight: 700; } a.mfn-link-4:before, a.mfn-link-4::after { position: absolute; top: 100%; right: 0; width: 100%; height: 3px; content: ""; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; -webkit-transform: scale(0.85); -moz-transform: scale(0.85); transform: scale(0.85); } a.mfn-link-4:after { opacity: 0; -webkit-transition: top 0.3s, opacity 0.3s, -webkit-transform 0.3s; -moz-transition: top 0.3s, opacity 0.3s, -moz-transform 0.3s; transition: top 0.3s, opacity 0.3s, transform 0.3s; } a:hover.mfn-link-4:before, a:hover.mfn-link-4:after, a.hover.mfn-link-4:before, a.hover.mfn-link-4:after { -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); } a:hover.mfn-link-4:after, a.hover.mfn-link-4:after { top: 0; opacity: 1; } /* Effect 5: reveal, push out */ a.mfn-link-5 { overflow: hidden; margin: 0 15px; position: relative; z-index: 1; } a.mfn-link-5 span { display: block; padding: 10px 20px; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; } a.mfn-link-5:before { position: absolute; top: 0; right: 0; text-align: right; z-index: -1; padding: 10px 20px; width: 100%; height: 100%; content: attr(data-hover); -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; -webkit-transform: translateX(25%); -moz-transform: translateX(25%); transform: translateX(25%); } a:hover.mfn-link-5 span, a.hover.mfn-link-5 span { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); transform: translateX(-100%); } a:hover.mfn-link-5:before, a.hover.mfn-link-5:before { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); transform: translateX(0%); } /* Effect 6: text fill*/ a.mfn-link-6 { padding: 10px 0; text-shadow: none; } a.mfn-link-6:before { position: absolute; top: 0; right: 0; overflow: hidden; padding: 10px 0; max-width: 0; border-bottom: 2px solid; content: attr(data-hover); -webkit-transition: max-width 0.5s; -moz-transition: max-width 0.5s; transition: max-width 0.5s; } a:hover.mfn-link-6:before, a.hover.mfn-link-6:before { max-width: 100%; } /* Effect 7: border switch */ a.mfn-link-7 { padding: 0 20px; height: 45px; line-height: 45px; } a.mfn-link-7:before, a.mfn-link-7:after { position: absolute; width: 45px; height: 2px; content: ""; opacity: 0.2; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; pointer-events: none; } a.mfn-link-7:before { top: 0; right: 0; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; transform-origin: 100% 0; } a.mfn-link-7:after { left: 0; bottom: 0; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transform-origin: 0% 0; -moz-transform-origin: 0% 0; transform-origin: 0% 0; } a:hover.mfn-link-7:before, a:hover.mfn-link-7:after, a.hover.mfn-link-7:before, a.hover.mfn-link-7:after { opacity: 1; } a:hover.mfn-link-7:before, a.hover.mfn-link-7:before { right: 50%; -webkit-transform: rotate(0deg) translateX(50%); -moz-transform: rotate(0deg) translateX(50%); transform: rotate(0deg) translateX(50%); } a:hover.mfn-link-7:after, a.hover.mfn-link-7:after { left: 50%; -webkit-transform: rotate(0deg) translateX(-50%); -moz-transform: rotate(0deg) translateX(-50%); transform: rotate(0deg) translateX(-50%); } /* Effect 8: cross */ a.mfn-link-8 { padding: 0 5px; font-weight: 700; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s; position: relative; z-index: 1; } a.mfn-link-8:before, a.mfn-link-8:after { position: absolute; width: 100%; right: 0; top: 50%; height: 2px; margin-top: -1px; content: ""; z-index: -1; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; -moz-transition: -moz-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; pointer-events: none; } a.mfn-link-8:before { -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); transform: translateY(-20px); } a.mfn-link-8:after { -webkit-transform: translateY(20px); -moz-transform: translateY(20px); transform: translateY(20px); } a:hover.mfn-link-8:before, a:hover.mfn-link-8:after, a.hover.mfn-link-8:before, a.hover.mfn-link-8:after { opacity: 0.7; } a:hover.mfn-link-8:before, a.hover.mfn-link-8:before { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); } a:hover.mfn-link-8:after, a.hover.mfn-link-8:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); } /* variables */ a.mfn-link-4:before, a.mfn-link-4:after, a.mfn-link-3:after, a:hover.mfn-link-8:after, a:hover.mfn-link-8:before, a.hover.mfn-link-8:after, a.hover.mfn-link-8:before { background: rgba(0, 0, 0, 0.1); } a.mfn-link-6 { border-top: 2px solid rgba(0, 0, 0, 0.05); } a.mfn-link.mfn-link-6 { color: rgba(0, 0, 0, 0.25); } a.mfn-link-2 span, a:hover.mfn-link-2 span:before, a.hover.mfn-link-2 span:before, a.mfn-link-5 span, a.mfn-link-5:before { color: #fff; } /* Accordion ------------------------------------------------------------------------- */ .accordion .question { margin-bottom: 5px; -webkit-border-radius: 5px; border-radius: 5px; overflow: hidden; border-width: 1px; border-style: solid; } .accordion .question:last-child { margin-bottom: 0; } .accordion .question .title { padding: 14px 60px 14px 14px; font-size: 13px; font-weight: 700; position: relative; border-width: 0; border-style: solid; cursor: pointer; background-image: url(../images/bg_panel.png); background-repeat: repeat-x; background-position: right top; } .accordion .question .title:before { content: ""; width: 49px; height: 100%; border-width: 0 0 0 1px; border-style: solid; position: absolute; right: 0; top: 0; z-index: 1; } .accordion .question .title > .acc-icon-plus, .accordion .question .title > .acc-icon-minus { font-size: 17px; line-height: 17px; display: block; position: absolute; right: 15px; top: 16px; width: 20px; height: 20px; text-align: center; color: rgba(0, 0, 0, 0.25); } .accordion .question .title > .acc-icon-plus:before, .accordion .question .title > .acc-icon-minus:before { margin: 0 !important; } .accordion .question .title > .acc-icon-plus { display: block; } .accordion .question .title > .acc-icon-minus { display: none; } .accordion .question .answer { padding: 15px 20px 20px; overflow: hidden; display: none; background-image: url(../images/box_shadow.png); background-repeat: repeat-x; background-position: right top; } .accordion .question .answer .wpb_content_element:last-child { margin-bottom: 0; } .accordion .question.active .title { border-width: 0 0 1px; } .accordion .question.active .title > .acc-icon-plus { display: none; } .accordion .question.active .title > .acc-icon-minus { display: block; } .accordion .question.active p:last-child { margin-bottom: 0; } /* FAQ ------------------------------------------------------------------------------- */ .faq .question { margin-bottom: 5px; overflow: hidden; position: relative; background: rgba(0, 0, 0, 0.02); } .faq .question:before { content: ""; width: 60px; height: 100%; border-width: 0 0 0 1px; border-style: solid; border-color: rgba(0, 0, 0, 0.1); position: absolute; right: 0; top: 0; z-index: 1; } .faq .question:after { content: ""; width: 60px; height: 100%; background: rgba(0, 0, 0, 0.03); position: absolute; right: 0; top: 0; z-index: 1; } .faq .question:last-child { margin-bottom: 0; } .faq .question .title { padding: 20px 80px 20px 40px; font-size: 15px; position: relative; cursor: pointer; z-index: 2; } .faq .question .title > .acc-icon-plus, .faq .question .title > .acc-icon-minus { font-size: 17px; line-height: 17px; display: block; position: absolute; left: 15px; top: 21px; width: 20px; height: 20px; text-align: center; color: rgba(0, 0, 0, 0.25); } .faq .question .title > .acc-icon-plus:before, .faq .question .title > .acc-icon-minus:before { margin: 0 !important; } .faq .question .title > .acc-icon-plus { display: block; } .faq .question .title > .acc-icon-minus { display: none; } .faq .question .title .num { font-weight: 700; position: absolute; right: 27px; top: 20px; font-weight: bold; } .faq .question .answer { padding: 0 80px 20px 20px; overflow: hidden; display: none; } .faq .question.active .title > .acc-icon-plus { display: none; } .faq .question.active .title > .acc-icon-minus { display: block; } .faq .question.active p:last-child { margin-bottom: 0; } .wpb_wrapper .faq { margin-bottom: 5px; } .wpb_wrapper .faq .question .title.wpb_toggle { background-position: right 23px top 50%; } .wpb_wrapper .faq .question .answer.wpb_toggle_content { margin: 0; } .wpb_wrapper .faq .question .last_toggle_el_margin { margin-bottom: 0; } .wpb_wrapper .faq .question .title > .acc-icon-plus, .wpb_wrapper .faq .question .title > .acc-icon-minus { right: 20px; left: auto; color: rgba(0, 0, 0, 0.5); } /* Table ----------------------------------------------------------------------------- */ table { width: 100%; margin-bottom: 15px; border-collapse: collapse; border-spacing: 0; -webkit-border-radius: 5px; border-radius: 5px; } table th, table td { padding: 10px; text-align: center; border-width: 1px; border-style: solid; vertical-align: middle; } table th { font-weight: 700; background: url(../images/bg_panel.png) repeat-x right top; } table th.clear { border: 0; background: none; } table tr:first-child td { background: url(../images/box_shadow.png) repeat-x right top; } table tr:nth-child(2n) td { background: rgba(0, 0, 0, 0.01); } /* table.simple */ table.simple th { background: none; } table.simple th, table.simple td { border-width: 0 0 1px; } table.simple tr:first-child td { background: none; } table.simple tr:last-child td { border: none; } /* Rows Hover */ body.table-hover:not(.woocommerce-page) table tr:hover td { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } /* Feature list ---------------------------------------------------------------------- */ .feature_list ul { margin: 0; overflow: hidden; } .feature_list ul li { margin: 0; list-style: none; width: 25%; float: right; display: block; padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .feature_list ul li a { display: block; } .feature_list ul li a:hover { text-decoration: none; } .feature_list ul li .icon { width: 60px; height: 60px; line-height: 0; margin-left: 10px; display: table-cell; vertical-align: middle; text-align: center; } .feature_list ul li .icon i { font-size: 43px; line-height: 60px; } .feature_list ul li .icon i:before { margin: 0; } .feature_list ul li p { display: table-cell; vertical-align: middle; padding: 0 10px 0 0; } .feature_list hr { margin: 0; } /* Animation */ .feature_list ul li a { -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } /* Columns */ .feature_list[data-col="2"] ul li { width: 50%; } .feature_list[data-col="3"] ul li { width: 33.33%; } .feature_list[data-col="4"] ul li { width: 25%; } .feature_list[data-col="5"] ul li { width: 20%; } .feature_list[data-col="6"] ul li { width: 16.66%; } /* List ------------------------------------------------------------------------------ */ .list_item { display: block; } .list_item a { display: block; } .list_item a:hover { text-decoration: none; } .list_item .list_right { width: 80px; height: 80px; line-height: 80px; font-size: 50px; overflow: hidden; text-align: center; float: right; } .list_item .list_image { font-size: 0; } .list_item .list_right img { max-width: 80px !important; max-height: 80px !important; vertical-align: middle; } .list_item .list_right i:before { margin: 0; } .list_item .circle { width: 78px; height: 78px; line-height: 78px; border-width: 1px; border-style: solid; font-size: 20px; font-weight: 700; overflow: hidden; text-align: center; float: right; -webkit-border-radius: 100%; border-radius: 100%; background-image: url(../images/stripes/stripes_3_b.png); -webkit-box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, 0.08); box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, 0.08); } .list_item .list_left { padding: 5px 0 0; margin-right: 100px; word-wrap: break-word; } .list_item .list_left h4 { margin-bottom: 7px; } .list_item.lists_1 .list_right { -webkit-border-radius: 5px; border-radius: 5px; background-image: url(../images/stripes/stripes_3_b.png); -webkit-box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, 0.1); box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, 0.1); } .list_item.lists_1 .list_image { width: 60px; height: 60px; line-height: 60px; padding: 10px; font-size: 0; } .list_item.lists_1 .list_right img { max-width: 60px !important; max-height: 60px !important; } .list_item.lists_3 .list_right { float: none; margin-bottom: 10px; } .list_item.lists_3 .list_icon { width: auto; text-align: right; } .list_item.lists_3 .list_left { margin-right: 0; padding-top: 0; } .list_item.lists_3 .list_left h4 { margin-bottom: 10px; } .list_item.lists_4 .list_left { padding-top: 21px; } .align_left .list_item .list_right { float: left; } .align_left .list_item .list_left { margin-right: 0; margin-left: 100px; } /* Pricing boxes --------------------------------------------------------------------- */ .pricing-box { border-width: 1px; border-style: solid; background: #fff; } .pricing-box .plan-header { text-align: center; padding: 20px 15px 0; } .pricing-box .plan-header .image { text-align: center; margin-bottom: 15px; } .pricing-box .plan-header h2 { margin: 0 0 20px; font-size: 30px; line-height: 30px; } .pricing-box .plan-header .price { margin: 0 0 20px; } .pricing-box .plan-header .price > span { font-size: 45px; line-height: 45px; margin: 0 5px; } .pricing-box .plan-header .price sup.currency { font-size: 20px; line-height: 20px; top: -10px; position: relative; } .pricing-box.cp-left .plan-header .price sup.currency { margin-left: 5px; } .pricing-box .plan-header .price sup.period { font-size: 15px; line-height: 15px; top: -15px; position: relative; } .pricing-box .plan-header hr { margin-bottom: 0; width: 60%; } .pricing-box .plan-header p.subtitle { padding: 20px 0 0; margin-bottom: 0; } .pricing-box .plan-inside { padding: 10px 30px; text-align: center; } .pricing-box .plan-inside ul { margin: 0; font-size: 100%; line-height: normal; } .pricing-box .plan-inside ul li { text-align: center; padding: 11px 10px; display: block; margin: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .pricing-box .plan-inside ul li .yes, .pricing-box .plan-inside ul li .no { display: inline-block; overflow: hidden; width: 10px; height: 10px; -webkit-border-radius: 5px; border-radius: 5px; background: rgba(0, 0, 0, 0.1); } .pricing-box .plan-inside ul li:last-child { border-bottom: 0; } .pricing-box .plan-footer { text-align: center; } .pricing-box .plan-footer a { margin-left: 0; } .pricing-box-box.pricing-box-featured { border-color: transparent; } /* Pricing table */ .pricing-box.pricing-box-label .plan-header *, .pricing-box.pricing-box-label .plan-footer { visibility: hidden; } .pricing-box-label ul li { font-weight: 700; text-align: left !important; } .pricing-box-label, .pricing-box-table { border: 0; background: none; } .pricing-box-label .plan-inside, .pricing-box-table .plan-inside { padding-right: 0; padding-left: 0; } .pricing-box-table.pricing-box-featured { background: rgba(0, 0, 0, 0.02); padding-right: 10px; padding-left: 10px; } /* Content slider ----------------------------------------------------------------------------- */ .content_slider { padding: 0 140px; position: relative; } .content_slider .content_slider_ul { margin: 0 !important; line-height: 0; border-width: 8px; border-style: solid; -webkit-box-sizing: border-box; box-sizing: border-box; } .content_slider .content_slider_ul li { display: block; float: right; margin: 0 !important; } .content_slider a.button { position: absolute; top: 50%; margin: -22px 0 0; font-size: 13px; line-height: 21px; } .content_slider a.slider_prev { right: -90px; } .content_slider a.slider_next { left: -90px; } .content_slider .slider_pagination { width: 100%; margin-top: 30px; } .content_slider .slider_pagination li { display: inline-block; } .content_slider .content_slider_ul { max-height: 283px; transition: opacity 0.3s ease-in-out; } .content_slider .content_slider_ul.slick-slider { opacity: 1; max-height: none; zoom: 1; } /* Flat */ .content_slider.flat .content_slider_ul { border-width: 0; } .content_slider.flat a.button { background: none !important; box-shadow: none; border: none; } .content_slider.flat a.button:after { display: none !important; } .content_slider.flat a.button:hover { background: none !important; } .content_slider.flat a.button .button_icon { background: none; padding: 0; font-size: 50px; opacity: 0.3; } .content_slider.flat a:hover.button .button_icon { opacity: 1; } /* Flat description */ .content_slider.flat.description ul li { text-align: center; } .content_slider.flat.description ul li a { display: block; text-decoration: none; } .content_slider.flat.description ul li img { margin-bottom: 30px; } .content_slider.flat.description ul li h3 { margin-bottom: 0; } .content_slider.flat.description ul li .desc { line-height: initial; padding: 0 20%; margin-top: 15px; } /* Carousel */ .content_slider.carousel { padding: 0 70px; } .content_slider.carousel .content_slider_ul { border-width: 0; } .content_slider.carousel .content_slider_ul li { text-align: center; padding: 0 20px; padding-top: 5px; } .content_slider.carousel .content_slider_ul li img { margin-bottom: 20px; opacity: 0.8; position: relative; top: 0; } .content_slider.carousel .content_slider_ul li a { color: inherit; text-decoration: none; } .content_slider.carousel .content_slider_ul li .title { opacity: 0.3; font-size: 115%; line-height: initial; } .content_slider.carousel .content_slider_ul li:hover img { opacity: 1; top: -5px; } .content_slider.carousel .content_slider_ul li:hover .title { opacity: 1; } .content_slider.carousel a.button { background: none !important; box-shadow: none; border: none; top: 40%; margin-top: -11px; } .content_slider.carousel a.button:after { display: none !important; } .content_slider.carousel a.button:hover { background: none !important; } .content_slider.carousel a.button .button_icon { background: none; padding: 0; font-size: 30px; opacity: 0.5; } .content_slider.carousel a.button:hover .button_icon { opacity: 1; } .content_slider.carousel a.slider_prev { right: -70px; } .content_slider.carousel a.slider_next { left: -70px; } /* Navigation visibility */ .content_slider.hide-arrows { padding: 0; } .content_slider.hide-arrows a.slider_prev, .content_slider.hide-arrows a.slider_next { display: none !important; } .content_slider.hide-dots .slider_pagination { display: none !important; } .section.full-width .column.one .content_slider.hide-arrows { padding: 0 140px; } /* Animation */ .content_slider.carousel ul li img, .content_slider.carousel ul li .title, .content_slider.flat a.button .button_icon { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } /* Offer slider ---------------------------------------------------------------------- */ .offer { position: relative; } .offer .offer_ul { margin: 0 !important; } .offer .offer_li { display: block; float: right; } .offer .offer_li .image_wrapper { float: right; width: 50%; line-height: 0; } .offer .offer_li .image_wrapper img { float: left; } .offer .offer_li .desc_wrapper { float: right; width: 570px; width: calc(50% - 42px); margin: 30px 30px 30px 12px; } .offer .offer_li .desc_wrapper .title { margin-bottom: 30px; position: relative; min-height: 43px; padding-left: 160px; } .offer .offer_li .desc_wrapper.no-link .title { padding: 0; } .offer .offer_li .desc_wrapper .title h3 { margin: 0; font-size: 35px; line-height: 35px; padding-top: 3px; } .offer .offer_li .desc_wrapper .title h3 em { color: rgba(0, 0, 0, 0.1); font-style: normal; } .offer .offer_li .desc_wrapper .title a.button { margin: 0; position: absolute; left: 0; top: 0; } .offer .offer_li .desc_wrapper.align_right { text-align: right; } .offer .offer_li .desc_wrapper.align_left { text-align: left; } .offer .offer_li .desc_wrapper.align_center { text-align: center; } .offer .offer_li .desc_wrapper.align_justify { text-align: justify; } .offer .offer_li .desc_wrapper.align_left.has-link .title { padding-right: 160px; padding-left: 0; } .offer .offer_li .desc_wrapper.align_left .title a.button { right: 0; left: auto; } .offer .offer_li .desc_wrapper.align_center.has-link .title { text-align: right; } .offer_li ul { list-style: disc inside none; margin-bottom: 10px; } .offer_li ol { list-style: decimal inside none; margin-bottom: 10px; } .offer_li li { margin-bottom: 5px; } .offer a.slider_prev, .offer a.slider_next { background: #262626; margin: 0; position: absolute; } .offer a.slider_prev:after, .offer a.slider_next:after { background: rgba(0, 0, 0, 0.2); } .offer a.slider_prev .button_icon, .offer a.slider_next .button_icon { padding: 0; width: 46px; height: 46px; line-height: 46px; font-size: 13px; text-align: center; } .offer a.slider_prev .button_icon i, .offer a.slider_next .button_icon i { color: #fff; } .offer a.slider_prev { right: 50px; top: 50%; z-index: 2; margin-top: -69px; border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; } .offer a.slider_next { right: 50px; top: 50%; z-index: 2; margin-top: 23px; border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; } .offer .slider_pagination { display: block; right: 50px; top: 50%; color: #6c6c6c; margin-top: -23px; position: absolute; z-index: 1; width: 46px; height: 46px; line-height: 46px; text-align: center; font-size: 13px; background: #1c1c1c; } .offer .slider_pagination .current, .offer .slider_pagination .count { color: #fff; } .button-stroke .offer a.slider_prev .button_icon, .button-stroke .offer a.slider_next .button_icon { padding: 0; width: 42px; height: 42px; line-height: 42px; text-align: center; } .button-stroke .offer a.slider_prev { margin-top: -75px; } .button-stroke .offer a.slider_next { margin-top: 28px; } .button-stroke .offer .slider_pagination { border-radius: 3px; background: rgba(0, 0, 0, 0.6); } /* Offer thumb */ .offer_thumb { position: relative; padding-right: 120px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .offer_thumb_ul li.offer_thumb_li { float: right; display: block; padding-right: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .offer_thumb_ul li.offer_thumb_li .image_wrapper { float: left; width: 57%; } .offer_thumb_ul li.offer_thumb_li .desc_wrapper { float: right; width: 39%; margin-left: 4%; padding-top: 20px; } .offer_thumb_ul li.offer_thumb_li .desc_wrapper .title { margin-bottom: 15px; position: relative; min-height: 43px; padding-left: 160px; } .offer_thumb_ul li.offer_thumb_li .desc_wrapper.no-link .title { padding: 0; } .offer_thumb_ul li.offer_thumb_li .desc_wrapper .title h3 { margin: 0; font-size: 35px; line-height: 35px; padding-top: 3px; } .offer_thumb_ul li.offer_thumb_li .desc_wrapper .title a.button { margin: 0; position: absolute; left: 0; top: 0; } .offer_thumb_ul li.offer_thumb_li .desc_wrapper.align_right { text-align: right; } .offer_thumb_ul li.offer_thumb_li .desc_wrapper.align_left { text-align: left; } .offer_thumb_ul li.offer_thumb_li .desc_wrapper.align_center { text-align: center; } .offer_thumb_ul li.offer_thumb_li .desc_wrapper.align_justify { text-align: justify; } .offer_thumb_ul li.offer_thumb_li .desc_wrapper.align_left.has-link .title { padding-right: 160px; padding-left: 0; } .offer_thumb_ul li.offer_thumb_li .desc_wrapper.align_left .title a.button { right: 0; left: auto; } .offer_thumb_ul li.offer_thumb_li .desc_wrapper.align_center.has-link .title { text-align: right; } /* Animation */ .offer_thumb .slider_pagination a img { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .offer_thumb .slider_pagination a:before, .offer_thumb .slider_pagination a:after { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } @media only screen and (min-width: 768px) { .offer_thumb .slider_pagination { position: absolute; right: 0; top: 0; border-width: 1px; border-style: solid; } .offer_thumb .slider_pagination a { display: block; margin: 0; width: 85px !important; height: 85px !important; line-height: 85px; text-align: center; padding: 8px; text-indent: 0; border-bottom-width: 1px; border-style: solid; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; } .offer_thumb .slider_pagination a:not(.selected):hover img { filter: alpha(opacity=60); opacity: 0.6; } .offer_thumb .slider_pagination a.selected { top: 0; } body:not(.style-simple) .offer_thumb:not(.bottom) .slider_pagination a:last-child { border: 0; } .offer_thumb .slider_pagination a:before { content: ""; display: block; width: 5px; height: 100%; left: -5px; top: 0; position: absolute; filter: alpha(opacity=0); opacity: 0; } .offer_thumb .slider_pagination a.selected:before { filter: alpha(opacity=100); opacity: 1; } .offer_thumb .slider_pagination a:after { content: ""; right: auto; left: -9px; top: 50%; margin-top: -4px; width: 8px; height: 8px; filter: alpha(opacity=0); opacity: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; } .offer_thumb .slider_pagination a.selected:after { filter: alpha(opacity=100); opacity: 1; } .offer_thumb .slider_pagination a { background-color: #fff; } .offer_thumb .slider_pagination a.selected { background-color: #fff; background-image: url(../images/stripes/stripes_3_b.png); } .offer_thumb .slider_pagination a img { vertical-align: middle; } } /* Offer thumb bottom */ .offer_thumb.bottom { padding-right: 0; } .offer_thumb.bottom .offer_thumb_ul li.offer_thumb_li .image_wrapper { width: 48%; text-align: center; } .offer_thumb.bottom .offer_thumb_ul li.offer_thumb_li .desc_wrapper { margin-left: 4%; width: 48%; } .offer_thumb.bottom .slider_pagination { position: static; border: 0; text-align: center; margin-top: 50px; } .offer_thumb.bottom .slider_pagination a { display: inline-block; border-width: 1px 1px 1px 0; border-style: solid; } .offer_thumb.bottom .slider_pagination a:last-child { border-left-width: 1px; border-style: solid; } .offer_thumb.bottom .slider_pagination a:before { width: 100%; height: 5px; right: 0; left: auto; top: -5px; } .offer_thumb.bottom .slider_pagination a:after { right: 50%; left: auto; top: -5px; margin-right: -4px; } /* Latest news ----------------------------------------------------------------------- */ .Latest_news ul { float: right; width: 100%; margin: 0; } .Latest_news ul li { margin: 0 0 20px; list-style: none; position: relative; overflow: hidden; } .Latest_news ul li .photo { width: 30%; border-left-width: 3px; border-style: solid; float: right; line-height: 0; } .Latest_news ul li .desc { width: 100%; padding: 3px 0 3px 12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .Latest_news ul li.has-post-thumbnail .desc { margin-right: 30%; width: 70%; padding-right: 12px; } .Latest_news ul li .desc h5 { margin: 0 0 7px; } .Latest_news ul li .desc .post-excerpt { margin: 10px 0 5px; } .Latest_news ul li .desc_footer { overflow: hidden; border-top-width: 1px; border-style: solid; padding-top: 5px; color: #a8a8a8; } .Latest_news ul li .desc_footer .date { float: right; margin-left: 5px; } .Latest_news ul li .desc_footer .button-love { float: right; margin-left: 5px; } .Latest_news ul li .desc_footer .button-love a.mfn-love { display: inline-block; position: relative; padding-right: 24px; margin-right: 5px; } .Latest_news ul li .desc_footer .button-love a.mfn-love i { position: absolute; right: 0; top: 0; font-size: 16px; } .Latest_news ul li .desc_footer .button-love a.mfn-love:hover { text-decoration: none; } .Latest_news ul li .desc_footer .button-love a.mfn-love i:last-child { opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .Latest_news ul li .desc_footer .button-love a:hover.mfn-love i:last-child, .Latest_news ul li .desc_footer .button-love a.loved.mfn-love i:last-child { opacity: 1; filter: alpha(opacity=100); } .Latest_news .button { float: right; clear: both; } .Latest_news.featured ul { float: right; width: 49%; } .Latest_news.featured ul.ul-first { margin-left: 1%; } .Latest_news.featured ul.ul-second { margin-right: 1%; } .Latest_news.featured ul.ul-first li .photo { width: 100%; float: right; margin-bottom: 10px; border-left-width: 0; border-bottom-width: 3px; border-bottom-style: solid; } .Latest_news.featured ul.ul-first li .desc { width: 100%; margin: 0; padding: 0; float: right; } .Latest_news.featured ul.ul-first li .desc h4 { margin: 0 0 7px; } .column.two-fifth .Latest_news.featured ul, .column.one-third .Latest_news.featured ul, .column.one-fourth .Latest_news.featured ul { width: 100%; } .wrap.three-fifth .column.one-second .Latest_news.featured ul, .wrap.one-second .column.one-second .Latest_news.featured ul, .wrap.one-second .column.three-fifth .Latest_news.featured ul, .wrap.two-fifth .column.three-fourth .Latest_news.featured ul, .wrap.two-fifth .column.one-second .Latest_news.featured ul, .wrap.two-fifth .column.three-fifth .Latest_news.featured ul, .wrap.one-fourth .Latest_news.featured ul, .wrap.one-fifth .Latest_news.featured ul, .wrap.one-sixth .Latest_news.featured ul { width: 100%; } /* Blog Teaser ----------------------------------------------------------------------- */ .blog-teaser .teaser-wrapper { float: right; width: 100%; margin: 0; } .blog-teaser li { display: block; position: relative; overflow: hidden; } .the_content_wrapper .blog-teaser li { margin-bottom: 0; } .blog-teaser li:first-child { float: right; width: 66%; } .blog-teaser li:not(:first-child) { float: left; width: 33%; } .blog-teaser li:last-child { margin-top: 1%; } .blog-teaser li:last-child .photo-wrapper { margin-bottom: -3.2%; } .blog-teaser.margin-no li:first-child { width: 66.6666%; } .blog-teaser.margin-no li:not(:first-child) { float: left; width: 33.3333%; } .blog-teaser.margin-no li:last-child { margin-top: 0; } .blog-teaser.margin-no li:last-child .photo-wrapper { margin-bottom: 0; } .blog-teaser li .photo-wrapper { position: relative; line-height: 0; } .blog-teaser li .photo-wrapper:after { content: ""; position: absolute; z-index: 2; right: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); opacity: 0; transition: all 0.6s ease-out; } .blog-teaser li:hover .photo-wrapper:after { opacity: 1; } .blog-teaser li .desc-wrapper { position: absolute; right: 0; bottom: -20px; width: 100%; z-index: 4; transition: all 0.4s ease-out; } .blog-teaser li:hover .desc-wrapper { transform: translateY(-20px); } .blog-teaser li .desc-wrapper .desc { background: url(../images/blog_masonry_tile_gradient.png) top right repeat-x; padding: 70px 25px 30px; } .blog-teaser li .desc-wrapper .desc .post-meta .author .label { display: none; } .blog-teaser li .desc-wrapper .desc .post-meta .comments { margin-right: 5px; } .blog-teaser li .desc-wrapper .desc .post-title a { color: #fff; } .blog-teaser li .desc-wrapper .desc .post-title:after { content: ""; display: block; height: 3px; margin-top: 20px; width: 0; transition: all 0.4s ease-out; background-color: #fff; } .blog-teaser li:hover .desc-wrapper .desc .post-title:after { width: 40%; } .blog-teaser li:first-child:hover .desc-wrapper .desc .post-title:after { width: 20%; } .blog-teaser li .desc-wrapper .desc .post-meta, .blog-teaser li .desc-wrapper .desc .post-meta a { color: rgba(255, 255, 255, 0.7); } .blog-teaser li:not(.has-post-thumbnail) .photo-wrapper { padding-top: 75%; padding-bottom: 3.2%; } .blog-teaser li:not(.has-post-thumbnail) .desc-wrapper .desc { background: none; } .blog-teaser li:not(.has-post-thumbnail) .desc-wrapper .desc .post-title:after { background: #fff; } /* Helper ---------------------------------------------------------------------------- */ .helper { overflow: hidden; } .helper .helper_header { padding: 15px 20px 15px 150px; position: relative; min-height: 35px; } .helper .helper_header .title { margin: 0; line-height: 35px; } .helper .helper_header .links { position: absolute; left: 15px; top: 15px; } .helper .helper_header .links a.link { display: inline-block; height: 35px; line-height: 35px; margin: 0 5px; padding: 0 10px; text-decoration: none; -webkit-border-radius: 5px; border-radius: 5px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .helper .helper_content .item { padding: 0 20px 20px; overflow: hidden; display: none; } .helper { background: #f5f5f5; } .helper .helper_header .links a.link { color: #999; background: #fff; } .helper .helper_header .links a.link.active, .helper .helper_header .links a:hover.link { color: #999; background: rgba(0, 0, 0, 0.06); } /* Icon box -------------------------------------------------------------------------- */ .icon_box { position: relative; padding: 10px 0; } .icon_box.has_border:after { content: ""; display: block; width: 0; height: 100%; border-width: 0 0 0 1px; border-style: solid; position: absolute; left: -2.4%; top: 0; } .icon_box a { display: block; } .icon_box a:hover { text-decoration: none; } .icon_box .icon_wrapper { width: 110px; height: 110px; text-align: center; line-height: 110px; font-size: 50px; position: relative; overflow: hidden; margin: 0 auto 15px; border-width: 8px; border-style: solid; display: block; -webkit-border-radius: 100%; border-radius: 100%; background-image: url(../images/stripes/stripes_3_b.png); } .icon_box .icon_wrapper i { z-index: 2; position: relative; } .icon_box .icon_wrapper:before { content: ""; display: block; width: 100%; height: 100%; border-width: 1px; border-style: solid; position: absolute; right: 0; top: 0; -webkit-border-radius: 100%; border-radius: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .icon_box .icon_wrapper { background-color: #fff; -webkit-box-shadow: inset 0 0 7px 0 rgba(0, 0, 0, 0.08); box-shadow: inset 0 0 7px 0 rgba(0, 0, 0, 0.08); } .icon_box .image_wrapper { text-align: center; margin-bottom: 15px; } .icon_box .desc_wrapper { text-align: center; } /* Icon postion right */ .icon_box.icon_position_right { min-height: 126px; padding-right: 145px; } .icon_box.icon_position_right .icon_wrapper { position: absolute; right: 0; top: 10px; margin-bottom: 0; } .icon_box.icon_position_right .desc_wrapper { text-align: right; padding-top: 10px; } .icon_box.icon_position_right .image_wrapper { position: absolute; right: 0; top: 10px; margin-bottom: 0; width: 126px; height: 126px; overflow: hidden; } /* Animation */ .icon_box .icon_wrapper, .icon_box .icon_wrapper:before { -webkit-transition: background-color 0.3s ease-in-out; -moz-transition: background-color 0.3s ease-in-out; -o-transition: background-color 0.3s ease-in-out; -ms-transition: background-color 0.3s ease-in-out; transition: background-color 0.3s ease-in-out; } .icon_box .icon_wrapper { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .icon_box:hover .icon_wrapper { -webkit-transform: scale(0.93); -moz-transform: scale(0.93); -ms-transform: scale(0.93); -o-transform: scale(0.94); transform: scale(0.94); } /* Icon box button & mfn-link */ .icon_box a.mfn-link, .icon_box a.button { display: inline-block; } /* Article box ----------------------------------------------------------------------- */ .article_box { overflow: hidden; } .article_box a { display: block; } .article_box a:hover { text-decoration: none; } .article_box .photo_wrapper { width: 50%; float: right; line-height: 0; } .article_box .desc_wrapper { width: 50%; min-height: 139px; float: right; padding: 10px 15px; background-color: #f8f8f8; background-image: url(../images/stripes/stripes_3_b.png); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .article_box .desc_wrapper p { margin-bottom: 10px; border-bottom-width: 1px; border-style: solid; padding-bottom: 7px; } .article_box .desc_wrapper h4 { margin-bottom: 5px; } .article_box .desc_wrapper i.icon-left-open { display: block; position: relative; right: -5px; } /* Sliding box ----------------------------------------------------------------------- */ .sliding_box { position: relative; } .sliding_box a { display: block; } .sliding_box a:hover { text-decoration: none; } .sliding_box .photo_wrapper { line-height: 0; position: relative; bottom: -15px; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .sliding_box .desc_wrapper { padding: 15px 20px; width: 100%; text-align: center; z-index: 2; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .sliding_box .desc_wrapper:after { content: ""; display: block; position: absolute; right: 50%; top: 0; margin-right: -8px; width: 0; height: 0; border-style: solid; border-width: 0 8px 8px; border-color: transparent; } .sliding_box .desc_wrapper h4 { margin-bottom: 0; } /* Animation */ .sliding_box .photo_wrapper { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .sliding_box:hover .photo_wrapper { bottom: -1px; } .sliding_box .desc_wrapper:after { -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .sliding_box:hover .desc_wrapper:after { top: -8px; } /* Story box ------------------------------------------------------------------------- */ .story_box { padding: 0 11%; } .story_box a, .story_box a:hover { display: block; text-decoration: none; } .story_box .photo_wrapper { line-height: 0; overflow: hidden; } .story_box .photo_wrapper img { display: block; opacity: 0.7; } .story_box .desc_wrapper { margin-left: 20%; position: relative; z-index: 2; } .story_box .desc_wrapper h3 { margin-right: -30px; margin-top: -26px; } .story_box .desc_wrapper hr { margin-right: 0; width: 20%; } .story_box:hover .desc_wrapper hr { width: 40%; } .story_box:hover .photo_wrapper img { display: block; opacity: 1; } .story_box.vertical { padding: 0 17%; } /* Animation */ .story_box .desc_wrapper hr, .story_box .photo_wrapper img { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } /* Promo box ------------------------------------------------------------------------- */ .promo_box { position: relative; } .promo_box.has_border:after { content: ""; display: block; width: 0; height: 100%; border-width: 0 0 0 1px; border-style: solid; position: absolute; left: -2.4%; top: 0; } .promo_box_wrapper { overflow: hidden; } .promo_box_wrapper .photo_wrapper { width: 36%; float: right; text-align: right; line-height: 0; } .promo_box_wrapper .desc_wrapper { width: 56%; margin: 0 6% 0 2%; float: right; padding-top: 10px; } .promo_box_wrapper .desc_wrapper .desc { margin-bottom: 15px; } .promo_box_wrapper.promo_box_left .photo_wrapper { float: left; text-align: left; } .promo_box_wrapper.promo_box_left .desc_wrapper { margin: 0 2% 0 6%; text-align: left; } .promo_box_wrapper.promo_box_left .desc_wrapper a.button { margin-left: 0; } /* Zoom box -------------------------------------------------------------------------- */ .column_zoom_box { text-align: center; line-height: 0; } .zoom_box { position: relative; line-height: 0; overflow: hidden; display: inline-block; max-width: 100%; } .zoom_box .photo img, .zoom_box .desc { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .zoom_box .photo img { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .zoom_box:hover .photo img { -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); transform: scale(1.15); } .zoom_box .desc { background: rgba(0, 0, 0, 0.8); width: 100%; height: 100%; position: absolute; right: 0; top: 0; text-align: center; opacity: 0; -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); transform: scale(1.15); } .zoom_box:hover .desc { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .zoom_box .desc .desc_img img { max-width: 30% !important; padding-bottom: 15px; } .zoom_box .desc .desc_txt { padding: 0 40px; font-size: 26px; line-height: 30px; color: #fff; } /* Counter --------------------------------------------------------------------------- */ .counter { padding: 20px; background-image: url(../images/stripes/stripes_10_b.png); text-align: center; position: relative; } .counter .icon_wrapper { margin-bottom: 15px; line-height: 0; width: 100%; } .counter .icon_wrapper i:before { margin: 0; } .counter .icon_wrapper i { display: inline-block; width: 50px; height: 50px; line-height: 50px; font-size: 50px; } .counter .desc_wrapper .number-wrapper { font-size: 50px; line-height: 50px; margin-bottom: 5px; } .counter .desc_wrapper .number-wrapper .label { font-size: 70%; line-height: 100%; } .counter .desc_wrapper .title { font-size: 15px; line-height: 20px; margin: 0; } .counter.counter_horizontal { text-align: right; min-height: 75px; } .counter.counter_horizontal .icon_wrapper { width: 50px; height: 50px; position: absolute; right: 30px; top: 32px; margin: 0; } .counter.counter_horizontal .desc_wrapper { padding-right: 85px; } /* Chart box ------------------------------------------------------------------------- */ .chart_box { position: relative; text-align: center; } .chart_box:before { content: ""; display: block; z-index: 2; width: 138px; height: 138px; border-width: 1px; border-style: solid; position: absolute; right: 50%; margin-right: -69px; top: 1px; -webkit-border-radius: 100%; border-radius: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #fff; background-image: url(../images/stripes/stripes_3_b.png); } .chart_box .chart { width: 140px; margin: 0 auto 10px; position: relative; } .chart_box .chart canvas { position: relative; z-index: 2; } .chart_box .chart .icon, .chart_box .chart .image { width: 70px; height: 70px; line-height: 70px; overflow: hidden; position: absolute; right: 35px; top: 35px; z-index: 3; text-align: center; } .chart_box .chart .icon { font-size: 45px; } .chart_box .chart .icon i:before { margin: 0; } .chart_box .chart .image img { vertical-align: middle; } .chart_box .chart .num { position: absolute; right: 0; top: 45px; z-index: 3; width: 100%; font-size: 50px; line-height: 50px; } .chart_box p { margin-bottom: 0; } /* Progress bars --------------------------------------------------------------------- */ .progress_bars .bars_list { margin: 0; } .progress_bars .bars_list li { margin-bottom: 20px; list-style: none; overflow: hidden; } .progress_bars .bars_list li:last-child { margin-bottom: 0; } .progress_bars .bars_list li h6 { margin-bottom: 7px; position: relative; padding-left: 40px; } .progress_bars .bars_list li h6 .label { display: block; font-size: 11px; line-height: 17px; padding: 0 5px; font-weight: 400; position: absolute; left: 0; top: 1px; -webkit-border-radius: 3px; border-radius: 3px; background: rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, 0.35); } .progress_bars .bars_list li h6 .label em { font-style: normal; } .progress_bars .bars_list li .bar { position: relative; width: 100%; height: 20px; -webkit-border-radius: 3px; border-radius: 3px; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: rgba(0, 0, 0, 0.02); -webkit-box-shadow: inset 0 0 2px 2px rgba(0, 0, 0, 0.04); box-shadow: inset 0 0 2px 2px rgba(0, 0, 0, 0.04); } .progress_bars .bars_list li .bar .progress { display: block; height: 100%; background-image: url(../images/progressbar.png); -webkit-box-shadow: inset 0 0 2px 2px rgba(0, 0, 0, 0.04); box-shadow: inset 0 0 2px 2px rgba(0, 0, 0, 0.04); } .progress_bars .bars_list:not(.hover) li .bar .progress { width: 0 !important; } /* Animation */ .progress_bars .bars_list.hover li .bar .progress { -webkit-transition: all 1.3s ease-in-out; -moz-transition: all 1.3s ease-in-out; -o-transition: all 1.3s ease-in-out; transition: all 1.3s ease-in-out; } /* Progress icons -------------------------------------------------------------------- */ .progress_icons { margin-bottom: 12px; overflow: hidden; } .progress_icons .progress_icon { display: inline-block; margin: 0 0 7px 7px; width: 35px; height: 35px; line-height: 35px; font-size: 17px; color: #fff; text-align: center; -webkit-border-radius: 100%; border-radius: 100%; } .progress_icons .progress_icon img { max-width: 25px !important; max-height: 25px; margin: 5px 0 -5px; } .progress_icons .progress_icon:last-child { margin-left: 0; } .progress_icons .progress_icon:not(.themebg) { background: rgba(0, 0, 0, 0.06); } /* Animation */ .progress_icons .progress_icon { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } /* Trailer box ----------------------------------------------------------------------- */ .trailer_box { text-align: center; position: relative; line-height: 0; } .trailer_box a { display: block; } .trailer_box a:after { content: ""; display: block; position: absolute; right: 0; bottom: 0; z-index: 1; width: 100%; height: 100%; filter: alpha(opacity=0); opacity: 0; background: rgba(0, 0, 0, 0.15); } .trailer_box:hover a:after { filter: alpha(opacity=100); opacity: 100; } .trailer_box .desc { position: absolute; right: 0; bottom: 0; z-index: 2; width: 100%; padding: 20px 15px 35px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .trailer_box .desc h2 { margin: 0; position: relative; bottom: 0; font-size: 30px; line-height: 30px; } .trailer_box:hover .desc h2 { bottom: 20px; } .trailer_box .desc .subtitle { display: inline-block; position: relative; bottom: 0; line-height: normal; letter-spacing: 1px; padding: 4px 8px; text-transform: uppercase; margin-bottom: 15px; -webkit-border-radius: 3px; border-radius: 3px; background-image: url(../images/stripes/stripes_10_w.png); } .trailer_box:hover .desc .subtitle { bottom: 20px; } .trailer_box .desc .line { height: 1px; width: 0; margin: 0 auto; background: #fff; overflow: hidden; display: block; } .trailer_box:hover .desc .line { width: 60%; } /* Animation */ .trailer_box a:after, .trailer_box .desc .subtitle, .trailer_box .desc .line, .trailer_box .desc h2 { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } /* Quick facts ----------------------------------------------------------------------- */ .quick_fact { text-align: center; } .quick_fact.align_right { text-align: right; } .quick_fact.align_left { text-align: left; } .quick_fact .number-wrapper { font-size: 90px; line-height: 90px; } .quick_fact .number-wrapper .label { font-size: 70%; line-height: 100%; } .quick_fact hr { width: 40%; } /* Photo box ------------------------------------------------------------------------- */ .photo_box { text-align: center; } .photo_box.pb_right { text-align: right; } .photo_box.pb_left { text-align: left; } .photo_box .image_frame { margin-bottom: 15px; } .photo_box.without-desc .image_frame { margin-bottom: 0; } .photo_box .desc { margin-bottom: 15px; } /* Flat box -------------------------------------------------------------------------- */ .flat_box a, .flat_box a:hover { display: block; text-decoration: none; } .flat_box .photo_wrapper { margin-bottom: 15px; position: relative; line-height: 0; overflow: hidden; } .flat_box .photo_wrapper .icon { position: absolute; right: 0; top: 0; height: 100%; width: 90px; text-align: center; color: #fff; z-index: 2; } .flat_box .photo_wrapper .icon i { display: block; width: 100%; height: 60px; line-height: 60px; font-size: 55px; vertical-align: middle; position: absolute; top: 50%; margin-top: -30px; } .flat_box .photo_wrapper .icon img { position: absolute; right: 50%; top: 50%; max-width: calc(100% - 16px) !important; -webkit-transform: translate(50%, -50%); transform: translate(50%, -50%); } .flat_box:hover .photo_wrapper .icon, .flat_box a:hover .photo_wrapper .icon { -webkit-transform: translateX(90px); transform: translateX(90px); } .flat_box .photo_wrapper img.photo { position: relative; display: block; z-index: 1; -webkit-transform: translateX(-15px); transform: translateX(-15px); } .flat_box:hover .photo_wrapper img.photo, .flat_box a:hover .photo_wrapper img.photo { -webkit-transform: translateX(0px); transform: translateX(0px); } .flat_box .desc_wrapper { margin-right: 90px; } @media only screen and (min-width: 960px) { .one-fourth .flat_box .photo_wrapper .icon { width: 60px; } .one-fourth .flat_box .photo_wrapper .icon i { height: 40px; line-height: 40px; font-size: 35px; margin-top: -20px; } .one-fourth .flat_box a:hover .photo_wrapper .icon { -webkit-transform: translateX(60px); transform: translateX(60px); } .one-fourth .flat_box .desc_wrapper { margin-right: 60px; } } /* Animation */ .flat_box .photo_wrapper .icon { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .flat_box .photo_wrapper img { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } /* Feature box -------------------------------------------------------------------------- */ .feature_box .feature_box_wrapper { display: table; padding: 20px; } .feature_box .feature_box_wrapper .photo_wrapper, .feature_box .feature_box_wrapper .desc_wrapper { display: table-cell; vertical-align: middle; } .feature_box .feature_box_wrapper .photo_wrapper { width: 50%; } .feature_box .feature_box_wrapper .photo_wrapper a { display: block; line-height: 0; } .feature_box .feature_box_wrapper .desc_wrapper { width: 46%; padding-right: 4%; } /* Hover box ------------------------------------------------------------------------- */ .hover_box { text-align: center; line-height: 0; } .hover_box a { display: block; line-height: 0; } .hover_box .hover_box_wrapper { display: inline-block; position: relative; overflow: hidden; line-height: 0; max-width: 100%; } .hover_box .hover_box_wrapper img { display: block; } .hover_box .hover_box_wrapper .visible_photo { opacity: 1; filter: alpha(opacity=100); } .hover_box .hover_box_wrapper .hidden_photo { position: absolute; right: 50%; top: 50%; opacity: 0; filter: alpha(opacity=0); -ms-transform: translate(50%, -50%); -webkit-transform: translate(50%, -50%); -moz-transform: translate(50%, -50%); transform: translate(50%, -50%); } .hover_box:hover .hover_box_wrapper .visible_photo, .hover_box.hover .hover_box_wrapper .visible_photo { opacity: 0; filter: alpha(opacity=0); } .hover_box:hover .hover_box_wrapper .hidden_photo, .hover_box.hover .hover_box_wrapper .hidden_photo { opacity: 1; filter: alpha(opacity=100); } .hover_box .hover_box_wrapper .visible_photo, .hover_box .hover_box_wrapper .hidden_photo { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } /* Hover color ----------------------------------------------------------------------- */ .hover_color:hover .hover_color_bg, .hover_color.hover .hover_color_bg { background-color: inherit !important; border-color: inherit !important; } .hover_color { border-color: transparent; } .hover_color a { display: block; } .hover_color a:hover { text-decoration: none; } .hover_color .hover_color_bg { border: 2px solid transparent; } .hover_color .hover_color_wrapper { text-decoration: none; padding: 40px 30px; text-align: center; } .hover_color, .hover_color a, .hover_color a:hover, .hover_color h1 a, .hover_color h2 a, .hover_color h3 a, .hover_color h4 a, .hover_color h5 a, .hover_color h6 a { color: #fff; } .hover_color .hover_color_bg { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .hover_color, .hover_color_bg { height: 100%; } /* Content links --------------------------------------------------------------------- */ a.content_link { display: inline-block; position: relative; border-width: 1px; border-style: solid; width: 140px; padding: 25px 15px; text-align: center; margin-right: -1px; background-color: #fff; } a.content_link .icon { display: block; font-size: 45px; line-height: 45px; margin-bottom: 15px; } a.content_link .title { font-weight: 700; } a.content_link:after { content: ""; z-index: 2; filter: alpha(opacity=0); opacity: 0; height: 0; width: 100%; border-width: 0 0 5px; border-style: solid; position: absolute; right: 0; bottom: -6px; } a.content_link:before { content: ""; z-index: 2; filter: alpha(opacity=0); opacity: 0; position: absolute; right: 50%; bottom: -1px; margin-right: -6px; width: 0; height: 0; border-style: solid; border-width: 0 6px 6px; border-color: transparent; } a:hover.content_link:after { filter: alpha(opacity=100); opacity: 100; } a:hover.content_link:before { filter: alpha(opacity=100); opacity: 100; } a:hover.content_link { text-decoration: none; background-image: url(../images/stripes/stripes_3_b.png); } a.content_link:after, a.content_link:before { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } /* Icon bar -------------------------------------------------------------------------- */ a.icon_bar { display: inline-block; overflow: hidden; text-align: center; margin: 0 0 2px 2px; border-width: 1px; border-style: solid; position: relative; background-color: #fff; background-image: url(../images/stripes/stripes_3_b.png); -webkit-box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, 0.08); box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, 0.08); } a.icon_bar span { display: block; } a.icon_bar, a.icon_bar span { width: 58px; height: 58px; line-height: 58px; font-size: 20px; } a.icon_bar_small, a.icon_bar_small span { width: 43px; height: 43px; line-height: 43px; font-size: 15px; } a.icon_bar span.t { position: relative; } a.icon_bar span.b { position: absolute; top: 100%; } a.icon_bar span { -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; } a.icon_bar span.b { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } a:hover.icon_bar span { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); transform: translateY(-100%); } .wpb_wrapper a.icon_bar { margin-bottom: 2px; } /* Social */ a.icon_bar_facebook span.b { background: #3a589b; color: #fff; } a.icon_bar_google span.b { background: #d6492f; color: #fff; } a.icon_bar_twitter span.b { background: #32ccfe; color: #fff; } a.icon_bar_vimeo span.b { background: #1ca7cc; color: #fff; } a.icon_bar_youtube span.b { background: #ff3334; color: #fff; } a.icon_bar_flickr span.b { background: #ff0084; color: #fff; } a.icon_bar_linkedin span.b { background: #007bb6; color: #fff; } a.icon_bar_pinterest span.b { background: #cb2027; color: #fff; } a.icon_bar_dribbble span.b { background: #ec4a89; color: #fff; } /* Get in touch ---------------------------------------------------------------------- */ .get_in_touch { padding: 25px 30px 25px 20px; background-repeat: no-repeat; background-position: left bottom; } .get_in_touch ul { margin: 0; font-size: 100%; line-height: normal; } .get_in_touch ul li { margin: 0; list-style: none; position: relative; padding: 13px 50px 13px 0; word-wrap: break-word; } .get_in_touch ul li:after { content: ""; display: block; width: 70px; border-width: 0 0 1px; border-style: solid; border-color: rgba(255, 255, 255, 0.2); position: absolute; right: -30px; bottom: 0; } .get_in_touch ul li p { margin: 0; } .get_in_touch ul li .icon { position: absolute; right: 0; top: 5px; display: block; color: rgba(0, 0, 0, 0.7); width: 30px; height: 30px; line-height: 30px; font-size: 23px; text-align: center; } .get_in_touch ul li:last-child:after { display: none; } /* Infobox --------------------------------------------------------------------------- */ .infobox { padding: 25px 30px 25px 20px; background-repeat: no-repeat; background-position: left bottom; } .infobox ul { margin: 0; font-size: 100%; line-height: normal; } .infobox ul li { margin: 0; list-style: none; position: relative; padding: 13px 50px 13px 0; word-wrap: break-word; } .infobox ul li p { margin: 0; } .infobox ul li:before { content: ""; display: block; background: url(../images/icons/list_check.png) no-repeat; width: 16px; height: 16px; position: absolute; right: 0; top: 15px; } .infobox ul li:after { content: ""; display: block; width: 70px; border-width: 0 0 1px; border-style: solid; border-color: rgba(255, 255, 255, 0.2); position: absolute; right: -30px; bottom: 0; } .infobox ul li:last-child:after { display: none; } /* Opening hours --------------------------------------------------------------------- */ .opening_hours { padding: 25px; border-width: 1px; border-style: solid; background-color: #fff; background-repeat: no-repeat; background-position: left bottom; } .opening_hours .opening_hours_wrapper .desc { margin-bottom: 15px; } .opening_hours .opening_hours_wrapper li { position: relative; padding-bottom: 15px; margin-bottom: 15px; text-align: center; border-bottom-width: 1px; border-style: dashed; list-style: none; } .opening_hours .opening_hours_wrapper li:last-child { border: 0; padding-bottom: 0; margin-bottom: 0; } .opening_hours .opening_hours_wrapper li label { margin-bottom: 8px; font-size: 12px; line-height: 18px; display: inline-block; font-weight: 400; padding: 5px 11px; -webkit-border-radius: 4px; border-radius: 4px; background-image: url(../images/stripes/stripes_3_b.png); background-color: #f8f8f8; } .opening_hours .opening_hours_wrapper li span { font-size: 22px; line-height: 22px; margin: 0; padding: 0 14px; display: block; } .opening_hours .opening_hours_wrapper li span sup { font-size: 13px; line-height: 13px; position: relative; top: 4px; margin-right: 2px; } /* Timeline -------------------------------------------------------------------------- */ .timeline_items { margin: 0 !important; position: relative; background: url(../images/timeline_top.png) no-repeat top center; padding-top: 9px; } .timeline_items:after { content: ""; width: 0; height: 0; border-width: 3px; border-style: solid; -webkit-border-radius: 100%; border-radius: 100%; position: absolute; right: 50%; bottom: -10px; margin-right: -3px; display: block; z-index: 1; } .timeline_items li { margin: 0 !important; list-style: none !important; width: 45%; padding: 0 55% 25px 0; position: relative; background: url(../images/timeline_left.png) no-repeat top center; } .timeline_items li:nth-child(even) { padding: 0 0 25px 55%; background: url(../images/timeline_right.png) no-repeat top center; } .timeline_items li h3 { font-size: 30px; line-height: 35px; } .timeline_items li h3 span { position: absolute; left: 55%; top: 8px; } .timeline_items li h3:before { content: ""; width: 7px; height: 7px; border-width: 4px; border-style: solid; -webkit-border-radius: 100%; border-radius: 100%; position: absolute; right: 50%; top: 11px; margin-right: -8px; display: block; z-index: 1; } .timeline_items li:nth-child(even) h3 { text-align: left; } .timeline_items li:nth-child(even) h3 span { right: 55%; left: auto; } .timeline_items li .desc { position: relative; font-size: 15px; line-height: 31px; background: url(../images/stripes/textline.png) repeat-y; } .timeline_items li .desc:before { content: ""; width: 100%; height: 100%; position: absolute; right: -122%; top: 0; background-image: url(../images/stripes/stripes_10_b.png); } .timeline_items li:nth-child(even) .desc:before { right: auto; left: -122%; } .timeline_items li:nth-child(even) .desc { text-align: left; } /* How it works ---------------------------------------------------------------------- */ .how_it_works { text-align: center; position: relative; } .how_it_works.has_border:after { content: ""; display: block; width: 12%; height: 4px; background: rgba(0, 0, 0, 0.03); -webkit-border-radius: 2px; border-radius: 2px; position: absolute; left: -10.5%; top: 100px; } .how_it_works .image { width: 200px; height: 200px; line-height: 200px; text-align: center; position: relative; margin: 0 auto 15px; background: #fff; border-width: 2px; border-style: solid; -webkit-border-radius: 100%; border-radius: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .how_it_works .image img { max-width: 116px !important; max-height: 116px !important; vertical-align: middle; } .how_it_works .image .number { position: absolute; left: 10px; bottom: 10px; width: 35px; height: 35px; line-height: 35px; font-size: 15px; text-align: center; -webkit-border-radius: 100%; border-radius: 100%; -webkit-box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.1); } .with_aside .how_it_works .image { width: 150px; height: 150px; line-height: 150px; } .with_aside .how_it_works .image .number { bottom: 4px; left: 4px; } .with_aside .how_it_works.has_border:after { top: 75px; } /* Google maps ----------------------------------------------------------------------- */ .google-map-wrapper { position: relative; } .google-map { border-width: 8px; border-style: solid; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .google-map-wrapper.no_border .google-map, .section.full-width .one .google-map { border-width: 0; } .google-map-contact-wrapper { position: absolute; z-index: 10; left: 50px; top: 50px; } .section.full-width .wrap.one .column_map.one .google-map-contact-wrapper { right: 50%; margin-right: 300px; left: auto; } .google-map-contact-wrapper .get_in_touch { width: 210px; padding: 25px; position: relative; } .google-map-contact-wrapper .get_in_touch:after { content: ""; display: block; position: absolute; right: 0; bottom: -30px; width: 0; height: 0; border-style: solid; border-width: 30px 0 0 30px; border-color: transparent; } .google-map-contact-wrapper.style-bar { position: static; margin-right: 0 !important; } .google-map-contact-wrapper.style-bar .get_in_touch { float: none; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } .google-map-contact-wrapper.style-bar .get_in_touch:after { display: none; } /* Team ------------------------------------------------------------------------------ */ .team .image_frame { margin-bottom: 15px; } .team .desc_wrapper h4 { margin-bottom: 3px; } .team .desc_wrapper hr { width: 40%; margin-right: 0; } .team .desc_wrapper .desc { margin-bottom: 15px; } .team .desc_wrapper .links { line-height: 0; } .team.team_horizontal { overflow: hidden; } .team.team_horizontal .image_frame { width: 48%; float: right; margin-left: 4%; margin-bottom: 0; } .team.team_horizontal .desc_wrapper { width: 48%; float: right; } .team .desc_wrapper blockquote { margin-top: 20px; } .team.team_circle { text-align: center; } .team.team_circle .desc_wrapper hr { margin-right: auto; } .team.team_circle .image_frame.photo { width: 120px; height: 120px; margin: 0 auto 15px; -webkit-border-radius: 100%; border-radius: 100%; overflow: hidden; position: relative; z-index: 1; } /* Team list ------------------------------------------------------------------------- */ .team_list .column { margin-bottom: 0; } .team_list .bq_wrapper { background: rgba(0, 0, 0, 0.02); border-right-width: 1px; border-style: solid; padding: 20px; } /* Fancy headings -------------------------------------------------------------------- */ .fancy_heading { text-align: center; } .fancy_heading .title { font-size: 42px; line-height: 42px; } .fancy_heading_icon .icon_top { font-size: 50px; line-height: 50px; margin-bottom: 15px; overflow: hidden; display: block; } .fancy_heading_icon .icon_top i:before { margin: 0; } .fancy_heading_line { background-image: url(../images/fancy_heading_hr.png); background-position: bottom center; background-repeat: no-repeat; padding-bottom: 15px; } .fancy_heading_line .slogan { display: block; margin-bottom: 7px; text-transform: uppercase; letter-spacing: 1px; font-size: 14px; } .fancy_heading_line .inside { margin-bottom: 15px; } /* Call to action -------------------------------------------------------------------- */ .column_call_to_action { margin-bottom: 0; } .call_to_action { overflow: hidden; display: table; padding: 40px 0; width: 100%; } .call_to_action .call_to_action_wrapper { display: table; width: 100%; } .call_to_action .call_right, .call_to_action .call_center, .call_to_action .call_left { display: table-cell; vertical-align: middle; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .call_to_action .call_right { width: 40%; padding: 0 20px; text-align: center; } .call_to_action .call_right h3 { margin-bottom: 0; } .call_to_action .call_center { width: 20%; text-align: center; } .call_to_action .call_center a { display: inline-block; } .call_to_action .call_center .icon_wrapper { display: inline-block; border-width: 3px; border-style: solid; width: 65px; height: 65px; line-height: 65px; font-size: 30px; -webkit-border-radius: 100%; border-radius: 100%; } .call_to_action .call_center .button { margin: 0; } .call_to_action .call_left { width: 40%; padding: 0 20px; } /* Clients --------------------------------------------------------------------------- */ ul.clients { margin: 0; } ul.clients li { float: right; width: 16.666%; margin: 0 !important; list-style: none; } ul.clients .client_wrapper { padding: 10px 15px; margin: 10px; background: rgba(0, 0, 0, 0.01); text-align: center; line-height: 0; height: 75px; line-height: 75px; position: relative; } ul.clients .client_wrapper:hover { background: rgba(0, 0, 0, 0.05); } ul.clients .client_wrapper a { display: block; width: 100%; height: 100%; } ul.clients .client_wrapper .gs-wrapper { width: 100%; height: 100%; position: relative; } ul.clients .client_wrapper img { position: absolute; top: 50% !important; right: 50% !important; -ms-transform: translate(50%, -50%) !important; -webkit-transform: translate(50%, -50%) !important; -moz-transform: translate(50%, -50%) !important; transform: translate(50%, -50%) !important; } ul.clients.greyscale .client_wrapper img.BWFilter { opacity: 1; z-index: 2; } ul.clients.greyscale .client_wrapper img:not(.BWFilter) { opacity: 0; } ul.clients.greyscale .client_wrapper:hover img.BWFilter { opacity: 0 !important; } ul.clients.greyscale .client_wrapper:hover img:not(.BWFilter) { opacity: 1 !important; } ul.clients.clients_tiles li .client_wrapper { background: none; } ul.clients.clients_tiles li .client_wrapper:before { content: ""; display: block; width: 100%; height: 1px; background: rgba(0, 0, 0, 0.08); position: absolute; right: 0; bottom: 0; } ul.clients.clients_tiles li .client_wrapper:after { content: ""; display: none; position: absolute; right: 50%; margin-right: -4px; bottom: 0; width: 0; height: 0; border-style: solid; border-width: 0 4px 5px; border-color: transparent; } ul.clients.clients_tiles li .client_wrapper:hover:before { height: 2px; } ul.clients.clients_tiles li .client_wrapper:hover:after { display: block; bottom: 2px; } ul.clients li .client_wrapper, ul.clients li .client_wrapper img { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } /* Clients slider -------------------------------------------------------------------- */ .clients_slider .clients_slider_header { position: relative; height: 43px; margin-bottom: 15px; overflow: hidden; padding-left: 110px; } .clients_slider .clients_slider_header .title { margin: 9px 0 0; } .clients_slider .clients_slider_header a.slider_prev, .clients_slider .clients_slider_header a.slider_next { position: absolute; top: 0; margin: 0; font-size: 13px; line-height: 21px; } .clients_slider .clients_slider_header a.slider_prev { left: 50px; } .clients_slider .clients_slider_header a.slider_next { left: 0; } /* Blog slider ----------------------------------------------------------------------- */ .blog_slider .blog_slider_header { position: relative; height: 43px; margin-bottom: 15px; overflow: hidden; padding-left: 110px; } .blog_slider .blog_slider_header .title { margin: 9px 0 0; } .blog_slider .blog_slider_header a.slider_prev, .blog_slider .blog_slider_header a.slider_next { position: absolute; top: 0; margin: 0; font-size: 13px; line-height: 21px; } .blog_slider .blog_slider_header a.slider_prev { left: 50px; } .blog_slider .blog_slider_header a.slider_next { left: 0; } .blog_slider .slider_pagination { margin-top: 15px; } .blog_slider .blog_slider_ul { margin: 0; } .blog_slider .blog_slider_ul li { float: right; width: 25%; list-style: none; } .blog_slider .blog_slider_ul li .item_wrapper { margin: 0 10px; position: relative; } .blog_slider .blog_slider_ul li .item_wrapper .image_frame { margin-right: 30px; margin-bottom: 15px; min-height: 52px; } .blog_slider .blog_slider_ul li .item_wrapper .date_label { position: absolute; right: 0; top: 30px; z-index: 20; } .blog_slider .blog_slider_ul li .item_wrapper hr { margin-right: 30px; width: 40%; } .blog_slider .blog_slider_ul li .item_wrapper a.button { margin-right: 30px; margin-bottom: 0; } .blog_slider .blog_slider_ul li.format-quote .item_wrapper { overflow: hidden; } .blog_slider .blog_slider_ul li.format-quote .item_wrapper blockquote { margin-top: 70px; margin-right: 40px; } .blog_slider .blog_slider_ul li.format-link .item_wrapper .image_frame { height: 180px; background-color: rgba(255, 255, 255, 0.5); background-image: url(../images/link.png); background-position: center; background-repeat: no-repeat; } .blog_slider.hide-dots .slider_pagination { display: none !important; } .blog_slider.hide-arrows .blog_slider_header a.button { display: none !important; } .blog_slider.hide-nav .slider_pagination, .blog_slider.hide-nav .blog_slider_header a.button { display: none !important; } /* Blog slider - flat */ .blog_slider.flat .blog_slider_ul li .item_wrapper .image_frame { margin-right: 0; border: 0; } .blog_slider.flat .blog_slider_ul li .item_wrapper .date_label { position: static; background-color: transparent !important; background-image: none; display: inline-block; padding: 0; } .blog_slider.flat .blog_slider_ul li .item_wrapper .desc hr { margin-right: 0; width: 0; } .blog_slider.flat .blog_slider_ul li .item_wrapper .desc a.button { display: none; margin-right: 0; } .blog_slider.flat .blog_slider_ul li .item_wrapper:hover .desc hr { width: 100px; } .blog_slider.flat .blog_slider_ul li .item_wrapper .image_wrapper img, .blog_slider.flat .blog_slider_ul li .item_wrapper .image_wrapper img { filter: alpha(opacity=90); opacity: 0.9; } .blog_slider.flat .blog_slider_ul li .item_wrapper:hover .image_wrapper img, .blog_slider.flat .blog_slider_ul li .item_wrapper:hover .image_wrapper img { top: 0; filter: alpha(opacity=100); opacity: 1; } /* Arrows */ .blog_slider.flat { position: relative; } .blog_slider.flat .blog_slider_header { position: static; height: 0; margin-bottom: 0; overflow: hidden; padding-left: 0; } .blog_slider.flat .blog_slider_header a.button.slider_prev, .blog_slider.flat .blog_slider_header a.button.slider_next { width: 60px; height: 100%; border: 0; border-radius: 0; background-color: rgba(255, 255, 255, 0.4) !important; box-shadow: inset 0 0 0 0; background-image: none; } .blog_slider.flat .blog_slider_header a:hover.button.slider_prev, .blog_slider.flat .blog_slider_header a:hover.button.slider_next { background-color: rgba(255, 255, 255, 0.7) !important; } .blog_slider.flat .blog_slider_header a.button.slider_prev:after, .blog_slider.flat .blog_slider_header a.button.slider_next:after { display: none; } .blog_slider.flat .blog_slider_header a.button.slider_prev .button_icon, .blog_slider.flat .blog_slider_header a.button.slider_next .button_icon { float: none; font-size: 15px; padding: 0; text-align: center; position: absolute; width: 100%; top: 50%; margin-top: -4px; background: none; } .blog_slider.flat .blog_slider_header a.button.slider_prev .button_icon i, .blog_slider.flat .blog_slider_header a.button.slider_next .button_icon i, .blog_slider.flat .blog_slider_header a:hover.button.slider_prev .button_icon i, .blog_slider.flat .blog_slider_header a:hover.button.slider_next .button_icon i { color: #000 !important; } .blog_slider.flat .blog_slider_header a.button.slider_prev { right: 10px; left: auto; z-index: 2; } .blog_slider.flat .blog_slider_header a.button.slider_next { left: 10px; z-index: 2; } .blog_slider.flat .blog_slider_header { filter: alpha(opacity=0); opacity: 0; } .blog_slider.flat:hover .blog_slider_header { filter: alpha(opacity=100); opacity: 1; } /* Animation */ .blog_slider.flat .blog_slider_header, .blog_slider.flat .blog_slider_header a.button.slider_prev, .blog_slider.flat .blog_slider_header a.button.slider_next, .blog_slider.flat .blog_slider_ul li .item_wrapper .desc hr { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } /* Shop slider ----------------------------------------------------------------------- */ .shop_slider .blog_slider_header { position: relative; height: 43px; margin-bottom: 15px; overflow: hidden; padding-left: 110px; } .shop_slider .blog_slider_header .title { margin: 9px 0 0; } .shop_slider .blog_slider_header a.slider_prev, .shop_slider .blog_slider_header a.slider_next { position: absolute; top: 0; margin: 0; font-size: 13px; line-height: 21px; } .shop_slider .blog_slider_header a.slider_prev { left: 50px; } .shop_slider .blog_slider_header a.slider_next { left: 0; } .shop_slider .slider_pagination { margin-top: 15px; } .shop_slider .shop_slider_ul { margin: 0; } .shop_slider .shop_slider_ul li { float: right; width: 25%; list-style: none; } .shop_slider .shop_slider_ul li .item_wrapper { margin: 0 10px; position: relative; } .shop_slider .shop_slider_ul li .item_wrapper .desc { background: #fff; padding: 15px 20px; } .shop_slider .shop_slider_ul li .item_wrapper .desc h4 { margin-bottom: 5px; } .shop_slider .shop_slider_ul li .item_wrapper span.onsale { height: 0; min-height: 0; width: 0; min-width: 0; font-size: 18px; line-height: 18px; text-align: center; position: absolute; right: 0 !important; left: auto; top: 0 !important; margin: 0 !important; border-style: solid; border-width: 70px 0 0 70px; border-color: transparent; padding: 0; text-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; border-radius: 0; z-index: 2; background: none; } .shop_slider .shop_slider_ul li .item_wrapper span.onsale i { position: absolute; right: 8px; top: -60px; color: rgba(0, 0, 0, 0.5); } .shop_slider .shop_slider_ul li .item_wrapper .price { font-size: 18px; margin-bottom: 0; } .shop_slider .shop_slider_ul li .item_wrapper .price del { font-size: 0.67em; } /* Portfolio slider ------------------------------------------------------------------ */ .portfolio_slider { position: relative; } .portfolio_slider ul { margin: 0 !important; opacity: 0; max-height: 283px; transition: opacity 0.3s ease-in-out; } .portfolio_slider ul.slick-slider { opacity: 1; max-height: none; zoom: 1; } .portfolio_slider ul li { float: right; width: 20%; list-style: none; margin: 0 !important; } .portfolio_slider ul li .image_frame { border: 0; margin-bottom: 0; } .portfolio_slider .slider_nav { color: #fff; display: none; font-size: 15px; height: 80px; line-height: 80px; position: absolute; text-align: center; z-index: 5; width: 35px; top: 50%; margin-top: -40px; } .portfolio_slider .slider_prev { right: 0; } .portfolio_slider .slider_next { left: 0; } .portfolio_slider.arrows_hover:hover .slider_nav { display: block; } .portfolio_slider.arrows_always .slider_nav { display: block; } /* Portfolio grid -------------------------------------------------------------------- */ ul.portfolio_grid { overflow: hidden; margin: 0; } ul.portfolio_grid li { float: right; margin: 0; width: 100%; } ul.portfolio_grid li .image_frame { border: 0; margin: 0; } .two-third.column_portfolio_grid li, .one-second.column_portfolio_grid li, .three-fifth.column_portfolio_grid li, .vc_col-sm-6 .portfolio_grid li, .vc_col-sm-8 .portfolio_grid li { width: 50%; } .one.column_portfolio_grid li, .three-fourth.column_portfolio_grid li, .four-fifth.column_portfolio_grid li, .five-sixth.column_portfolio_grid li, .vc_col-sm-9 .portfolio_grid li, .vc_col-sm-10 .portfolio_grid li, .vc_col-sm-12 .portfolio_grid li { width: 25%; } /* Portfolio photo ------------------------------------------------------------------- */ .portfolio-photo .portfolio-item { overflow: hidden; position: relative; } .portfolio-photo .portfolio-item a.portfolio-item-bg { display: block; position: relative; text-align: center; line-height: 0; } .portfolio-photo .portfolio-item a.portfolio-item-bg .mask { position: absolute; z-index: 1; right: 0; top: 0; background: #000; opacity: 0.3; width: 100%; height: 100%; } .portfolio-photo .portfolio-item:hover a.portfolio-item-bg .mask { opacity: 0; } .portfolio-photo .portfolio-item .portfolio-details { display: block; } .portfolio-photo .portfolio-item .portfolio-details .details { position: absolute; z-index: 2; right: 50%; top: 50%; -webkit-transform: translate(50%, -50%); transform: translate(50%, -50%); width: 240px; padding: 55px 30px; text-align: center; } .portfolio-photo .portfolio-item .portfolio-details .details .title { font-size: 23px; line-height: 27px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding-bottom: 15px; margin-bottom: 10px; } .portfolio-photo .portfolio-item .portfolio-details:hover .details { opacity: 0; } .portfolio-photo .portfolio-item .portfolio-details .more { display: block; opacity: 0; text-transform: uppercase; width: 70px; height: 40px; padding: 20px 5px; letter-spacing: 1px; text-align: center; position: absolute; right: 50%; top: 50%; z-index: 2; margin: -40px -40px 0 0; -webkit-border-radius: 100%; border-radius: 100%; } .portfolio-photo .portfolio-item .portfolio-details .more h4 { font-size: 15px; line-height: 18px; } .portfolio-photo .portfolio-item .portfolio-details:hover .more { opacity: 1; } .portfolio-photo .portfolio-item .portfolio-details .details, .portfolio-photo .portfolio-item .portfolio-details .more { background: #fff; } .portfolio-photo .portfolio-item .portfolio-details .details .categories { color: #a8a8a8; } .portfolio-photo .portfolio-item .portfolio-details .more { color: rgba(0, 0, 0, 0.6); } .portfolio-photo .portfolio-item a .mask, .portfolio-photo .portfolio-item .portfolio-details .details, .portfolio-photo .portfolio-item .portfolio-details .more { -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .portfolio-photo .portfolio-item .portfolio-details .image_links a { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .portfolio-photo.margin .portfolio-item { margin-bottom: 25px; } /* Portfolio Items | Filters --------------------------------------------------------- */ .column_portfolio #Filters .filters_wrapper, .column_portfolio #Filters .filters_wrapper ul { display: block; } .wpb_wrapper #Filters .filters_wrapper, .wpb_wrapper #Filters .filters_wrapper ul { display: block; } .the_content_wrapper #Filters.filters4portfolio .filters_wrapper, .the_content_wrapper #Filters.filters4portfolio .filters_wrapper ul { display: block; } /* Testimonials slider --------------------------------------------------------------- */ .testimonials_slider { position: relative; } .testimonials_slider a.slider_prev, .testimonials_slider a.slider_next { position: absolute; top: 30px; z-index: 2; margin: 0; } .testimonials_slider a.slider_prev { right: 0; } .testimonials_slider a.slider_next { left: 0; } .testimonials_slider .slider_images { width: 100%; height: auto; line-height: 0; text-align: center; margin: 0 0 30px; position: relative; z-index: 2; } .testimonials_slider .slider_images:before { content: ""; display: block; height: 100%; width: 3000px; position: absolute; right: -1000px; top: 0; z-index: 1; } .with_aside .testimonials_slider .slider_images:before { display: none; } .testimonials_slider .slider_images li { display: inline-block; } .testimonials_slider .slider_images li a { display: block; position: relative; height: 85px; width: 85px; line-height: 0; cursor: pointer; opacity: 0.5; z-index: 10; } .testimonials_slider .slider_images li a:after { content: ""; display: none; height: 6px; width: 100%; position: absolute; right: 0; bottom: -6px; } .testimonials_slider .slider_images li.slick-active a, .testimonials_slider .slider_images li a:hover { opacity: 1; } .testimonials_slider .slider_images li.slick-active a:after { display: block; } .testimonials_slider .testimonials_slider_ul { margin: 0 !important; max-height: 283px; transition: opacity 0.3s ease-in-out; } .testimonials_slider .testimonials_slider_ul.slick-slider { opacity: 1; max-height: none; zoom: 1; } .testimonials_slider .testimonials_slider_ul li { float: right; width: 100%; padding: 0 80px; list-style: none; -webkit-box-sizing: border-box; box-sizing: border-box; } .testimonials_slider .testimonials_slider_ul li .bq_wrapper { background: rgba(0, 0, 0, 0.02); padding: 30px 40px 10px; margin-bottom: 20px; } .testimonials_slider .testimonials_slider_ul li .hr_dots { margin-bottom: 15px; } .testimonials_slider .testimonials_slider_ul li .author { text-align: center; } .testimonials_slider .testimonials_slider_ul li .author h5 { margin-bottom: 2px; } .testimonials_slider .testimonials_slider_ul li .single-photo-img { display: none; } .testimonials_slider.hide-photos .testimonials_slider_ul li .single-photo-img { display: none !important; } .column:not(.one) .testimonials_slider:not(.single-photo) a.slider_prev, .column:not(.one) .testimonials_slider:not(.single-photo) a.slider_next { display: none !important; } .column:not(.one) .testimonials_slider:not(.single-photo) .testimonials_slider_ul li { padding: 0 20px; } .one-third .testimonials_slider .slider_images:before, .one-fourth .testimonials_slider .slider_images:before, .one-second .testimonials_slider .slider_images:before { display: none; } .wpb_wrapper .testimonials_slider .slider_images:before { display: none; } .testimonials_slider .slider_images a { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } /* Testimonials slider - Single photo */ .testimonials_slider.single-photo a.slider_prev, .testimonials_slider.single-photo a.slider_next { display: none !important; } .testimonials_slider.single-photo .testimonials_slider_ul li { padding: 0; text-align: center; } .testimonials_slider.single-photo .testimonials_slider_ul li .bq_wrapper { margin: 0 6% 20px; } .testimonials_slider.single-photo .testimonials_slider_ul li .single-photo-img { display: block; margin: 0 auto 20px; height: 85px; width: 85px; line-height: 0; overflow: hidden; -webkit-border-radius: 50%; border-radius: 50%; } .testimonials_slider.single-photo .slider_pager { margin-top: 30px; } .testimonials_slider.single-photo .slider_pager li { display: inline-block; } .testimonials_slider.single-photo .slider_pager li a { top: 0; } .testimonials_slider.single-photo .slider_pager li a img { display: none; } /* Testimonials slider - Hide bar beneath images */ .testimonials_slider.hide-bar .slider_images:before { display: none !important; } .testimonials_slider.hide-bar .slider_images { background-color: transparent !important; } /* Testimonials list ----------------------------------------------------------------- */ .testimonials_list .item { overflow: hidden; clear: both; } .testimonials_list .item .photo { width: 23%; float: right; margin: 0 1% 40px; } .testimonials_list .item .desc { width: 73%; float: right; margin: 0 1% 40px; } .testimonials_list .item .desc h4 { margin-bottom: 3px; margin-top: 10px; } .testimonials_list .item .desc p.subtitle { opacity: 0.6; } .testimonials_list .item .desc hr.hr_color { width: 20%; margin-right: 0; } .testimonials_list .item.no-img .desc { width: 98%; } /* Before After | TwentyTwenty plugin ------------------------------------------------ */ .twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after, .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after { content: " "; display: block; background: #fff; position: absolute; z-index: 30; -webkit-box-shadow: 0 0 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: 0 0 12px rgba(51, 51, 51, 0.5); box-shadow: 0 0 12px rgba(51, 51, 51, 0.5); } .twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after { width: 3px; height: 9999px; right: 50%; margin-right: -1.5px; } .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after { width: 9999px; height: 3px; top: 50%; margin-top: -1.5px; } .twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay { position: absolute; top: 0; width: 100%; height: 100%; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; } .twentytwenty-before-label, .twentytwenty-after-label { -webkit-transition-property: opacity; -moz-transition-property: opacity; transition-property: opacity; } .twentytwenty-before-label:before, .twentytwenty-after-label:before { color: #fff; font-size: 13px; letter-spacing: 0; position: absolute; background: rgba(0, 0, 0, 0.25); line-height: 38px; padding: 0 20px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .twentytwenty-horizontal .twentytwenty-before-label:before, .twentytwenty-horizontal .twentytwenty-after-label:before { top: 50%; margin-top: -19px; } .twentytwenty-vertical .twentytwenty-before-label:before, .twentytwenty-vertical .twentytwenty-after-label:before { right: 50%; margin-right: -45px; text-align: center; width: 90px; } .twentytwenty-left-arrow, .twentytwenty-right-arrow, .twentytwenty-up-arrow, .twentytwenty-down-arrow { width: 0; height: 0; border: 6px inset transparent; position: absolute; } .twentytwenty-left-arrow, .twentytwenty-right-arrow { top: 50%; margin-top: -6px; } .twentytwenty-up-arrow, .twentytwenty-down-arrow { right: 50%; margin-right: -6px; } .twentytwenty-container { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; z-index: 0; overflow: hidden; position: relative; -webkit-user-select: none; -moz-user-select: none; } .twentytwenty-container img { max-width: 100%; position: absolute; top: 0; display: block; } .twentytwenty-container.active .twentytwenty-overlay, .twentytwenty-container.active :hover.twentytwenty-overlay { background: rgba(0, 0, 0, 0); } .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label, .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label, .twentytwenty-container.active:hover.twentytwenty-overlay .twentytwenty-before-label, .twentytwenty-container.active:hover.twentytwenty-overlay .twentytwenty-after-label { opacity: 0; } .twentytwenty-container * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .twentytwenty-before-label { opacity: 0; } .twentytwenty-before-label:before { content: "قبل"; } .twentytwenty-after-label { opacity: 0; } .twentytwenty-after-label:before { content: "بعد"; } .twentytwenty-horizontal .twentytwenty-before-label:before { left: 10px; } .twentytwenty-horizontal .twentytwenty-after-label:before { right: 10px; } .twentytwenty-vertical .twentytwenty-before-label:before { top: 10px; } .twentytwenty-vertical .twentytwenty-after-label:before { bottom: 10px; } .twentytwenty-overlay { -webkit-transition-property: background; -moz-transition-property: background; transition-property: background; background: rgba(0, 0, 0, 0); z-index: 25; } .twentytwenty-overlay:hover .twentytwenty-after-label { opacity: 1; } .twentytwenty-overlay:hover .twentytwenty-before-label { opacity: 1; } .twentytwenty-before { z-index: 20; } .twentytwenty-after { z-index: 10; } .twentytwenty-handle { height: 38px; width: 38px; position: absolute; left: 50%; top: 50%; margin-left: -22px; margin-top: -22px; border: 3px solid #fff; -webkit-border-radius: 1000px; -moz-border-radius: 1000px; border-radius: 1000px; -webkit-box-shadow: 0 0 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: 0 0 12px rgba(51, 51, 51, 0.5); box-shadow: 0 0 12px rgba(51, 51, 51, 0.5); z-index: 40; cursor: pointer; } .twentytwenty-horizontal .twentytwenty-handle:before { bottom: 50%; margin-bottom: 22px; -webkit-box-shadow: 0 3px 0 white, 0 0 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: 0 3px 0 white, 0 0 12px rgba(51, 51, 51, 0.5); box-shadow: 0 3px 0 white, 0 0 12px rgba(51, 51, 51, 0.5); } .twentytwenty-horizontal .twentytwenty-handle:after { top: 50%; margin-top: 22px; -webkit-box-shadow: 0 -3px 0 white, 0 0 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: 0 -3px 0 white, 0 0 12px rgba(51, 51, 51, 0.5); box-shadow: 0 -3px 0 white, 0 0 12px rgba(51, 51, 51, 0.5); } .twentytwenty-vertical .twentytwenty-handle:before { right: 50%; margin-right: 22px; -webkit-box-shadow: -3px 0 0 white, 0 0 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: -3px 0 0 white, 0 0 12px rgba(51, 51, 51, 0.5); box-shadow: -3px 0 0 white, 0 0 12px rgba(51, 51, 51, 0.5); } .twentytwenty-vertical .twentytwenty-handle:after { left: 50%; margin-left: 22px; -webkit-box-shadow: 3px 0 0 white, 0 0 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: 3px 0 0 white, 0 0 12px rgba(51, 51, 51, 0.5); box-shadow: 3px 0 0 white, 0 0 12px rgba(51, 51, 51, 0.5); } .twentytwenty-left-arrow { border-left: 6px solid #fff; right: 50%; margin-right: -17px; } .twentytwenty-right-arrow { border-right: 6px solid #fff; left: 50%; margin-left: -17px; } .twentytwenty-up-arrow { border-bottom: 6px solid #fff; top: 50%; margin-top: -17px; } .twentytwenty-down-arrow { border-top: 6px solid #fff; bottom: 50%; margin-bottom: -17px; } /* Ultrawide ------------------------------------------------------------------------- */ .image_frame.stretch .image_wrapper img { width: 100%; } .mcb-section.bg-cover, .mcb-wrap.bg-cover, .column_attr.bg-cover { background-size: cover; } .mcb-section.bg-contain, .mcb-wrap.bg-contain, .column_attr.bg-contain { background-size: contain; } @media only screen and (min-width: 1921px) { .image_frame.stretch-ultrawide .image_wrapper img { width: 100%; } .mcb-section.bg-cover-ultrawide, .mcb-wrap.bg-cover-ultrawide, .column_attr.bg-cover-ultrawide { background-size: cover; } } /* Others ---------------------------------------------------------------------------- */ /* Date */ .date_label, .timeline_items li h3 span { font-size: 12px; line-height: 18px; display: inline-block; padding: 2px 5px; -webkit-border-radius: 4px; border-radius: 4px; background-image: url(../images/stripes/stripes_3_b.png); } .date_label:after, .timeline_items li h3 span:after { content: ""; display: block; position: absolute; left: -5px; top: 6px; width: 0; height: 0; border-style: solid; border-width: 5.5px 5px 5.5px 0; border-color: transparent; } .date_label, .timeline_items li h3 span { background-color: #f8f8f8; color: #a8a8a8; } .date_label:after, .timeline_items li h3 span:after { border-right-color: #f8f8f8; } @media only screen and (min-width: 768px) { .timeline_items li:nth-child(2n) h3 span::after { border-left-color: #f8f8f8; border-width: 5.5px 0 5.5px 5.5px; right: -5px; left: auto; } } /* Item | Sidebar Widget */ .column_sidebar_widget .widget:after { display: none; } .column_sidebar_widget .widget { margin-bottom: 20px; padding-bottom: 20px; } /* Isotope Filtering */ .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } /* Variables ------------------------------------------------------------------------- */ /* #2991d6 - theme color, link, #2275ac - link hover, strong */ /* Selections */ ::-moz-selection { color: #fff; } ::selection { color: #fff; } /* Borders */ .idea_box, .ui-tabs, .accordion .question, .accordion .question.active .title, .accordion .question .title:before, .ui-tabs .ui-tabs-nav, .ui-tabs .ui-tabs-nav li, .tabs_vertical.ui-tabs .ui-tabs-panel, table th, table td, .list_item .circle, input[type="date"], input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], select, textarea, .promo_box.has_border:after, dl > dt, dl > dd, .article_box .desc_wrapper p, a.icon_bar, a.content_link, .how_it_works .image, .opening_hours, .opening_hours .opening_hours_wrapper li, .icon_box.has_border:after, .chart_box:before, .pricing-box, .team_list .bq_wrapper, .post-footer .post-links, .format-link .post-title .icon-link, .share_wrapper, .post-header .title_wrapper, .section-post-related .section-related-adjustment, #comments > :first-child, .widget-area, .widget:after, .fixed-nav .desc h6, .portfolio_group.list .portfolio-item, .portfolio_group .portfolio-item .desc .details-wrapper, .Recent_posts ul li .desc h6, .widget_recent_entries ul li a, .woocommerce .widget_best_sellers li, .woocommerce .widget_featured_products li, .woocommerce .widget_recent_reviews li, .woocommerce .widget_recent_products li, .woocommerce .widget_recently_viewed_products li, .woocommerce .widget_random_products li, .woocommerce .widget_top_rated_products li, .woocommerce .widget_onsale li, .woocommerce .widget_layered_nav li, .woocommerce .widget_shopping_cart ul.product_list_widget li, .woocommerce .widget_products li, .woocommerce .product .related.products, .woocommerce .product .upsells.products, .woocommerce .product div.entry-summary h1.product_title:after, .woocommerce .quantity input.qty, .header-stack #Top_bar .logo, .offer_thumb .slider_pagination, .offer_thumb .slider_pagination a, .Latest_news ul li .desc_footer, .Latest_news ul li .photo, .offer_thumb.bottom .slider_pagination a, .style-simple .faq .question, .style-simple #Filters .filters_wrapper ul, #edd_checkout_cart th, #edd_checkout_cart td { border-color: rgba(0, 0, 0, 0.08); } /* Tooltip */ .tooltip-img .tooltip-content, .tooltip:after { background: #444; color: #fff; } /* Highlight */ .dropcap, .highlight:not(.highlight_image) { color: #fff; } /* Inputs */ input[type="date"], input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], select, textarea, .woocommerce .quantity input.qty { background-color: #fff; color: #626262; -webkit-box-shadow: inset 0 0 2px 2px rgba(0, 0, 0, 0.02); box-shadow: inset 0 0 2px 2px rgba(0, 0, 0, 0.02); } input[type="date"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="url"]:focus, select:focus, textarea:focus { background-color: #e9f5fc !important; border-color: #d5e5ee; color: #1982c2; } /* Dividers */ hr { background-color: rgba(0, 0, 0, 0.08); color: rgba(0, 0, 0, 0.08); } /* Header */ #Top_bar .menu > li > a span { border-color: rgba(0, 0, 0, 0.05); } #Top_bar .search_wrapper input[type="text"] { border-color: #fff; color: #fff; } /* Footer */ #Footer .Recent_posts ul li .desc h6, #Footer .widget_recent_entries ul li a, #Footer .widget_best_sellers li, #Footer .widget_featured_products li, #Footer .widget_recent_reviews li, #Footer .widget_recent_products li, #Footer .widget_recently_viewed_products li, #Footer .widget_random_products li, #Footer .widget_top_rated_products li, #Footer .widget_onsale li, #Footer .widget_layered_nav li, #Footer .widget_shopping_cart ul.product_list_widget li, #Footer .widget_products li, #Footer .widget_archive ul li:after, #Footer .widget_nav_menu ul li:after, #Footer table th, #Footer table td { border-color: rgba(255, 255, 255, 0.08); } /* Borders */ #Sliding-top .Recent_posts ul li .desc h6, #Sliding-top .widget_recent_entries ul li a, #Sliding-top .widget_best_sellers li, #Sliding-top .widget_featured_products li, #Sliding-top .widget_recent_reviews li, #Sliding-top .widget_recent_products li, #Sliding-top .widget_recently_viewed_products li, #Sliding-top .widget_random_products li, #Sliding-top .widget_top_rated_products li, #Sliding-top .widget_onsale li, #Sliding-top .widget_layered_nav li, #Sliding-top .widget_shopping_cart ul.product_list_widget li, #Sliding-top .widget_products li, #Sliding-top .widget_archive ul li:after, #Sliding-top .widget_nav_menu ul li:after, #Sliding-top table th, #Sliding-top table td { border-color: rgba(255, 255, 255, 0.08); } /* Image frames & Google maps & Icon bar */ .image_frame, .wp-caption, .google-map, .icon_box .icon_wrapper, .content_slider .content_slider_ul, .author-box .avatar-wrapper, #comments .commentlist > li .photo, .edd_download_image { border-color: #f8f8f8; } .wp-caption-text { background: #f8f8f8; color: #a6a6a6; } .image_frame .image_wrapper, .wp-caption img, .icon_box .icon_wrapper:before { border-color: #e2e2e2; } .image_frame .image_wrapper .mask, .edd_download_image:after { -webkit-box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.07); box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.07); } .image_frame .image_wrapper .mask:after { background: rgba(255, 255, 255, 0.4); } /* Image frame overlay */ .if-overlay .image_frame .image_wrapper .mask { -webkit-box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0); box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0); } .if-overlay .image_frame .image_wrapper .mask:after { background: rgba(0, 0, 0, 0.15); } /* Sliding box */ .sliding_box .desc_wrapper h4 { color: #fff; } /* Counter & Chart */ .counter .desc_wrapper .number-wrapper, .chart_box .chart .num, .chart_box .chart .icon, .style-simple .quick_fact .number-wrapper, #edd_checkout_cart .edd_cart_header_row th { color: #444; } /* Icon bar */ a.icon_bar { color: #444 !important; } /* Get in touch & Infobox */ .get_in_touch, .get_in_touch a, .get_in_touch h3, .get_in_touch ul, .infobox, .infobox a, .infobox h3, .infobox ul { color: #fff !important; } /* How it works */ .how_it_works .image .number { color: #fff; } /* Trailer box */ .trailer_box .desc h2 { color: #fff; } .trailer_box .desc .subtitle { color: #fff; } /* Icon box */ .icon_box:hover .icon_wrapper, .icon_box a:hover .icon_wrapper { color: #fff; } /* List */ .list_item.lists_1 .list_right { color: #fff; } /* Features list */ .feature_list ul li:hover, .feature_list ul li:hover a { color: #fff; } .feature_list ul li:hover .icon i, .feature_list ul li:hover a .icon i { color: #fff; } /* Tabs, Accordion, Toggle, Table, Faq */ .ui-tabs .ui-tabs-nav li a, .accordion .question .title, .faq .question .title, table th { color: #444; } .ui-tabs .ui-tabs-nav li.ui-state-active a:after, body.table-hover:not(.woocommerce-page) table tr:hover td, body.table-hover:not(.woocommerce-page) table tr:hover td a { color: #fff; } .accordion .question .answer, .ui-tabs .ui-tabs-panel, .ui-tabs .ui-tabs-nav li.ui-state-active a, .ui-tabs .ui-tabs-nav li.ui-tabs-selected:after, .ui-tabs .ui-tabs-nav li.ui-state-active:after, .tabs_vertical.ui-tabs .ui-tabs-nav li.ui-state-active a { background-color: #fff; } /* Pricing */ .pricing-box-box.pricing-box-featured, .pricing-box-box.pricing-box-featured .plan-header h2, .pricing-box-box.pricing-box-featured .plan-header .price sup.currency, .pricing-box-box.pricing-box-featured .plan-header .price > span, .pricing-box-box.pricing-box-featured .plan-header .price sup.period, .pricing-box-box.pricing-box-featured .plan-header p.subtitle, .pricing-box-box.pricing-box-featured .plan-inside ul { color: #fff; } .pricing-box-box.pricing-box-featured .plan-header hr { border-color: rgba(0, 0, 0, 0.2); background: rgba(0, 0, 0, 0.2); } .pricing-box-box.pricing-box-featured a.button { background-color: #fff; color: #444; } /* Mobile menu */ @media only screen and (max-width: 959px) { #Header #menu > ul > li.current-menu-item > a, #Header #menu > ul > li.current_page_item > a, #Header #menu > ul > li.current-menu-parent > a, #Header #menu > ul > li.current-page-parent > a, #Header #menu > ul > li.current-menu-ancestor > a, #Header #menu > ul > li.current_page_ancestor > a { background: rgba(0, 0, 0, 0.02); } } /* Style Simple ---------------------------------------------------------------------- */ /* Tabs */ .style-simple .ui-tabs { border: 0; } .style-simple .ui-tabs .ui-tabs-panel { background: none; } .style-simple .ui-tabs .ui-tabs-nav { background: none; } .style-simple .ui-tabs .ui-tabs-nav li { border: 0; display: inline-block; float: none; } .style-simple .ui-tabs .ui-tabs-nav li.ui-state-active a, .style-simple .ui-tabs .ui-tabs-nav li.ui-tabs-selected:after, .style-simple .ui-tabs .ui-tabs-nav li.ui-state-active:after { background-color: transparent; } .style-simple .ui-tabs .ui-tabs-nav li.ui-tabs-selected a:after, .style-simple .ui-tabs .ui-tabs-nav li.ui-state-disabled a:after, .style-simple .ui-tabs .ui-tabs-nav li.ui-state-processing a:after, .style-simple .ui-tabs .ui-tabs-nav li.ui-state-active a:after { bottom: -1px; height: 2px; margin-right: -50%; width: 100%; } .style-simple .tabs_vertical.ui-tabs .ui-tabs-panel { border-width: 0 1px 0 0 !important; } .style-simple .tabs_vertical.ui-tabs .ui-tabs-nav { border: 0; } .style-simple .tabs_vertical.ui-tabs .ui-tabs-nav li.ui-tabs-selected a:after, .style-simple .tabs_vertical.ui-tabs .ui-tabs-nav li.ui-state-disabled a:after, .style-simple .tabs_vertical.ui-tabs .ui-tabs-nav li.ui-state-processing a:after, .style-simple .tabs_vertical.ui-tabs .ui-tabs-nav li.ui-state-active a:after { display: block; width: 2px; height: 100%; left: -1px; top: 0; bottom: auto; right: auto; margin: 0; } .style-simple .tabs_vertical.ui-tabs .ui-tabs-nav li a { background: none; text-align: left; padding-left: 20px !important; padding-right: 10px !important; } /* Accordion & Toggle */ .style-simple .accordion .question { border-width: 0 1px 0 0; border-radius: 0; position: relative; margin-bottom: 0; } .style-simple .accordion .question:after { content: ""; display: none; width: 2px; height: 100%; position: absolute; right: 0; top: 0; background-color: #ccc; } .style-simple .accordion .question.active:after { display: block; } .style-simple .accordion .question .title { background: none; padding-right: 50px; border: 0; } .style-simple .accordion .question .title:before { display: none; } .style-simple .accordion .question .answer { background: none; padding: 0 50px 10px 20px; } /* FAQ */ .style-simple .faq .question { border-width: 0 1px 0 0; border-style: solid; margin-bottom: 0; position: relative; background: none; } .style-simple .faq .question:before { display: none; } .style-simple .faq .question:after { content: ""; display: none; width: 2px; height: 100%; position: absolute; top: 0; background-color: #ccc; } .style-simple .faq .question .title, .style-simple .faq .question .answer { padding-right: 70px; } .style-simple .faq .question.active:after { display: block; } /* Table */ .style-simple table:not(.recaptchatable) th { background: none; } .style-simple table:not(.recaptchatable) tr:first-child td { background: none; } .style-simple table:not(.recaptchatable) th, .style-simple table td { border-width: 0 0 1px 1px; } .style-simple table:not(.recaptchatable) tr td:last-child, .style-simple table tr th:last-child { border-left: 0; } .style-simple table:not(.recaptchatable) tr:last-child td { border-bottom: 0; } .style-simple table:not(.recaptchatable) tr:nth-child(2n) td { background: none; } /* Opening hours */ .style-simple .opening_hours { padding: 0; border: 0; background-color: transparent; } .style-simple .opening_hours .opening_hours_wrapper li { padding-bottom: 0; border: 0; margin-bottom: 0; text-align: right; } .style-simple .opening_hours .opening_hours_wrapper li label { background-color: transparent; background-image: none; font-size: 15px; border-bottom: 1px solid #ccc; padding: 10px 0; border-radius: 0; } .style-simple .opening_hours .opening_hours_wrapper li span { font-size: 32px; line-height: 32px; padding: 10px 0; } .style-simple .opening_hours .opening_hours_wrapper li span sup { top: -1px; font-size: 16px; line-height: 16px; margin-right: 4px; } /* Icon box */ .style-simple .icon_box .image_wrapper, .style-simple .icon_box .icon_wrapper { padding-top: 5px; margin-bottom: 25px; } .style-simple .icon_box .icon_wrapper { font-size: 80px; background-color: transparent; box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); border-width: 0; background-image: none; -webkit-transform: scale(1) !important; -moz-transform: scale(1) !important; -ms-transform: scale(1) !important; -o-transform: scale(1) !important; transform: scale(1) !important; } .style-simple .icon_box .icon_wrapper:before { display: none; } .style-simple .icon_box .icon_wrapper i { position: relative; top: 0; } .style-simple .icon_box .image_wrapper img { position: relative; top: 0; } .style-simple .icon_box .desc_wrapper .title { margin-bottom: 20px; } .style-simple .icon_box .desc_wrapper .title:before { content: ""; display: block; width: 0; margin: 0 auto; height: 2px; top: -15px; position: relative; background-color: #ccc; } .style-simple .icon_box:hover .icon_wrapper i { top: -5px; } .style-simple .icon_box:hover .image_wrapper img { top: -5px; } .style-simple .icon_box:hover .desc_wrapper .title:before { width: 100px; } .style-simple .icon_box .icon_wrapper i, .style-simple .icon_box .image_wrapper img, .style-simple .icon_box .desc_wrapper .title:before { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } /* Filters */ .style-simple #Filters { text-align: center; } .style-simple #Filters .filters_buttons { background: none; padding: 15px 0; } .style-simple #Filters .filters_wrapper { margin-top: 0; } .style-simple #Filters .filters_wrapper ul { overflow: visible; display: inline-block; border-bottom-width: 1px; border-style: solid; } .style-simple #Filters .filters_wrapper ul li { width: auto; margin: 0; } .style-simple #Filters .filters_wrapper ul li a { background: none; border: 0; padding: 14px 25px; position: relative; } .style-simple #Filters .filters_wrapper ul li a:after { content: ""; display: none; position: absolute; right: 0; bottom: -1px; width: 100%; height: 2px; background: #ccc; } .style-simple #Filters .filters_wrapper ul li.close a { color: inherit; padding: 14px 15px; width: auto; border: 0 !important; } .style-simple #Filters .filters_wrapper ul li a:hover, .style-simple #Filters .filters_wrapper ul li.current-cat a { background: none; color: inherit; } .style-simple #Filters .filters_wrapper ul li.current-cat a:after { display: block; } /* Clients */ .style-simple ul.clients.clients_tiles li .client_wrapper::after { display: none; } /* Progress bars */ .style-simple .progress_bars .bars_list li .bar { height: 5px; } .style-simple .progress_bars .bars_list li .bar { box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) inset; background: rgba(0, 0, 0, 0.03); border-radius: 0; } .style-simple .progress_bars .bars_list li .bar .progress { background-image: none; } /* Counters */ .style-simple .counter { background-image: none; } /* Lists */ .style-simple .list_item.lists_1 .list_right { background-image: none; border-radius: 2px; box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) inset; } .style-simple .list_item .circle { background-image: none; box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) inset; } /* Blockquote */ .style-simple blockquote { background: none; line-height: 25px; font-style: italic; } .style-simple blockquote:after { display: none; } /* Testimonials slider */ .style-simple .testimonials_slider .testimonials_slider_ul li .bq_wrapper { padding-top: 0; padding-bottom: 1px; background: none; text-align: center; } .style-simple .testimonials_slider .testimonials_slider_ul li .bq_wrapper blockquote { margin-right: 0; margin-left: 0; } .style-simple .testimonials_slider .slider_images { background-color: transparent; } .style-simple .testimonials_slider .slider_images:before { display: none; } /* Article box */ .style-simple .article_box .desc_wrapper { background-image: none; } .style-simple .article_box .desc_wrapper p { border-bottom-width: 0; margin-bottom: 0; padding-bottom: 10px; } .style-simple .article_box .desc_wrapper p:after { background-color: rgba(0, 0, 0, 0.1); content: ""; display: block; height: 2px; margin-top: 10px; width: 20px; } .style-simple .article_box:hover .desc_wrapper p:after { width: 40%; } .style-simple .article_box .desc_wrapper i.icon-left-open { display: none; } .style-simple .article_box .desc_wrapper p:after { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } /* Idea box */ .style-simple .idea_box { border: 1px solid rgba(0, 0, 0, 0.08); padding: 15px 0 15px 15px; background: none; } .style-simple .idea_box .icon { display: block; position: static; float: right; right: 0; top: 0; margin-top: 0; width: 60px; text-align: center; margin-top: 5px; } .style-simple .idea_box .desc { border-right: 1px solid rgba(0, 0, 0, 0.08); padding: 10px 20px 10px 15px; margin-right: 60px; } /* Sliding box */ .style-simple .sliding_box .photo_wrapper { top: 0; } .style-simple .sliding_box .desc_wrapper { background: none; padding-right: 0; padding-left: 0; } .style-simple .sliding_box .desc_wrapper h4 { color: inherit; margin-bottom: 5px; } .style-simple .sliding_box .desc_wrapper:after { display: inline-block; content: ""; width: 20%; height: 2px; border: 0; background-color: rgba(0, 0, 0, 0.1); position: static; top: 0; margin: 0; } .style-simple .sliding_box:hover .desc_wrapper:after { width: 60%; } /* Trailer box */ .style-simple .trailer_box .desc { padding: 27px 15px 30px; } .style-simple .trailer_box .desc .line { display: none; } .style-simple .trailer_box .desc .subtitle { background-image: none; background-color: transparent; color: rgba(255, 255, 255, 0.7); margin-bottom: 10px; padding: 0; } .style-simple .trailer_box:hover .desc h2 { bottom: 0; } .style-simple .trailer_box:hover .desc .subtitle { bottom: 0; } .style-simple .trailer_box .desc { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } /* Timeline */ .style-simple .timeline_items { background: none; } .style-simple .timeline_items:after { display: none; } .style-simple .timeline_items li { width: 50%; padding: 0 50% 0 0; background: none; margin-bottom: 15px !important; } .style-simple .timeline_items li:nth-child(even) { padding: 0 0 0 50%; background: none; } .style-simple .timeline_items li h3 span { background: none !important; border-radius: 4px; font-size: 14px; font-style: italic; top: 22px; } .style-simple .timeline_items li h3:before { display: none; } .style-simple .timeline_items li .desc:before { display: none; } .style-simple .timeline_items li h3 { border-right: 2px solid rgba(0, 0, 0, 0.08); margin: 0; padding: 15px 25px 0 0; width: 100%; box-sizing: padding-box; -webkit-box-sizing: border-box; } .style-simple .timeline_items li h3 span { position: absolute; left: 52%; } .style-simple .timeline_items li:nth-child(even) h3 { padding: 15px 0 0 25px; text-align: left; border-right: 0; border-left: 2px solid rgba(0, 0, 0, 0.04); } .style-simple .timeline_items li:nth-child(even) h3 span { right: 52%; left: auto; } .style-simple .timeline_items li .desc { border-right: 2px solid rgba(0, 0, 0, 0.08); padding: 15px 25px 15px 0; background: none; width: 100%; box-sizing: padding-box; -webkit-box-sizing: border-box; } .style-simple .timeline_items li:nth-child(even) .desc { padding: 15px 0 15px 25px; border-right: 0; border-left: 2px solid rgba(0, 0, 0, 0.04); } .style-simple .timeline_items li:hover h3, .style-simple .timeline_items li:nth-child(even):hover h3, .style-simple .timeline_items li:hover .desc, .style-simple .timeline_items li:nth-child(even):hover { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } /* Quick fact */ .style-simple .quick_fact .number-wrapper { font-family: inherit; font-size: 60px; line-height: 60px; } .style-simple .quick_fact .title { font-family: inherit; font-size: 18px; font-weight: 400; } .style-simple .quick_fact hr { display: none; } /* Chart box */ .style-simple .chart_box:before { background-color: transparent; background-image: none; border-width: 0; } .style-simple .chart_box .chart .num { font-family: inherit; font-size: 30px; } /* Content link */ .style-simple a.content_link { border-width: 0 0 2px; margin: 0 10px; background-color: transparent; background-image: none; } .style-simple a.content_link:after { border-width: 0 0 2px; bottom: -2px; } .style-simple a.content_link:before { border-width: 0 5px 6px; } /* How it works */ .style-simple .how_it_works .image { border-width: 0 0 2px; background: transparent; border-radius: 0; margin-bottom: 30px; } .style-simple .how_it_works .image .number { border-radius: 0; bottom: -17px; right: 50%; margin-right: -17px; box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) inset; } /* Offer thumb */ .style-simple .offer_thumb_ul li.offer_thumb_li { padding-right: 0; } .style-simple .offer_thumb .slider_pagination a img { filter: alpha(opacity=70); opacity: 0.7; } .style-simple .offer_thumb .slider_pagination a.selected img, .style-simple .offer_thumb .slider_pagination a:not(.selected):hover img { filter: alpha(opacity=1); opacity: 1; } @media only screen and (min-width: 768px) { .style-simple .offer_thumb .slider_pagination { border: 0; } .style-simple .offer_thumb .slider_pagination a { margin-bottom: 6px; border-width: 1px; background: none; } .style-simple .offer_thumb.bottom .slider_pagination a { margin: 3px; } .style-simple .offer_thumb .slider_pagination a:before, .style-simple .offer_thumb .slider_pagination a:after { display: none; } } /* Alerts */ .style-simple .alert { -webkit-border-radius: 0; border-radius: 0; } .style-simple .alert .alert_icon { position: absolute; right: 0; top: 0; background: none; border-left: 1px solid rgba(255, 255, 255, 0.3); -webkit-border-radius: 0; border-radius: 0; } /* Zoom box */ /* .style-simple .zoom_box{position:relative;line-height:0;overflow:hidden} .style-simple .zoom_box .photo img,.style-simple .zoom_box .desc{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out} .style-simple .zoom_box .photo img{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)} .style-simple .zoom_box:hover .photo img{-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-ms-transform:scale(1.15);-o-transform:scale(1.15);transform:scale(1.15)} .style-simple .zoom_box .desc{background:rgba(0,0,0,.8);width:100%;height:100%;position:absolute;left:0;top:0;text-align:center;opacity:0;-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-ms-transform:scale(1.15);-o-transform:scale(1.15);transform:scale(1.15)} .style-simple .zoom_box:hover .desc{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)} .style-simple .zoom_box .desc .desc_img{position:absolute;left:0;top:50%;width:100%;text-align:center;transform:translateY(-80%);-webkit-transform:translateY(-80%)} .style-simple .zoom_box .desc .desc_img img{padding:0} .style-simple .zoom_box .desc .desc_txt{width:100%;padding:15px 20px;font-size:17px;line-height:22px;color:#fff;position:absolute;left:0;bottom:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} */ /* Features list */ .style-simple .feature_list hr { background-color: rgba(0, 0, 0, 0); color: rgba(0, 0, 0, 0); } /* Progress icons */ .style-simple .progress_icons .progress_icon { color: rgba(0, 0, 0, 0.3); border-width: 1px; border-style: solid; } .style-simple .progress_icons .progress_icon.themebg { border-color: transparent; color: #fff; } .style-simple .progress_icons .progress_icon:not(.themebg) { background: none; border-color: rgba(0, 0, 0, 0.3); } /* Pricing box */ .style-simple .pricing-box { border: 0; } .style-simple .pricing-box:not(.pricing-box-featured) { background: none; } /* Tooltip */ .style-simple .tooltip:hover:after, .style-simple .tooltip.hover:after { background-image: none; } /* Highlight */ .style-simple .highlight { background-image: none; } /* Get in touch */ .style-simple .get_in_touch { padding: 25px 30px; } .style-simple .get_in_touch ul li { border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .style-simple .get_in_touch ul li:last-child { border: 0; } .style-simple .get_in_touch ul li:after { display: none; } .style-simple .get_in_touch ul li .icon { right: 5px; } /* Infobox */ .style-simple .infobox { padding: 25px 30px; } .style-simple .infobox ul li { border-bottom: 1px solid rgba(255, 255, 255, 0.1); padding-right: 40px; } .style-simple .infobox ul li:last-child { border: 0; } .style-simple .infobox ul li:after { display: none; } .style-simple .infobox ul li:before { right: 5px; } /* Icon bar */ .style-simple a.icon_bar { border-width: 0; background-color: #f0f0f0; background-image: none; -webkit-box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0); box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0); } .style-simple a.icon_bar span.t { opacity: 1; filter: alpha(opacity=100); } .style-simple a:hover.icon_bar span.t { opacity: 0; filter: alpha(opacity=0); } .style-simple a.icon_bar span.b { position: absolute; top: 0; opacity: 0; filter: alpha(opacity=0); } .style-simple a:hover.icon_bar span.b { opacity: 1; filter: alpha(opacity=100); } .style-simple a.icon_bar span { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .style-simple a.icon_bar span.b { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .style-simple a:hover.icon_bar span { -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); } /* |-------------------------------------------------------------------------- | 6.0 Animation | |-------------------------------------------------------------------------- | | | */ /* Animations v1.4, Copyright 2014, Joe Mottershaw, https://github.com/joemottershaw/ */ .animate, .hover-bounce, .hover-flash, .hover-heartbeat, .hover-panic, .hover-pulsate, .hover-pulse, .hover-shakeH, .hover-shakeV, .hover-slingshotCCW, .hover-slingshotCW, .hover-spinCCW, .hover-spinCW, .hover-strobe, .hover-tada, .hover-wave, .hover-wobble, .trigger { opacity: 0; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } .animate.slow-mo, .hover-bounce.slow-mo, .hover-flash.slow-mo, .hover-heartbeat.slow-mo, .hover-panic.slow-mo, .hover-pulsate.slow-mo, .hover-pulse.slow-mo, .hover-shakeH.slow-mo, .hover-shakeV.slow-mo, .hover-slingshotCCW.slow-mo, .hover-slingshotCW.slow-mo, .hover-spinCCW.slow-mo, .hover-spinCW.slow-mo, .hover-strobe.slow-mo, .hover-tada.slow-mo, .hover-wave.slow-mo, .hover-wobble.slow-mo, .trigger.slow-mo { -webkit-animation-duration: 2s; -moz-animation-duration: 2s; -ms-animation-duration: 2s; -o-animation-duration: 2s; animation-duration: 2s; } .animate.super-slow-mo, .hover-bounce.super-slow-mo, .hover-flash.super-slow-mo, .hover-heartbeat.super-slow-mo, .hover-panic.super-slow-mo, .hover-pulsate.super-slow-mo, .hover-pulse.super-slow-mo, .hover-shakeH.super-slow-mo, .hover-shakeV.super-slow-mo, .hover-slingshotCCW.super-slow-mo, .hover-slingshotCW.super-slow-mo, .hover-spinCCW.super-slow-mo, .hover-spinCW.super-slow-mo, .hover-strobe.super-slow-mo, .hover-tada.super-slow-mo, .hover-wave.super-slow-mo, .hover-wobble.super-slow-mo, .trigger.super-slow-mo { -webkit-animation-duration: 3s; -moz-animation-duration: 3s; -ms-animation-duration: 3s; -o-animation-duration: 3s; animation-duration: 3s; } .animate.ultra-slow-mo, .hover-bounce.ultra-slow-mo, .hover-flash.ultra-slow-mo, .hover-heartbeat.ultra-slow-mo, .hover-panic.ultra-slow-mo, .hover-pulsate.ultra-slow-mo, .hover-pulse.ultra-slow-mo, .hover-shakeH.ultra-slow-mo, .hover-shakeV.ultra-slow-mo, .hover-slingshotCCW.ultra-slow-mo, .hover-slingshotCW.ultra-slow-mo, .hover-spinCCW.ultra-slow-mo, .hover-spinCW.ultra-slow-mo, .hover-strobe.ultra-slow-mo, .hover-tada.ultra-slow-mo, .hover-wave.ultra-slow-mo, .hover-wobble.ultra-slow-mo, .trigger.ultra-slow-mo { -webkit-animation-duration: 4s; -moz-animation-duration: 4s; -ms-animation-duration: 4s; -o-animation-duration: 4s; animation-duration: 4s; } .animate.hyper-slow-mo, .hover-bounce.hyper-slow-mo, .hover-flash.hyper-slow-mo, .hover-heartbeat.hyper-slow-mo, .hover-panic.hyper-slow-mo, .hover-pulsate.hyper-slow-mo, .hover-pulse.hyper-slow-mo, .hover-shakeH.hyper-slow-mo, .hover-shakeV.hyper-slow-mo, .hover-slingshotCCW.hyper-slow-mo, .hover-slingshotCW.hyper-slow-mo, .hover-spinCCW.hyper-slow-mo, .hover-spinCW.hyper-slow-mo, .hover-strobe.hyper-slow-mo, .hover-tada.hyper-slow-mo, .hover-wave.hyper-slow-mo, .hover-wobble.hyper-slow-mo, .trigger.hyper-slow-mo { -webkit-animation-duration: 5s; -moz-animation-duration: 5s; -ms-animation-duration: 5s; -o-animation-duration: 5s; animation-duration: 5s; } .hover-bounce, .hover-flash, .hover-heartbeat, .hover-panic, .hover-pulsate, .hover-pulse, .hover-shakeH, .hover-shakeV, .hover-slingshotCCW, .hover-slingshotCW, .hover-spinCCW, .hover-spinCW, .hover-strobe, .hover-tada, .hover-wave, .hover-wobble, .ie .animate, .no-js .animate, .trigger { opacity: 1; } .animate.infinite, .hover-bounce.infinite, .hover-flash.infinite, .hover-heartbeat.infinite, .hover-panic.infinite, .hover-pulsate.infinite, .hover-pulse.infinite, .hover-shakeH.infinite, .hover-shakeV.infinite, .hover-slingshotCCW.infinite, .hover-slingshotCW.infinite, .hover-spinCCW.infinite, .hover-spinCW.infinite, .hover-strobe.infinite, .hover-tada.infinite, .hover-wave.infinite, .hover-wobble.infinite, .trigger.infinite { -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; animation-iteration-count: infinite; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-ms-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .animate.fadeIn { -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -ms-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(200px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInUp { 0% { opacity: 0; -moz-transform: translateY(200px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-ms-keyframes fadeInUp { 0% { opacity: 0; -ms-transform: translateY(200px); } 100% { opacity: 1; -ms-transform: translateY(0); } } @-o-keyframes fadeInUp { 0% { opacity: 0; -o-transform: translateY(200px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; transform: translateY(200px); } 100% { opacity: 1; transform: translateY(0); } } .animate.fadeInUp { -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -ms-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-200px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInDown { 0% { opacity: 0; -moz-transform: translateY(-200px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-ms-keyframes fadeInDown { 0% { opacity: 0; -ms-transform: translateY(-200px); } 100% { opacity: 1; -ms-transform: translateY(0); } } @-o-keyframes fadeInDown { 0% { opacity: 0; -o-transform: translateY(-200px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; transform: translateY(-200px); } 100% { opacity: 1; transform: translateY(0); } } .animate.fadeInDown { -webkit-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -ms-animation-name: fadeInDown; -o-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(200px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInRight { 0% { opacity: 0; -moz-transform: translateX(200px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-ms-keyframes fadeInRight { 0% { opacity: 0; -ms-transform: translateX(200px); } 100% { opacity: 1; -ms-transform: translateX(0); } } @-o-keyframes fadeInRight { 0% { opacity: 0; -o-transform: translateX(200px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; transform: translateX(200px); } 100% { opacity: 1; transform: translateX(0); } } .animate.fadeInRight { -webkit-animation-name: fadeInRight; -moz-animation-name: fadeInRight; -ms-animation-name: fadeInRight; -o-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-200px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInLeft { 0% { opacity: 0; -moz-transform: translateX(-200px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-ms-keyframes fadeInLeft { 0% { opacity: 0; -ms-transform: translateX(-200px); } 100% { opacity: 1; -ms-transform: translateX(0); } } @-o-keyframes fadeInLeft { 0% { opacity: 0; -o-transform: translateX(-200px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInLeft { 0% { opacity: 0; transform: translateX(-200px); } 100% { opacity: 1; transform: translateX(0); } } .animate.fadeInLeft { -webkit-animation-name: fadeInLeft; -moz-animation-name: fadeInLeft; -ms-animation-name: fadeInLeft; -o-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInUpLarge { 0% { opacity: 0; -webkit-transform: translateY(1000px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInUpLarge { 0% { opacity: 0; -moz-transform: translateY(1000px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-ms-keyframes fadeInUpLarge { 0% { opacity: 0; -ms-transform: translateY(1000px); } 100% { opacity: 1; -ms-transform: translateY(0); } } @-o-keyframes fadeInUpLarge { 0% { opacity: 0; -o-transform: translateY(1000px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInUpLarge { 0% { opacity: 0; transform: translateY(1000px); } 100% { opacity: 1; transform: translateY(0); } } .animate.fadeInUpLarge { -webkit-animation-name: fadeInUpLarge; -moz-animation-name: fadeInUpLarge; -ms-animation-name: fadeInUpLarge; -o-animation-name: fadeInUpLarge; animation-name: fadeInUpLarge; } @-webkit-keyframes fadeInDownLarge { 0% { opacity: 0; -webkit-transform: translateY(-1000px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInDownLarge { 0% { opacity: 0; -moz-transform: translateY(-1000px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-ms-keyframes fadeInDownLarge { 0% { opacity: 0; -ms-transform: translateY(-1000px); } 100% { opacity: 1; -ms-transform: translateY(0); } } @-o-keyframes fadeInDownLarge { 0% { opacity: 0; -o-transform: translateY(-1000px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInDownLarge { 0% { opacity: 0; transform: translateY(-1000px); } 100% { opacity: 1; transform: translateY(0); } } .animate.fadeInDownLarge { -webkit-animation-name: fadeInDownLarge; -moz-animation-name: fadeInDownLarge; -ms-animation-name: fadeInDownLarge; -o-animation-name: fadeInDownLarge; animation-name: fadeInDownLarge; } @-webkit-keyframes fadeInRightLarge { 0% { opacity: 0; -webkit-transform: translateX(1000px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInRightLarge { 0% { opacity: 0; -moz-transform: translateX(1000px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-ms-keyframes fadeInRightLarge { 0% { opacity: 0; -ms-transform: translateX(1000px); } 100% { opacity: 1; -ms-transform: translateX(0); } } @-o-keyframes fadeInRightLarge { 0% { opacity: 0; -o-transform: translateX(1000px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInRightLarge { 0% { opacity: 0; transform: translateX(1000px); } 100% { opacity: 1; transform: translateX(0); } } .animate.fadeInRightLarge { -webkit-animation-name: fadeInRightLarge; -moz-animation-name: fadeInRightLarge; -ms-animation-name: fadeInRightLarge; -o-animation-name: fadeInRightLarge; animation-name: fadeInRightLarge; } @-webkit-keyframes fadeInLeftLarge { 0% { opacity: 0; -webkit-transform: translateX(-1000px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInLeftLarge { 0% { opacity: 0; -moz-transform: translateX(-1000px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-ms-keyframes fadeInLeftLarge { 0% { opacity: 0; -ms-transform: translateX(-1000px); } 100% { opacity: 1; -ms-transform: translateX(0); } } @-o-keyframes fadeInLeftLarge { 0% { opacity: 0; -o-transform: translateX(-1000px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInLeftLarge { 0% { opacity: 0; transform: translateX(-1000px); } 100% { opacity: 1; transform: translateX(0); } } .animate.fadeInLeftLarge { -webkit-animation-name: fadeInLeftLarge; -moz-animation-name: fadeInLeftLarge; -ms-animation-name: fadeInLeftLarge; -o-animation-name: fadeInLeftLarge; animation-name: fadeInLeftLarge; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-moz-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-ms-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-o-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .animate.fadeOut { -webkit-animation-name: fadeOut; -moz-animation-name: fadeOut; -ms-animation-name: fadeOut; -o-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-200px); } } @-moz-keyframes fadeOutUp { 0% { opacity: 1; -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(-200px); } } @-ms-keyframes fadeOutUp { 0% { opacity: 1; -ms-transform: translateY(0); } 100% { opacity: 0; -ms-transform: translateY(-200px); } } @-o-keyframes fadeOutUp { 0% { opacity: 1; -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(-200px); } } @keyframes fadeOutUp { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(-200px); } } .animate.fadeOutUp { -webkit-animation-name: fadeOutUp; -moz-animation-name: fadeOutUp; -ms-animation-name: fadeOutUp; -o-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(200px); } } @-moz-keyframes fadeOutDown { 0% { opacity: 1; -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(200px); } } @-ms-keyframes fadeOutDown { 0% { opacity: 1; -ms-transform: translateY(0); } 100% { opacity: 0; -ms-transform: translateY(200px); } } @-o-keyframes fadeOutDown { 0% { opacity: 1; -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(200px); } } @keyframes fadeOutDown { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(200px); } } .animate.fadeOutDown { -webkit-animation-name: fadeOutDown; -moz-animation-name: fadeOutDown; -ms-animation-name: fadeOutDown; -o-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutRight { 0% { opacity: 0; -webkit-transform: translateX(0); } 100% { opacity: 1; -webkit-transform: translateX(200px); } } @-moz-keyframes fadeOutRight { 0% { opacity: 0; -moz-transform: translateX(0); } 100% { opacity: 1; -moz-transform: translateX(200px); } } @-ms-keyframes fadeOutRight { 0% { opacity: 0; -ms-transform: translateX(0); } 100% { opacity: 1; -ms-transform: translateX(200px); } } @-o-keyframes fadeOutRight { 0% { opacity: 0; -o-transform: translateX(0); } 100% { opacity: 1; -o-transform: translateX(200px); } } @keyframes fadeOutRight { 0% { opacity: 0; transform: translateX(0); } 100% { opacity: 1; transform: translateX(200px); } } .animate.fadeOutRight { -webkit-animation-name: fadeOutRight; -moz-animation-name: fadeOutRight; -ms-animation-name: fadeOutRight; -o-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 0; -webkit-transform: translateX(0); } 100% { opacity: 1; -webkit-transform: translateX(-200px); } } @-moz-keyframes fadeOutLeft { 0% { opacity: 0; -moz-transform: translateX(0); } 100% { opacity: 1; -moz-transform: translateX(-200px); } } @-ms-keyframes fadeOutLeft { 0% { opacity: 0; -ms-transform: translateX(0); } 100% { opacity: 1; -ms-transform: translateX(-200px); } } @-o-keyframes fadeOutLeft { 0% { opacity: 0; -o-transform: translateX(0); } 100% { opacity: 1; -o-transform: translateX(-200px); } } @keyframes fadeOutLeft { 0% { opacity: 0; transform: translateX(0); } 100% { opacity: 1; transform: translateX(-200px); } } .animate.fadeOutLeft { -webkit-animation-name: fadeOutLeft; -moz-animation-name: fadeOutLeft; -ms-animation-name: fadeOutLeft; -o-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutUpLarge { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-1000px); } } @-moz-keyframes fadeOutUpLarge { 0% { opacity: 1; -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(-1000px); } } @-ms-keyframes fadeOutUpLarge { 0% { opacity: 1; -ms-transform: translateY(0); } 100% { opacity: 0; -ms-transform: translateY(-1000px); } } @-o-keyframes fadeOutUpLarge { 0% { opacity: 1; -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(-1000px); } } @keyframes fadeOutUpLarge { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(-1000px); } } .animate.fadeOutUpLarge { -webkit-animation-name: fadeOutUpLarge; -moz-animation-name: fadeOutUpLarge; -ms-animation-name: fadeOutUpLarge; -o-animation-name: fadeOutUpLarge; animation-name: fadeOutUpLarge; } @-webkit-keyframes fadeOutDownLarge { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(1000px); } } @-moz-keyframes fadeOutDownLarge { 0% { opacity: 1; -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(1000px); } } @-ms-keyframes fadeOutDownLarge { 0% { opacity: 1; -ms-transform: translateY(0); } 100% { opacity: 0; -ms-transform: translateY(1000px); } } @-o-keyframes fadeOutDownLarge { 0% { opacity: 1; -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(1000px); } } @keyframes fadeOutDownLarge { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(1000px); } } .animate.fadeOutDownLarge { -webkit-animation-name: fadeOutDownLarge; -moz-animation-name: fadeOutDownLarge; -ms-animation-name: fadeOutDownLarge; -o-animation-name: fadeOutDownLarge; animation-name: fadeOutDownLarge; } @-webkit-keyframes fadeOutRightLarge { 0% { opacity: 0; -webkit-transform: translateX(0); } 100% { opacity: 1; -webkit-transform: translateX(1000px); } } @-moz-keyframes fadeOutRightLarge { 0% { opacity: 0; -moz-transform: translateX(0); } 100% { opacity: 1; -moz-transform: translateX(1000px); } } @-ms-keyframes fadeOutRightLarge { 0% { opacity: 0; -ms-transform: translateX(0); } 100% { opacity: 1; -ms-transform: translateX(1000px); } } @-o-keyframes fadeOutRightLarge { 0% { opacity: 0; -o-transform: translateX(0); } 100% { opacity: 1; -o-transform: translateX(1000px); } } @keyframes fadeOutRightLarge { 0% { opacity: 0; transform: translateX(0); } 100% { opacity: 1; transform: translateX(1000px); } } .animate.fadeOutRightLarge { -webkit-animation-name: fadeOutRightLarge; -moz-animation-name: fadeOutRightLarge; -ms-animation-name: fadeOutRightLarge; -o-animation-name: fadeOutRightLarge; animation-name: fadeOutRightLarge; } @-webkit-keyframes fadeOutLeftLarge { 0% { opacity: 0; -webkit-transform: translateX(0); } 100% { opacity: 1; -webkit-transform: translateX(-1000px); } } @-moz-keyframes fadeOutLeftLarge { 0% { opacity: 0; -moz-transform: translateX(0); } 100% { opacity: 1; -moz-transform: translateX(-1000px); } } @-ms-keyframes fadeOutLeftLarge { 0% { opacity: 0; -ms-transform: translateX(0); } 100% { opacity: 1; -ms-transform: translateX(-1000px); } } @-o-keyframes fadeOutLeftLarge { 0% { opacity: 0; -o-transform: translateX(0); } 100% { opacity: 1; -o-transform: translateX(-1000px); } } @keyframes fadeOutLeftLarge { 0% { opacity: 0; transform: translateX(0); } 100% { opacity: 1; transform: translateX(-1000px); } } .animate.fadeOutLeftLarge { -webkit-animation-name: fadeOutLeftLarge; -moz-animation-name: fadeOutLeftLarge; -ms-animation-name: fadeOutLeftLarge; -o-animation-name: fadeOutLeftLarge; animation-name: fadeOutLeftLarge; } @-webkit-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale(0); } 100% { opacity: 1; -webkit-transform: scale(1); } } @-moz-keyframes zoomIn { 0% { opacity: 0; -moz-transform: scale(0); } 100% { opacity: 1; -moz-transform: scale(1); } } @-ms-keyframes zoomIn { 0% { opacity: 0; -ms-transform: scale(0); } 100% { opacity: 1; -ms-transform: scale(1); } } @-o-keyframes zoomIn { 0% { opacity: 0; -o-transform: scale(0); } 100% { opacity: 1; -o-transform: scale(1); } } @keyframes zoomIn { 0% { opacity: 0; transform: scale(0); } 100% { opacity: 1; transform: scale(1); } } .animate.zoomIn { -webkit-animation-name: zoomIn; -moz-animation-name: zoomIn; -ms-animation-name: zoomIn; -o-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale(0) translateY(200px); } 100% { opacity: 1; -webkit-transform: scale(1) translateY(0); } } @-moz-keyframes zoomInUp { 0% { opacity: 0; -moz-transform: scale(0) translateY(200px); } 100% { opacity: 1; -moz-transform: scale(1) translateY(0); } } @-ms-keyframes zoomInUp { 0% { opacity: 0; -ms-transform: scale(0) translateY(200px); } 100% { opacity: 1; -ms-transform: scale(1) translateY(0); } } @-o-keyframes zoomInUp { 0% { opacity: 0; -o-transform: scale(0) translateY(200px); } 100% { opacity: 1; -o-transform: scale(1) translateY(0); } } @keyframes zoomInUp { 0% { opacity: 0; transform: scale(0) translateY(200px); } 100% { opacity: 1; transform: scale(1) translateY(0); } } .animate.zoomInUp { -webkit-animation-name: zoomInUp; -moz-animation-name: zoomInUp; -ms-animation-name: zoomInUp; -o-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale(0) translateY(-200px); } 100% { opacity: 1; -webkit-transform: scale(1) translateY(0); } } @-moz-keyframes zoomInDown { 0% { opacity: 0; -moz-transform: scale(0) translateY(-200px); } 100% { opacity: 1; -moz-transform: scale(1) translateY(0); } } @-ms-keyframes zoomInDown { 0% { opacity: 0; -ms-transform: scale(0) translateY(-200px); } 100% { opacity: 1; -ms-transform: scale(1) translateY(0); } } @-o-keyframes zoomInDown { 0% { opacity: 0; -o-transform: scale(0) translateY(-200px); } 100% { opacity: 1; -o-transform: scale(1) translateY(0); } } @keyframes zoomInDown { 0% { opacity: 0; transform: scale(0) translateY(-200px); } 100% { opacity: 1; transform: scale(1) translateY(0); } } .animate.zoomInDown { -webkit-animation-name: zoomInDown; -moz-animation-name: zoomInDown; -ms-animation-name: zoomInDown; -o-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale(0) translateX(200px); } 100% { opacity: 1; -webkit-transform: scale(1) translateX(0); } } @-moz-keyframes zoomInRight { 0% { opacity: 0; -moz-transform: scale(0) translateX(200px); } 100% { opacity: 1; -moz-transform: scale(1) translateX(0); } } @-ms-keyframes zoomInRight { 0% { opacity: 0; -ms-transform: scale(0) translateX(200px); } 100% { opacity: 1; -ms-transform: scale(1) translateX(0); } } @-o-keyframes zoomInRight { 0% { opacity: 0; -o-transform: scale(0) translateX(200px); } 100% { opacity: 1; -o-transform: scale(1) translateX(0); } } @keyframes zoomInRight { 0% { opacity: 0; transform: scale(0) translateX(200px); } 100% { opacity: 1; transform: scale(1) translateX(0); } } .animate.zoomInRight { -webkit-animation-name: zoomInRight; -moz-animation-name: zoomInRight; -ms-animation-name: zoomInRight; -o-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale(0) translateX(-200px); } 100% { opacity: 1; -webkit-transform: scale(1) translateX(0); } } @-moz-keyframes zoomInLeft { 0% { opacity: 0; -moz-transform: scale(0) translateX(-200px); } 100% { opacity: 1; -moz-transform: scale(1) translateX(0); } } @-ms-keyframes zoomInLeft { 0% { opacity: 0; -ms-transform: scale(0) translateX(-200px); } 100% { opacity: 1; -ms-transform: scale(1) translateX(0); } } @-o-keyframes zoomInLeft { 0% { opacity: 0; -o-transform: scale(0) translateX(-200px); } 100% { opacity: 1; -o-transform: scale(1) translateX(0); } } @keyframes zoomInLeft { 0% { opacity: 0; transform: scale(0) translateX(-200px); } 100% { opacity: 1; transform: scale(1) translateX(0); } } .animate.zoomInLeft { -webkit-animation-name: zoomInLeft; -moz-animation-name: zoomInLeft; -ms-animation-name: zoomInLeft; -o-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInUpLarge { 0% { opacity: 0; -webkit-transform: scale(0) translateY(1000px); } 100% { opacity: 1; -webkit-transform: scale(1) translateY(0); } } @-moz-keyframes zoomInUpLarge { 0% { opacity: 0; -moz-transform: scale(0) translateY(1000px); } 100% { opacity: 1; -moz-transform: scale(1) translateY(0); } } @-ms-keyframes zoomInUpLarge { 0% { opacity: 0; -ms-transform: scale(0) translateY(1000px); } 100% { opacity: 1; -ms-transform: scale(1) translateY(0); } } @-o-keyframes zoomInUpLarge { 0% { opacity: 0; -o-transform: scale(0) translateY(1000px); } 100% { opacity: 1; -o-transform: scale(1) translateY(0); } } @keyframes zoomInUpLarge { 0% { opacity: 0; transform: scale(0) translateY(1000px); } 100% { opacity: 1; transform: scale(1) translateY(0); } } .animate.zoomInUpLarge { -webkit-animation-name: zoomInUpLarge; -moz-animation-name: zoomInUpLarge; -ms-animation-name: zoomInUpLarge; -o-animation-name: zoomInUpLarge; animation-name: zoomInUpLarge; } @-webkit-keyframes zoomInDownLarge { 0% { opacity: 0; -webkit-transform: scale(0) translateY(-1000px); } 100% { opacity: 1; -webkit-transform: scale(1) translateY(0); } } @-moz-keyframes zoomInDownLarge { 0% { opacity: 0; -moz-transform: scale(0) translateY(-1000px); } 100% { opacity: 1; -moz-transform: scale(1) translateY(0); } } @-ms-keyframes zoomInDownLarge { 0% { opacity: 0; -ms-transform: scale(0) translateY(-1000px); } 100% { opacity: 1; -ms-transform: scale(1) translateY(0); } } @-o-keyframes zoomInDownLarge { 0% { opacity: 0; -o-transform: scale(0) translateY(-1000px); } 100% { opacity: 1; -o-transform: scale(1) translateY(0); } } @keyframes zoomInDownLarge { 0% { opacity: 0; transform: scale(0) translateY(-1000px); } 100% { opacity: 1; transform: scale(1) translateY(0); } } .animate.zoomInDownLarge { -webkit-animation-name: zoomInDownLarge; -moz-animation-name: zoomInDownLarge; -ms-animation-name: zoomInDownLarge; -o-animation-name: zoomInDownLarge; animation-name: zoomInDownLarge; } @-webkit-keyframes zoomInRightLarge { 0% { opacity: 0; -webkit-transform: scale(0) translateX(1000px); } 100% { opacity: 1; -webkit-transform: scale(1) translateX(0); } } @-moz-keyframes zoomInRightLarge { 0% { opacity: 0; -moz-transform: scale(0) translateX(1000px); } 100% { opacity: 1; -moz-transform: scale(1) translateX(0); } } @-ms-keyframes zoomInRightLarge { 0% { opacity: 0; -ms-transform: scale(0) translateX(1000px); } 100% { opacity: 1; -ms-transform: scale(1) translateX(0); } } @-o-keyframes zoomInRightLarge { 0% { opacity: 0; -o-transform: scale(0) translateX(1000px); } 100% { opacity: 1; -o-transform: scale(1) translateX(0); } } @keyframes zoomInRightLarge { 0% { opacity: 0; transform: scale(0) translateX(1000px); } 100% { opacity: 1; transform: scale(1) translateX(0); } } .animate.zoomInRightLarge { -webkit-animation-name: zoomInRightLarge; -moz-animation-name: zoomInRightLarge; -ms-animation-name: zoomInRightLarge; -o-animation-name: zoomInRightLarge; animation-name: zoomInRightLarge; } @-webkit-keyframes zoomInLeftLarge { 0% { opacity: 0; -webkit-transform: scale(0) translateX(-1000px); } 100% { opacity: 1; -webkit-transform: scale(1) translateX(0); } } @-moz-keyframes zoomInLeftLarge { 0% { opacity: 0; -moz-transform: scale(0) translateX(-1000px); } 100% { opacity: 1; -moz-transform: scale(1) translateX(0); } } @-ms-keyframes zoomInLeftLarge { 0% { opacity: 0; -ms-transform: scale(0) translateX(-1000px); } 100% { opacity: 1; -ms-transform: scale(1) translateX(0); } } @-o-keyframes zoomInLeftLarge { 0% { opacity: 0; -o-transform: scale(0) translateX(-1000px); } 100% { opacity: 1; -o-transform: scale(1) translateX(0); } } @keyframes zoomInLeftLarge { 0% { opacity: 0; transform: scale(0) translateX(-1000px); } 100% { opacity: 1; transform: scale(1) translateX(0); } } .animate.zoomInLeftLarge { -webkit-animation-name: zoomInLeftLarge; -moz-animation-name: zoomInLeftLarge; -ms-animation-name: zoomInLeftLarge; -o-animation-name: zoomInLeftLarge; animation-name: zoomInLeftLarge; } @-webkit-keyframes zoomOut { 0% { opacity: 1; -webkit-transform: scale(1); } 100% { opacity: 0; -webkit-transform: scale(0); } } @-moz-keyframes zoomOut { 0% { opacity: 1; -moz-transform: scale(1); } 100% { opacity: 0; -moz-transform: scale(0); } } @-ms-keyframes zoomOut { 0% { opacity: 1; -ms-transform: scale(1); } 100% { opacity: 0; -ms-transform: scale(0); } } @-o-keyframes zoomOut { 0% { opacity: 1; -o-transform: scale(1); } 100% { opacity: 0; -o-transform: scale(0); } } @keyframes zoomOut { 0% { opacity: 1; transform: scale(1); } 100% { opacity: 0; transform: scale(0); } } .animate.zoomOut { -webkit-animation-name: zoomOut; -moz-animation-name: zoomOut; -ms-animation-name: zoomOut; -o-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutUp { 0% { opacity: 1; -webkit-transform: scale(1) translateY(0); } 100% { opacity: 0; -webkit-transform: scale(0) translateY(-200px); } } @-moz-keyframes zoomOutUp { 0% { opacity: 1; -moz-transform: scale(1) translateY(0); } 100% { opacity: 0; -moz-transform: scale(0) translateY(-200px); } } @-ms-keyframes zoomOutUp { 0% { opacity: 1; -ms-transform: scale(1) translateY(0); } 100% { opacity: 0; -ms-transform: scale(0) translateY(-200px); } } @-o-keyframes zoomOutUp { 0% { opacity: 1; -o-transform: scale(1) translateY(0); } 100% { opacity: 0; -o-transform: scale(0) translateY(-200px); } } @keyframes zoomOutUp { 0% { opacity: 1; transform: scale(1) translateY(0); } 100% { opacity: 0; transform: scale(0) translateY(-200px); } } .animate.zoomOutUp { -webkit-animation-name: zoomOutUp; -moz-animation-name: zoomOutUp; -ms-animation-name: zoomOutUp; -o-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes zoomOutDown { 0% { opacity: 1; -webkit-transform: scale(1) translateY(0); } 100% { opacity: 0; -webkit-transform: scale(0) translateY(200px); } } @-moz-keyframes zoomOutDown { 0% { opacity: 1; -moz-transform: scale(1) translateY(0); } 100% { opacity: 0; -moz-transform: scale(0) translateY(200px); } } @-ms-keyframes zoomOutDown { 0% { opacity: 1; -ms-transform: scale(1) translateY(0); } 100% { opacity: 0; -ms-transform: scale(0) translateY(200px); } } @-o-keyframes zoomOutDown { 0% { opacity: 1; -o-transform: scale(1) translateY(0); } 100% { opacity: 0; -o-transform: scale(0) translateY(200px); } } @keyframes zoomOutDown { 0% { opacity: 1; transform: scale(1) translateY(0); } 100% { opacity: 0; transform: scale(0) translateY(200px); } } .animate.zoomOutDown { -webkit-animation-name: zoomOutDown; -moz-animation-name: zoomOutDown; -ms-animation-name: zoomOutDown; -o-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutRight { 0% { opacity: 0; -webkit-transform: scale(0) translateX(0); } 100% { opacity: 1; -webkit-transform: scale(1) translateX(200px); } } @-moz-keyframes zoomOutRight { 0% { opacity: 0; -moz-transform: scale(0) translateX(0); } 100% { opacity: 1; -moz-transform: scale(1) translateX(200px); } } @-ms-keyframes zoomOutRight { 0% { opacity: 0; -ms-transform: scale(0) translateX(0); } 100% { opacity: 1; -ms-transform: scale(1) translateX(200px); } } @-o-keyframes zoomOutRight { 0% { opacity: 0; -o-transform: scale(0) translateX(0); } 100% { opacity: 1; -o-transform: scale(1) translateX(200px); } } @keyframes zoomOutRight { 0% { opacity: 0; transform: scale(0) translateX(0); } 100% { opacity: 1; transform: scale(1) translateX(200px); } } .animate.zoomOutRight { -webkit-animation-name: zoomOutRight; -moz-animation-name: zoomOutRight; -ms-animation-name: zoomOutRight; -o-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutLeft { 0% { opacity: 0; -webkit-transform: scale(0) translateX(0); } 100% { opacity: 1; -webkit-transform: scale(1) translateX(-200px); } } @-moz-keyframes zoomOutLeft { 0% { opacity: 0; -moz-transform: scale(0) translateX(0); } 100% { opacity: 1; -moz-transform: scale(1) translateX(-200px); } } @-ms-keyframes zoomOutLeft { 0% { opacity: 0; -ms-transform: scale(0) translateX(0); } 100% { opacity: 1; -ms-transform: scale(1) translateX(-200px); } } @-o-keyframes zoomOutLeft { 0% { opacity: 0; -o-transform: scale(0) translateX(0); } 100% { opacity: 1; -o-transform: scale(1) translateX(-200px); } } @keyframes zoomOutLeft { 0% { opacity: 0; transform: scale(0) translateX(0); } 100% { opacity: 1; transform: scale(1) translateX(-200px); } } .animate.zoomOutLeft { -webkit-animation-name: zoomOutLeft; -moz-animation-name: zoomOutLeft; -ms-animation-name: zoomOutLeft; -o-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutUpLarge { 0% { opacity: 1; -webkit-transform: scale(1) translateY(0); } 100% { opacity: 0; -webkit-transform: scale(0) translateY(-1000px); } } @-moz-keyframes zoomOutUpLarge { 0% { opacity: 1; -moz-transform: scale(1) translateY(0); } 100% { opacity: 0; -moz-transform: scale(0) translateY(-1000px); } } @-ms-keyframes zoomOutUpLarge { 0% { opacity: 1; -ms-transform: scale(1) translateY(0); } 100% { opacity: 0; -ms-transform: scale(0) translateY(-1000px); } } @-o-keyframes zoomOutUpLarge { 0% { opacity: 1; -o-transform: scale(1) translateY(0); } 100% { opacity: 0; -o-transform: scale(0) translateY(-1000px); } } @keyframes zoomOutUpLarge { 0% { opacity: 1; transform: scale(1) translateY(0); } 100% { opacity: 0; transform: scale(0) translateY(-1000px); } } .animate.zoomOutUpLarge { -webkit-animation-name: zoomOutUpLarge; -moz-animation-name: zoomOutUpLarge; -ms-animation-name: zoomOutUpLarge; -o-animation-name: zoomOutUpLarge; animation-name: zoomOutUpLarge; } @-webkit-keyframes zoomOutDownLarge { 0% { opacity: 1; -webkit-transform: scale(1) translateY(0); } 100% { opacity: 0; -webkit-transform: scale(0) translateY(1000px); } } @-moz-keyframes zoomOutDownLarge { 0% { opacity: 1; -moz-transform: scale(1) translateY(0); } 100% { opacity: 0; -moz-transform: scale(0) translateY(1000px); } } @-ms-keyframes zoomOutDownLarge { 0% { opacity: 1; -ms-transform: scale(1) translateY(0); } 100% { opacity: 0; -ms-transform: scale(0) translateY(1000px); } } @-o-keyframes zoomOutDownLarge { 0% { opacity: 1; -o-transform: scale(1) translateY(0); } 100% { opacity: 0; -o-transform: scale(0) translateY(1000px); } } @keyframes zoomOutDownLarge { 0% { opacity: 1; transform: scale(1) translateY(0); } 100% { opacity: 0; transform: scale(0) translateY(1000px); } } .animate.zoomOutDownLarge { -webkit-animation-name: zoomOutDownLarge; -moz-animation-name: zoomOutDownLarge; -ms-animation-name: zoomOutDownLarge; -o-animation-name: zoomOutDownLarge; animation-name: zoomOutDownLarge; } @-webkit-keyframes zoomOutRightLarge { 0% { opacity: 0; -webkit-transform: scale(0) translateX(0); } 100% { opacity: 1; -webkit-transform: scale(1) translateX(1000px); } } @-moz-keyframes zoomOutRightLarge { 0% { opacity: 0; -moz-transform: scale(0) translateX(0); } 100% { opacity: 1; -moz-transform: scale(1) translateX(1000px); } } @-ms-keyframes zoomOutRightLarge { 0% { opacity: 0; -ms-transform: scale(0) translateX(0); } 100% { opacity: 1; -ms-transform: scale(1) translateX(1000px); } } @-o-keyframes zoomOutRightLarge { 0% { opacity: 0; -o-transform: scale(0) translateX(0); } 100% { opacity: 1; -o-transform: scale(1) translateX(1000px); } } @keyframes zoomOutRightLarge { 0% { opacity: 0; transform: scale(0) translateX(0); } 100% { opacity: 1; transform: scale(1) translateX(1000px); } } .animate.zoomOutRightLarge { -webkit-animation-name: zoomOutRightLarge; -moz-animation-name: zoomOutRightLarge; -ms-animation-name: zoomOutRightLarge; -o-animation-name: zoomOutRightLarge; animation-name: zoomOutRightLarge; } @-webkit-keyframes zoomOutLeftLarge { 0% { opacity: 0; -webkit-transform: scale(0) translateX(0); } 100% { opacity: 1; -webkit-transform: scale(1) translateX(-1000px); } } @-moz-keyframes zoomOutLeftLarge { 0% { opacity: 0; -moz-transform: scale(0) translateX(0); } 100% { opacity: 1; -moz-transform: scale(1) translateX(-1000px); } } @-ms-keyframes zoomOutLeftLarge { 0% { opacity: 0; -ms-transform: scale(0) translateX(0); } 100% { opacity: 1; -ms-transform: scale(1) translateX(-1000px); } } @-o-keyframes zoomOutLeftLarge { 0% { opacity: 0; -o-transform: scale(0) translateX(0); } 100% { opacity: 1; -o-transform: scale(1) translateX(-1000px); } } @keyframes zoomOutLeftLarge { 0% { opacity: 0; transform: scale(0) translateX(0); } 100% { opacity: 1; transform: scale(1) translateX(-1000px); } } .animate.zoomOutLeftLarge { -webkit-animation-name: zoomOutLeftLarge; -moz-animation-name: zoomOutLeftLarge; -ms-animation-name: zoomOutLeftLarge; -o-animation-name: zoomOutLeftLarge; animation-name: zoomOutLeftLarge; } @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(0); } 50% { opacity: 1; -webkit-transform: scale(1.1); } 70% { opacity: 1; -webkit-transform: scale(0.9); } 100% { opacity: 1; -webkit-transform: scale(1); } } @-moz-keyframes bounceIn { 0% { opacity: 0; -moz-transform: scale(0); } 50% { opacity: 1; -moz-transform: scale(1.1); } 70% { opacity: 1; -moz-transform: scale(0.9); } 100% { opacity: 1; -moz-transform: scale(1); } } @-ms-keyframes bounceIn { 0% { opacity: 0; -ms-transform: scale(0); } 50% { opacity: 1; -ms-transform: scale(1.1); } 70% { opacity: 1; -ms-transform: scale(0.9); } 100% { opacity: 1; -ms-transform: scale(1); } } @-o-keyframes bounceIn { 0% { opacity: 0; -o-transform: scale(0); } 50% { opacity: 1; -o-transform: scale(1.1); } 70% { opacity: 1; -o-transform: scale(0.9); } 100% { opacity: 1; -o-transform: scale(1); } } @keyframes bounceIn { 0% { opacity: 0; transform: scale(0); } 50% { opacity: 1; transform: scale(1.1); } 70% { opacity: 1; transform: scale(0.9); } 100% { opacity: 1; transform: scale(1); } } .animate.bounceIn { -webkit-animation-name: bounceIn; -moz-animation-name: bounceIn; -ms-animation-name: bounceIn; -o-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: scale(0) translateY(200px); } 60% { opacity: 1; -webkit-transform: scale(1.1) translateY(-40px); } 80% { opacity: 1; -webkit-transform: scale(0.9) translateY(20px); } 100% { opacity: 1; -webkit-transform: scale(1) translateY(0); } } @-moz-keyframes bounceInUp { 0% { opacity: 0; -moz-transform: scale(0) translateY(200px); } 60% { opacity: 1; -moz-transform: scale(1.1) translateY(-40px); } 80% { opacity: 1; -moz-transform: scale(0.9) translateY(20px); } 100% { opacity: 1; -moz-transform: scale(1) translateY(0); } } @-ms-keyframes bounceInUp { 0% { opacity: 0; -ms-transform: scale(0) translateY(200px); } 60% { opacity: 1; -ms-transform: scale(1.1) translateY(-40px); } 80% { opacity: 1; -ms-transform: scale(0.9) translateY(20px); } 100% { opacity: 1; -ms-transform: scale(1) translateY(0); } } @-o-keyframes bounceInUp { 0% { opacity: 0; -o-transform: scale(0) translateY(200px); } 60% { opacity: 1; -o-transform: scale(1.1) translateY(-40px); } 80% { opacity: 1; -o-transform: scale(0.9) translateY(20px); } 100% { opacity: 1; -o-transform: scale(1) translateY(0); } } @keyframes bounceInUp { 0% { opacity: 0; transform: scale(0) translateY(200px); } 60% { opacity: 1; transform: scale(1.1) translateY(-40px); } 80% { opacity: 1; transform: scale(0.9) translateY(20px); } 100% { opacity: 1; transform: scale(1) translateY(0); } } .animate.bounceInUp { -webkit-animation-name: bounceInUp; -moz-animation-name: bounceInUp; -ms-animation-name: bounceInUp; -o-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: scale(0) translateY(-200px); } 60% { opacity: 1; -webkit-transform: scale(1.1) translateY(40px); } 80% { opacity: 1; -webkit-transform: scale(0.9) translateY(-20px); } 100% { opacity: 1; -webkit-transform: scale(1) translateY(0); } } @-moz-keyframes bounceInDown { 0% { opacity: 0; -moz-transform: scale(0) translateY(-200px); } 60% { opacity: 1; -moz-transform: scale(1.1) translateY(40px); } 80% { opacity: 1; -moz-transform: scale(0.9) translateY(-20px); } 100% { opacity: 1; -moz-transform: scale(1) translateY(0); } } @-ms-keyframes bounceInDown { 0% { opacity: 0; -ms-transform: scale(0) translateY(-200px); } 60% { opacity: 1; -ms-transform: scale(1.1) translateY(40px); } 80% { opacity: 1; -ms-transform: scale(0.9) translateY(-20px); } 100% { opacity: 1; -ms-transform: scale(1) translateY(0); } } @-o-keyframes bounceInDown { 0% { opacity: 0; -o-transform: scale(0) translateY(-200px); } 60% { opacity: 1; -o-transform: scale(1.1) translateY(40px); } 80% { opacity: 1; -o-transform: scale(0.9) translateY(-20px); } 100% { opacity: 1; -o-transform: scale(1) translateY(0); } } @keyframes bounceInDown { 0% { opacity: 0; transform: scale(0) translateY(-200px); } 60% { opacity: 1; transform: scale(1.1) translateY(40px); } 80% { opacity: 1; transform: scale(0.9) translateY(-20px); } 100% { opacity: 1; transform: scale(1) translateY(0); } } .animate.bounceInDown { -webkit-animation-name: bounceInDown; -moz-animation-name: bounceInDown; -ms-animation-name: bounceInDown; -o-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: scale(0) translateX(200px); } 60% { opacity: 1; -webkit-transform: scale(1.1) translateX(-40px); } 80% { opacity: 1; -webkit-transform: scale(0.9) translateX(20px); } 100% { opacity: 1; -webkit-transform: scale(1) translateX(0); } } @-moz-keyframes bounceInRight { 0% { opacity: 0; -moz-transform: scale(0) translateX(200px); } 60% { opacity: 1; -moz-transform: scale(1.1) translateX(-40px); } 80% { opacity: 1; -moz-transform: scale(0.9) translateX(20px); } 100% { opacity: 1; -moz-transform: scale(1) translateX(0); } } @-ms-keyframes bounceInRight { 0% { opacity: 0; -ms-transform: scale(0) translateX(200px); } 60% { opacity: 1; -ms-transform: scale(1.1) translateX(-40px); } 80% { opacity: 1; -ms-transform: scale(0.9) translateX(20px); } 100% { opacity: 1; -ms-transform: scale(1) translateX(0); } } @-o-keyframes bounceInRight { 0% { opacity: 0; -o-transform: scale(0) translateX(200px); } 60% { opacity: 1; -o-transform: scale(1.1) translateX(-40px); } 80% { opacity: 1; -o-transform: scale(0.9) translateX(20px); } 100% { opacity: 1; -o-transform: scale(1) translateX(0); } } @keyframes bounceInRight { 0% { opacity: 0; transform: scale(0) translateX(200px); } 60% { opacity: 1; transform: scale(1.1) translateX(-40px); } 80% { opacity: 1; transform: scale(0.9) translateX(20px); } 100% { opacity: 1; transform: scale(1) translateX(0); } } .animate.bounceInRight { -webkit-animation-name: bounceInRight; -moz-animation-name: bounceInRight; -ms-animation-name: bounceInRight; -o-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: scale(0) translateX(-200px); } 60% { opacity: 1; -webkit-transform: scale(1.1) translateX(40px); } 80% { opacity: 1; -webkit-transform: scale(0.9) translateX(-20px); } 100% { opacity: 1; -webkit-transform: scale(1) translateX(0); } } @-moz-keyframes bounceInLeft { 0% { opacity: 0; -moz-transform: scale(0) translateX(-200px); } 60% { opacity: 1; -moz-transform: scale(1.1) translateX(40px); } 80% { opacity: 1; -moz-transform: scale(0.9) translateX(-20px); } 100% { opacity: 1; -moz-transform: scale(1) translateX(0); } } @-ms-keyframes bounceInLeft { 0% { opacity: 0; -ms-transform: scale(0) translateX(-200px); } 60% { opacity: 1; -ms-transform: scale(1.1) translateX(40px); } 80% { opacity: 1; -ms-transform: scale(0.9) translateX(-20px); } 100% { opacity: 1; -ms-transform: scale(1) translateX(0); } } @-o-keyframes bounceInLeft { 0% { opacity: 0; -o-transform: scale(0) translateX(-200px); } 60% { opacity: 1; -o-transform: scale(1.1) translateX(40px); } 80% { opacity: 1; -o-transform: scale(0.9) translateX(-20px); } 100% { opacity: 1; -o-transform: scale(1) translateX(0); } } @keyframes bounceInLeft { 0% { opacity: 0; transform: scale(0) translateX(-200px); } 60% { opacity: 1; transform: scale(1.1) translateX(40px); } 80% { opacity: 1; transform: scale(0.9) translateX(-20px); } 100% { opacity: 1; transform: scale(1) translateX(0); } } .animate.bounceInLeft { -webkit-animation-name: bounceInLeft; -moz-animation-name: bounceInLeft; -ms-animation-name: bounceInLeft; -o-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceOut { 0% { opacity: 1; -webkit-transform: scale(1); } 30% { opacity: 1; -webkit-transform: scale(1.1); } 50% { opacity: 0; -webkit-transform: scale(0.9); } 100% { opacity: 0; -webkit-transform: scale(0); } } @-moz-keyframes bounceOut { 0% { opacity: 1; -moz-transform: scale(1); } 30% { opacity: 1; -moz-transform: scale(1.1); } 50% { opacity: 0; -moz-transform: scale(0.9); } 100% { opacity: 0; -moz-transform: scale(0); } } @-ms-keyframes bounceOut { 0% { opacity: 1; -ms-transform: scale(1); } 30% { opacity: 1; -ms-transform: scale(1.1); } 50% { opacity: 0; -ms-transform: scale(0.9); } 100% { opacity: 0; -ms-transform: scale(0); } } @-o-keyframes bounceOut { 0% { opacity: 1; -o-transform: scale(1); } 30% { opacity: 1; -o-transform: scale(1.1); } 50% { opacity: 0; -o-transform: scale(0.9); } 100% { opacity: 0; -o-transform: scale(0); } } @keyframes bounceOut { 0% { opacity: 1; transform: scale(1); } 30% { opacity: 1; transform: scale(1.1); } 50% { opacity: 0; transform: scale(0.9); } 100% { opacity: 0; transform: scale(0); } } .animate.bounceOut { -webkit-animation-name: bounceOut; -moz-animation-name: bounceOut; -ms-animation-name: bounceOut; -o-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(40px); } 100% { opacity: 0; -webkit-transform: translateY(-200px); } } @-moz-keyframes bounceOutUp { 0% { opacity: 1; -moz-transform: translateY(0); } 20% { opacity: 1; -moz-transform: translateY(40px); } 100% { opacity: 0; -moz-transform: translateY(-200px); } } @-ms-keyframes bounceOutUp { 0% { opacity: 1; -ms-transform: translateY(0); } 20% { opacity: 1; -ms-transform: translateY(40px); } 100% { opacity: 0; -ms-transform: translateY(-200px); } } @-o-keyframes bounceOutUp { 0% { opacity: 1; -o-transform: translateY(0); } 20% { opacity: 1; -o-transform: translateY(40px); } 100% { opacity: 0; -o-transform: translateY(-200px); } } @keyframes bounceOutUp { 0% { opacity: 1; transform: translateY(0); } 20% { opacity: 1; transform: translateY(40px); } 100% { opacity: 0; transform: translateY(-200px); } } .animate.bounceOutUp { -webkit-animation-name: bounceOutUp; -moz-animation-name: bounceOutUp; -ms-animation-name: bounceOutUp; -o-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes bounceOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-40px); } 100% { opacity: 0; -webkit-transform: translateY(200px); } } @-moz-keyframes bounceOutDown { 0% { opacity: 1; -moz-transform: translateY(0); } 20% { opacity: 1; -moz-transform: translateY(-40px); } 100% { opacity: 0; -moz-transform: translateY(200px); } } @-ms-keyframes bounceOutDown { 0% { opacity: 1; -ms-transform: translateY(0); } 20% { opacity: 1; -ms-transform: translateY(-40px); } 100% { opacity: 0; -ms-transform: translateY(200px); } } @-o-keyframes bounceOutDown { 0% { opacity: 1; -o-transform: translateY(0); } 20% { opacity: 1; -o-transform: translateY(-40px); } 100% { opacity: 0; -o-transform: translateY(200px); } } @keyframes bounceOutDown { 0% { opacity: 1; transform: translateY(0); } 20% { opacity: 1; transform: translateY(-40px); } 100% { opacity: 0; transform: translateY(200px); } } .animate.bounceOutDown { -webkit-animation-name: bounceOutDown; -moz-animation-name: bounceOutDown; -ms-animation-name: bounceOutDown; -o-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-40px); } 100% { opacity: 0; -webkit-transform: translateX(200px); } } @-moz-keyframes bounceOutRight { 0% { opacity: 1; -moz-transform: translateX(0); } 20% { opacity: 1; -moz-transform: translateX(-40px); } 100% { opacity: 0; -moz-transform: translateX(200px); } } @-ms-keyframes bounceOutRight { 0% { opacity: 1; -ms-transform: translateX(0); } 20% { opacity: 1; -ms-transform: translateX(-40px); } 100% { opacity: 0; -ms-transform: translateX(200px); } } @-o-keyframes bounceOutRight { 0% { opacity: 1; -o-transform: translateX(0); } 20% { opacity: 1; -o-transform: translateX(-40px); } 100% { opacity: 0; -o-transform: translateX(200px); } } @keyframes bounceOutRight { 0% { opacity: 1; transform: translateX(0); } 20% { opacity: 1; transform: translateX(-40px); } 100% { opacity: 0; transform: translateX(200px); } } .animate.bounceOutRight { -webkit-animation-name: bounceOutRight; -moz-animation-name: bounceOutRight; -ms-animation-name: bounceOutRight; -o-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(40px); } 100% { opacity: 0; -webkit-transform: translateX(-200px); } } @-moz-keyframes bounceOutLeft { 0% { opacity: 1; -moz-transform: translateX(0); } 20% { opacity: 1; -moz-transform: translateX(40px); } 100% { opacity: 0; -moz-transform: translateX(-200px); } } @-ms-keyframes bounceOutLeft { 0% { opacity: 1; -ms-transform: translateX(0); } 20% { opacity: 1; -ms-transform: translateX(40px); } 100% { opacity: 0; -ms-transform: translateX(-200px); } } @-o-keyframes bounceOutLeft { 0% { opacity: 1; -o-transform: translateX(0); } 20% { opacity: 1; -o-transform: translateX(40px); } 100% { opacity: 0; -o-transform: translateX(-200px); } } @keyframes bounceOutLeft { 0% { opacity: 1; transform: translateX(0); } 20% { opacity: 1; transform: translateX(40px); } 100% { opacity: 0; transform: translateX(-200px); } } .animate.bounceOutLeft { -webkit-animation-name: bounceOutLeft; -moz-animation-name: bounceOutLeft; -ms-animation-name: bounceOutLeft; -o-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes flash { 0%, 100%, 50% { opacity: 1; } 25%, 75% { opacity: 0; } } @-moz-keyframes flash { 0%, 100%, 50% { opacity: 1; } 25%, 75% { opacity: 0; } } @-ms-keyframes flash { 0%, 100%, 50% { opacity: 1; } 25%, 75% { opacity: 0; } } @-o-keyframes flash { 0%, 100%, 50% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 100%, 50% { opacity: 1; } 25%, 75% { opacity: 0; } } .hover-flash:hover, .trigger.flash { -webkit-animation-name: flash; -moz-animation-name: flash; -ms-animation-name: flash; -o-animation-name: flash; animation-name: flash; } @-webkit-keyframes strobe { 0%, 100%, 20%, 40%, 60%, 80% { opacity: 1; } 10%, 30%, 50%, 70%, 90% { opacity: 0; } } @-moz-keyframes strobe { 0%, 100%, 20%, 40%, 60%, 80% { opacity: 1; } 10%, 30%, 50%, 70%, 90% { opacity: 0; } } @-ms-keyframes strobe { 0%, 100%, 20%, 40%, 60%, 80% { opacity: 1; } 10%, 30%, 50%, 70%, 90% { opacity: 0; } } @-o-keyframes strobe { 0%, 100%, 20%, 40%, 60%, 80% { opacity: 1; } 10%, 30%, 50%, 70%, 90% { opacity: 0; } } @keyframes strobe { 0%, 100%, 20%, 40%, 60%, 80% { opacity: 1; } 10%, 30%, 50%, 70%, 90% { opacity: 0; } } .hover-strobe:hover, .trigger.strobe { -webkit-animation-name: strobe; -moz-animation-name: strobe; -ms-animation-name: strobe; -o-animation-name: strobe; animation-name: strobe; } @-webkit-keyframes shakeH { 0%, 100% { -webkit-transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(-10px); } } @-moz-keyframes shakeH { 0%, 100% { -moz-transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -moz-transform: translateX(10px); } 20%, 40%, 60%, 80% { -moz-transform: translateX(-10px); } } @-ms-keyframes shakeH { 0%, 100% { -ms-transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -ms-transform: translateX(10px); } 20%, 40%, 60%, 80% { -ms-transform: translateX(-10px); } } @-o-keyframes shakeH { 0%, 100% { -o-transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -o-transform: translateX(10px); } 20%, 40%, 60%, 80% { -o-transform: translateX(-10px); } } @keyframes shakeH { 0%, 100% { transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { transform: translateX(10px); } 20%, 40%, 60%, 80% { transform: translateX(-10px); } } .hover-shakeH:hover, .trigger.shakeH { -webkit-animation-name: shakeH; -moz-animation-name: shakeH; -ms-animation-name: shakeH; -o-animation-name: shakeH; animation-name: shakeH; } @-webkit-keyframes shakeV { 0%, 100% { -webkit-transform: translateY(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateY(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateY(10px); } } @-moz-keyframes shakeV { 0%, 100% { -moz-transform: translateY(0); } 10%, 30%, 50%, 70%, 90% { -moz-transform: translateY(-10px); } 20%, 40%, 60%, 80% { -moz-transform: translateY(10px); } } @-ms-keyframes shakeV { 0%, 100% { -ms-transform: translateY(0); } 10%, 30%, 50%, 70%, 90% { -ms-transform: translateY(-10px); } 20%, 40%, 60%, 80% { -ms-transform: translateY(10px); } } @-o-keyframes shakeV { 0%, 100% { -o-transform: translateY(0); } 10%, 30%, 50%, 70%, 90% { -o-transform: translateY(-10px); } 20%, 40%, 60%, 80% { -o-transform: translateY(10px); } } @keyframes shakeV { 0%, 100% { transform: translateY(0); } 10%, 30%, 50%, 70%, 90% { transform: translateY(-10px); } 20%, 40%, 60%, 80% { transform: translateY(10px); } } .hover-shakeV:hover, .trigger.shakeV { -webkit-animation-name: shakeV; -moz-animation-name: shakeV; -ms-animation-name: shakeV; -o-animation-name: shakeV; animation-name: shakeV; } @-webkit-keyframes bounce { 0%, 100%, 20%, 50%, 80% { -webkit-transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); } } @-moz-keyframes bounce { 0%, 100%, 20%, 50%, 80% { -moz-transform: translateY(0); } 40% { -moz-transform: translateY(-30px); } 60% { -moz-transform: translateY(-15px); } } @-ms-keyframes bounce { 0%, 100%, 20%, 50%, 80% { -ms-transform: translateY(0); } 40% { -ms-transform: translateY(-30px); } 60% { -ms-transform: translateY(-15px); } } @-o-keyframes bounce { 0%, 100%, 20%, 50%, 80% { -o-transform: translateY(0); } 40% { -o-transform: translateY(-30px); } 60% { -o-transform: translateY(-15px); } } @keyframes bounce { 0%, 100%, 20%, 50%, 80% { transform: translateY(0); } 40% { transform: translateY(-30px); } 60% { transform: translateY(-15px); } } .hover-bounce:hover, .trigger.bounce { -webkit-animation-name: bounce; -moz-animation-name: bounce; -ms-animation-name: bounce; -o-animation-name: bounce; animation-name: bounce; } @-webkit-keyframes tada { 0%, 100% { -webkit-transform: scale(1) rotate(0); } 10%, 20% { -webkit-transform: scale(0.9) rotate(3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(-3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(3deg); } } @-moz-keyframes tada { 0%, 100% { -moz-transform: scale(1) rotate(0); } 10%, 20% { -moz-transform: scale(0.9) rotate(3deg); } 30%, 50%, 70%, 90% { -moz-transform: scale(1.1) rotate(-3deg); } 40%, 60%, 80% { -moz-transform: scale(1.1) rotate(3deg); } } @-ms-keyframes tada { 0%, 100% { -ms-transform: scale(1) rotate(0); } 10%, 20% { -ms-transform: scale(0.9) rotate(3deg); } 30%, 50%, 70%, 90% { -ms-transform: scale(1.1) rotate(-3deg); } 40%, 60%, 80% { -ms-transform: scale(1.1) rotate(3deg); } } @-o-keyframes tada { 0%, 100% { -o-transform: scale(1) rotate(0); } 10%, 20% { -o-transform: scale(0.9) rotate(3deg); } 30%, 50%, 70%, 90% { -o-transform: scale(1.1) rotate(-3deg); } 40%, 60%, 80% { -o-transform: scale(1.1) rotate(3deg); } } @keyframes tada { 0%, 100% { transform: scale(1) rotate(0); } 10%, 20% { transform: scale(0.9) rotate(3deg); } 30%, 50%, 70%, 90% { transform: scale(1.1) rotate(-3deg); } 40%, 60%, 80% { transform: scale(1.1) rotate(3deg); } } .hover-tada:hover, .trigger.tada { -webkit-animation-name: tada; -moz-animation-name: tada; -ms-animation-name: tada; -o-animation-name: tada; animation-name: tada; } @-webkit-keyframes wave { 20% { -webkit-transform: rotate(-15deg); } 40% { -webkit-transform: rotate(10deg); } 60% { -webkit-transform: rotate(-5deg); } 80% { -webkit-transform: rotate(5deg); } 100% { -webkit-transform: rotate(0deg); } } @-moz-keyframes wave { 20% { -moz-transform: rotate(-15deg); } 40% { -moz-transform: rotate(10deg); } 60% { -moz-transform: rotate(-5deg); } 80% { -moz-transform: rotate(5deg); } 100% { -moz-transform: rotate(0deg); } } @-ms-keyframes wave { 20% { -ms-transform: rotate(-15deg); } 40% { -ms-transform: rotate(10deg); } 60% { -ms-transform: rotate(-5deg); } 80% { -ms-transform: rotate(5deg); } 100% { -ms-transform: rotate(0deg); } } @-o-keyframes wave { 20% { -o-transform: rotate(-15deg); } 40% { -o-transform: rotate(10deg); } 60% { -o-transform: rotate(-5deg); } 80% { -o-transform: rotate(5deg); } 100% { -o-transform: rotate(0deg); } } @keyframes wave { 20% { transform: rotate(-15deg); } 40% { transform: rotate(10deg); } 60% { transform: rotate(-5deg); } 80% { transform: rotate(5deg); } 100% { transform: rotate(0deg); } } .hover-wave:hover { -webkit-animation-name: wave; -moz-animation-name: wave; -ms-animation-name: wave; -o-animation-name: wave; animation-name: wave; } @-webkit-keyframes spinCW { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(-360deg); } } @-moz-keyframes spinCW { 0% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(-360deg); } } @-ms-keyframes spinCW { 0% { -ms-transform: rotate(0deg); } 100% { -ms-transform: rotate(-360deg); } } @-o-keyframes spinCW { 0% { -o-transform: rotate(0deg); } 100% { -o-transform: rotate(-360deg); } } @keyframes spinCW { 0% { transform: rotate(0deg); } 100% { transform: rotate(-360deg); } } .hover-spinCW:hover, .trigger.spinCW { -webkit-animation-name: spinCW; -moz-animation-name: spinCW; -ms-animation-name: spinCW; -o-animation-name: spinCW; animation-name: spinCW; } @-webkit-keyframes spinCCW { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @-moz-keyframes spinCCW { 0% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(360deg); } } @-ms-keyframes spinCCW { 0% { -ms-transform: rotate(0deg); } 100% { -ms-transform: rotate(360deg); } } @-o-keyframes spinCCW { 0% { -o-transform: rotate(0deg); } 100% { -o-transform: rotate(360deg); } } @keyframes spinCCW { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .hover-spinCCW:hover, .trigger.spinCCW { -webkit-animation-name: spinCCW; -moz-animation-name: spinCCW; -ms-animation-name: spinCCW; -o-animation-name: spinCCW; animation-name: spinCCW; } @-webkit-keyframes slingshotCW { 0% { -webkit-transform: rotate(0deg); } 20%, 30% { -webkit-transform: rotate(45deg); } 100% { -webkit-transform: rotate(-360deg); } } @-moz-keyframes slingshotCW { 0% { -moz-transform: rotate(0deg); } 20%, 30% { -moz-transform: rotate(45deg); } 100% { -moz-transform: rotate(-360deg); } } @-ms-keyframes slingshotCW { 0% { -ms-transform: rotate(0deg); } 20%, 30% { -ms-transform: rotate(45deg); } 100% { -ms-transform: rotate(-360deg); } } @-o-keyframes slingshotCW { 0% { -o-transform: rotate(0deg); } 20%, 30% { -o-transform: rotate(45deg); } 100% { -o-transform: rotate(-360deg); } } @keyframes slingshotCW { 0% { transform: rotate(0deg); } 20%, 30% { transform: rotate(45deg); } 100% { transform: rotate(-360deg); } } .hover-slingshotCW:hover, .trigger.slingshotCW { -webkit-animation-name: slingshotCW; -moz-animation-name: slingshotCW; -ms-animation-name: slingshotCW; -o-animation-name: slingshotCW; animation-name: slingshotCW; } @-webkit-keyframes slingshotCCW { 0% { -webkit-transform: rotate(0deg); } 20%, 30% { -webkit-transform: rotate(-45deg); } 100% { -webkit-transform: rotate(360deg); } } @-moz-keyframes slingshotCCW { 0% { -moz-transform: rotate(0deg); } 20%, 30% { -moz-transform: rotate(-45deg); } 100% { -moz-transform: rotate(360deg); } } @-ms-keyframes slingshotCCW { 0% { -ms-transform: rotate(0deg); } 20%, 30% { -ms-transform: rotate(-45deg); } 100% { -ms-transform: rotate(360deg); } } @-o-keyframes slingshotCCW { 0% { -o-transform: rotate(0deg); } 20%, 30% { -o-transform: rotate(-45deg); } 100% { -o-transform: rotate(360deg); } } @keyframes slingshotCCW { 0% { transform: rotate(0deg); } 20%, 30% { transform: rotate(-45deg); } 100% { transform: rotate(360deg); } } .hover-slingshotCCW:hover, .trigger.slingshotCCW { -webkit-animation-name: slingshotCCW; -moz-animation-name: slingshotCCW; -ms-animation-name: slingshotCCW; -o-animation-name: slingshotCCW; animation-name: slingshotCCW; } @-webkit-keyframes wobble { 0% { -webkit-transform: translateX(0px); } 15% { -webkit-transform: translateX(25px) rotate(5deg); } 30% { -webkit-transform: translateX(-20px) rotate(-3deg); } 45% { -webkit-transform: translateX(15px) rotate(3deg); } 60% { -webkit-transform: translateX(-10px) rotate(-2deg); } 75% { -webkit-transform: translateX(5px) rotate(1deg); } 100% { -webkit-transform: translateX(0px); } } @-moz-keyframes wobble { 0% { -moz-transform: translateX(0px); } 15% { -moz-transform: translateX(25px) rotate(5deg); } 30% { -moz-transform: translateX(-20px) rotate(-3deg); } 45% { -moz-transform: translateX(15px) rotate(3deg); } 60% { -moz-transform: translateX(-10px) rotate(-2deg); } 75% { -moz-transform: translateX(5px) rotate(1deg); } 100% { -moz-transform: translateX(0px); } } @-ms-keyframes wobble { 0% { -ms-transform: translateX(0px); } 15% { -ms-transform: translateX(25px) rotate(5deg); } 30% { -ms-transform: translateX(-20px) rotate(-3deg); } 45% { -ms-transform: translateX(15px) rotate(3deg); } 60% { -ms-transform: translateX(-10px) rotate(-2deg); } 75% { -ms-transform: translateX(5px) rotate(1deg); } 100% { -ms-transform: translateX(0px); } } @-o-keyframes wobble { 0% { -o-transform: translateX(0px); } 15% { -o-transform: translateX(25px) rotate(5deg); } 30% { -o-transform: translateX(-20px) rotate(-3deg); } 45% { -o-transform: translateX(15px) rotate(3deg); } 60% { -o-transform: translateX(-10px) rotate(-2deg); } 75% { -o-transform: translateX(5px) rotate(1deg); } 100% { -o-transform: translateX(0px); } } @keyframes wobble { 0% { transform: translateX(0px); } 15% { transform: translateX(25px) rotate(5deg); } 30% { transform: translateX(-20px) rotate(-3deg); } 45% { transform: translateX(15px) rotate(3deg); } 60% { transform: translateX(-10px) rotate(-2deg); } 75% { transform: translateX(5px) rotate(1deg); } 100% { transform: translateX(0px); } } .hover-wobble:hover, .trigger.wobble { -webkit-animation-name: wobble; -moz-animation-name: wobble; -ms-animation-name: wobble; -o-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes pulse { 0%, 100% { -webkit-transform: scale(1); } 50% { -webkit-transform: scale(1.1); } } @-moz-keyframes pulse { 0%, 100% { -moz-transform: scale(1); } 50% { -moz-transform: scale(1.1); } } @-ms-keyframes pulse { 0%, 100% { -ms-transform: scale(1); } 50% { -ms-transform: scale(1.1); } } @-o-keyframes pulse { 0%, 100% { -o-transform: scale(1); } 50% { -o-transform: scale(1.1); } } @keyframes pulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.1); } } .hover-pulse:hover, .trigger.pulse { -webkit-animation-name: pulse; -moz-animation-name: pulse; -ms-animation-name: pulse; -o-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes pulsate { 0%, 100%, 50% { -webkit-transform: scale(1); } 25%, 75% { -webkit-transform: scale(1.1); } } @-moz-keyframes pulsate { 0%, 100%, 50% { -moz-transform: scale(1); } 25%, 75% { -moz-transform: scale(1.1); } } @-ms-keyframes pulsate { 0%, 100%, 50% { -ms-transform: scale(1); } 25%, 75% { -ms-transform: scale(1.1); } } @-o-keyframes pulsate { 0%, 100%, 50% { -o-transform: scale(1); } 25%, 75% { -o-transform: scale(1.1); } } @keyframes pulsate { 0%, 100%, 50% { transform: scale(1); } 25%, 75% { transform: scale(1.1); } } .hover-pulsate:hover, .trigger.pulsate { -webkit-animation-name: pulsate; -moz-animation-name: pulsate; -ms-animation-name: pulsate; -o-animation-name: pulsate; animation-name: pulsate; } @-webkit-keyframes heartbeat { 0%, 30%, 50%, 60%, 80% { -webkit-transform: scale(1); } 40%, 70% { -webkit-transform: scale(1.1); } } @-moz-keyframes heartbeat { 0%, 30%, 50%, 60%, 80% { -moz-transform: scale(1); } 40%, 70% { -moz-transform: scale(1.1); } } @-ms-keyframes heartbeat { 0%, 30%, 50%, 60%, 80% { -ms-transform: scale(1); } 40%, 70% { -ms-transform: scale(1.1); } } @-o-keyframes heartbeat { 0%, 30%, 50%, 60%, 80% { -o-transform: scale(1); } 40%, 70% { -o-transform: scale(1.1); } } @keyframes heartbeat { 0%, 30%, 50%, 60%, 80% { transform: scale(1); } 40%, 70% { transform: scale(1.1); } } .hover-heartbeat:hover, .trigger.heartbeat { -webkit-animation-name: heartbeat; -moz-animation-name: heartbeat; -ms-animation-name: heartbeat; -o-animation-name: heartbeat; animation-name: heartbeat; } @-webkit-keyframes panic { 0%, 100% { -webkit-transform: scale(1) rotate(0); } 10%, 60% { -webkit-transform: scale(1.1) rotate(3deg); } 20%, 40% { -webkit-transform: scale(1) rotate(3deg); } 30% { -webkit-transform: scale(1.1) rotate(-3deg); } 50%, 70%, 90% { -webkit-transform: scale(1) rotate(-3deg); } 80% { -webkit-transform: scale(1.1) rotate(3deg); } } @-moz-keyframes panic { 0%, 100% { -moz-transform: scale(1) rotate(0); } 10%, 60% { -moz-transform: scale(1.1) rotate(3deg); } 20%, 40% { -moz-transform: scale(1) rotate(3deg); } 30% { -moz-transform: scale(1.1) rotate(-3deg); } 50%, 70%, 90% { -moz-transform: scale(1) rotate(-3deg); } 80% { -moz-transform: scale(1.1) rotate(3deg); } } @-ms-keyframes panic { 0%, 100% { -ms-transform: scale(1) rotate(0); } 10%, 60% { -ms-transform: scale(1.1) rotate(3deg); } 20%, 40% { -ms-transform: scale(1) rotate(3deg); } 30% { -ms-transform: scale(1.1) rotate(-3deg); } 50%, 70%, 90% { -ms-transform: scale(1) rotate(-3deg); } 80% { -ms-transform: scale(1.1) rotate(3deg); } } @-o-keyframes panic { 0%, 100% { -o-transform: scale(1) rotate(0); } 10%, 60% { -o-transform: scale(1.1) rotate(3deg); } 20%, 40% { -o-transform: scale(1) rotate(3deg); } 30% { -o-transform: scale(1.1) rotate(-3deg); } 50%, 70%, 90% { -o-transform: scale(1) rotate(-3deg); } 80% { -o-transform: scale(1.1) rotate(3deg); } } @keyframes panic { 0%, 100% { transform: scale(1) rotate(0); } 10%, 60% { transform: scale(1.1) rotate(3deg); } 20%, 40% { transform: scale(1) rotate(3deg); } 30% { transform: scale(1.1) rotate(-3deg); } 50%, 70%, 90% { transform: scale(1) rotate(-3deg); } 80% { transform: scale(1.1) rotate(3deg); } } .hover-panic:hover, .trigger.panic { -webkit-animation-name: panic; -moz-animation-name: panic; -ms-animation-name: panic; -o-animation-name: panic; animation-name: panic; } /* |-------------------------------------------------------------------------- | 7.0 jQuery ui | |-------------------------------------------------------------------------- | | | */ /* * jQuery UI CSS Framework 1.8.22 * * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Theming */ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px, 1px, 1px, 1px); } .ui-helper-reset { border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; margin: 0; padding: 0; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; } .ui-helper-clearfix:after { clear: both; } .ui-helper-clearfix { zoom: 1; } .ui-helper-zfix { width: 100%; height: 100%; top: 0; right: 0; position: absolute; opacity: 0; filter: Alpha(Opacity=0); } .ui-state-disabled { cursor: default !important; } .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; width: 16px; height: 16px; background-image: url(images/ui-icons_222222_256x240.png); } .ui-widget-overlay { position: absolute; top: 0; right: 0; width: 100%; height: 100%; background: #aaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: 0.3; filter: Alpha(Opacity=30); } .ui-accordion { width: 100%; } .ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; border-style: solid; border-width: 1px; } .ui-accordion .ui-accordion-li-fix { display: inline; } .ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; } .ui-accordion .ui-accordion-header a { display: block; font-size: 13px; padding: 0.5em 0.7em 0.5em 0.5em; } .ui-accordion-icons .ui-accordion-header a { padding-right: 30px; } .ui-accordion .ui-accordion-header .ui-icon { position: absolute; right: 0.5em; top: 50%; margin-top: -8px; } .ui-accordion .ui-accordion-content { border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; -webkit-border-radius: 0 0 4px 6px; border-radius: 0 0 4px 6px; border-style: solid; border-width: 1px; padding: 1em 2.2em; } .ui-accordion .ui-accordion-content-active { display: block; background: none; } .ui-accordion .ui-state-active { background: none !important; font-weight: 700; -webkit-box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0); box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0); border-bottom: 0; } .ui-accordion .ui-icon { display: block; } .ui-accordion .ui-state-default { background: url(images/bg_widget_header.png) no-repeat 100% 0; } .ui-accordion .ui-state-hover { background: url(images/bg_widget_header_active.png) no-repeat 100% 0; } .ui-tabs { position: relative; overflow: hidden; zoom: 1; margin-bottom: 15px; background: none !important; -webkit-border-radius: 5px !important; border-radius: 5px !important; border-style: solid; border-width: 1px; } .ui-tabs .ui-tabs-nav { display: block; background-image: url(../images/bg_panel.png); background-repeat: repeat-x; background-position: right top; border-style: solid; border-width: 0 0 1px; margin: 0; padding: 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: right; position: relative; white-space: nowrap; border-style: solid; border-width: 0 0 0 1px; margin: 0; padding: 0; } .ui-tabs .ui-tabs-nav li a { text-decoration: none; display: block; font-size: 13px; font-weight: 700; padding: 14px 30px !important; } .ui-tabs .ui-tabs-nav li a i { margin-left: 4px; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected:after, .ui-tabs .ui-tabs-nav li.ui-state-active:after { content: ""; display: block; height: 5px; width: 100%; position: absolute; right: 0; bottom: -5px; z-index: 1; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a, .ui-tabs .ui-tabs-nav li.ui-state-active a { cursor: text; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a:after, .ui-tabs .ui-tabs-nav li.ui-state-disabled a:after, .ui-tabs .ui-tabs-nav li.ui-state-processing a:after, .ui-tabs .ui-tabs-nav li.ui-state-active a:after { content: ""; display: block; height: 1px; width: 80%; position: absolute; right: 50%; margin-right: -40%; bottom: -1px; z-index: 2; } .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } .ui-tabs .ui-tabs-panel { display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-image: url(../images/box_shadow.png); background-repeat: repeat-x; background-position: right top; border-width: 0; padding: 15px 20px 20px !important; margin: 0; overflow: hidden; } .wpb_content_element.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab.ui-tabs-panel { background-color: #fff; } .ui-tabs .ui-tabs-panel p:last-child { margin-bottom: 0; } .ui-tabs .ui-tabs-hide { display: none !important; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget-content { background: #fff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; border-style: solid; border-width: 1px; } .ui-widget-header { font-weight: 700; border-style: solid; border-width: 1px; } .ui-widget :active { outline: none; } .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #fcefa1; background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #363636; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #363636; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #cd0a0a; background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: 700; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: 0.7; filter: Alpha(Opacity=70); font-weight: 400; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: 0.35; filter: Alpha(Opacity=35); background-image: none; } .ui-state-default .ui-icon { background-image: url(images/ui-icons_888888_256x240.png); } .ui-state-highlight .ui-icon { background-image: url(images/ui-icons_2e83ff_256x240.png); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url(images/ui-icons_cd0a0a_256x240.png); } .ui-icon-carat-1-n { background-position: 100% 0; } .ui-icon-carat-1-ne { background-position: right -16px top 0; } .ui-icon-carat-1-e { background-position: right -32px top 0; } .ui-icon-carat-1-se { background-position: right -48px top 0; } .ui-icon-carat-1-s { background-position: right -64px top 0; } .ui-icon-carat-1-sw { background-position: right -80px top 0; } .ui-icon-carat-1-w { background-position: right -96px top 0; } .ui-icon-carat-1-nw { background-position: right -112px top 0; } .ui-icon-carat-2-n-s { background-position: right -128px top 0; } .ui-icon-carat-2-e-w { background-position: right -144px top 0; } .ui-icon-triangle-1-n { background-position: 100% -16px; } .ui-icon-triangle-1-ne { background-position: right -16px top -16px; } .ui-icon-triangle-1-e { background-position: right -32px top -16px; } .ui-icon-triangle-1-se { background-position: right -48px top -16px; } .ui-icon-triangle-1-s { background-position: right -64px top -16px; } .ui-icon-triangle-1-sw { background-position: right -80px top -16px; } .ui-icon-triangle-1-w { background-position: right -96px top -16px; } .ui-icon-triangle-1-nw { background-position: right -112px top -16px; } .ui-icon-triangle-2-n-s { background-position: right -128px top -16px; } .ui-icon-triangle-2-e-w { background-position: right -144px top -16px; } .ui-icon-arrow-1-n { background-position: 100% -32px; } .ui-icon-arrow-1-ne { background-position: right -16px top -32px; } .ui-icon-arrow-1-e { background-position: right -32px top -32px; } .ui-icon-arrow-1-se { background-position: right -48px top -32px; } .ui-icon-arrow-1-s { background-position: right -64px top -32px; } .ui-icon-arrow-1-sw { background-position: right -80px top -32px; } .ui-icon-arrow-1-w { background-position: right -96px top -32px; } .ui-icon-arrow-1-nw { background-position: right -112px top -32px; } .ui-icon-arrow-2-n-s { background-position: right -128px top -32px; } .ui-icon-arrow-2-ne-sw { background-position: right -144px top -32px; } .ui-icon-arrow-2-e-w { background-position: right -160px top -32px; } .ui-icon-arrow-2-se-nw { background-position: right -176px top -32px; } .ui-icon-arrowstop-1-n { background-position: right -192px top -32px; } .ui-icon-arrowstop-1-e { background-position: right -208px top -32px; } .ui-icon-arrowstop-1-s { background-position: right -224px top -32px; } .ui-icon-arrowstop-1-w { background-position: right -240px top -32px; } .ui-icon-arrowthick-1-n { background-position: 100% -48px; } .ui-icon-arrowthick-1-ne { background-position: right -16px top -48px; } .ui-icon-arrowthick-1-e { background-position: right -32px top -48px; } .ui-icon-arrowthick-1-se { background-position: right -48px top -48px; } .ui-icon-arrowthick-1-s { background-position: right -64px top -48px; } .ui-icon-arrowthick-1-sw { background-position: right -80px top -48px; } .ui-icon-arrowthick-1-w { background-position: right -96px top -48px; } .ui-icon-arrowthick-1-nw { background-position: right -112px top -48px; } .ui-icon-arrowthick-2-n-s { background-position: right -128px top -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: right -144px top -48px; } .ui-icon-arrowthick-2-e-w { background-position: right -160px top -48px; } .ui-icon-arrowthick-2-se-nw { background-position: right -176px top -48px; } .ui-icon-arrowthickstop-1-n { background-position: right -192px top -48px; } .ui-icon-arrowthickstop-1-e { background-position: right -208px top -48px; } .ui-icon-arrowthickstop-1-s { background-position: right -224px top -48px; } .ui-icon-arrowthickstop-1-w { background-position: right -240px top -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 100% -64px; } .ui-icon-arrowreturnthick-1-n { background-position: right -16px top -64px; } .ui-icon-arrowreturnthick-1-e { background-position: right -32px top -64px; } .ui-icon-arrowreturnthick-1-s { background-position: right -48px top -64px; } .ui-icon-arrowreturn-1-w { background-position: right -64px top -64px; } .ui-icon-arrowreturn-1-n { background-position: right -80px top -64px; } .ui-icon-arrowreturn-1-e { background-position: right -96px top -64px; } .ui-icon-arrowreturn-1-s { background-position: right -112px top -64px; } .ui-icon-arrowrefresh-1-w { background-position: right -128px top -64px; } .ui-icon-arrowrefresh-1-n { background-position: right -144px top -64px; } .ui-icon-arrowrefresh-1-e { background-position: right -160px top -64px; } .ui-icon-arrowrefresh-1-s { background-position: right -176px top -64px; } .ui-icon-arrow-4 { background-position: 100% -80px; } .ui-icon-arrow-4-diag { background-position: right -16px top -80px; } .ui-icon-extlink { background-position: right -32px top -80px; } .ui-icon-newwin { background-position: right -48px top -80px; } .ui-icon-refresh { background-position: right -64px top -80px; } .ui-icon-shuffle { background-position: right -80px top -80px; } .ui-icon-transfer-e-w { background-position: right -96px top -80px; } .ui-icon-transferthick-e-w { background-position: right -112px top -80px; } .ui-icon-folder-collapsed { background-position: 100% -96px; } .ui-icon-folder-open { background-position: right -16px top -96px; } .ui-icon-document { background-position: right -32px top -96px; } .ui-icon-document-b { background-position: right -48px top -96px; } .ui-icon-note { background-position: right -64px top -96px; } .ui-icon-mail-closed { background-position: right -80px top -96px; } .ui-icon-mail-open { background-position: right -96px top -96px; } .ui-icon-suitcase { background-position: right -112px top -96px; } .ui-icon-comment { background-position: right -128px top -96px; } .ui-icon-person { background-position: right -144px top -96px; } .ui-icon-print { background-position: right -160px top -96px; } .ui-icon-trash { background-position: right -176px top -96px; } .ui-icon-locked { background-position: right -192px top -96px; } .ui-icon-unlocked { background-position: right -208px top -96px; } .ui-icon-bookmark { background-position: right -224px top -96px; } .ui-icon-tag { background-position: right -240px top -96px; } .ui-icon-home { background-position: 100% -112px; } .ui-icon-flag { background-position: right -16px top -112px; } .ui-icon-calendar { background-position: right -32px top -112px; } .ui-icon-cart { background-position: right -48px top -112px; } .ui-icon-pencil { background-position: right -64px top -112px; } .ui-icon-clock { background-position: right -80px top -112px; } .ui-icon-disk { background-position: right -96px top -112px; } .ui-icon-calculator { background-position: right -112px top -112px; } .ui-icon-zoomin { background-position: right -128px top -112px; } .ui-icon-zoomout { background-position: right -144px top -112px; } .ui-icon-search { background-position: right -160px top -112px; } .ui-icon-wrench { background-position: right -176px top -112px; } .ui-icon-gear { background-position: right -192px top -112px; } .ui-icon-heart { background-position: right -208px top -112px; } .ui-icon-star { background-position: right -224px top -112px; } .ui-icon-link { background-position: right -240px top -112px; } .ui-icon-cancel { background-position: 100% -128px; } .ui-icon-plus { background-position: right -16px top -128px; } .ui-icon-plusthick { background-position: right -32px top -128px; } .ui-icon-minus { background-position: right -48px top -128px; } .ui-icon-minusthick { background-position: right -64px top -128px; } .ui-icon-close { background-position: right -80px top -128px; } .ui-icon-closethick { background-position: right -96px top -128px; } .ui-icon-key { background-position: right -112px top -128px; } .ui-icon-lightbulb { background-position: right -128px top -128px; } .ui-icon-scissors { background-position: right -144px top -128px; } .ui-icon-clipboard { background-position: right -160px top -128px; } .ui-icon-copy { background-position: right -176px top -128px; } .ui-icon-contact { background-position: right -192px top -128px; } .ui-icon-image { background-position: right -208px top -128px; } .ui-icon-video { background-position: right -224px top -128px; } .ui-icon-script { background-position: right -240px top -128px; } .ui-icon-alert { background-position: 100% -144px; } .ui-icon-info { background-position: right -16px top -144px; } .ui-icon-notice { background-position: right -32px top -144px; } .ui-icon-help { background-position: right -48px top -144px; } .ui-icon-check { background-position: right -64px top -144px; } .ui-icon-bullet { background-position: right -80px top -144px; } .ui-icon-radio-off { background-position: right -96px top -144px; } .ui-icon-radio-on { background-position: right -112px top -144px; } .ui-icon-pin-w { background-position: right -128px top -144px; } .ui-icon-pin-s { background-position: right -144px top -144px; } .ui-icon-play { background-position: 100% -160px; } .ui-icon-pause { background-position: right -16px top -160px; } .ui-icon-seek-next { background-position: right -32px top -160px; } .ui-icon-seek-prev { background-position: right -48px top -160px; } .ui-icon-seek-end { background-position: right -64px top -160px; } .ui-icon-stop { background-position: right -96px top -160px; } .ui-icon-eject { background-position: right -112px top -160px; } .ui-icon-volume-off { background-position: right -128px top -160px; } .ui-icon-volume-on { background-position: right -144px top -160px; } .ui-icon-power { background-position: 100% -176px; } .ui-icon-signal-diag { background-position: right -16px top -176px; } .ui-icon-signal { background-position: right -32px top -176px; } .ui-icon-battery-0 { background-position: right -48px top -176px; } .ui-icon-battery-1 { background-position: right -64px top -176px; } .ui-icon-battery-2 { background-position: right -80px top -176px; } .ui-icon-battery-3 { background-position: right -96px top -176px; } .ui-icon-circle-plus { background-position: 100% -192px; } .ui-icon-circle-minus { background-position: right -16px top -192px; } .ui-icon-circle-close { background-position: right -32px top -192px; } .ui-icon-circle-triangle-e { background-position: right -48px top -192px; } .ui-icon-circle-triangle-s { background-position: right -64px top -192px; } .ui-icon-circle-triangle-w { background-position: right -80px top -192px; } .ui-icon-circle-triangle-n { background-position: right -96px top -192px; } .ui-icon-circle-arrow-e { background-position: right -112px top -192px; } .ui-icon-circle-arrow-s { background-position: right -128px top -192px; } .ui-icon-circle-arrow-w { background-position: right -144px top -192px; } .ui-icon-circle-arrow-n { background-position: right -160px top -192px; } .ui-icon-circle-zoomin { background-position: right -176px top -192px; } .ui-icon-circle-zoomout { background-position: right -192px top -192px; } .ui-icon-circle-check { background-position: right -208px top -192px; } .ui-icon-circlesmall-plus { background-position: 100% -208px; } .ui-icon-circlesmall-minus { background-position: right -16px top -208px; } .ui-icon-circlesmall-close { background-position: right -32px top -208px; } .ui-icon-squaresmall-plus { background-position: right -48px top -208px; } .ui-icon-squaresmall-minus { background-position: right -64px top -208px; } .ui-icon-squaresmall-close { background-position: right -80px top -208px; } .ui-icon-grip-dotted-vertical { background-position: 100% -224px; } .ui-icon-grip-dotted-horizontal { background-position: right -16px top -224px; } .ui-icon-grip-solid-vertical { background-position: right -32px top -224px; } .ui-icon-grip-solid-horizontal { background-position: right -48px top -224px; } .ui-icon-gripsmall-diagonal-se { background-position: right -64px top -224px; } .ui-icon-grip-diagonal-se { background-position: right -80px top -224px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tl { -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; -khtml-border-top-right-radius: 0; border-top-right-radius: 0; } .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tr { -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; -khtml-border-top-left-radius: 0; border-top-left-radius: 0; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-bl { -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; -khtml-border-bottom-right-radius: 0; border-bottom-right-radius: 0; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-br { -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; -khtml-border-bottom-left-radius: 0; border-bottom-left-radius: 0; } .ui-accordion-header.ui-corner-all { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } .ui-tabs .ui-corner-top { -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; -khtml-border-top-left-radius: 0; border-top-left-radius: 0; -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; -khtml-border-top-right-radius: 0; border-top-right-radius: 0; } .ui-widget-shadow { background: #aaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: 0.3; filter: Alpha(Opacity=30); -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; margin: -8px -8px 0 0; padding: 8px; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { font-weight: 400; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, .ui-state-hover a, .ui-state-hover a:hover, .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { text-decoration: none; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a, .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; } .ui-widget-content .ui-icon, .ui-widget-header .ui-icon { background-image: url(images/ui-icons_222222_256x240.png); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-state-active .ui-icon { background-image: url(images/ui-icons_454545_256x240.png); } .ui-icon-seek-start, .ui-icon-seek-first { background-position: right -80px top -160px; } .wpb_tour .wpb_tabs_nav a { width: auto !important; } @media only screen and (min-width: 767px) { .tabs_vertical.ui-tabs { -webkit-border-radius: 0 !important; border-radius: 0 !important; } .tabs_vertical.ui-widget-content { border: 0; } .tabs_vertical.ui-tabs .ui-tabs-nav { width: 30%; float: right; background: none; -webkit-border-radius: 0 5px 5px 0 !important; border-radius: 0 5px 5px 0 !important; border-width: 1px 1px 1px 0; } .tabs_vertical.ui-tabs .ui-tabs-panel { width: 69.7%; float: right; min-height: 120px; -webkit-border-radius: 5px 0 5px 5px !important; border-radius: 5px 0 5px 5px !important; background-image: none; border: 1px solid rgba(0, 0, 0, 0.08) !important; } .tabs_vertical.ui-tabs .ui-tabs-nav li { float: none; width: 100%; white-space: normal; border-width: 0 0 1px; } .tabs_vertical.ui-tabs .ui-tabs-nav li:first-child a { -webkit-border-radius: 0 5px 0 0 !important; border-radius: 0 5px 0 0 !important; } .tabs_vertical.ui-tabs .ui-tabs-nav li:last-child { border-bottom: 0 !important; } .tabs_vertical.ui-tabs .ui-tabs-nav li a { float: none; line-height: 18px; height: auto; padding-right: 20px; padding-left: 20px; background-image: url(../images/bg_panel.png); background-repeat: repeat-x; background-position: right top; } .tabs_vertical.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .tabs_vertical.ui-tabs .ui-tabs-nav li.ui-state-active a { background-image: none; } .tabs_vertical.ui-tabs .ui-tabs-nav li.ui-tabs-selected a:after, .tabs_vertical.ui-tabs .ui-tabs-nav li.ui-state-disabled a:after, .tabs_vertical.ui-tabs .ui-tabs-nav li.ui-state-processing a:after, .tabs_vertical.ui-tabs .ui-tabs-nav li.ui-state-active a:after { display: none; } .tabs_vertical.ui-tabs .ui-tabs-nav li.ui-tabs-selected:after, .tabs_vertical.ui-tabs .ui-tabs-nav li.ui-state-active:after { content: ""; display: block; height: 100%; width: 1px; position: absolute; right: auto; left: -1px; top: 0; z-index: 1; } } /* |-------------------------------------------------------------------------- | 8.0 jPlayer | |-------------------------------------------------------------------------- | | | */ div.jp-audio, div.jp-audio-stream, div.jp-video { background-color: #eee; color: #666; font-family: "YekanBakhFaNum", sans-serif; font-size: 1.25em; line-height: 1.6; position: relative; } div.jp-video-full { height: 270px; position: static !important; width: 100%; } div.jp-video-full div.jp-jplayer, div.jp-jplayer > video { height: 100% !important; } div.jp-video-full div div { z-index: 1000; } div.jp-video-full div.jp-jplayer { left: 0; overflow: hidden; position: fixed !important; top: 0; } div.jp-video-full div.jp-gui { height: 100%; left: 0; position: fixed !important; top: 0; width: 100%; z-index: 1001; } div.jp-video-full div.jp-interface { bottom: 0; left: 0; position: absolute !important; } div.jp-interface { -moz-box-sizing: border-box; bottom: 0; position: absolute; width: 100%; height: 45px; } div.jp-controls-holder { clear: both; height: 0; overflow: hidden; top: -8px; width: 440px; margin: 0 auto; } div.jp-interface ul.jp-controls { list-style-type: none; overflow: hidden; margin: 0; padding: 0; } div.jp-audio ul.jp-controls { width: 380px; padding: 20px 20px 0; } div.jp-audio-stream ul.jp-controls { width: 142px; padding: 20px 20px 0; } div.jp-video div.jp-type-single ul.jp-controls { margin-left: 200px; width: 78px; } div.jp-video div.jp-type-playlist ul.jp-controls { margin-left: 172px; width: 134px; } div.jp-interface ul.jp-controls a { display: block; overflow: hidden; text-indent: -9999px; } a.jp-play, a.jp-pause { height: 45px; width: 45px; background-color: rgba(0, 0, 0, 0.05); } a:hover.jp-play, a:hover.jp-pause { background-color: rgba(0, 0, 0, 0.1); } a.jp-play { background-image: url(images/jplayer.png); background-repeat: no-repeat; background-position: 0; left: 0; position: absolute; top: 0; } a.jp-play:hover { background-image: url(images/jplayer.png); background-repeat: no-repeat; background-position: 0; } a.jp-pause { background-image: url(images/jplayer.png); background-repeat: no-repeat; background-position: -45px 0; display: none; left: 0; position: absolute; top: 0; } a.jp-pause:hover { background-image: url(images/jplayer.png); background-repeat: no-repeat; background-position: -45px 0; } a.jp-stop, a.jp-previous, a.jp-next { height: 24px; width: 24px; } a.jp-stop { background: url(images/jplayer.png) no-repeat scroll -60px 0 rgba(0, 0, 0, 0); left: 60px; position: absolute; top: 23px; display: none !important; } a.jp-stop:hover { background: url(images/jplayer.png) no-repeat scroll -60px 0 rgba(0, 0, 0, 0); } a.jp-previous { background: url(images/jplayer.blue.monday.jpg) no-repeat scroll 0 -112px rgba(0, 0, 0, 0); } a.jp-previous:hover { background: url(images/jplayer.blue.monday.jpg) no-repeat scroll -29px -112px rgba(0, 0, 0, 0); } a.jp-next { background: url(images/jplayer.blue.monday.jpg) no-repeat scroll 0 -141px rgba(0, 0, 0, 0); } a.jp-next:hover { background: url(images/jplayer.blue.monday.jpg) no-repeat scroll -29px -141px rgba(0, 0, 0, 0); } div.jp-progress { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); overflow: hidden; margin: 0 108px 0 45px; height: 45px !important; } div.jp-audio div.jp-progress { height: 15px; position: absolute; top: 32px; } div.jp-video div.jp-progress { height: 4px; left: 0; top: 0; } div.jp-seek-bar { cursor: pointer; height: 100%; width: 0; background: none !important; } div.jp-play-bar { height: 100%; width: 0; background-color: rgba(255, 255, 255, 0.15); float: left; } div.jp-seeking-bg { background: url(images/jplayer.blue.monday.seeking.gif) repeat scroll 0 0 rgba(0, 0, 0, 0); } a.jp-mute, a.jp-unmute, a.jp-volume-max { height: 10px; width: 10px; } div.jp-audio div.jp-type-single a.jp-mute, div.jp-audio div.jp-type-single a.jp-unmute { margin-left: 210px; } div.jp-audio div.jp-type-playlist a.jp-mute, div.jp-audio div.jp-type-playlist a.jp-unmute { margin-left: 154px; } div.jp-audio-stream div.jp-type-single a.jp-mute div.jp-audio-stream div.jp-type-single a.jp-unmute { margin-left: 10px; } div.jp-audio a.jp-volume-max, div.jp-audio-stream a.jp-volume-max { margin-left: 56px; } ul.jp-toggles li a.jp-repeat { display: none !important; } div.jp-video a.jp-mute, div.jp-video a.jp-unmute, div.jp-video a.jp-volume-max { margin-top: 0; position: absolute; top: 12px; } div.jp-video a.jp-mute, div.jp-video a.jp-unmute { right: 73px; top: 18px; z-index: 2; } div.jp-video a.jp-volume-max { display: none !important; left: 134px; } a.jp-unmute { background-image: url(images/jplayer.png); background-repeat: no-repeat; background-position: -235px 0; display: none; } a.jp-unmute:hover { background-image: url(images/jplayer.png); background-repeat: no-repeat; background-position: -235px 0; } a.jp-volume-max { background: url(images/jplayer.blue.monday.jpg) no-repeat scroll 0 -186px rgba(0, 0, 0, 0); } a.jp-volume-max:hover { background: url(images/jplayer.blue.monday.jpg) no-repeat scroll -19px -186px rgba(0, 0, 0, 0); } div.jp-volume-bar { background-image: url(images/jplayer.png); background-repeat: no-repeat; background-position: -110px 0; cursor: pointer; height: 45px; position: absolute; width: 25px; } div.jp-volume-bar:before { content: ""; position: absolute; right: 0; top: 0; width: 45px; height: 45px; top: 0; right: 0; background-color: rgba(0, 0, 0, 0.05); } div.jp-audio div.jp-volume-bar { left: 330px; top: 37px; } div.jp-audio-stream div.jp-volume-bar { left: 92px; top: 37px; } div.jp-video div.jp-volume-bar { right: 45px; top: 0; } div.jp-volume-bar-value { background-image: url(images/jplayer.png); background-repeat: no-repeat; background-position: -155px 0; height: 45px; width: 0; float: left; } div.jp-audio div.jp-time-holder { position: absolute; top: 50px; } div.jp-current-time, div.jp-duration { font-size: 0.64em; font-style: oblique; width: 60px; } div.jp-duration { display: inline; float: right; text-align: right; } div.jp-video div.jp-current-time { display: none; margin-left: 20px; } div.jp-video div.jp-duration { display: none; margin-right: 20px; } div.jp-title { display: none; font-weight: 700; text-align: center; } div.jp-title, div.jp-playlist { background-color: #ccc; border-top: 1px solid #009be3; width: 100%; } div.jp-type-single div.jp-title, div.jp-type-playlist div.jp-title, div.jp-type-single div.jp-playlist { border-top: medium none; } div.jp-title ul, div.jp-playlist ul { font-size: 0.72em; list-style-type: none; margin: 0; padding: 0 20px; } div.jp-title li { font-weight: 700; padding: 5px 0; } div.jp-playlist li { border-bottom: 1px solid #eee; padding: 5px 0 4px 20px; } div.jp-playlist li div { display: inline; } div.jp-type-playlist div.jp-playlist li:last-child { border-bottom: medium none; padding: 5px 0 5px 20px; } div.jp-type-playlist div.jp-playlist li.jp-playlist-current { list-style-position: inside; list-style-type: square; padding-left: 7px; } div.jp-type-playlist div.jp-playlist a { color: #333; text-decoration: none; } div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove { color: #666; display: inline; float: right; font-weight: 700; margin-right: 10px; text-align: right; } div.jp-type-playlist div.jp-playlist span.jp-free-media { display: inline; float: right; margin-right: 10px; text-align: right; } div.jp-type-playlist div.jp-playlist span.jp-free-media a { color: #666; } span.jp-artist { color: #666; font-size: 0.8em; } div.jp-video-play { background-color: rgba(0, 0, 0, 0); cursor: pointer; overflow: hidden; width: 100%; } div.jp-video-full div.jp-video-play { height: 100%; } a.jp-video-play-icon { background: url(images/jplayer.png) no-repeat scroll -280px 0 rgba(0, 0, 0, 0); display: block; height: 72px; left: 50%; margin-left: -36px; margin-top: -66px; position: absolute; text-indent: -9999px; top: 50%; width: 72px; } div.jp-video-play:hover a.jp-video-play-icon { background: url(images/jplayer.png) no-repeat scroll -352px 0 rgba(0, 0, 0, 0); } div.jp-jplayer audio, div.jp-jplayer { height: 0; width: 0; overflow: hidden; } div.jp-jplayer { background-color: #000; } div.jp-jplayer > img { height: auto !important; } .image_frame:not(.no_link) .image_wrapper div.jp-jplayer > img { margin-bottom: 0 !important; } ul.jp-toggles { list-style-type: none; overflow: hidden; margin: 0 auto; padding: 0; } div.jp-audio .jp-type-single ul.jp-toggles { width: 25px; } div.jp-audio .jp-type-playlist ul.jp-toggles { left: 325px; position: absolute; top: 50px; width: 55px; margin: 0; } div.jp-video ul.jp-toggles { margin-top: 10px; width: 100px; } ul.jp-toggles li { display: block; float: right; } ul.jp-toggles li a { display: block; height: 45px; line-height: 100%; text-indent: -9999px; width: 45px; } a.jp-repeat { background: url(images/jplayer.blue.monday.jpg) no-repeat scroll 0 -290px rgba(0, 0, 0, 0); } a.jp-repeat:hover { background: url(images/jplayer.blue.monday.jpg) no-repeat scroll -30px -290px rgba(0, 0, 0, 0); } a.jp-repeat-off { background: url(images/jplayer.blue.monday.jpg) no-repeat scroll -60px -290px rgba(0, 0, 0, 0); } a.jp-repeat-off:hover { background: url(images/jplayer.blue.monday.jpg) no-repeat scroll -90px -290px rgba(0, 0, 0, 0); } a.jp-shuffle { background: url(images/jplayer.blue.monday.jpg) no-repeat scroll 0 -270px rgba(0, 0, 0, 0); margin-left: 5px; } a.jp-shuffle:hover { background: url(images/jplayer.blue.monday.jpg) no-repeat scroll -30px -270px rgba(0, 0, 0, 0); } a.jp-shuffle-off { background: url(images/jplayer.blue.monday.jpg) no-repeat scroll -60px -270px rgba(0, 0, 0, 0); margin-left: 5px; } a.jp-shuffle-off:hover { background: url(images/jplayer.blue.monday.jpg) no-repeat scroll -90px -270px rgba(0, 0, 0, 0); } .jp-no-solution { background-color: #eee; border: 2px solid #009be3; color: #000; display: none; font-size: 0.8em; padding: 5px; } .jp-no-solution a { color: #000; } .jp-no-solution span { display: block; font-size: 1em; font-weight: 700; text-align: center; } div.jp-audio, div.jp-audio-stream, div.jp-video-270p, div.jp-video-360p { width: 100%; } div.jp-audio div.jp-type-single div.jp-interface, div.jp-audio div.jp-type-playlist div.jp-interface, div.jp-audio-stream div.jp-type-single div.jp-interface { height: 80px; } div.jp-video ul.jp-controls, div.jp-interface ul.jp-controls li, div.jp-current-time { display: inline; float: left; } div.jp-audio div.jp-type-single div.jp-progress, div.jp-audio div.jp-type-single div.jp-time-holder { left: 110px; width: 186px; } div.jp-audio div.jp-type-playlist div.jp-progress, div.jp-audio div.jp-type-playlist div.jp-time-holder { left: 166px; width: 130px; } a.jp-mute, a.jp-mute:hover { background-image: url(images/jplayer.png); background-repeat: no-repeat; background-position: -225px 0; } div.jp-type-playlist div.jp-playlist a:hover, div.jp-type-playlist div.jp-playlist a.jp-playlist-current, div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove:hover, div.jp-type-playlist div.jp-playlist span.jp-free-media a:hover { color: #0d88c1; } a.jp-full-screen, a.jp-restore-screen { background-image: url(images/jplayer.png); background-repeat: no-repeat; background-position: -180px 0; background-color: rgba(0, 0, 0, 0.05); position: absolute; right: 0; top: 0; } a.jp-full-screen:hover, a.jp-restore-screen:hover { background-color: rgba(0, 0, 0, 0.1); } /* |-------------------------------------------------------------------------- | 9.0 Prrettyphoto | |-------------------------------------------------------------------------- | | | */ div.pp_default .pp_top, div.pp_default .pp_top .pp_middle, div.pp_default .pp_top .pp_left, div.pp_default .pp_top .pp_right, div.pp_default .pp_bottom, div.pp_default .pp_bottom .pp_left, div.pp_default .pp_bottom .pp_middle, div.pp_default .pp_bottom .pp_right { height: 13px; } div.pp_default .pp_top .pp_left { background: url(../images/prettyPhoto/default/sprite.png) -78px -93px no-repeat; } div.pp_default .pp_top .pp_middle { background: url(../images/prettyPhoto/default/sprite_x.png) top left repeat-x; } div.pp_default .pp_top .pp_right { background: url(../images/prettyPhoto/default/sprite.png) -112px -93px no-repeat; } div.pp_default .pp_content .ppt { color: #f8f8f8; } div.pp_default .pp_content_container .pp_left { background: url(../images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y; padding-left: 13px; } div.pp_default .pp_content_container .pp_right { background: url(../images/prettyPhoto/default/sprite_y.png) top right repeat-y; padding-right: 13px; direction: ltr; } div.pp_default .pp_next:hover { background: url(../images/prettyPhoto/default/sprite_next.png) center right no-repeat; cursor: pointer; } div.pp_default .pp_previous:hover { background: url(../images/prettyPhoto/default/sprite_prev.png) center left no-repeat; cursor: pointer; } div.pp_default .pp_expand { background: url(../images/prettyPhoto/default/sprite.png) 0 -29px no-repeat; cursor: pointer; width: 28px; height: 28px; } div.pp_default .pp_expand:hover { background: url(../images/prettyPhoto/default/sprite.png) 0 -56px no-repeat; cursor: pointer; } div.pp_default .pp_contract { background: url(../images/prettyPhoto/default/sprite.png) 0 -84px no-repeat; cursor: pointer; width: 28px; height: 28px; } div.pp_default .pp_contract:hover { background: url(../images/prettyPhoto/default/sprite.png) 0 -113px no-repeat; cursor: pointer; } div.pp_default .pp_close { width: 30px; height: 30px; background: url(../images/prettyPhoto/default/sprite.png) 2px 1px no-repeat; cursor: pointer; } div.pp_default .pp_gallery ul li a { background: url(../images/prettyPhoto/default/default_thumb.png) center #f8f8f8; border: 1px solid #aaa; } div.pp_default .pp_social { margin-top: 7px; } div.pp_default .pp_gallery a.pp_arrow_previous, div.pp_default .pp_gallery a.pp_arrow_next { position: static; right: auto; } div.pp_default .pp_nav .pp_play, div.pp_default .pp_nav .pp_pause { background: url(../images/prettyPhoto/default/sprite.png) -51px 1px no-repeat; height: 30px; width: 30px; } div.pp_default .pp_nav .pp_pause { background-position: -51px -29px; } div.pp_default a.pp_arrow_previous, div.pp_default a.pp_arrow_next { background: url(../images/prettyPhoto/default/sprite.png) -82px -3px no-repeat; height: 20px; width: 20px; margin: 4px 0 0; } div.pp_default a.pp_arrow_next { right: 52px; background-position: -31px -3px; } div.pp_default .pp_content_container .pp_details { margin-top: 5px; } div.pp_default .pp_nav { clear: none; height: 30px; width: 110px; position: relative; } div.pp_default .pp_nav .currentTextHolder { font-family: "YekanBakhFaNum"; font-style: italic; color: #999; font-size: 11px; right: 75px; line-height: 25px; position: absolute; top: 2px; margin: 0; padding: 0 10px 0 0; } div.pp_default .pp_close:hover, div.pp_default .pp_nav .pp_play:hover, div.pp_default .pp_nav .pp_pause:hover, div.pp_default .pp_arrow_next:hover, div.pp_default .pp_arrow_previous:hover { opacity: 0.7; } div.pp_default .pp_description { font-size: 11px; font-weight: 700; line-height: 14px; margin: 5px 0 5px 50px; } div.pp_default .pp_bottom .pp_left { background: url(../images/prettyPhoto/default/sprite.png) -78px -127px no-repeat; } div.pp_default .pp_bottom .pp_middle { background: url(../images/prettyPhoto/default/sprite_x.png) bottom left repeat-x; } div.pp_default .pp_bottom .pp_right { background: url(../images/prettyPhoto/default/sprite.png) -112px -127px no-repeat; } div.pp_default .pp_loaderIcon { background: url(../images/prettyPhoto/default/loader.gif) center no-repeat; } div.light_rounded .pp_top .pp_left { background: url(../images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat; } div.light_rounded .pp_top .pp_right { background: url(../images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat; } div.light_rounded .pp_next:hover { background: url(../images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat; cursor: pointer; } div.light_rounded .pp_previous:hover { background: url(../images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } div.light_rounded .pp_expand { background: url(../images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } div.light_rounded .pp_expand:hover { background: url(../images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } div.light_rounded .pp_contract { background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } div.light_rounded .pp_contract:hover { background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } div.light_rounded .pp_close { width: 75px; height: 22px; background: url(../images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } div.light_rounded .pp_nav .pp_play { background: url(../images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; } div.light_rounded .pp_nav .pp_pause { background: url(../images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; } div.light_rounded .pp_arrow_previous { background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat; } div.light_rounded .pp_arrow_next { background: url(../images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat; } div.light_rounded .pp_bottom .pp_left { background: url(../images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat; } div.light_rounded .pp_bottom .pp_right { background: url(../images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat; } div.dark_rounded .pp_top .pp_left { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat; } div.dark_rounded .pp_top .pp_right { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat; } div.dark_rounded .pp_content_container .pp_left { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y; } div.dark_rounded .pp_content_container .pp_right { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y; } div.dark_rounded .pp_next:hover { background: url(../images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat; cursor: pointer; } div.dark_rounded .pp_previous:hover { background: url(../images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } div.dark_rounded .pp_expand { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } div.dark_rounded .pp_expand:hover { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } div.dark_rounded .pp_contract { background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } div.dark_rounded .pp_contract:hover { background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } div.dark_rounded .pp_close { width: 75px; height: 22px; background: url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } div.dark_rounded .pp_description { margin-right: 85px; color: #fff; } div.dark_rounded .pp_nav .pp_play { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; } div.dark_rounded .pp_nav .pp_pause { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; } div.dark_rounded .pp_arrow_previous { background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat; } div.dark_rounded .pp_arrow_next { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat; } div.dark_rounded .pp_bottom .pp_left { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat; } div.dark_rounded .pp_bottom .pp_right { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat; } div.dark_rounded .pp_loaderIcon { background: url(../images/prettyPhoto/dark_rounded/loader.gif) center no-repeat; } div.dark_square .pp_left, div.dark_square .pp_middle, div.dark_square .pp_right, div.dark_square .pp_content { background: #000; } div.dark_square .pp_description { color: #fff; margin: 0 85px 0 0; } div.dark_square .pp_loaderIcon { background: url(../images/prettyPhoto/dark_square/loader.gif) center no-repeat; } div.dark_square .pp_expand { background: url(../images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } div.dark_square .pp_expand:hover { background: url(../images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } div.dark_square .pp_contract { background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } div.dark_square .pp_contract:hover { background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } div.dark_square .pp_close { width: 75px; height: 22px; background: url(../images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } div.dark_square .pp_nav { clear: none; } div.dark_square .pp_nav .pp_play { background: url(../images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; } div.dark_square .pp_nav .pp_pause { background: url(../images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; } div.dark_square .pp_arrow_previous { background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat; } div.dark_square .pp_arrow_next { background: url(../images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat; } div.dark_square .pp_next:hover { background: url(../images/prettyPhoto/dark_square/btnNext.png) center right no-repeat; cursor: pointer; } div.dark_square .pp_previous:hover { background: url(../images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat; cursor: pointer; } div.light_square .pp_expand { background: url(../images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } div.light_square .pp_expand:hover { background: url(../images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } div.light_square .pp_contract { background: url(../images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } div.light_square .pp_contract:hover { background: url(../images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } div.light_square .pp_close { width: 75px; height: 22px; background: url(../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } div.light_square .pp_nav .pp_play { background: url(../images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; } div.light_square .pp_nav .pp_pause { background: url(../images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; } div.light_square .pp_arrow_previous { background: url(../images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat; } div.light_square .pp_arrow_next { background: url(../images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat; } div.light_square .pp_next:hover { background: url(../images/prettyPhoto/light_square/btnNext.png) center right no-repeat; cursor: pointer; } div.light_square .pp_previous:hover { background: url(../images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat; cursor: pointer; } div.facebook .pp_top .pp_left { background: url(../images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat; } div.facebook .pp_top .pp_middle { background: url(../images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x; } div.facebook .pp_top .pp_right { background: url(../images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat; } div.facebook .pp_content_container .pp_left { background: url(../images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y; } div.facebook .pp_content_container .pp_right { background: url(../images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y; } div.facebook .pp_expand { background: url(../images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat; cursor: pointer; } div.facebook .pp_expand:hover { background: url(../images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat; cursor: pointer; } div.facebook .pp_contract { background: url(../images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat; cursor: pointer; } div.facebook .pp_contract:hover { background: url(../images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat; cursor: pointer; } div.facebook .pp_close { width: 22px; height: 22px; background: url(../images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat; cursor: pointer; } div.facebook .pp_description { margin: 0 37px 0 0; } div.facebook .pp_loaderIcon { background: url(../images/prettyPhoto/facebook/loader.gif) center no-repeat; } div.facebook .pp_arrow_previous { background: url(../images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } div.facebook .pp_arrow_previous.disabled { background-position: 0 -96px; cursor: default; } div.facebook .pp_arrow_next { background: url(../images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } div.facebook .pp_arrow_next.disabled { background-position: -32px -96px; cursor: default; } div.facebook .pp_nav { margin-top: 0; } div.facebook .pp_nav p { font-size: 15px; padding: 0 3px 0 4px; } div.facebook .pp_nav .pp_play { background: url(../images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat; height: 22px; width: 22px; } div.facebook .pp_nav .pp_pause { background: url(../images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat; height: 22px; width: 22px; } div.facebook .pp_next:hover { background: url(../images/prettyPhoto/facebook/btnNext.png) center right no-repeat; cursor: pointer; } div.facebook .pp_previous:hover { background: url(../images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat; cursor: pointer; } div.facebook .pp_bottom .pp_left { background: url(../images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat; } div.facebook .pp_bottom .pp_middle { background: url(../images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x; } div.facebook .pp_bottom .pp_right { background: url(../images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat; } div.pp_pic_holder a:focus { outline: none; } div.pp_overlay { background: #000; display: none; left: 0; position: absolute; top: 0; width: 100%; z-index: 9500; } div.pp_pic_holder { display: none; position: absolute; width: 100px; z-index: 10000; } .pp_content { height: 40px; min-width: 40px; } * html .pp_content { width: 40px; } .pp_content_container { position: relative; text-align: right; width: 100%; } .pp_content_container .pp_left { padding-left: 20px; } .pp_content_container .pp_right { padding-right: 20px; } .pp_content_container .pp_details { float: left; margin: 10px 0 2px; } .pp_description { display: none; margin: 0; } .pp_social { float: left; margin: 0; } .pp_social .facebook { float: left; margin-left: 5px; width: 55px; overflow: hidden; } .pp_social .twitter { float: left; } .pp_nav { clear: right; float: right; margin: 3px 0 0 10px; } .pp_nav p { float: left; white-space: nowrap; margin: 2px 4px; } .pp_nav .pp_play, .pp_nav .pp_pause { float: right; margin-left: 4px; text-indent: -10000px; } a.pp_arrow_previous, a.pp_arrow_next { display: block; float: right; height: 15px; margin-top: 3px; overflow: hidden; text-indent: -10000px; width: 14px; } .pp_hoverContainer { position: absolute; top: 0; width: 100%; z-index: 2000; } .pp_gallery { display: none; right: 50%; margin-top: -50px; position: absolute; z-index: 10000; } .pp_gallery div { float: right; overflow: hidden; position: relative; } .pp_gallery ul { float: right; height: 35px; position: relative; white-space: nowrap; margin: 0 0 0 5px; padding: 0; } .pp_gallery ul a { border: 1px rgba(0, 0, 0, 0.5) solid; display: block; float: right; height: 33px; overflow: hidden; } .pp_gallery ul a img { border: 0; } .pp_gallery li { display: block; float: right; margin: 0 5px 0 0; padding: 0; } .pp_gallery li.default a { background: url(../images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat; display: block; height: 33px; width: 50px; } .pp_gallery .pp_arrow_previous, .pp_gallery .pp_arrow_next { margin-top: 7px !important; } a.pp_next { background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat; display: block; float: left; height: 100%; text-indent: 10000px; width: 49%; transform: scaleX(-1); } a.pp_previous { background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat; display: block; float: right; height: 100%; text-indent: 10000px; width: 49%; transform: scaleX(-1); } a.pp_expand, a.pp_contract { cursor: pointer; display: none; height: 20px; position: absolute; left: 25px; text-indent: -10000px; top: 10px; width: 20px; z-index: 20000; } a.pp_close { position: absolute; left: 0; top: -3px; display: block; line-height: 22px; text-indent: -10000px; } .pp_loaderIcon { display: block; height: 24px; left: 50%; position: absolute; top: 50%; width: 24px; margin: -12px 0 0 -12px; } #pp_full_res { line-height: 1 !important; } #pp_full_res .pp_inline { text-align: right; } #pp_full_res .pp_inline p { margin: 0 0 15px; } div.ppt { color: #fff; display: none; font-size: 17px; z-index: 9999; margin: 0 0 5px 15px; } div.pp_default .pp_content, div.light_rounded .pp_content { background-color: #fff; } div.pp_default #pp_full_res .pp_inline, div.light_rounded .pp_content .ppt, div.light_rounded #pp_full_res .pp_inline, div.light_square .pp_content .ppt, div.light_square #pp_full_res .pp_inline, div.facebook .pp_content .ppt, div.facebook #pp_full_res .pp_inline { color: #000; } div.pp_default .pp_gallery ul li a:hover, div.pp_default .pp_gallery ul li.selected a, .pp_gallery ul a:hover, .pp_gallery li.selected a { border-color: #fff; } div.pp_default .pp_details, div.light_rounded .pp_details, div.dark_rounded .pp_details, div.dark_square .pp_details, div.light_square .pp_details, div.facebook .pp_details { position: relative; } div.light_rounded .pp_top .pp_middle, div.light_rounded .pp_content_container .pp_left, div.light_rounded .pp_content_container .pp_right, div.light_rounded .pp_bottom .pp_middle, div.light_square .pp_left, div.light_square .pp_middle, div.light_square .pp_right, div.light_square .pp_content, div.facebook .pp_content { background: #fff; } div.light_rounded .pp_description, div.light_square .pp_description { margin-right: 85px; } div.light_rounded .pp_gallery a.pp_arrow_previous, div.light_rounded .pp_gallery a.pp_arrow_next, div.dark_rounded .pp_gallery a.pp_arrow_previous, div.dark_rounded .pp_gallery a.pp_arrow_next, div.dark_square .pp_gallery a.pp_arrow_previous, div.dark_square .pp_gallery a.pp_arrow_next, div.light_square .pp_gallery a.pp_arrow_previous, div.light_square .pp_gallery a.pp_arrow_next { margin-top: 12px !important; } div.light_rounded .pp_arrow_previous.disabled, div.dark_rounded .pp_arrow_previous.disabled, div.dark_square .pp_arrow_previous.disabled, div.light_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.light_rounded .pp_arrow_next.disabled, div.dark_rounded .pp_arrow_next.disabled, div.dark_square .pp_arrow_next.disabled, div.light_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.light_rounded .pp_loaderIcon, div.light_square .pp_loaderIcon { background: url(../images/prettyPhoto/light_rounded/loader.gif) center no-repeat; } div.dark_rounded .pp_top .pp_middle, div.dark_rounded .pp_content, div.dark_rounded .pp_bottom .pp_middle { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } div.dark_rounded .currentTextHolder, div.dark_square .currentTextHolder { color: #c4c4c4; } div.dark_rounded #pp_full_res .pp_inline, div.dark_square #pp_full_res .pp_inline { color: #fff; } .pp_top, .pp_bottom { height: 20px; position: relative; } * html .pp_top, * html .pp_bottom { padding: 0 20px; } .pp_top .pp_left, .pp_bottom .pp_left { height: 20px; left: 0; position: absolute; width: 20px; } .pp_top .pp_middle, .pp_bottom .pp_middle { height: 20px; left: 20px; position: absolute; right: 20px; } * html .pp_top .pp_middle, * html .pp_bottom .pp_middle { left: 0; position: static; } .pp_top .pp_right, .pp_bottom .pp_right { height: 20px; left: auto; position: absolute; right: 0; top: 0; width: 20px; } .pp_fade, .pp_gallery li.default a img { display: none; } /* |-------------------------------------------------------------------------- | 10. simple style | |-------------------------------------------------------------------------- | | | */ /* Tabs */ .style-simple .ui-tabs { border: 0; } .style-simple .ui-tabs .ui-tabs-panel { background: none; } .style-simple .ui-tabs .ui-tabs-nav { background: none; text-align: center; } .style-simple .ui-tabs .ui-tabs-nav li { border: 0; display: inline-block; float: none; } .style-simple .ui-tabs .ui-tabs-nav li.ui-state-active a, .style-simple .ui-tabs .ui-tabs-nav li.ui-tabs-selected:after, .style-simple .ui-tabs .ui-tabs-nav li.ui-state-active:after { background-color: transparent; } .style-simple .ui-tabs .ui-tabs-nav li.ui-tabs-selected a:after, .style-simple .ui-tabs .ui-tabs-nav li.ui-state-disabled a:after, .style-simple .ui-tabs .ui-tabs-nav li.ui-state-processing a:after, .style-simple .ui-tabs .ui-tabs-nav li.ui-state-active a:after { bottom: -1px; height: 2px; margin-right: -50%; width: 100%; } .style-simple .tabs_vertical.ui-tabs .ui-tabs-panel { border-width: 0 1px 0 0 !important; } .style-simple .tabs_vertical.ui-tabs .ui-tabs-nav { border: 0; } .style-simple .tabs_vertical.ui-tabs .ui-tabs-nav li.ui-tabs-selected a:after, .style-simple .tabs_vertical.ui-tabs .ui-tabs-nav li.ui-state-disabled a:after, .style-simple .tabs_vertical.ui-tabs .ui-tabs-nav li.ui-state-processing a:after, .style-simple .tabs_vertical.ui-tabs .ui-tabs-nav li.ui-state-active a:after { display: block; width: 2px; height: 100%; left: -1px; top: 0; bottom: auto; right: auto; margin: 0; } .style-simple .tabs_vertical.ui-tabs .ui-tabs-nav li a { background: none; text-align: left; padding-left: 20px !important; padding-right: 10px !important; } /* Accordion & Toggle */ .style-simple .accordion .question { border-width: 0 1px 0 0; border-radius: 0; position: relative; margin-bottom: 0; } .style-simple .accordion .question:after { content: ""; display: none; width: 2px; height: 100%; position: absolute; right: 0; top: 0; background-color: #ccc; } .style-simple .accordion .question.active:after { display: block; } .style-simple .accordion .question .title { background: none; padding-right: 50px; border: 0; } .style-simple .accordion .question .title:before { display: none; } .style-simple .accordion .question .answer { background: none; padding: 0 50px 10px 20px; } /* FAQ */ .style-simple .faq .question { border-width: 0 1px 0 0; border-style: solid; margin-bottom: 0; position: relative; background: none; } .style-simple .faq .question:before { display: none; } .style-simple .faq .question:after { content: ""; display: none; width: 2px; height: 100%; position: absolute; top: 0; background-color: #ccc; } .style-simple .faq .question .title, .style-simple .faq .question .answer { padding-right: 70px; } .style-simple .faq .question.active:after { display: block; } /* Table */ .style-simple table th { background: none; } .style-simple table tr:first-child td { background: none; } .style-simple table tr:hover td { background: none; color: inherit; } .style-simple table th, .style-simple table td { border-width: 0 0 1px 1px; } .style-simple table tr td:last-child, .style-simple table tr th:last-child { border-left: 0; } .style-simple table tr:last-child td { border-bottom: 0; } .style-simple table tr:nth-child(2n) td { background: none; } /* Opening hours */ .style-simple .opening_hours { padding: 0; border: 0; background-color: transparent; } .style-simple .opening_hours .opening_hours_wrapper li { padding-bottom: 0; border: 0; margin-bottom: 0; } .style-simple .opening_hours .opening_hours_wrapper li { text-align: right; } .style-simple .opening_hours .opening_hours_wrapper li label { background-color: transparent; background-image: none; font-size: 15px; border-bottom: 1px solid #ccc; padding: 10px 0; border-radius: 0; } .style-simple .opening_hours .opening_hours_wrapper li span { font-size: 32px; line-height: 32px; padding: 10px 0; } .style-simple .opening_hours .opening_hours_wrapper li span sup { top: -1px; font-size: 16px; line-height: 16px; margin-right: 4px; } /* Icon box */ .style-simple .icon_box .image_wrapper, .style-simple .icon_box .icon_wrapper { padding-top: 5px; margin-bottom: 25px; } .style-simple .icon_box .icon_wrapper { font-size: 80px; background-color: transparent; box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); border-width: 0; background-image: none; -webkit-transform: scale(1) !important; -moz-transform: scale(1) !important; -ms-transform: scale(1) !important; -o-transform: scale(1) !important; transform: scale(1) !important; } .style-simple .icon_box .icon_wrapper:before { display: none; } .style-simple .icon_box .icon_wrapper i { position: relative; top: 0; } .style-simple .icon_box .image_wrapper img { position: relative; top: 0; } .style-simple .icon_box .desc_wrapper h4 { margin-bottom: 20px; } .style-simple .icon_box .desc_wrapper h4:before { content: ""; display: block; width: 0; margin: 0 auto; height: 2px; top: -15px; position: relative; background-color: #ccc; } .style-simple .icon_box:hover .icon_wrapper i { top: -5px; } .style-simple .icon_box:hover .image_wrapper img { top: -5px; } .style-simple .icon_box:hover .desc_wrapper h4:before { width: 100px; } /* Animation */ .style-simple .icon_box .icon_wrapper i, .style-simple .icon_box .image_wrapper img, .style-simple .icon_box .desc_wrapper h4:before { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } /* Filters */ .style-simple #Filters { text-align: center; } .style-simple #Filters .filters_buttons { background: none; padding: 15px 0; } .style-simple #Filters .filters_wrapper { margin-top: 0; } .style-simple #Filters .filters_wrapper ul { overflow: visible; display: inline-block; border-bottom-width: 1px; border-style: solid; } .style-simple #Filters .filters_wrapper ul li { width: auto; margin: 0; } .style-simple #Filters .filters_wrapper ul li a { background: none; border: 0; padding: 14px 25px; position: relative; } .style-simple #Filters .filters_wrapper ul li a:after { content: ""; display: none; position: absolute; right: 0; bottom: -1px; width: 100%; height: 2px; background: #ccc; } .style-simple #Filters .filters_wrapper ul li.close a { color: inherit; padding: 14px 15px; width: auto; border: 0 !important; } .style-simple #Filters .filters_wrapper ul li a:hover, .style-simple #Filters .filters_wrapper ul li.current-cat a { background: none; color: inherit; } .style-simple #Filters .filters_wrapper ul li.current-cat a:after { display: block; } /* Clients */ .style-simple ul.clients.clients_tiles li .client_wrapper::after { display: none; } /* Progress bars */ .style-simple .progress_bars .bars_list li .bar, .style-simple .progress_bars .bars_list li .bar .progress { height: 5px; } .style-simple .progress_bars .bars_list li .bar { box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) inset; background: rgba(0, 0, 0, 0.03); border-radius: 0; } .style-simple .progress_bars .bars_list li .bar .progress { background-image: none; } /* Counters */ .style-simple .counter { background-image: none; } /* Lists */ .style-simple .list_item.lists_1 .list_right { background-image: none; border-radius: 2px; box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) inset; } .style-simple .list_item .circle { background-image: none; box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) inset; } /* Blockquote */ .style-simple blockquote { background: none; line-height: 25px; font-style: italic; } .style-simple blockquote:after { display: none; } /* Testimonials slider */ .style-simple .testimonials_slider .testimonials_slider_ul li .bq_wrapper { padding-top: 0; padding-bottom: 0; background: none; text-align: center; } .style-simple .testimonials_slider .slider_images { background-color: transparent; } .style-simple .testimonials_slider .slider_images:before { display: none; } /* Article box */ .style-simple .article_box .desc_wrapper { background-image: none; } .style-simple .article_box .desc_wrapper p { border-bottom-width: 0; margin-bottom: 0; padding-bottom: 10px; } .style-simple .article_box .desc_wrapper p:after { background-color: rgba(0, 0, 0, 0.1); content: ""; display: block; height: 2px; margin-top: 10px; width: 20px; } .style-simple .article_box:hover .desc_wrapper p:after { width: 40%; } .style-simple .article_box .desc_wrapper i.icon-left-open { display: none; } .style-simple .article_box .desc_wrapper p:after { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } /* Idea box */ .style-simple .idea_box { border: 1px solid rgba(0, 0, 0, 0.08); padding: 15px 0 15px 15px; background: none; } .style-simple .idea_box .icon { display: block; position: static; float: right; right: 0; top: 0; margin-top: 0; width: 60px; text-align: center; margin-top: 5px; } .style-simple .idea_box .desc { border-right: 1px solid rgba(0, 0, 0, 0.08); padding: 10px 20px 10px 15px; margin-right: 60px; } /* Sliding box */ .style-simple .sliding_box .photo_wrapper { top: 0; } .style-simple .sliding_box .desc_wrapper { background: none; padding-right: 0; padding-left: 0; } .style-simple .sliding_box .desc_wrapper h4 { color: inherit; margin-bottom: 5px; } .style-simple .sliding_box .desc_wrapper:after { display: inline-block; content: ""; width: 20%; height: 2px; border: 0; background-color: rgba(0, 0, 0, 0.1); position: static; top: 0; margin: 0; } .style-simple .sliding_box:hover .desc_wrapper:after { width: 60%; } /* Trailer box */ .style-simple .trailer_box .desc { padding: 27px 15px 30px; } .style-simple .trailer_box .desc .line { display: none; } .style-simple .trailer_box .desc .subtitle { background-image: none; background-color: transparent; color: rgba(255, 255, 255, 0.7); margin-bottom: 10px; padding: 0; } .style-simple .trailer_box:hover .desc h2 { bottom: 0; } .style-simple .trailer_box:hover .desc .subtitle { bottom: 0; } /* Animation */ .style-simple .trailer_box .desc { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } /* Timeline */ .style-simple .timeline_items { background: none; } .style-simple .timeline_items:after { display: none; } .style-simple .timeline_items li { width: 50%; padding: 0 50% 0 0; background: none; margin-bottom: 15px !important; } .style-simple .timeline_items li:nth-child(even) { padding: 0 0 0 50%; background: none; } .style-simple .timeline_items li h3 span { background: none !important; border-radius: 4px; font-size: 14px; font-style: italic; top: 22px; } .style-simple .timeline_items li h3:before { display: none; } .style-simple .timeline_items li .desc:before { display: none; } .style-simple .timeline_items li h3 { border-right: 2px solid rgba(0, 0, 0, 0.08); margin: 0; padding: 15px 25px 0 0; width: 100%; box-sizing: padding-box; } .style-simple .timeline_items li h3 span { position: absolute; left: 52%; } .style-simple .timeline_items li:nth-child(even) h3 { padding: 15px 0 0 25px; text-align: left; border-right: 0; border-left: 2px solid rgba(0, 0, 0, 0.04); } .style-simple .timeline_items li:nth-child(even) h3 span { right: 52%; left: auto; } .style-simple .timeline_items li .desc { border-right: 2px solid rgba(0, 0, 0, 0.08); padding: 15px 25px 15px 0; background: none; width: 100%; box-sizing: padding-box; } .style-simple .timeline_items li:nth-child(even) .desc { padding: 15px 0 15px 25px; border-right: 0; border-left: 2px solid rgba(0, 0, 0, 0.04); } /* Animation */ .style-simple .timeline_items li:hover h3, .style-simple .timeline_items li:nth-child(even):hover h3, .style-simple .timeline_items li:hover .desc, .style-simple .timeline_items li:nth-child(even):hover { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } /* Quick fact */ .style-simple .quick_fact .number-wrapper { font-family: inherit; font-size: 60px; line-height: 60px; } .style-simple .quick_fact .title { font-family: inherit; font-size: 18px; font-weight: 400; } .style-simple .quick_fact hr { display: none; } /* Chart box */ .style-simple .chart_box:before { background-color: transparent; background-image: none; border-width: 0; } .style-simple .chart_box .chart .num { font-family: inherit; font-size: 30px; } /* Content link */ .style-simple a.content_link { border-width: 0 0 2px; margin: 0 10px; background-color: transparent; background-image: none; } .style-simple a.content_link:after { border-width: 0 0 2px; bottom: -2px; } .style-simple a.content_link:before { border-width: 0 5px 6px; } /* How it works */ .style-simple .how_it_works .image { border-width: 0 0 2px; background: transparent; border-radius: 0; margin-bottom: 30px; } .style-simple .how_it_works .image .number { border-radius: 0; bottom: -17px; right: 50%; margin-right: -17px; box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) inset; } /* Offer thumb */ .style-simple .offer_thumb_ul li.offer_thumb_li { padding-right: 0; } .style-simple .offer_thumb .slider_pagination a img { filter: alpha(opacity=70); opacity: 0.7; } .style-simple .offer_thumb .slider_pagination a.selected img, .style-simple .offer_thumb .slider_pagination a:not(.selected):hover img { filter: alpha(opacity=1); opacity: 1; } @media only screen and (min-width: 768px) { .style-simple .offer_thumb .slider_pagination { border: 0; } .style-simple .offer_thumb .slider_pagination a { margin-bottom: 6px; border-width: 1px; background: none; } .style-simple .offer_thumb.bottom .slider_pagination a { margin: 3px; } .style-simple .offer_thumb .slider_pagination a:before, .style-simple .offer_thumb .slider_pagination a:after { display: none; } } /* Alerts */ .style-simple .alert { -webkit-border-radius: 0; border-radius: 0; } .style-simple .alert .alert_icon { position: absolute; right: 0; top: 0; background: none; border-left: 1px solid rgba(255, 255, 255, 0.3); -webkit-border-radius: 0; border-radius: 0; } /* Zoom box */ .style-simple .zoom_box { position: relative; line-height: 0; overflow: hidden; } .style-simple .zoom_box .photo img, .style-simple .zoom_box .desc { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .style-simple .zoom_box .photo img { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .style-simple .zoom_box:hover .photo img { -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); transform: scale(1.15); } .style-simple .zoom_box .desc { background: rgba(0, 0, 0, 0.8); width: 100%; height: 100%; position: absolute; right: 0; top: 0; text-align: center; opacity: 0; -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); transform: scale(1.15); } .style-simple .zoom_box:hover .desc { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .style-simple .zoom_box .desc .desc_img { position: absolute; right: 0; top: 50%; width: 100%; text-align: center; transform: translateY(-80%); -webkit-transform: translateY(-80%); } .style-simple .zoom_box .desc .desc_img img { padding: 0; } .style-simple .zoom_box .desc .desc_txt { width: 100%; padding: 15px 20px; font-size: 17px; line-height: 22px; color: #fff; position: absolute; right: 0; bottom: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* Features list */ .style-simple .feature_list hr { background-color: rgba(0, 0, 0, 0); color: rgba(0, 0, 0, 0); } /* Progress icons */ .style-simple .progress_icons .progress_icon { color: rgba(0, 0, 0, 0.3); border-width: 1px; border-style: solid; } .style-simple .progress_icons .progress_icon.themebg { border-color: transparent; color: #fff; } .style-simple .progress_icons .progress_icon:not(.themebg) { background: none; border-color: rgba(0, 0, 0, 0.3); } /* Pricing box */ .style-simple .pricing-box { border: 0; } .style-simple .pricing-box:not(.pricing-box-featured) { background: none; } /* Tooltip */ .style-simple .tooltip:hover:after, .style-simple .tooltip.hover:after { background-image: none; } /* Highlight */ .style-simple .highlight { background-image: none; } /* Get in touch */ .style-simple .get_in_touch { padding: 25px 30px; } .style-simple .get_in_touch ul li { border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .style-simple .get_in_touch ul li:last-child { border: 0; } .style-simple .get_in_touch ul li:after { display: none; } .style-simple .get_in_touch ul li .icon { right: 5px; } /* Infobox */ .style-simple .infobox { padding: 25px 30px; } .style-simple .infobox ul li { border-bottom: 1px solid rgba(255, 255, 255, 0.1); padding-right: 40px; } .style-simple .infobox ul li:last-child { border: 0; } .style-simple .infobox ul li:after { display: none; } .style-simple .infobox ul li:before { right: 5px; } /* Icon bar */ .style-simple a.icon_bar { border-width: 0; background-color: #f0f0f0; background-image: none; -webkit-box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0); box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0); } .style-simple a.icon_bar span.t { opacity: 1; filter: alpha(opacity=100); } .style-simple a:hover.icon_bar span.t { opacity: 0; filter: alpha(opacity=0); } .style-simple a.icon_bar span.b { position: absolute; top: 0; opacity: 0; filter: alpha(opacity=0); } .style-simple a:hover.icon_bar span.b { opacity: 1; filter: alpha(opacity=100); } /* Animation */ .style-simple a.icon_bar span { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .style-simple a.icon_bar span.b { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .style-simple a:hover.icon_bar span { -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); } #contactWrapper .column { margin-bottom: 10px; } #contactWrapper input[type="date"], #contactWrapper input[type="email"], #contactWrapper input[type="number"], #contactWrapper input[type="password"], #contactWrapper input[type="search"], #contactWrapper input[type="tel"], #contactWrapper input[type="text"], #contactWrapper input[type="url"], #contactWrapper select, #contactWrapper textarea { padding: 10px; outline: none; margin: 0; width: 100%; max-width: 100%; display: block; margin-bottom: 0; font-size: 13px; border-width: 1px; border-style: solid; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -webkit-border-radius: 0; border-radius: 0; } /* ---------------- contact form -------------------- */ #contactform .column input[type="text"], #contactform .column input[type="email"] { width: 100%; } #contactform .column { margin-bottom: 10px; } .flv_disp_none { display: none !important; } .flv_disp_none, div.flv_disp_none, p.flv_disp_none { display: none; } .flv_viz_hid, div.flv_viz_hid, p.flv_viz_hid { visibility: hidden !important; } .flv_clear_both, div.flv_clear_both, p.flv_clear_both { clear: both; } body.nice-scroll:not(.layout-boxed) { padding-right: 10px !important; overflow: hidden; } #rev_slider_100_1 input, #rev_slider_98_1_wrapper input { display: inline-block !important; } /* |-------------------------------------------------------------------------- | 11. Bootstrap elements | |-------------------------------------------------------------------------- | | | */ .visible-xs, .visible-sm, .visible-md, .visible-lg { display: none !important; } .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; } @media (max-width: 767px) { .visible-xs { display: block !important; } table.visible-xs { display: table; } tr.visible-xs { display: table-row !important; } th.visible-xs, td.visible-xs { display: table-cell !important; } } @media (max-width: 767px) { .visible-xs-block { display: block !important; } } @media (max-width: 767px) { .visible-xs-inline { display: inline !important; } } @media (max-width: 767px) { .visible-xs-inline-block { display: inline-block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; } table.visible-sm { display: table; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-block { display: block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline { display: inline !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; } table.visible-md { display: table; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-block { display: block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline { display: inline !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1200px) { .visible-lg { display: block !important; } table.visible-lg { display: table; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; } } @media (min-width: 1200px) { .visible-lg-block { display: block !important; } } @media (min-width: 1200px) { .visible-lg-inline { display: inline !important; } } @media (min-width: 1200px) { .visible-lg-inline-block { display: inline-block !important; } } @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-lg { display: none !important; } } .visible-print { display: none !important; } @media print { .visible-print { display: block !important; } table.visible-print { display: table; } tr.visible-print { display: table-row !important; } th.visible-print, td.visible-print { display: table-cell !important; } } .visible-print-block { display: none !important; } @media print { .visible-print-block { display: block !important; } } .visible-print-inline { display: none !important; } @media print { .visible-print-inline { display: inline !important; } } .visible-print-inline-block { display: none !important; } @media print { .visible-print-inline-block { display: inline-block !important; } } @media print { .hidden-print { display: none !important; } } .slotholder { transform: none !important; } @media only screen and (max-width: 767px) { .caroufredsel_wrapper { width: 90% !important; margin: auto !important; } } @media only screen and (max-width: 767px) { .caroufredsel_wrapper ul.offer_ul li, .caroufredsel_wrapper ul.offer_ul { width: 100% !important; } } .woocommerce .product .product_wrapper .product_image_wrapper .images { width: 100%; margin: 0; } .widget_product_categories ul { background-color: #2991d6; } /* Hide border */ .if-border-hide .image_frame:not(.has_border) { border-width: 0; } .logo-overflow #Top_bar .logo { height: 60px; position: relative; z-index: 198; } .logo-overflow #Top_bar #logo { height: auto !important; margin-top: 0 !important; z-index: 199; } .logo-overflow #Top_bar #logo img { max-height: none; z-index: 200; } .logo-overflow #Top_bar.is-sticky #logo { height: auto !important; } .logo-overflow #Top_bar.is-sticky #logo img:not(.svg) { max-height: 110px !important; } /* .minimalist-header */ body.minimalist-header:not(.template-slider) #Header { min-height: 0; background-image: none !important; } body.minimalist-header.header-modern:not(.template-slider) #Header { min-height: 147px; } body.minimalist-header.header-simple:not(.template-slider) #Header { min-height: 130px; } body.minimalist-header.header-stack:not(.template-slider) #Header { min-height: 0; } body.minimalist-header.header-fixed:not(.template-slider) #Header { min-height: 60px; } body.minimalist-header.header-below:not(.template-slider) #Header { min-height: 90px; padding-top: 0; } .minimalist-header-no #Header { min-height: 0 !important; } /* Transparent ----------------------------------------------------------------------- */ .tr-content #Wrapper, .tr-content #Content { background: none; } .tr-header #Wrapper { background: none; } .tr-header #Header_wrapper { background: none !important; } .tr-footer #Wrapper { background: none; } .tr-footer #Footer { background: none !important; } /* Decoration Image | height:100px - fallback */ .section .section-decoration { width: 100%; height: 100px; position: absolute; right: 0; background-repeat: repeat-x; z-index: 1; } .section .section-decoration.top { top: 0; background-position: center top; } .section .section-decoration.bottom { bottom: 0; background-position: center bottom; } /* Header | Transparent */ .header-transparent #Top_bar .top_bar_right, .header-transparent #Top_bar .top_bar_left, .header-transparent #Top_bar .top_bar_left:before { background: none; } .header-transparent #Top_bar .top_bar_left { top: 0; } .header-transparent #Top_bar #logo { padding: 0; } .header-transparent #Top_bar .menu > li > a:after { background: none; } .header-transparent #Top_bar .menu > li > a span { border-color: rgba(0, 0, 0, 0.03); } .header-transparent #Top_bar .menu li > ul:not(.mfn-megamenu-bg) { background-image: none; } .header-transparent.ab-hide #Top_bar { top: 0; } .header-transparent #Top_bar.is-sticky .menu_wrapper .menu > li > a { padding: 0; } .header-transparent #Top_bar.is-sticky .menu > li > a span:not(.description) { line-height: 60px; } /* Buttons | Stroke ------------------------------------------------------------------ */ .button-stroke a.button:not(.action_button), .button-stroke:not(.header-plain) a.button.action_button, .button-stroke a.tp-button, .button-stroke button, .button-stroke input[type="submit"], .button-stroke input[type="reset"], .button-stroke input[type="button"] { border-width: 2px; border-style: solid; -webkit-border-radius: 3px; border-radius: 3px; background-color: transparent !important; -webkit-box-shadow: inset 0 0 0 0; box-shadow: inset 0 0 0 0; background-image: none; } .button-stroke a.button:not(.action_button):after, .button-stroke:not(.header-plain) a.button.action_button:after, .button-stroke a.tp-button:after, .button-stroke button:after, .button-stroke input[type="submit"]:after, .button-stroke input[type="reset"]:after, .button-stroke input[type="button"]:after { display: none; } .button-stroke a.button:not(.action_button), .button-stroke:not(.header-plain) a.button.action_button, .button-stroke a.tp-button, .button-stroke button, .button-stroke input[type="submit"], .button-stroke input[type="reset"], .button-stroke input[type="button"] { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .button-stroke a:hover.button:not(.action_button), .button-stroke:not(.header-plain) a:hover.button.action_button, .button-stroke a:hover.tp-button, .button-stroke button:hover, .button-stroke input[type="submit"]:hover, .button-stroke input[type="reset"]:hover, .button-stroke input[type="button"]:hover { background-color: #828282; } .button-stroke a:hover.button.button_stroke_custom:not(.action_button), .button-stroke:not(.header-plain) a:hover.button.button_stroke_custom.action_button, .button-stroke a:hover.tp-button.button_stroke_custom { background-color: rgba(0, 0, 0, 0.05) !important; } .button-stroke a.button .button_icon { background: none; } .button-stroke a:hover.button .button_icon i, .button-stroke a.button.button_theme:hover .button_icon i { color: rgba(0, 0, 0, 0.5) !important; } .button-stroke a.button_right.button .button_label, .button-stroke a.button_right.button_large .button_label { padding-right: 0; } .button-stroke a.button_left.button .button_label, .button-stroke a.button_left.button_large .button_label { padding-left: 0; } .button-stroke a.button_right.button_large .button_icon { padding-right: 27px; } .button-stroke a.button_left.button_large .button_icon { padding-left: 27px; } /* Buttons sizes */ a.button.button_size_1 .button_label { padding: 10px 17px; } a.button.button_size_1 .button_icon { padding: 10px 10px; } a.button.button_size_1, a.tp-button.button_size_1, button.button_size_1, input[type="submit"].button_size_1, input[type="reset"].button_size_1, input[type="button"].button_size_1 { font-size: 95%; line-height: 95%; } a.button.button_size_3 .button_label { padding: 15px 30px; } a.button.button_size_3 .button_icon { padding: 15px 13px; } a.button.button_size_3, a.tp-button.button_size_3, button.button_size_3, input[type="submit"].button_size_3, input[type="reset"].button_size_3, input[type="button"].button_size_3 { font-size: 110%; line-height: 110%; } a.button.button_size_4 .button_label { padding: 18px 33px; } a.button.button_size_4 .button_icon { padding: 18px 16px; } a.button.button_size_4, a.tp-button.button_size_4, button.button_size_4, input[type="submit"].button_size_4, input[type="reset"].button_size_4, input[type="button"].button_size_4 { font-size: 120%; line-height: 120%; } a.button.button_full_width, button.button_full_width, input[type="submit"].button_full_width, input[type="reset"].button_full_width, input[type="button"].button_full_width { width: 100%; text-align: center; } a.button.button_full_width .button_label { display: inline-block; float: none; } #wowslider-container1 a.ws_next:before { content: "\e914" !important; } #wowslider-container1 a.ws_prev:before { content: "\e8b6" !important; } /* Side Slide ------------------------------------------------------------------------- */ #body_overlay { position: fixed; top: 0; right: 0; width: 100%; height: 120%; background: rgba(0, 0, 0, 0.6); z-index: 9002; display: none; } /* height +20% - mobile fallback */ body.mobile-side-slide { position: relative; overflow-x: visible; } #Side_slide { display: block; position: fixed; top: 0px; left: -250px; width: 250px; height: 100%; overflow: auto; border-bottom-width: 60px; border-bottom-style: solid; z-index: 9003; } /* border-bottom:60px - mobile fallback */ #Side_slide.right { right: -250px; left: 0; } .admin-bar #Side_slide { border-top-width: 32px; border-top-style: solid; } #Side_slide .close-wrapper { height: 60px; } #Side_slide .close-wrapper a.close { height: 34px; width: 34px; display: block; float: left; margin: 13px 0 0 13px; } #Side_slide .close-wrapper a.close i { font-size: 22px; line-height: 34px; } #Side_slide .extras { padding: 0 20px; } #Side_slide .extras .action_button { width: 100%; margin: 0 0 20px; text-align: center; text-decoration: none; } #Side_slide .extras .action_button .button_label { float: none; } #Side_slide .extras .extras-wrapper { text-align: center; } #Side_slide .extras .extras-wrapper a { display: inline-block; text-decoration: none; vertical-align: middle; padding: 5px; margin-bottom: 20px; line-height: 22px; } #Side_slide .extras .extras-wrapper .icon { font-size: 22px; } #Side_slide .extras .extras-wrapper .cart { position: relative; } #Side_slide .extras .extras-wrapper .cart span { position: absolute; top: 0; right: 31px; font-size: 11px; border-radius: 2px; } #Side_slide .extras .extras-wrapper a.lang-active img { position: relative; top: 2px; } #Side_slide .extras .extras-wrapper a.lang-active i:before { width: auto; margin-right: 5px; } #Side_slide #menu { display: block !important; margin-bottom: 20px; max-height: none !important; } #Side_slide #menu ul { width: 100% !important; } #Side_slide #menu ul li { width: 100%; position: relative; border-top: 1px solid rgba(255, 255, 255, 0.03); } #Side_slide #menu > ul:last-child > li:last-child { border-bottom: 1px solid rgba(255, 255, 255, 0.03); } #Side_slide #menu ul li a { display: block; padding: 11px 20px 10px 5px; margin-left: 50px; text-decoration: none; line-height: 19px; } #Side_slide #menu ul li a .menu-arrow { display: none; } #Side_slide #menu ul li ul { display: none; background: rgba(255, 255, 255, 0.025); } #Side_slide #menu ul li ul li a { padding-right: 35px; } #Side_slide #menu ul li ul li ul li a { padding-right: 50px; } #Side_slide #menu ul li.submenu .menu-toggle { display: block; position: absolute; left: 5px; top: 0; width: 40px; height: 40px; line-height: 40px; font-size: 22px; font-weight: 100; text-align: center; cursor: pointer; opacity: 0.5; } #Side_slide #menu ul li.submenu .menu-toggle:after { content: "+"; } #Side_slide #menu ul li.hover > .menu-toggle { opacity: 1; } #Side_slide #menu ul li.hover > .menu-toggle:after { content: "-"; } #Side_slide #menu ul.mfn-megamenu-bg { background-image: none !important; } #Side_slide #menu ul.mfn-megamenu li .menu-toggle { display: none; } #Side_slide #menu ul.mfn-megamenu > li > ul { display: block !important; } #Side_slide #menu ul.mfn-megamenu > li > ul:first-child { background-color: transparent; } #Side_slide #menu ul.mfn-megamenu > li > ul:first-child > li:first-child { border-top-width: 0; } #Side_slide .lang-wrapper { margin-bottom: 20px; text-align: center; display: none; } #Side_slide .lang-wrapper ul li { border-top: 1px solid rgba(255, 255, 255, 0.03); } #Side_slide .lang-wrapper ul li:last-child { border-bottom: 1px solid rgba(255, 255, 255, 0.03); } #Side_slide .lang-wrapper ul li a { display: block; padding: 11px 20px 10px 20px; text-decoration: none; line-height: 19px; } #Side_slide .search-wrapper { margin-bottom: 20px; position: relative; display: none; } #Side_slide .search-wrapper input.field { width: 100%; background: none !important; border-width: 1px 0 1px 0; border-color: rgba(255, 255, 255, 0.05); line-height: 20px; padding: 10px 20px 10px 55px; box-sizing: border-box; box-shadow: 0 0 0 0 transparent; } #Side_slide .search-wrapper a.submit { position: absolute; top: 0; left: 5px; font-size: 20px; padding: 10px; } #Side_slide .social { text-align: center; margin: 0 20px 13px; } #Side_slide .social li { display: inline-block; } #Side_slide .social li a { display: block; padding: 3px 5px; text-decoration: none; } /* Side Slide | Color */ #Side_slide { background-color: #191919; border-color: #191919; } /* border-bottom:60px - mobile fallback */ #Side_slide, #Side_slide .search-wrapper input.field, #Side_slide a:not(.button), #Side_slide #menu ul li.submenu .menu-toggle { color: #a6a6a6; } #Side_slide a:not(.button):hover, #Side_slide a.active, #Side_slide #menu ul li.hover > .menu-toggle { color: #fff; } #Side_slide #menu ul li.current-menu-item > a, #Side_slide #menu ul li.current_page_item > a, #Side_slide #menu ul li.current-menu-parent > a, #Side_slide #menu ul li.current-page-parent > a, #Side_slide #menu ul li.current-menu-ancestor > a, #Side_slide #menu ul li.current-page-ancestor > a, #Side_slide #menu ul li.current_page_ancestor > a, #Side_slide #menu ul li.hover > a, #Side_slide #menu ul li:hover > a { color: #fff; } /* Side Slide | Light */ #Side_slide.light #menu ul li { border-top-color: rgba(0, 0, 0, 0.03); } #Side_slide.light #menu > ul:last-child > li:last-child { border-bottom-color: rgba(0, 0, 0, 0.03); } #Side_slide.light #menu ul li ul { background: rgba(0, 0, 0, 0.02); } #Side_slide.light .lang-wrapper ul li { border-top-color: rgba(0, 0, 0, 0.03); } #Side_slide.light .lang-wrapper ul li:last-child { border-bottom-color: rgba(0, 0, 0, 0.03); } #Side_slide.light .search-wrapper input.field { border-color: rgba(0, 0, 0, 0.05); } .aside_both .sidebar.sidebar-1 { margin-right: -82%; } /* Before After | TwentyTwenty plugin ------------------------------------------------ */ .twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after, .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after { content: " "; display: block; background: #fff; position: absolute; z-index: 30; -webkit-box-shadow: 0 0 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: 0 0 12px rgba(51, 51, 51, 0.5); box-shadow: 0 0 12px rgba(51, 51, 51, 0.5); } .twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after { width: 3px; height: 9999px; right: 50%; margin-right: -1.5px; } .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after { width: 9999px; height: 3px; top: 50%; margin-top: -1.5px; } .twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay { position: absolute; top: 0; width: 100%; height: 100%; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; } .twentytwenty-before-label, .twentytwenty-after-label { -webkit-transition-property: opacity; -moz-transition-property: opacity; transition-property: opacity; } .twentytwenty-before-label:before, .twentytwenty-after-label:before { color: #fff; font-size: 13px; letter-spacing: 0; position: absolute; background: rgba(0, 0, 0, 0.25); line-height: 38px; padding: 0 20px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .twentytwenty-horizontal .twentytwenty-before-label:before, .twentytwenty-horizontal .twentytwenty-after-label:before { top: 50%; margin-top: -19px; } .twentytwenty-vertical .twentytwenty-before-label:before, .twentytwenty-vertical .twentytwenty-after-label:before { right: 50%; margin-right: -45px; text-align: center; width: 90px; } .twentytwenty-left-arrow, .twentytwenty-right-arrow, .twentytwenty-up-arrow, .twentytwenty-down-arrow { width: 0; height: 0; border: 6px inset transparent; position: absolute; } .twentytwenty-left-arrow, .twentytwenty-right-arrow { top: 50%; margin-top: -6px; } .twentytwenty-up-arrow, .twentytwenty-down-arrow { right: 50%; margin-right: -6px; } .twentytwenty-container { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; z-index: 0; overflow: hidden; position: relative; -webkit-user-select: none; -moz-user-select: none; } .twentytwenty-container img { max-width: 100%; position: absolute; top: 0; display: block; } .twentytwenty-container.active .twentytwenty-overlay, .twentytwenty-container.active :hover.twentytwenty-overlay { background: rgba(0, 0, 0, 0); } .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label, .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label, .twentytwenty-container.active:hover.twentytwenty-overlay .twentytwenty-before-label, .twentytwenty-container.active:hover.twentytwenty-overlay .twentytwenty-after-label { opacity: 0; } .twentytwenty-container * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .twentytwenty-before-label { opacity: 0; } .twentytwenty-before-label:before { content: "قبل"; } .twentytwenty-after-label { opacity: 0; } .twentytwenty-after-label:before { content: "بعد"; } .twentytwenty-horizontal .twentytwenty-before-label:before { left: 10px; } .twentytwenty-horizontal .twentytwenty-after-label:before { right: 10px; } .twentytwenty-vertical .twentytwenty-before-label:before { top: 10px; } .twentytwenty-vertical .twentytwenty-after-label:before { bottom: 10px; } .twentytwenty-overlay { -webkit-transition-property: background; -moz-transition-property: background; transition-property: background; background: rgba(0, 0, 0, 0); z-index: 25; } .twentytwenty-overlay:hover .twentytwenty-after-label { opacity: 1; } .twentytwenty-overlay:hover .twentytwenty-before-label { opacity: 1; } .twentytwenty-before { z-index: 20; } .twentytwenty-after { z-index: 10; } .twentytwenty-handle { height: 38px; width: 38px; position: absolute; left: 50%; top: 50%; margin-left: -22px; margin-top: -22px; border: 3px solid #fff; -webkit-border-radius: 1000px; -moz-border-radius: 1000px; border-radius: 1000px; -webkit-box-shadow: 0 0 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: 0 0 12px rgba(51, 51, 51, 0.5); box-shadow: 0 0 12px rgba(51, 51, 51, 0.5); z-index: 40; cursor: pointer; } .twentytwenty-horizontal .twentytwenty-handle:before { bottom: 50%; margin-bottom: 22px; -webkit-box-shadow: 0 3px 0 white, 0 0 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: 0 3px 0 white, 0 0 12px rgba(51, 51, 51, 0.5); box-shadow: 0 3px 0 white, 0 0 12px rgba(51, 51, 51, 0.5); } .twentytwenty-horizontal .twentytwenty-handle:after { top: 50%; margin-top: 22px; -webkit-box-shadow: 0 -3px 0 white, 0 0 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: 0 -3px 0 white, 0 0 12px rgba(51, 51, 51, 0.5); box-shadow: 0 -3px 0 white, 0 0 12px rgba(51, 51, 51, 0.5); } .twentytwenty-vertical .twentytwenty-handle:before { right: 50%; margin-right: 22px; -webkit-box-shadow: -3px 0 0 white, 0 0 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: -3px 0 0 white, 0 0 12px rgba(51, 51, 51, 0.5); box-shadow: -3px 0 0 white, 0 0 12px rgba(51, 51, 51, 0.5); } .twentytwenty-vertical .twentytwenty-handle:after { left: 50%; margin-left: 22px; -webkit-box-shadow: 3px 0 0 white, 0 0 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: 3px 0 0 white, 0 0 12px rgba(51, 51, 51, 0.5); box-shadow: 3px 0 0 white, 0 0 12px rgba(51, 51, 51, 0.5); } .twentytwenty-left-arrow { border-left: 6px solid #fff; right: 50%; margin-right: -17px; } .twentytwenty-right-arrow { border-right: 6px solid #fff; left: 50%; margin-left: -17px; } .twentytwenty-up-arrow { border-bottom: 6px solid #fff; top: 50%; margin-top: -17px; } .twentytwenty-down-arrow { border-top: 6px solid #fff; bottom: 50%; margin-bottom: -17px; } .section.full-width > .section_wrapper { max-width: 100% !important; } /* Switch Style */ .demo-switch { text-align: center; } .demo-switch .title { margin: 0 2% 15px; font-family: "YekanBakhFaNum"; font-style: italic; color: #6c6d6d; } .demo-switch a { margin: 0 2%; font-weight: 700; opacity: 0.8; } .demo-switch a:hover { opacity: 1; } .demo-switch a.active { color: #0095eb; opacity: 1; } .demo-switch a { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } /* Slick Slider ---------------------------------------------------------------------- */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; right: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ""; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: right; height: 100%; min-height: 1px; outline: none; } [dir="rtl"] .slick-slide { float: left !important; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* Buttons | Flat -------------------------------------------------------------------- */ .button-flat a.button:not(.action_button), .button-flat:not(.header-plain) a.button.action_button, .button-flat a.tp-button, .button-flat button, .button-flat input[type="submit"], .button-flat input[type="reset"], .button-flat input[type="button"] { background-image: none; border-width: 0; border-style: solid; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: inset 0 0 0 0; box-shadow: inset 0 0 0 0; -webkit-appearance: none; } .button-flat a.button .button_icon { background: none; } .button-flat a.button .button_icon i { color: inherit; } .button-flat a.button_right.button .button_label, .button-flat a.button_right.button_large .button_label { padding-right: 0; } .button-flat a.button_left.button .button_label, .button-flat a.button_left.button_large .button_label { padding-left: 0; } .button-flat a.button_right.button_large .button_icon { padding-right: 27px; } .button-flat a.button_left.button_large .button_icon { padding-left: 27px; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } @media only screen and (min-width: 768px) { .button-flat a.button:after, .button-flat a.tp-button:after, .button-flat button:after, .button-flat input[type="submit"]:after, .button-flat input[type="reset"]:after, .button-flat input[type="button"]:after { content: ""; position: absolute; right: 0; top: 0; height: 100%; width: 100%; z-index: 1; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; background: rgba(0, 0, 0, 0.07); filter: alpha(opacity=0); opacity: 0; } .button-flat a.button:hover:after, .button-flat a.tp-button:hover:after, .button-flat button:hover:after, .button-flat input[type="submit"]:hover:after, .button-flat input[type="reset"]:hover:after, .button-flat input[type="button"]:hover:after { width: 100%; filter: alpha(opacity=1); opacity: 1; } } /* Header | Plain */ .header-plain #Top_bar { border-bottom-width: 1px; border-style: solid; position: static; } .header-plain.layout-boxed #Top_bar .container { max-width: 100%; } .header-plain #Top_bar .one.column { width: 100%; margin: 0; } .header-plain #Header .top_bar_right, .header-plain #Header .top_bar_left { background-color: transparent; } .header-plain #Top_bar .top_bar_left, .header-plain #Top_bar .top_bar_left_wrapper { top: 0; } .header-plain #Top_bar .top_bar_left:before { display: none; } .header-plain #Action_bar { position: static; } .header-plain #Action_bar .contact_details li, .header-plain #Action_bar .social, .header-plain #Action_bar .social-menu { padding: 12px 0; } /* Header plain | Logo */ .header-plain #Top_bar #logo { height: 50px; line-height: 50px; } /* Header plain | Menu */ .header-plain #Top_bar .menu_wrapper { float: left; } .header-plain #Top_bar .menu > li > a { padding-top: 0 !important; padding-bottom: 0 !important; } .header-plain #Top_bar .menu > li > a:after { display: none; } .header-plain #Top_bar .menu > li > a span:not(.description) { line-height: 80px; padding: 0 30px; } .header-plain #Top_bar .menu > li:first-child > a span:not(.description) { border-right-width: 1px; } .header-plain #Top_bar .top_bar_left { height: 80px; padding: 0; margin-right: -1px; } .header-plain.menu-highlight #Top_bar .menu > li, .header-plain.menu-highlight #Top_bar .menu > li > a { margin: 0; } /* Header plain | Top bar left */ .header-plain #Top_bar a#header_cart, .header-plain #Top_bar a#search_button { margin-left: 0; top: 0; border-right-width: 1px; border-style: solid; } .header-plain #Top_bar a#header_cart span { margin-left: -9px; } .header-plain #Top_bar .wpml-languages { top: 0; margin: 0; border-right-width: 1px; border-style: solid; } .header-plain #Top_bar .wpml-languages a.active { border: 0; padding: 0; } .header-plain #Top_bar .wpml-languages ul.wpml-lang-dropdown li a { line-height: 40px; } .header-plain #Top_bar .wpml-languages a.active { background: none; } .header-plain #Top_bar .wpml-languages ul.wpml-lang-dropdown { border: 0; border-radius: 0; } .header-plain #Top_bar a.button.action_button { margin: 0; top: 0; border-radius: 0; border-right-width: 1px; border-style: solid; } .header-plain #Top_bar .menu > li > a span:not(.description) { line-height: 80px; padding: 0 30px; } .header-plain #Top_bar a#header_cart, .header-plain #Top_bar a#search_button { padding: 0 25px; line-height: 80px; margin-right: 0; } .header-plain #Top_bar .wpml-languages { padding: 0 25px; line-height: 80px; } .header-plain #Top_bar a.button.action_button { line-height: 80px; } .header-plain #Top_bar a.button.action_button .button_label { padding: 0 30px; } /* Header plain | Sticky */ .header-plain #Top_bar.is-sticky .menu > li > a span:not(.description) { line-height: 60px !important; } .header-plain #Top_bar.is-sticky a#header_cart, .header-plain #Top_bar.is-sticky a#search_button { padding: 0 25px; line-height: 60px; } .header-plain #Top_bar.is-sticky .wpml-languages { padding: 0 25px; height: 60px; line-height: 60px; } .header-plain #Top_bar.is-sticky a.button.action_button { height: 60px; line-height: 60px; } .header-plain #Top_bar.is-sticky a.button.action_button .button_label { padding: 0 25px; } .header-plain #Top_bar.is-sticky .top_bar_left { padding: 0; height: 60px; top: 0; } .header-plain #Top_bar.is-sticky .wpml-languages { top: 0; } .header-plain #Top_bar.is-sticky a.button.action_button { top: 0; } /* Header plain | Colors */ .header-plain #Action_bar { background-color: #2c2c2c; } .header-plain #Top_bar { background-color: #fff; } .header-plain #Top_bar, .header-plain #Top_bar .menu > li > a span:not(.description), .header-plain #Top_bar a#header_cart, .header-plain #Top_bar a#search_button, .header-plain #Top_bar .wpml-languages, .header-plain #Top_bar a.button.action_button { border-color: #f2f2f2; } /* Heading --------------------------------------------------------------------------- */ .mfn_heading { } .mfn_heading.align_right { text-align: right; } .mfn_heading.align_center { text-align: center; } .mfn_heading.align_left { text-align: left; } .mfn_heading .title { display: inline-block; position: relative; } .mfn_heading.heading_lines { overflow: hidden; } .mfn_heading.heading_lines .title .line { position: absolute; width: 3000px; height: 1px; top: 50%; background: rgba(0, 0, 0, 0.3); } .mfn_heading.heading_lines .title .line_l { left: 100%; margin-left: 20px; } .mfn_heading.heading_lines .title .line_r { right: 100%; margin-right: 20px; } .dark .mfn_heading.heading_lines .title .line { background: rgba(255, 255, 255, 0.3); } /* Fancy headings -------------------------------------------------------------------- */ .fancy_heading { text-align: center; } .fancy_heading .title { font-size: 42px; line-height: 42px; } .fancy_heading_icon .icon_top { font-size: 50px; line-height: 50px; margin-bottom: 15px; overflow: hidden; display: block; } .fancy_heading_icon .icon_top i:before { margin: 0; } .fancy_heading_line { background-image: url(../images/fancy_heading_hr.png); background-position: bottom center; background-repeat: no-repeat; padding-bottom: 15px; } .fancy_heading_line .slogan { display: block; margin-bottom: 7px; text-transform: uppercase; letter-spacing: 1px; font-size: 14px; } .fancy_heading_line .inside { margin-bottom: 15px; } #back_to_top { float: left; margin: -9px 0 0; width: 42px; height: 42px; line-height: 42px; font-size: 20px; text-align: center; } /* Pricing boxes --------------------------------------------------------------------- */ .pricing-box { border-width: 1px; border-style: solid; background: #fff; } .pricing-box .plan-header { text-align: center; padding: 20px 15px 0; } .pricing-box .plan-header .image { text-align: center; margin-bottom: 15px; } .pricing-box .plan-header h2 { margin: 0 0 20px; font-size: 30px; line-height: 30px; } .pricing-box .plan-header .price { margin: 0 0 20px; } .pricing-box .plan-header .price > span { font-size: 45px; line-height: 45px; margin: 0 5px; } .pricing-box .plan-header .price sup.currency { font-size: 20px; line-height: 20px; top: -10px; position: relative; } .pricing-box.cp-left .plan-header .price sup.currency { margin-left: 5px; } .pricing-box .plan-header .price sup.period { font-size: 15px; line-height: 15px; top: -15px; position: relative; } .pricing-box .plan-header hr { margin-bottom: 0; width: 60%; } .pricing-box .plan-header p.subtitle { padding: 20px 0 0; margin-bottom: 0; } .pricing-box .plan-inside { padding: 10px 30px; text-align: center; } .pricing-box .plan-inside ul { margin: 0; font-size: 100%; line-height: normal; } .pricing-box .plan-inside ul li { text-align: center; padding: 11px 10px; display: block; margin: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .pricing-box .plan-inside ul li .yes, .pricing-box .plan-inside ul li .no { display: inline-block; overflow: hidden; width: 10px; height: 10px; -webkit-border-radius: 5px; border-radius: 5px; background: rgba(0, 0, 0, 0.1); } .pricing-box .plan-inside ul li:last-child { border-bottom: 0; } .pricing-box .plan-footer { text-align: center; } .pricing-box .plan-footer a { margin-left: 0; } .pricing-box-box.pricing-box-featured { border-color: transparent; } /* Pricing table */ .pricing-box.pricing-box-label .plan-header *, .pricing-box.pricing-box-label .plan-footer { visibility: hidden; } .pricing-box-label ul li { font-weight: 700; text-align: left !important; } .pricing-box-label, .pricing-box-table { border: 0; background: none; } .pricing-box-label .plan-inside, .pricing-box-table .plan-inside { padding-right: 0; padding-left: 0; } .pricing-box-table.pricing-box-featured { background: rgba(0, 0, 0, 0.02); padding-right: 10px; padding-left: 10px; } /* Content slider ----------------------------------------------------------------------------- */ .content_slider { padding: 0 140px; position: relative; } .content_slider .content_slider_ul { margin: 0 !important; line-height: 0; border-width: 8px; border-style: solid; -webkit-box-sizing: border-box; box-sizing: border-box; } .content_slider .content_slider_ul li { display: block; float: right; margin: 0 !important; } .content_slider a.button { position: absolute; top: 50%; margin: -22px 0 0; font-size: 13px; line-height: 21px; } .content_slider a.slider_prev { right: -90px; } .content_slider a.slider_next { left: -90px; } .content_slider .slider_pagination { width: 100%; margin-top: 20px; } .content_slider .slider_pagination li { display: inline-block; } .content_slider .content_slider_ul { opacity: 0; max-height: 300px; transition: opacity 0.3s ease-in-out; } .content_slider .content_slider_ul.slick-slider { opacity: 1; max-height: none; zoom: 1; } /* Flat */ .content_slider.flat .content_slider_ul { border-width: 0; } .content_slider.flat a.button { background: none !important; box-shadow: none; border: none; } .content_slider.flat a.button:after { display: none !important; } .content_slider.flat a.button:hover { background: none !important; } .content_slider.flat a.button .button_icon { background: none; padding: 0; font-size: 50px; opacity: 0.3; } .content_slider.flat a:hover.button .button_icon { opacity: 1; } /* Flat description */ .content_slider.flat.description ul li { text-align: center; } .content_slider.flat.description ul li a { display: block; text-decoration: none; } .content_slider.flat.description ul li img { margin-bottom: 30px; } .content_slider.flat.description ul li h3 { margin-bottom: 0; } .content_slider.flat.description ul li .desc { line-height: initial; padding: 0 20%; margin-top: 15px; } /* Carousel */ .content_slider.carousel { padding: 0 70px; } .content_slider.carousel .content_slider_ul { border-width: 0; } .content_slider.carousel .content_slider_ul li { text-align: center; padding: 0 20px; padding-top: 5px; } .content_slider.carousel .content_slider_ul li img { margin-bottom: 20px; opacity: 0.8; position: relative; top: 0; } .content_slider.carousel .content_slider_ul li a { color: inherit; text-decoration: none; } .content_slider.carousel .content_slider_ul li .title { opacity: 0.3; line-height: initial; /* font-size:115%; */ } .content_slider.carousel .content_slider_ul li:hover img { opacity: 1; top: -5px; } .content_slider.carousel .content_slider_ul li:hover .title { opacity: 1; } .content_slider.carousel a.button { background: none !important; box-shadow: none; border: none; top: 40%; margin-top: -11px; } .content_slider.carousel a.button:after { display: none !important; } .content_slider.carousel a.button:hover { background: none !important; } .content_slider.carousel a.button .button_icon { background: none; padding: 0; font-size: 30px; opacity: 0.5; } .content_slider.carousel a.button:hover .button_icon { opacity: 1; } .content_slider.carousel a.slider_prev { right: -70px; } .content_slider.carousel a.slider_next { left: -70px; } /* Center mode */ .content_slider.center { padding: 0; } .content_slider.center .content_slider_ul { border-width: 0; } .content_slider.center .content_slider_ul li { position: relative; padding: 0 5px; } .content_slider.center .content_slider_ul li:not(.slick-center) { transform: scale(0.98); } .content_slider.center .content_slider_ul li:after { content: ""; position: absolute; top: 0; right: 0; display: block; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.15); opacity: 0; } .content_slider.center .content_slider_ul li:not(.slick-center):after { opacity: 1; } .content_slider.center .content_slider_ul li a { position: relative; z-index: 1; } .content_slider.center a.button { background: none !important; box-shadow: none; border: none; z-index: 1; } .content_slider.center a.button.slider_prev { right: 0; } .content_slider.center a.button.slider_next { left: 0; } .content_slider.center a.button:after { display: none !important; } .content_slider.center a.button:hover { background: none !important; } .content_slider.center a.button .button_icon { background: none; padding: 0; font-size: 50px; opacity: 0.66; } .content_slider.center a.button .button_icon i { color: #fff; } .content_slider.center a.button:hover .button_icon { opacity: 1; } .content_slider.center .content_slider_ul li, .content_slider.center .content_slider_ul li:after, .content_slider.center a.button .button_icon { transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); } /* Navigation visibility */ .content_slider.hide-arrows { padding: 0; } .content_slider.hide-arrows a.slider_prev, .content_slider.hide-arrows a.slider_next { display: none !important; } .content_slider.hide-dots .slider_pagination { display: none !important; } .section.full-width .column.one .content_slider.hide-arrows { padding: 0 140px; } /* Nice Scroll | .nice-scroll -------------------------------------------------------- */ body.nice-scroll { position: relative; } body.nice-scroll:not(.layout-boxed) { padding-right: 10px !important; } .nice-scroll #configurator, .nice-scroll #Sliding-top a.sliding-top-control, .nice-scroll .fixed-nav.fixed-nav-next { margin-right: 10px; } .nice-scroll .nicescroll-rails { background: #666; z-index: 9002 !important; } /* Slider | Pagination --------------------------------------------------------------- */ .slider_pagination { text-align: center; line-height: 0; } .slider_pagination a { display: inline-block; width: 12px; height: 12px; text-indent: -9999px; margin: 0 9px; background: rgba(0, 0, 0, 0.15); -webkit-border-radius: 100%; border-radius: 100%; position: relative; cursor: pointer; } .slider_pagination a:hover { background: rgba(0, 0, 0, 0.25); } .slider_pagination a.selected, .slider_pagination .slick-active a { width: 10px; height: 8px; margin: 0 10px; position: relative; top: 4px; background: rgba(0, 0, 0, 0.15); -webkit-border-radius: 2px; border-radius: 2px; } .slider_pagination a.selected:after, .slider_pagination .slick-active a:after { content: ""; display: block; width: 8px; height: 8px; -webkit-border-radius: 1px; border-radius: 1px; position: absolute; right: 1px; top: -3px; background: #d6d6d6; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } /* Slider Revolution ----------------------------------------------------------------- */ #mfn-rev-slider input { display: inline-block; } /* Animation */ .content_slider.carousel ul li img, .content_slider.carousel ul li .title, .content_slider.flat a.button .button_icon { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } /* Dark ------------------------------------------------------------------------------ */ .dark, .dark ul.timeline_items, .dark .icon_box a .desc, .dark .icon_box a:hover .desc, .dark .feature_list ul li a, .dark .list_item a, .dark .list_item a:hover, .dark .widget_recent_entries ul li a { color: #fff !important; } .dark .ui-tabs .ui-tabs-panel, .dark .accordion .question .answer { color: #626262; } /* Headings font */ .dark h1, .dark h1 a, .dark h1 a:hover { color: #fff; } .dark h2, .dark h2 a, .dark h2 a:hover { color: #fff; } .dark h3, .dark h3 a, .dark h3 a:hover { color: #fff; } .dark h4, .dark h4 a, .dark h4 a:hover { color: #fff; } .dark h5, .dark h5 a, .dark h5 a:hover { color: #fff; } .dark h6, .dark h6 a, .dark h6 a:hover, .dark a.content_link .title { color: #fff; } /* Borders */ .dark .idea_box, .dark table th, .dark table td, .dark .list_item .circle, .dark input[type="text"], .dark input[type="tel"], .dark input[type="password"], .dark input[type="email"], .dark textarea, .dark select, .dark .promo_box.has_border:after, .dark dl > dt, .dark dl > dd, .dark .article_box .desc_wrapper p, .dark a.icon_bar, .dark a.content_link, .dark .how_it_works .image, .dark .opening_hours, .dark .opening_hours .opening_hours_wrapper li, .dark .icon_box.has_border:after, .dark .chart_box:before, .dark .pricing-box, .dark .team_list .bq_wrapper, .dark .post-footer .post-links, .dark .format-link .post-title .icon-link, .dark .share_wrapper, .dark .post-header .title_wrapper, .dark .section-post-related .section-related-adjustment, .dark .comments, .dark .widget-area, .dark .widget:after, .dark .fixed-nav .desc h6, .dark .portfolio_group.list .portfolio-item, .dark .portfolio_group .portfolio-item .desc .details-wrapper, .dark .Recent_posts ul li .desc h6, .dark .widget_recent_entries ul li a, .dark .woocommerce .widget_best_sellers li, .dark .woocommerce .widget_featured_products li, .dark .woocommerce .widget_recent_reviews li, .dark .woocommerce .widget_recent_products li, .dark .woocommerce .widget_recently_viewed_products li, .dark .woocommerce .widget_random_products li, .dark .woocommerce .widget_top_rated_products li, .dark .woocommerce .widget_onsale li, .dark .woocommerce .widget_layered_nav li, .dark .woocommerce .widget_shopping_cart ul.product_list_widget li, .dark .woocommerce .widget_products li, .dark .woocommerce .product .related.products, .dark .woocommerce .product div.entry-summary h1.product_title:after, .dark .woocommerce .quantity input.qty { border-color: rgba(255, 255, 255, 0.08); } /* Grey */ .dark .blockquote p.author span, .dark .counter .desc_wrapper .title, .dark .article_box .desc_wrapper p, .dark .team .desc_wrapper p.subtitle, .dark .pricing-box .plan-header p.subtitle, .dark .pricing-box .plan-header .price sup.period, .dark .chart_box p, .dark .fancy_heading .inside, .dark .fancy_heading_line .slogan, .dark .post-meta, .dark .post-meta a, .dark .post-footer, .dark .post-footer a span.label, .dark .pager .pages a, .dark .button-love a .label, .dark .pager-single a, .dark #comments .commentlist > li .comment-author .says, .dark .fixed-nav .desc .date, .dark .filters_buttons li.label, .dark .Recent_posts ul li a .desc .date, .dark .widget_recent_entries ul li .post-date, .dark .tp_recent_tweets .twitter_time, .dark .widget_price_filter .price_label, .dark .shop-filters .woocommerce-result-count, .dark .woocommerce ul.product_list_widget li .quantity, .dark .widget_shopping_cart ul.product_list_widget li dl, .dark .product_meta .posted_in, .dark .woocommerce .shop_table .product-name .variation > dd, .dark .shipping-calculator-button:after, .dark .shop_slider .shop_slider_ul li .item_wrapper .price del, .dark .testimonials_slider .testimonials_slider_ul li .author span, .dark .testimonials_slider .testimonials_slider_ul li .author span a { color: #dedede; } /* Dividers */ .dark hr { background-color: rgba(255, 255, 255, 0.08); color: rgba(255, 255, 255, 0.08); } /* Others */ .dark blockquote { color: #fff; } .dark .article_box .desc_wrapper h4 { color: #444; } .dark .progress_bars .bars_list li h6 .label { color: rgba(255, 255, 255, 0.35); background: rgba(255, 255, 255, 0.05); } .dark .faq .question .title { color: #fff; } .dark .counter .desc_wrapper .number { color: #fff; } .dark a.content_link .title { color: #444; } .dark .opening_hours, .dark .opening_hours h3 { color: #444; } .dark .Recent_posts ul li .desc { background: rgba(0, 0, 0, 0.1); } /* Pricing box */ .dark .pricing-box-box { background: rgba(0, 0, 0, 0.1); } .dark .pricing-box .plan-inside ul li { border-bottom: 1px solid rgba(255, 255, 255, 0.1); } /* Lists */ .dark .column_column ul, .dark .column_column ol, .dark .the_content_wrapper ul, .dark .the_content_wrapper ol { color: #fff; } .dark .list_item.lists_2 .list_icon i { color: #fff; } /* Pricing table */ .dark .pricing-box-table.pricing-box-featured { background: rgba(0, 0, 0, 0.1); } .dark .pricing-box .plan-header .price sup.period { color: rgba(255, 255, 255, 0.5) !important; } /* Call to action */ .dark .call_to_action .call_right h3 { color: rgba(0, 0, 0, 0.65); } .dark .call_to_action .call_center a { color: #fff; } /* Fancy heading */ .dark .fancy_heading_line { background-image: url(../images/fancy_heading_hr_dark.png); } /* Content slider */ .dark .content_slider.flat a.button .button_icon i { color: #fff; } /* Fancy links */ .dark a.mfn-link, .dark a:hover.mfn-link { color: #fff; } .dark a.hover.mfn-link-2 span:before, .dark a.mfn-link-8:after, .dark a.mfn-link-8:before { background: #fff; } .dark a.mfn-link-4:hover:before, .dark a.mfn-link-4:hover:after, .dark a.hover.mfn-link-4:before, .dark a.hover.mfn-link-4:after, .dark a.mfn-link-7:after, .dark a.mfn-link-7:before { background: #fff; } .dark a.mfn-link-6:before { border-bottom-color: #fff; } /* Pagination */ .dark .slider_pagination a { background: rgba(255, 255, 255, 0.3); } /* Content slider ----------------------------------------------------------------------------- */ .content_slider { padding: 0 140px; position: relative; } .content_slider .content_slider_ul { margin: 0 !important; line-height: 0; border-width: 8px; border-style: solid; -webkit-box-sizing: border-box; box-sizing: border-box; } .content_slider .content_slider_ul li { display: block; float: right; margin: 0 !important; } .content_slider a.button { position: absolute; top: 50%; margin: -22px 0 0; font-size: 13px; line-height: 21px; } .content_slider a.slider_prev { right: -90px; } .content_slider a.slider_next { left: -90px; } .content_slider .slider_pagination { width: 100%; margin-top: 20px; } .content_slider .slider_pagination li { display: inline-block; } .content_slider .content_slider_ul { opacity: 0; max-height: 300px; transition: opacity 0.3s ease-in-out; } .content_slider .content_slider_ul.slick-slider { opacity: 1; max-height: none; zoom: 1; } .layout-full-width.header-fw #Action_bar .container, .layout-full-width.header-fw #Top_bar .container { max-width: 100%; } /* Grid */ .grid .post-item { width: 31.33%; margin: 0 1% 20px; background: #fff !important; } .grid .post-photo-wrapper { width: 100%; float: none; } .grid .post-desc-wrapper { width: 100%; float: none; } .grid .post-desc-wrapper .post-desc { padding: 20px 20px 0; } .grid .post-footer { margin: 0 -20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .grid .post-meta .author-date .author span.label { display: none; } .grid .post-desc-wrapper .post-meta .category .cat-btn { display: none; } .grid .post-desc-wrapper .post-footer .button-love .love-text { display: none; } /* Columns 2-6 */ .posts_group.grid.col-2 .post-item { width: 47.99%; } .posts_group.grid.col-3 .post-item { width: 31.33%; } .posts_group.grid.col-4 .post-item { width: 22.99%; } .posts_group.grid.col-5 .post-item { width: 18.99%; margin: 0 0.5% 20px; } .posts_group.grid.col-6 .post-item { width: 15.66%; margin: 0 0.5% 20px; } .posts_group.grid.col-2 .post-item:nth-child(2n + 1) { clear: both; } .posts_group.grid.col-3 .post-item:nth-child(3n + 1) { clear: both; } .posts_group.grid.col-4 .post-item:nth-child(4n + 1) { clear: both; } .posts_group.grid.col-5 .post-item:nth-child(5n + 1) { clear: both; } .posts_group.grid.col-6 .post-item:nth-child(6n + 1) { clear: both; } /* Masonry */ .masonry:not(.tiles) .post-item { width: 31.33%; margin: 0 1% 20px; background: #fff !important; } .masonry .post-photo-wrapper { width: 100%; float: none; } .masonry .post-desc-wrapper { width: 100%; float: none; } .masonry .post-desc-wrapper .post-desc { padding: 20px 20px 0; } .masonry .post-footer { margin: 0 -20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .masonry .post-meta .author-date .author span.label { display: none; } .masonry .post-desc-wrapper .post-meta .category .cat-btn { display: none; } .masonry .post-desc-wrapper .post-footer .button-love .love-text { display: none; } /* Columns 2-6 */ .posts_group.masonry.col-2 .post-item { width: 47.99%; } .posts_group.masonry.col-3 .post-item { width: 31.33%; } .posts_group.masonry.col-4 .post-item { width: 22.99%; } .posts_group.masonry.col-5 .post-item { width: 18.99%; margin: 0 0.5% 20px; } .posts_group.masonry.col-6 .post-item { width: 15.66%; margin: 0 0.5% 20px; } /* Masonry tiles */ .masonry.tiles { position: relative; } .masonry.tiles .post-item { margin: 0 !important; overflow: hidden; background-color: transparent; } .masonry.tiles .post-item:not(.no-img) .post-desc-wrapper { position: absolute; z-index: 4; right: 0; bottom: -20px; } .masonry.tiles .post-item:not(.no-img) .post-desc-wrapper .post-desc { background: url(../images/blog_masonry_tile_gradient.png) top right repeat-x; padding: 70px 30px 30px; } .masonry.tiles .post-item .post-desc-wrapper .post-desc { padding: 50% 30px 10px; } .masonry.tiles .post-item .post-desc-wrapper .post-desc .post-meta .author-date .post-links { display: inline-block; margin-right: 10px; } .masonry.tiles .post-item .post-desc-wrapper .post-desc .post-excerpt { display: none; } /* Photo wrapper */ .masonry.tiles .post-item:not(.no-img) .post-photo-wrapper { line-height: 0; position: relative; } .masonry.tiles .post-item:not(.no-img) .post-photo-wrapper:after { content: ""; position: absolute; z-index: 2; right: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); opacity: 0; transition: all 0.6s ease-out; } .masonry.tiles .post-item:not(.no-img):hover .post-photo-wrapper:after { opacity: 1; } /* Posts */ .masonry.tiles .format-link .post-title .icon-link { display: none; } .masonry.tiles .format-link .post-title .link-wrapper { margin-right: 0; padding-top: 5px; } .masonry.tiles .format-quote blockquote { margin-right: 0; top: 0; margin-bottom: 25px; } .masonry.tiles .format-quote blockquote:after { display: none; } .masonry.tiles .format-quote blockquote a { text-decoration: none; } /* Post icon */ .masonry.tiles .post-item .post-format-icon { position: absolute; z-index: 3; right: 25px; top: 25px; font-size: 35px; line-height: 35px; color: #fff; } /* Line */ .masonry.tiles .post-item .post-desc-wrapper .post-desc .post-title:after { content: ""; display: block; height: 3px; margin-top: 20px; width: 0; transition: all 0.4s ease-out; } .masonry.tiles .post-item:hover .post-desc-wrapper .post-desc .post-title:after { width: 40%; } /* Desc wrapper animation */ .masonry.tiles .post-item .post-desc-wrapper { transition: all 0.4s ease-out; } .masonry.tiles .post-item:hover .post-desc-wrapper { transform: translateY(-20px); } /* Columns 2-6 */ .posts_group.masonry.tiles.col-2 .post-item { width: 49.99%; } .posts_group.masonry.tiles.col-3 .post-item { width: 33.33%; } .posts_group.masonry.tiles.col-4 .post-item { width: 24.99%; } .posts_group.masonry.tiles.col-5 .post-item { width: 19.99%; } .posts_group.masonry.tiles.col-6 .post-item { width: 16.66%; } /* With margin */ .posts_group.masonry.margin .post-item { margin: 0 1% 25px !important; } .posts_group.masonry.margin.col-2 .post-item { width: 47.99%; } .posts_group.masonry.margin.col-3 .post-item { width: 31.33%; } .posts_group.masonry.margin.col-4 .post-item { width: 22.99%; } .posts_group.masonry.margin.col-5 .post-item { width: 18.99%; margin: 0 0.5% 12px !important; } .posts_group.masonry.margin.col-6 .post-item { width: 15.66%; margin: 0 0.5% 12px !important; } /* Colors */ .masonry.tiles .post-item.format-quote blockquote, .masonry.tiles .post-item.format-quote blockquote a, .masonry.tiles .post-item.format-link .post-title .icon-link, .masonry.tiles .post-item.format-link .post-title .link-wrapper h4, .masonry.tiles .post-item.format-link .post-title .link-wrapper a, .masonry.tiles .post-item .post-desc-wrapper .post-desc .post-title .entry-title a { color: #fff; } .masonry.tiles .post-item.no-img .post-desc-wrapper .post-desc .post-title:after, .masonry.tiles .post-item.format-quote .post-desc-wrapper .post-desc .post-title:after, .masonry.tiles .post-item.format-link .post-desc-wrapper .post-desc .post-title:after { background-color: #fff; } .masonry.tiles .post-item .post-desc-wrapper .post-desc .post-head .post-meta, .masonry.tiles .post-item .post-desc-wrapper .post-desc .post-head .post-meta a, .masonry.tiles .post-item .post-desc-wrapper .post-desc .post-excerpt { color: rgba(255, 255, 255, 0.7); } /* Timeline */ .timeline .post-item { float: none; width: auto; padding-right: 200px; margin-bottom: 0; padding-bottom: 40px; background: url(../images/timeline_left.png) no-repeat right 90px top; } .timeline .post-item:last-child { padding-bottom: 20px; margin-bottom: 20px; } .timeline .format-quote .post-meta, .timeline .format-link .post-meta { padding-top: 7px; } .timeline .post-item:before { content: ""; width: 7px; height: 7px; border-width: 4px; border-style: solid; -webkit-border-radius: 100%; border-radius: 100%; position: absolute; right: 126px; top: 11px; display: block; visibility: visible; z-index: 1; } .timeline .date_label { display: block; } .timeline .post-meta .author-date .date { display: none; } /* Photo */ .photo .post-item { float: none; } .photo .post-photo-wrapper { width: 100%; float: none; } .photo .post-desc-wrapper { width: 100%; float: none; text-align: center; } .photo .post-desc .post-head { } .photo .post-desc .post-head .post-meta { display: inline-block; } .photo .post-desc .post-head .post-footer { display: inline-block; background: none; padding: 0; line-height: inherit; } .photo .post-desc .post-title { } .photo .post-desc .post-excerpt { margin-bottom: 0; } .photo .post-desc .post-head .post-meta .author-date, .photo .post-desc .post-head .post-meta .category, .photo .post-desc .post-head .post-footer .button-love, .photo .post-desc .post-head .post-footer .post-links { float: none; display: inline-block; } .photo .post-desc .post-head .post-meta .author-date { margin-left: 20px; } .photo .post-desc .post-head .post-meta .author-date .label { display: none; } .photo .post-desc .post-head .post-footer .button-love { margin-left: 20px; } .photo .post-desc .post-head .post-footer .button-love .love-text { display: none; } .photo .post-desc .post-head .post-footer .post-links { border: 0; padding: 0; } .photo .post-desc .post-head .post-footer .post-links .icon-doc-text, .photo .post-desc .post-head .post-footer .post-links .post-more { display: none; } .photo .format-image { text-align: center; } .photo .format-image .post-photo-wrapper { display: inline-block; width: auto; } .photo .format-link .post-title { display: inline-block; text-align: right; } /* Post types */ .format-quote .post-photo-wrapper { display: none; } .format-quote .post-desc { padding: 0; } .format-quote .post-desc-wrapper { width: 100%; float: none; } .format-video .image_frame .image_wrapper img { margin-bottom: 0 !important; } .format-video .image_frame:hover .image_wrapper img { top: 0; } .format-link .post-photo-wrapper { display: none; } .format-link .post-desc-wrapper { width: 100%; float: none; } .format-link .post-desc { padding: 0; } .format-link .post-title { overflow: hidden; } .format-link .post-title .icon-link { display: block; width: 80px; height: 80px; font-size: 60px; line-height: 80px; border-left-width: 1px; border-style: solid; float: right; text-align: center; } .format-link .post-title .link-wrapper { margin-right: 100px; padding-top: 14px; } .format-link .post-title .link-wrapper h4 { margin-bottom: 7px; font-size: 20px; line-height: 22px; } /* Single Post ----------------------------------------------------------------------- */ .post-nav { padding: 10px 130px 4px 10px; margin-bottom: 20px; background-image: url(../images/stripes/stripes_5_b.png); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; } .post-nav .next-prev-nav { float: right; } .post-nav .next-prev-nav li { float: right; margin-left: 5px; } .post-nav .next-prev-nav a.button { margin: 0; padding: 0 !important; } .post-nav .list-nav { float: left; line-height: 49px; } .post-nav.minimal.column { padding: 0; background: none; position: relative; height: 40px !important; } .post-nav.minimal a { position: absolute; top: 0; opacity: 0.6; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .post-nav.minimal a:hover { opacity: 1; } .post-nav.minimal a.prev { right: 0; } .post-nav.minimal a.next { left: 0; } .post-nav.minimal a.home { left: 50%; margin: 3px -13px 0 0; } .post-nav.minimal a i { font-size: 25px; line-height: 30px; color: #626262; } .post-nav.minimal a svg { fill: #626262; } .post-header { margin-bottom: 20px; } .post-header .button-love { width: 99px; float: right; text-align: center; } .post-header .button-love a.mfn-love { display: inline-block; position: relative; padding-right: 28px; font-size: 17px; margin-top: 25px; } .no-title .post-header .button-love a.mfn-love { margin-top: 0; } .post-header .button-love a.mfn-love i { position: absolute; right: 0; top: 0; font-size: 18px; } .post-header .button-love a.mfn-love:hover { text-decoration: none; } .post-header .button-love a.mfn-love i:last-child { opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .post-header .button-love a:hover.mfn-love i:last-child, .post-header .button-love a.loved.mfn-love i:last-child { opacity: 1; filter: alpha(opacity=100); } .post-header .title_wrapper { margin-right: 99px; border-right-width: 1px; border-style: solid; padding-right: 30px; } .post-header .title_wrapper h1 { font-size: 35px; line-height: 35px; } .single-photo-wrapper .share_wrapper { float: right; } .single-photo-wrapper .image_frame { margin-right: 120px; } .single-photo-wrapper .image_frame iframe { width: 100%; } .no-share .single-photo-wrapper .image_frame { margin-right: 0; } .single-photo-wrapper.image { text-align: center; } .single-photo-wrapper.image .image_frame { margin-right: 0; display: inline-block; } .section-post-header .single-photo-wrapper.image .image_frame { max-width: 80%; max-width: calc(100% - 130px); } .no-share .section-post-header .single-photo-wrapper.image .image_frame { max-width: 100%; } .share_wrapper { background: #fff; border-width: 1px; border-style: solid; width: 98px; text-align: center; padding: 10px 0 5px; } .share_wrapper .stButton { margin-bottom: 10px; } .section-post-intro-share .share_wrapper { float: left; background: none; border: none; width: unset; padding: 0; } .section-post-intro-share .share_wrapper > span { float: right; } .section-post-intro-share .share_wrapper .stButton .stBubble { display: none !important; } .author-box .avatar-wrapper { width: 64px; height: 64px; float: right; border-width: 8px; border-style: solid; display: block; line-height: 0; -webkit-border-radius: 100%; border-radius: 100%; overflow: hidden; } .author-box .desc-wrapper { background: rgba(0, 0, 0, 0.02); padding: 20px; position: relative; margin-right: 105px; } .author-box .desc-wrapper:after { content: ""; display: block; position: absolute; right: -6px; top: 35px; width: 0; height: 0; border-style: solid; border-width: 6px 0 6px 6px; border-color: transparent transparent transparent rgba(0, 0, 0, 0.02); } .author-box .desc-wrapper h5 { margin-bottom: 5px; } /* Hide Love */ .hide-love .button-love { display: none !important; } .hide-love .post-header .title_wrapper { margin-right: 0; padding-right: 10px; border-right: none; } .hide-love .post-nav { padding-right: 10px; } .hide-love .portfolio_group .portfolio-item .desc .title_wrapper { padding-left: 0; } /* Post related */ .section-post-related .section-related-adjustment { border-top-width: 1px; border-style: solid; padding-top: 20px; } .section-post-related .post-related { position: relative; width: 31.333%; } .section-post-related .col-2 .post-related { width: 48%; } .section-post-related .col-3 .post-related { width: 31.333%; } .section-post-related .col-4 .post-related { width: 23%; } .section-post-related .col-5 .post-related { width: 18%; } .section-post-related .col-6 .post-related { width: 14.666%; } .section-post-related .col-2 .post-related:nth-child(2n + 1) { clear: both; } .section-post-related .col-3 .post-related:nth-child(3n + 1) { clear: both; } .section-post-related .col-4 .post-related:nth-child(4n + 1) { clear: both; } .section-post-related .col-5 .post-related:nth-child(5n + 1) { clear: both; } .section-post-related .col-6 .post-related:nth-child(6n + 1) { clear: both; } .section-post-related .post-related .image_frame { margin-right: 30px; margin-bottom: 15px; } .section-post-related .post-related .fullscreen-container { height: 180px !important; } .section-post-related .post-related .date_label { position: absolute; right: 0; top: 30px; z-index: 20; } .section-post-related .post-related hr { margin-right: 30px; width: 40%; } .section-post-related .post-related a.button { margin-right: 30px; margin-bottom: 0; } .section-post-related .format-quote blockquote { margin-top: 70px; margin-right: 40px; } .section-post-related .format-link .image_frame { height: 180px; background-color: rgba(255, 255, 255, 0.5); background-image: url(../images/link.png); background-position: center; background-repeat: no-repeat; } .section-post-related .format-standard.no-img .image_frame { display: block; height: 180px; background-color: rgba(255, 255, 255, 0.5); background-image: url(../images/photo.png); background-position: center; background-repeat: no-repeat; } .section-post-related .post-related .image_frame iframe { width: 100%; } /* Section post related - simple */ .section-post-related .simple .post-related .image_frame { margin-right: 0px; } .section-post-related .simple .post-related .date_label { margin-bottom: 5px; position: static; padding: 0; background-color: transparent; background-image: none; } .section-post-related .simple .post-related .date_label:after { display: none; } .section-post-related .simple .post-related hr { display: none; } .section-post-related .simple .post-related a.button { margin-right: 0px; } .section-post-related .simple .post-related.format-quote .date_label { margin-bottom: 10px; } .section-post-related .simple .format-quote blockquote { margin-top: 0px; } /* Format | Link */ .single-format-link .single-photo-wrapper .share_wrapper { float: none; width: auto; padding: 10px 15px 15px; } .single-format-link .single-photo-wrapper .share_wrapper .stButton { margin: 0 0 0 10px; } .single-format-link .section-post-header .single-photo-wrapper .image_frame { display: none; } /* Format | Quote */ .single-format-quote #Subheader .title { width: 100%; } .single-format-quote #Subheader ul.breadcrumbs { display: none; } .single-format-quote .single-photo-wrapper .share_wrapper { float: none; width: auto; padding: 10px 15px 15px; } .single-format-quote .single-photo-wrapper .share_wrapper .stButton { margin: 0 0 0 10px; } .single-format-quote .section-post-header .single-photo-wrapper .image_frame { display: none; } /* NO img */ .portfolio.no-img .single-photo-wrapper .share_wrapper, .format-image.no-img .single-photo-wrapper .share_wrapper, .format-standard.no-img .single-photo-wrapper .share_wrapper { float: none; width: auto; padding: 10px 15px 15px; } .portfolio.no-img .single-photo-wrapper .share_wrapper .stButton, .format-image.no-img .single-photo-wrapper .share_wrapper .stButton, .format-standard.no-img .single-photo-wrapper .share_wrapper .stButton { margin: 0 0 0 10px; } .portfolio.no-img .section-post-header .single-photo-wrapper .image_frame, .format-image.no-img .section-post-header .single-photo-wrapper .image_frame, .format-standard.no-img .section-post-header .single-photo-wrapper .image_frame { display: none !important; } /* Project decription */ .project-description li { width: 99.9%; clear: both; padding: 7px 10px; background: rgba(0, 0, 0, 0.01); border-style: solid; border-color: rgba(0, 0, 0, 0.03); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .project-description li .label { font-weight: 700; min-width: 50px; display: inline-block; } .project-description li.one-third { float: right; width: 33.3%; clear: none; padding-left: 15px; border-width: 0 0 1px 1px; } .project-description li:nth-child(3) { border-left-color: transparent; } /* Share Item */ .share_item { float: none; width: auto; padding: 10px 15px 15px; } .share_item .stButton { margin: 0 0 0 10px; } /* Templates | Preview --------------------------------------------------------------- */ .single-template .section-post-header, .single-template .section-post-about, .single-template .section-post-related, .single-template .section-post-comments { display: none; } /* Widget Area ----------------------------------------------------------------------- */ .widget-area { border-style: solid; padding: 30px 20px 20px; position: relative; } .widget-area:before { content: ""; display: block; position: absolute; top: 0; width: 1500px; height: 100%; background: rgba(0, 0, 0, 0.01); visibility: visible; } .aside_right .widget-area { border-left-width: 1px; } .aside_right .widget-area:before { left: 0; } .aside_left .widget-area { border-right-width: 1px; } .aside_left .widget-area:before { right: 0; } .widget-area.lines-boxed .widget:after { width: 100%; } .widget-area.lines-hidden .widget:after { display: none; } .widget { padding-bottom: 30px; margin-bottom: 30px; position: relative; } .widget:last-child { margin-bottom: 0; padding-bottom: 0; } .widget:last-child:after { display: none; } .widget:after { content: ""; display: block; position: absolute; bottom: 0; width: 1500px; height: 0; visibility: visible; border-width: 1px 0 0; border-style: solid; } .widget > h3 { font-size: 18px; line-height: 22px; } .aside_right .widget:after { left: 0; } .aside_left .widget:after { right: 0; } .with_aside.aside_both .sidebar-1 .widget-area { border-left-width: 1px; } .with_aside.aside_both .sidebar-1 .widget-area:before { left: 0; } .with_aside.aside_both .sidebar-1 .widget-area .widget:after { left: 0; } .with_aside.aside_both .sidebar-2 .widget-area { border-right-width: 1px; } .with_aside.aside_both .sidebar-2 .widget-area:before { right: 0; } .with_aside.aside_both .sidebar-2 .widget-area .widget:after { right: 0; } /* Recent posts */ .Recent_posts ul { margin: 0 !important; } .Recent_posts ul li { margin-bottom: 10px; list-style: none !important; } .Recent_posts ul li:last-child { margin-bottom: 0; } .Recent_posts ul li a { text-decoration: none; } .Recent_posts ul li .desc { margin-left: 80px; padding: 5px 15px; background: #fff; position: relative; min-height: 70px; } .Recent_posts ul li .desc:after { content: ""; display: block; position: absolute; left: 0; top: 0; width: 4px; height: 100%; } .Recent_posts ul li .desc h6 { position: relative; z-index: 2; margin-bottom: 3px; padding-bottom: 3px; border-bottom-width: 1px; border-style: solid; } .Recent_posts ul li .desc .date { position: relative; z-index: 2; } .Recent_posts ul li .desc .date i { display: inline-block; margin-left: 2px; } .Recent_posts ul li.no-img { position: relative; } .Recent_posts ul li.no-img .photo { width: 0; position: static; } .Recent_posts ul li.no-img .desc { margin-left: 0; min-height: inherit; } .Recent_posts ul li .photo { width: 80px; height: 80px; line-height: 0; text-align: center; float: left; position: relative; } .Recent_posts ul li .photo .c { width: 25px; height: 25px; line-height: 25px; z-index: 3; text-align: center; color: #fff; position: absolute; left: -12px; bottom: 12px; font-size: 11px; -webkit-border-radius: 3px; border-radius: 3px; } .Recent_posts ul li a:hover h6, .Recent_posts ul li a:hover .desc .date { color: #fff !important; } .Recent_posts ul li a:hover .desc:after { width: 100%; } /* Formats */ .Recent_posts ul li.format-link .photo { background-color: #eee; background-image: url(../images/link.png); background-position: center; background-repeat: no-repeat; } .Recent_posts ul li.format-quote .photo { background-color: #eee; background-image: url(../images/blockquote.png); background-position: center; background-repeat: no-repeat; background-size: 40% auto; } /* Animation */ .Recent_posts ul li a h6, .Recent_posts ul li a .desc .date, .Recent_posts ul li a .desc:after { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } /* Recent posts | WordPress */ .widget_recent_entries ul li { padding: 5px 15px; background: #fff; position: relative; margin-bottom: 10px; } .widget_recent_entries ul li a { display: block; text-decoration: none; position: relative; z-index: 2; margin-bottom: 3px; padding-bottom: 3px; border-bottom-width: 1px; border-style: solid; } .widget_recent_entries ul li:last-child { margin-bottom: 0; } .widget_recent_entries ul li:after { content: ""; display: block; position: absolute; left: 0; top: 0; width: 4px; height: 100%; } .widget_recent_entries ul li:hover:after { width: 100%; } .widget_recent_entries ul li .post-date { display: block; position: relative; z-index: 2; } .widget_recent_entries ul li:hover a, .widget_recent_entries ul li:hover .post-date { color: #fff; } .widget_recent_entries ul li:hover a, .widget_recent_entries ul li:hover .post-date, .widget_recent_entries ul li:hover:after { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } /* Categories */ .widget_categories ul { list-style-type: square; color: #fff; padding: 5px 30px 5px 10px; } .widget_categories ul li { position: relative; } .widget_categories ul li:after { content: ""; display: block; width: 70px; border-width: 0 0 1px; border-style: solid; border-color: rgba(255, 255, 255, 0.2); position: absolute; right: -30px; bottom: 0; } .widget_categories ul li:last-child:after { display: none; } .widget_categories ul li a { color: #fff !important; display: block; padding: 7px 3px 7px 0; } /* Archives, Custom menu */ .widget_archive ul, .widget_nav_menu ul { list-style-type: square; padding: 5px 30px 5px 10px; background: rgba(0, 0, 0, 0.03); } .widget_archive ul li, .widget_nav_menu ul li { position: relative; } .widget_archive ul li:after, .widget_nav_menu ul li:after { content: ""; display: block; width: 70px; border-width: 0 0 1px; border-style: solid; border-color: rgba(0, 0, 0, 0.1); position: absolute; right: -30px; bottom: 0; } .widget_archive ul li:last-child:after, .widget_nav_menu ul li:last-child:after { display: none; } .widget_archive ul li a, .widget_nav_menu ul li a { display: block; padding: 8px 3px 9px 0; } /* Meta, Pages, RSS */ .widget_meta ul, .widget_pages ul, .widget_rss ul { list-style-type: square; padding: 0 30px 0 0; } .widget_meta ul li a, .widget_pages ul li a, .widget_rss ul li a { display: block; padding: 4px 4px 7px 0; } /* Recent comments */ .widget_mfn_recent_comments ul { margin: 0 !important; } .widget_mfn_recent_comments ul li { padding-bottom: 15px; margin-bottom: 0 !important; background: url(../images/recent_comments.png) no-repeat right 4px top; padding-right: 40px; position: relative; list-style: none !important; } .widget_mfn_recent_comments ul li:last-child { padding-bottom: 5px; } .widget_mfn_recent_comments ul li .date_label { background-color: rgba(0, 0, 0, 0.03); margin-top: 7px; margin-bottom: 5px; position: relative; } .widget_mfn_recent_comments ul li .date_label:after { border-right-color: rgba(0, 0, 0, 0.03); } .widget_mfn_recent_comments ul li:after { content: ""; width: 7px; height: 7px; border-width: 4px; border-style: solid; -webkit-border-radius: 100%; border-radius: 100%; position: absolute; right: 0; top: 11px; display: block; z-index: 1; } .widget_mfn_recent_comments ul li p { margin-bottom: 0; } /* Recent comments*/ .widget_recent_comments ul li { padding-bottom: 5px; padding-top: 6px; background: url(../images/recent_comments.png) no-repeat right 4px top; padding-right: 40px; position: relative; } .widget_recent_comments ul li:last-child { padding-bottom: 5px; } .widget_recent_comments ul li:after { content: ""; width: 7px; height: 7px; border-width: 4px; border-style: solid; -webkit-border-radius: 100%; border-radius: 100%; position: absolute; right: 0; top: 11px; display: block; z-index: 1; } /* Search */ .widget_search input[type="text"] { margin-bottom: 0; width: 100%; } .widget_search .icon_close, .widget_search .icon_search { display: none; } /* Calendar */ .widget_calendar td, .widget_calendar th { padding: 4px 3px; } .widget_calendar caption { padding: 5px; font-size: 14px; } .widget_calendar table tfoot tr:hover td { background: none !important; } /* Flickr */ .Flickr { overflow: hidden; } .Flickr .flickr_badge_image { margin: 0; padding: 0; float: right; margin: 0 1% 2% 1%; width: 23%; } .Flickr .flickr_badge_image a { display: block; line-height: 0; } /* Recent tweets */ .widget_tp_widget_recent_tweets .tp_recent_tweets { clear: none; float: none; } .widget_tp_widget_recent_tweets ul { overflow: hidden; } .widget_tp_widget_recent_tweets ul li:last-child { padding-bottom: 0; } /* Tag cloud */ .widget_mfn_tag_cloud ul { margin-bottom: 0; overflow: hidden; } .widget_mfn_tag_cloud ul li { margin: 0; padding: 0; float: right; margin: 0 0 2px 5px; } .widget_mfn_tag_cloud a { overflow: hidden; white-space: nowrap; display: inline-block; height: 22px; font-size: 12px; padding-left: 8px; margin-left: 1px; } .widget_mfn_tag_cloud a:hover { text-decoration: none; } .widget_mfn_tag_cloud a span { padding-right: 8px; height: 22px; line-height: 22px; display: block; float: right; } /* Muffin menu */ .widget_mfn_menu ul li a { display: block; padding: 7px 10px; margin-bottom: 5px; background: #fff; border: 1px solid rgba(0, 0, 0, 0.04); color: #858585; } .widget_mfn_menu ul li a:hover, .widget_mfn_menu ul li.current-menu-item:not(.current-menu-ancestor) > a, .widget_mfn_menu ul li.current_page_item:not(.current_page_ancestor) > a { text-decoration: none; color: #fff !important; } .widget_mfn_menu ul li ul li a { padding-right: 20px; } .widget_mfn_menu ul li ul li a:before { content: "-"; margin-left: 5px; } .widget_mfn_menu ul li ul li ul li a { padding-right: 40px; } .widget_mfn_menu ul li ul li ul li ul li a { padding-right: 60px; } .widget_mfn_menu ul.submenus-hover li ul { overflow: hidden; max-height: 0; -webkit-transition: max-height 1s ease-in-out; -moz-transition: max-height 1s ease-in-out; -o-transition: max-height 1s ease-in-out; transition: max-height 1s ease-in-out; } .widget_mfn_menu ul.submenus-hover li.current_page_item > ul, .widget_mfn_menu ul.submenus-hover li:hover > ul { max-height: 10000px; } .widget_mfn_menu ul.submenu-active li.current-menu-parent > ul { max-height: 10000px; } .widget_mfn_menu ul.submenus-click li ul { overflow: hidden; max-height: 0; } .widget_mfn_menu ul.submenus-click li.hover > ul { max-height: 10000px; } /* Muffin login */ .mfn-login { overflow: hidden; } .mfn-login form p { margin-bottom: 5px; } .mfn-login form input { margin-bottom: 0; } .mfn-login .sep { margin: 0 7px; } .mfn-login .avatar-wrapper { float: right; width: 64px; margin: 0 0 10px 10px; } .mfn-login .author { float: right; } .mfn-login .alert { padding: 5px 10px; margin-bottom: 5px; } /* Portfolio ----------------------------------------------------------------------- */ .portfolio_group { margin: 0 !important; } .portfolio_group .portfolio-item { list-style: none !important; float: right; } .portfolio_group .portfolio-item.isotope-grid-sizer { margin: 0 !important; } .portfolio_group:not(.list) .portfolio-item { background: none !important; } .portfolio_group .portfolio-item .list_style_header { display: none; overflow: hidden; margin-bottom: 20px; position: relative; min-height: 46px; padding-left: 275px; } .portfolio_group .portfolio-item .list_style_header h3 { margin-bottom: 0; margin-top: 7px; } .portfolio_group .portfolio-item .list_style_header .links_wrapper { position: absolute; left: 0; top: 0; } .portfolio_group .portfolio-item .list_style_header .links_wrapper a { margin-bottom: 0; } .portfolio_group .portfolio-item .list_style_header .links_wrapper a:last-child { margin-left: 0; } .portfolio_group .portfolio-item:first-child .list_style_header .links_wrapper a.portfolio_prev_js { display: none; } .portfolio_group .portfolio-item:last-child .list_style_header .links_wrapper a.portfolio_next_js { display: none; } .portfolio_group .portfolio-item .image_frame { width: 100%; margin-bottom: 0; } .portfolio_group .portfolio-item .desc { padding: 20px; background: #fff; overflow: hidden; } .portfolio_group .portfolio-item .desc .title_wrapper { position: relative; padding-left: 43px; } .portfolio_group .portfolio-item .desc .title_wrapper h5 { margin-bottom: 0; } .portfolio_group .portfolio-item .desc .title_wrapper .button-love { position: absolute; left: 0; top: 0; } .portfolio_group .portfolio-item .desc .title_wrapper .button-love a.mfn-love { display: inline-block; position: relative; padding-right: 24px; } .portfolio_group .portfolio-item .desc .title_wrapper .button-love a.mfn-love i { position: absolute; right: 0; top: 0; font-size: 16px; } .portfolio_group .portfolio-item .desc .title_wrapper .button-love a.mfn-love:hover { text-decoration: none; } .portfolio_group .portfolio-item .desc .title_wrapper .button-love a.mfn-love i:last-child { opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .portfolio_group .portfolio-item .desc .title_wrapper .button-love a:hover.mfn-love i:last-child, .portfolio_group .portfolio-item .desc .title_wrapper .button-love a.loved.mfn-love i:last-child { opacity: 1; filter: alpha(opacity=100); } .portfolio_group .portfolio-item .desc .desc-wrapper { margin-left: 280px; } .portfolio_group .portfolio-item .desc .details-wrapper { float: left; width: 240px; padding-right: 19px; border-right-width: 1px; border-style: solid; } .portfolio_group .portfolio-item .desc .details-wrapper dl { margin-bottom: 0; } .portfolio_group .portfolio-item .desc .details-wrapper dl > dt { padding: 2px 0; border: 0; width: 80px; } .portfolio_group .portfolio-item .desc .details-wrapper dl > dd { padding: 2px 0; border: 0; margin-right: 90px; } /* List */ .portfolio_group.list .portfolio-item { width: 100%; border-bottom-width: 0; border-style: solid; } .portfolio_group.list .portfolio-item .portfolio-item-fw-bg { background-position: top center; background-repeat: repeat; padding: 35px 0; } .portfolio_group:not(.list) .portfolio-item .portfolio-item-fw-bg { background: none !important; } body.with_aside .portfolio_group.list .portfolio-item .portfolio-item-fw-bg { padding-right: 5%; padding-left: 5%; } body:not(.with_aside) .portfolio_group.list .portfolio-item .portfolio-item-fw-wrapper { width: 1176px; margin: 0 auto; } .portfolio_group.list .portfolio-item .list_style_header { display: block; } .portfolio_group.list .portfolio-item .desc { background: none; padding: 20px 0 0; } .portfolio_group.list .portfolio-item .desc .title_wrapper { display: none; } /* Flat */ .portfolio_group.flat .portfolio-item { width: 33.3%; } .portfolio_group.flat .portfolio-item .image_frame { border: 0; } .portfolio_group.flat .portfolio-item .image_frame .mask { box-shadow: 0 0 0 0; -webkit-box-shadow: 0 0 0 0; } .portfolio_group.flat .portfolio-item .desc { display: none; } /* Grid */ .portfolio_group.grid .portfolio-item { width: 31.2%; margin: 0 1% 20px; } .portfolio_group.grid .portfolio-item .desc .desc-wrapper, .portfolio_group.grid .portfolio-item .desc .details-wrapper { display: none; } /* Masonry */ .portfolio_group.masonry .portfolio-item { width: 31.2%; margin: 0 1% 20px; } .portfolio_group.masonry .portfolio-item .desc .title_wrapper { margin-bottom: 15px; } .portfolio_group.masonry .portfolio-item .desc .desc-wrapper { display: block; margin-left: 0; } .portfolio_group.masonry .portfolio-item .desc .details-wrapper { display: none; } /* Masonry hover */ .portfolio_group.masonry-hover .portfolio-item { width: 31.2%; margin: 0 1% 20px; } .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper { position: relative; overflow: hidden; } .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc { opacity: 0; position: absolute; right: 0; top: 0; background-color: rgba(0, 0, 0, 0.3); height: 100%; width: 100%; padding: 10% 10% 50px; box-sizing: border-box; z-index: 2; } .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc h3:after { content: ""; display: block; margin: 15px 0; width: 20px; height: 3px; background: #fff; } .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc h3 a { color: #fff; } .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .desc-inner { height: 100%; overflow: hidden; color: #fff; } .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrappper { bottom: 18px; box-sizing: border-box; right: 0; padding: 0 8% 0 7%; position: absolute; width: 100%; } .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrappper a.zoom, .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrappper a.link, .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrappper a.external { font-size: 25px; color: #fff; position: relative; top: 0; } .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrappper a.zoom { } .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrappper a.link { float: left; } .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrappper a.external { } .portfolio_group.masonry-hover .portfolio-item .image-wrapper { line-height: 0; } .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc.bg-light h3 a, .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc.bg-light .desc-inner, .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc.bg-light .links-wrappper a { color: #444; } .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc.bg-light h3:after { background: #444; } .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper:hover .hover-desc { opacity: 1; } .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrappper a:hover.zoom, .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrappper a:hover.link, .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrappper a:hover.external { top: -3px; } .portfolio_group.masonry-hover .portfolio-item.no-thumbnail .masonry-hover-wrapper .hover-desc { padding: 10%; } .portfolio_group.masonry-hover .portfolio-item.no-thumbnail .masonry-hover-wrapper { overflow: visible; } .portfolio_group.masonry-hover .portfolio-item.no-thumbnail .masonry-hover-wrapper .hover-desc { position: static; opacity: 1; } .portfolio_group.masonry-hover .portfolio-item.no-thumbnail .masonry-hover-wrapper .hover-desc .desc-inner { margin-bottom: 15px; } .portfolio_group.masonry-hover .portfolio-item.no-thumbnail .masonry-hover-wrapper .hover-desc .links-wrappper { position: static; padding: 0; margin-top: 30px; } .portfolio_group.masonry-hover .portfolio-item.no-thumbnail .masonry-hover-wrapper .hover-desc .links-wrappper a.zoom { display: none; } /* Animation */ .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrappper a.zoom, .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrappper a.link, .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrappper a.external, .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } /* Masonry minimal */ .portfolio_group.masonry-minimal .portfolio-item { width: 31.2%; margin: 0 1% 20px; } /* Masonry Flat */ .portfolio_group.masonry-flat { float: right; width: 100.5%; } .portfolio_group.masonry-flat .portfolio-item { width: 24.9%; display: block; float: right; position: relative; } .portfolio_group.masonry-flat .portfolio-item.wide { width: 49.8%; } .portfolio_group.masonry-flat .portfolio-item .portfolio-item-fill { padding-bottom: 78%; } .portfolio_group.masonry-flat .portfolio-item.tall .portfolio-item-fill { padding-bottom: 156%; } .portfolio_group.masonry-flat .portfolio-item.wide .portfolio-item-fill { padding-bottom: 39%; } .portfolio_group.masonry-flat .portfolio-item.tall.wide .portfolio-item-fill { padding-bottom: 78%; } .portfolio_group.masonry-flat .portfolio-item .image_frame { border: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; } .portfolio_group.masonry-flat .portfolio-item .image_frame .image_wrapper { position: static; } .portfolio_group.masonry-flat .portfolio-item .image_frame .mask { box-shadow: 0 0 0 0; -webkit-box-shadow: 0 0 0 0; } .portfolio_group.masonry-flat .portfolio-item .image_frame img { margin: 0 !important; top: 0 !important; } .portfolio_group.masonry-flat .portfolio-item .desc { display: none; } /* Columns 2-6 */ /* Grid, Masonry, Masonry Hover */ .portfolio_group.grid.col-2 .portfolio-item, .portfolio_group.masonry.col-2 .portfolio-item, .portfolio_group.masonry-hover.col-2 .portfolio-item, .portfolio_group.masonry-minimal.col-2 .portfolio-item { width: 47.99%; } .portfolio_group.grid.col-3 .portfolio-item, .portfolio_group.masonry.col-3 .portfolio-item, .portfolio_group.masonry-hover.col-3 .portfolio-item, .portfolio_group.masonry-minimal.col-3 .portfolio-item { width: 31.33%; } .portfolio_group.grid.col-4 .portfolio-item, .portfolio_group.masonry.col-4 .portfolio-item, .portfolio_group.masonry-hover.col-4 .portfolio-item, .portfolio_group.masonry-minimal.col-4 .portfolio-item { width: 22.99%; } .portfolio_group.grid.col-5 .portfolio-item, .portfolio_group.masonry.col-5 .portfolio-item, .portfolio_group.masonry-hover.col-5 .portfolio-item, .portfolio_group.masonry-minimal.col-5 .portfolio-item { width: 18.99%; margin: 0 0.5% 20px; } .portfolio_group.grid.col-6 .portfolio-item, .portfolio_group.masonry.col-6 .portfolio-item, .portfolio_group.masonry-hover.col-6 .portfolio-item, .portfolio_group.masonry-minimal.col-6 .portfolio-item { width: 15.66%; margin: 0 0.5% 20px; } /* Flat */ .portfolio_group.flat.col-2 .portfolio-item { width: 49.99%; } .portfolio_group.flat.col-3 .portfolio-item { width: 33.33%; } .portfolio_group.flat.col-4 .portfolio-item { width: 24.99%; } .portfolio_group.flat.col-5 .portfolio-item { width: 19.99%; } .portfolio_group.flat.col-6 .portfolio-item { width: 16.66%; } /* Exposure */ .portfolio_group.exposure { } .portfolio_group.exposure .portfolio-item { width: 100%; position: relative; } .portfolio_group.exposure .portfolio-item a.link { display: block; } .portfolio_group.exposure .portfolio-item .image-wrapper { line-height: 0; } .portfolio_group.exposure .portfolio-item .image-wrapper .mask { position: absolute; right: 0; top: 0; width: 100%; height: 100%; z-index: 1; background: rgba(0, 0, 0, 0.5); opacity: 0; } .portfolio_group.exposure .portfolio-item .desc-inner { position: absolute; right: 0; top: 30px; z-index: 2; width: 100%; } .portfolio_group.exposure .portfolio-item .desc-inner .desc-wrapper-inner { padding: 0 35px; margin: 0 1%; width: 98%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .full-width .portfolio_group.exposure .portfolio-item .desc-inner { top: 70px; } .full-width .portfolio_group.exposure .portfolio-item .desc-inner .desc-wrapper-inner { padding: 0; } .portfolio_group.exposure .portfolio-item .desc-inner .line { display: block; width: 0; height: 4px; margin-bottom: 20px; } .portfolio_group.exposure .portfolio-item .desc-inner .entry-title { margin-bottom: 20px; } .portfolio_group.exposure .portfolio-item .desc-inner .desc-wrappper { width: 75%; opacity: 0.7; } .portfolio_group.exposure .portfolio-item .details-wrapper { position: absolute; left: 0; bottom: 5px; z-index: 2; width: 100%; } .portfolio_group.exposure .portfolio-item .details-wrapper .details-wrapper-inner { padding: 0 25px; margin: 0 1%; width: 98%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .full-width .portfolio_group.exposure .portfolio-item .details-wrapper { bottom: 35px; } .full-width .portfolio_group.exposure .portfolio-item .details-wrapper .details-wrapper-inner { padding: 0; } .portfolio_group.exposure .portfolio-item .details-wrapper .column { float: left; opacity: 0; -webkit-transform: translateY(-7%); transform: translateY(-7%); border-top: 1px solid rgba(255, 255, 255, 0.4); padding: 20px 10px; margin-bottom: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .portfolio_group.exposure .portfolio-item .details-wrapper .column h5.label { font-weight: 400; margin-bottom: 8px; } .portfolio_group.exposure .portfolio-item .details-wrapper .column h5 { font-weight: 700; } /* Colors */ .portfolio_group.exposure .portfolio-item .desc-inner .entry-title, .portfolio_group.exposure .portfolio-item .desc-inner .desc-wrappper, .portfolio_group.exposure .portfolio-item .desc-inner .desc-wrappper h2, .portfolio_group.exposure .portfolio-item .desc-inner .desc-wrappper h3, .portfolio_group.exposure .portfolio-item .desc-inner .desc-wrappper h4, .portfolio_group.exposure .portfolio-item .desc-inner .desc-wrappper h5, .portfolio_group.exposure .portfolio-item .desc-inner .desc-wrappper h6, .portfolio_group.exposure .portfolio-item .details-wrapper h5, .portfolio_group.exposure .portfolio-item .details-wrapper h5 a { color: #fff; } /* Hover */ .portfolio_group.exposure .portfolio-item .desc-inner .line, .portfolio_group.exposure .portfolio-item .image-wrapper .mask { -webkit-transition: all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1); } .portfolio_group.exposure .portfolio-item .details-wrapper .column { -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .portfolio_group.exposure .portfolio-item .details-wrapper .column:first-child { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } .portfolio_group.exposure .portfolio-item .details-wrapper .column:nth-child(2) { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } .portfolio_group.exposure .portfolio-item .details-wrapper .column:nth-child(3) { -webkit-transition-delay: 0.4s; transition-delay: 0.4s; } .portfolio_group.exposure .portfolio-item:hover .desc-inner .line { width: 100px; } .portfolio_group.exposure .portfolio-item:hover .image-wrapper .mask { opacity: 1; } .portfolio_group.exposure .portfolio-item:hover .details-wrapper .column { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } .section_wrapper .portfolio_wrapper .column.one.pager_wrapper .hover-desc { margin: 40px 0 !important; } .template-slider .section-portfolio-header { margin-top: 30px; } /* Intro ------------------------------------------------------------------------- */ #Intro { text-align: center; position: relative; background-color: #000119; background-position: center top; } #Intro .intro-inner { position: relative; padding: 250px 10%; } #Intro .intro-title { margin-bottom: 20px; word-wrap: break-word; } #Intro .intro-meta > div { display: inline-block; margin: 0 10px; } #Intro .intro-next { cursor: pointer; font-size: 38px; height: 50px; right: 50%; bottom: 30px; line-height: 50px; margin: 0 -25px 0 0; position: absolute; text-align: center; width: 50px; z-index: 1; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #Intro.parallax { overflow: hidden; } #Intro.parallax .mfn-parallax { position: absolute; right: 0; top: 0; max-width: auto !important; transition: opacity 0.2s; } /* Light */ #Intro .intro-title { color: #fff; } #Intro .intro-meta, #Intro .intro-meta a { color: rgba(255, 255, 255, 0.7); } #Intro .intro-next { color: rgba(255, 255, 255, 0.2); } #Intro .intro-next:hover { color: rgba(255, 255, 255, 0.5); } /* Dark */ #Intro.light .intro-title { color: #212121; } #Intro.light .intro-meta, #Intro.light .intro-meta a { color: rgba(33, 33, 33, 0.7); } #Intro.light .intro-next { color: rgba(33, 33, 33, 0.2); } #Intro.light .intro-next:hover { color: rgba(33, 33, 33, 0.5); } .quick_fact .number { font-size: 90px; line-height: 90px; } /* Logo | Advanced */ .logo-valign-top #Top_bar #logo img { vertical-align: top; } .logo-valign-bottom #Top_bar #logo img { vertical-align: bottom; } .logo-no-margin #Top_bar .logo { margin-right: 0 !important; padding: 0 !important; } .logo-no-margin.header-plain #Top_bar .logo { margin: 0 !important; } .logo-no-margin #Header_creative .logo { margin-top: 0 !important; } .logo-no-margin.header-fw #Top_bar .column { margin: 0; width: 100%; } .logo-no-sticky-padding #Top_bar.is-sticky #logo { padding: 0 !important; } .logo-no-sticky-padding #Top_bar.is-sticky #logo img.logo-sticky { max-height: 60px; } .logo-overflow #Top_bar .logo { height: 60px; position: relative; z-index: 198; } .logo-overflow #Top_bar #logo { height: auto !important; margin-top: 0 !important; z-index: 199; } .logo-overflow #Top_bar #logo img { max-height: none; z-index: 200; } .logo-overflow #Top_bar.is-sticky #logo { height: auto !important; } .logo-overflow #Top_bar.is-sticky #logo img.logo-sticky:not(.svg) { max-height: 110px; } .logo-overflow.header-creative #Top_bar:not(.is-sticky) .logo, .logo-overflow.header-stack #Top_bar:not(.is-sticky) .logo { height: auto; } #Filters.only .filters_buttons { display: none; } #Filters.only .filters_wrapper { display: block; } #Filters.only li.reset-inner { display: inline-block; } #Filters.only li.close { display: none !important; } #Filters.only-categories .categories { display: block; } #Filters.only-categories .tags { display: none !important; } #Filters.only-categories .authors { display: none !important; } #Filters.only-tags .categories { display: none !important; } #Filters.only-tags .tags { display: block; } #Filters.only-tags .authors { display: none !important; } #Filters.only-authors .categories { display: none !important; } #Filters.only-authors .tags { display: none !important; } #Filters.only-authors .authors { display: block; } #Filters .filters_wrapper ul li a { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .portfolio_slider_ul, ul.testimonials-slider { background: none !important; } .portfolio_slider_ul li, ul.testimonials-slider > * { visibility: visible !important; } a#back_to_top.button .button_icon { padding: 2px 7px; } .content_slider .content_slider_ul.carouFredSel { opacity: 1; } /* Code Hightlighter ----------------------------------------------------------------- */ code, pre, q { font-family: Consolas, monospace !important; border: 1px solid #e8e8e8; background: #fff; -webkit-border-radius: 3px; border-radius: 3px; } code, q { padding: 2px 4px; white-space: nowrap; margin: 0 2px; color: #2991d6; } pre { padding: 21px 15px 20px; margin: 15px 0; display: block; line-height: 21px !important; background: #fff; background: -moz-linear-gradient(top, #fff 50%, #fafafa 50%); background: -webkit-linear-gradient(top, #fff 50%, #fafafa 50%); background: -o-linear-gradient(top, #fff 50%, #fafafa 50%); background: linear-gradient(top, #fff 50%, #fafafa 50%); background-size: 42px 42px; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; } code p, pre p { margin-bottom: 0 !important; } #contactWrapper.no_border input, #contactWrapper.no_border select, #contactWrapper.no_border textarea { border-width: 0px; } @media only screen and (max-width: 767px) { .mcb-wrap[data-mobile="no-up"] { margin-top: 0 !important; } } /* Share | Simple | .share-simple-wrapper */ .share-simple .post-header .title_wrapper { margin-right: 0; padding-right: 0; border-right-width: 0; } .share-simple-wrapper { border-top: 1px solid rgba(0, 0, 0, 0.08); padding: 15px 0; text-align: right; } .share-simple-wrapper .share-label { margin-left: 10px; } .share-simple-wrapper .icons { display: inline; } .share-simple-wrapper .icons a { padding: 0 5px; color: #a8a8a8; } .share-simple-wrapper .icons .facebook:hover { color: #3b5998; } .share-simple-wrapper .icons .twitter:hover { color: #1da1f2; } .share-simple-wrapper .icons .google:hover { color: #dc4e41; } .share-simple-wrapper .icons .linkedin:hover { color: #0077b5; } .share-simple-wrapper .icons .pinterest:hover { color: #bd081b; } .share-simple-wrapper .button-love { float: left; } .share-simple-wrapper .mfn-love { position: relative; display: inline-block; padding-right: 24px; margin-right: 5px; } .share-simple-wrapper .mfn-love i { position: absolute; right: 0; top: 0; font-size: 16px; } .share-simple-wrapper .mfn-love:hover { text-decoration: none; } .share-simple-wrapper .mfn-love i:last-child { opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .share-simple-wrapper .mfn-love:hover i:last-child, .share-simple-wrapper .mfn-love.loved i:last-child { opacity: 1; filter: alpha(opacity=100); } .offer a.slider_prev, .offer a.slider_next { background: #262626; margin: 0; position: absolute; } .offer a.slider_prev:after, .offer a.slider_next:after { background: rgba(0, 0, 0, 0.2); } .offer a.slider_prev .button_icon, .offer a.slider_next .button_icon { padding: 0; width: 46px; height: 46px; line-height: 46px; font-size: 13px; text-align: center; } .offer a.slider_prev .button_icon i, .offer a.slider_next .button_icon i { color: #fff; } .offer a.slider_prev { right: 50px; top: 50%; z-index: 2; margin-top: -69px; border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; } .offer a.slider_next { right: 50px; top: 50%; z-index: 2; margin-top: 23px; border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; } .offer .slider_pagination { opacity: 0; right: 50px; top: 50%; color: #6c6c6c; margin-top: -23px; position: absolute; z-index: 1; width: 46px; height: 46px; line-height: 46px; text-align: center; font-size: 13px; background: #1c1c1c; } .offer .slider_pagination.show { opacity: 1; } .offer .slider_pagination .current, .offer .slider_pagination .count { color: #fff; } .style-simple .dark .quick_fact .number-wrapper { color: #fff; } a.action_button { display: block; padding: 11px 20px; line-height: 21px; float: right; position: relative; box-sizing: border-box; border-radius: 5px; overflow: hidden; } a.action_button:hover { text-decoration: none; } /* Blockquote */ .dark blockquote { background-image: url(../images/textline_dark.png); } .dark blockquote:after { background-image: url(../images/blockquote_dark.png); } /* Wrap | Equal Height */ .equal-height-wrap .mcb-wrap .mcb-wrap-inner { position: relative; float: right; width: 100%; } .equal-height-wrap .mcb-wrap.valign-middle .mcb-wrap-inner { top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .equal-height-wrap .mcb-wrap.valign-bottom .mcb-wrap-inner { top: 100%; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } #Content.no-padding, .template-slider #Content, .with_aside #Content { padding-top: 0px !important; } #Top_bar .menu li ul li a span .icon-forward::before { transform: scaleX(-1); } rs-layer[data-type="text"], rs-layer[data-type="button"] { direction: rtl; } .column.one-fourth.column_quick_fact { float: left; }