/* |------------------------------------------------------------------------- | Be | Global style | version 2.6 | 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) ================================================== */ 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:left;} .with_aside .section_wrapper { max-width:98%; max-width:calc( 100% - 20px );} .with_aside .four.columns { float:right; margin:0;} .aside_left .sections_group { float:right;} .aside_left .four.columns { float:left;} /* Sidebar - Both | .aside_both */ .aside_both .sections_group { width:60%; margin-left:20%;} .aside_both .sidebar.columns { width:18%;} .aside_both .sidebar-1 { float:left !important; margin-left:-79%;} /* Column ---------------------------------------------------------------------------- */ /* Column | Margin - Horizontal */ .no-margin-h .column { margin-left:0; margin-right: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_left{text-align:left} .column_attr.align_right{text-align:right} .column_attr.align_center{text-align:center} .column_attr.align_justify{text-align:justify} .mcb-wrap { float:left; 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-right: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,.03); box-shadow:inset 0 0 0 1px rgba(0,0,0,.03); background-image:url(../img/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:left; position:relative; z-index:2;} a.button .button_icon { display:block; float:left; background:rgba(0,0,0,.05);} a.button .button_icon i { color:rgba(0,0,0,.5);} /* Button icon left */ a.button.button_left .button_icon,a.tp-button.button_left .button_icon { float:left;} a.button.button_right .button_icon,a.tp-button.button_right .button_icon { float:right;} /* 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; left:0; top:0; height:100%; width:0; z-index:1; -webkit-transition:all .3s; -moz-transition:all .3s; transition:all .3s; background:rgba(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 .3s; -moz-transition:all .3s; transition:all .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,.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,.5) !important;} /* Paddings */ .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 .button_label,.button-stroke a.button_right.button_large .button_label { padding-right:0;} .button-stroke a.button_left.button_large .button_icon { padding-left:27px;} .button-stroke a.button_right.button_large .button_icon { padding-right: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-right:.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-left:.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-heart-fa:before { content:'\e800';} .icon-wallet-line:before { content:'\e801';} .icon-comment-fa:before { content:'\e802';} .icon-comment-empty-fa:before { content:'\e803';} .icon-note:before { content:'\e804';} .icon-note-beamed:before { content:'\e805';} .icon-music:before { content:'\e806';} .icon-search:before { content:'\e807';} .icon-flashlight:before { content:'\e808';} .icon-mail:before { content:'\e809';} .icon-star:before { content:'\e80a';} .icon-star-empty:before { content:'\e80b';} .icon-user:before { content:'\e80c';} .icon-users:before { content:'\e80d';} .icon-user-add:before { content:'\e80e';} .icon-video:before { content:'\e80f';} .icon-picture:before { content:'\e810';} .icon-camera:before { content:'\e811';} .icon-layout:before { content:'\e812';} .icon-menu:before { content:'\e813';} .icon-check:before { content:'\e814';} .icon-cancel:before { content:'\e815';} .icon-cancel-circled:before { content:'\e816';} .icon-cancel-squared:before { content:'\e817';} .icon-plus:before { content:'\e818';} .icon-plus-circled:before { content:'\e819';} .icon-plus-squared:before { content:'\e81a';} .icon-minus:before { content:'\e81b';} .icon-minus-circled:before { content:'\e81c';} .icon-minus-squared:before { content:'\e81d';} .icon-help:before { content:'\e81e';} .icon-help-circled:before { content:'\e81f';} .icon-info:before { content:'\e820';} .icon-info-circled:before { content:'\e821';} .icon-back:before { content:'\e822';} .icon-home:before { content:'\e823';} .icon-link:before { content:'\e824';} .icon-attach:before { content:'\e825';} .icon-lock:before { content:'\e826';} .icon-lock-open:before { content:'\e827';} .icon-eye:before { content:'\e828';} .icon-tag:before { content:'\e829';} .icon-bookmark:before { content:'\e82a';} .icon-bookmarks:before { content:'\e82b';} .icon-flag:before { content:'\e82c';} .icon-thumbs-up:before { content:'\e82d';} .icon-thumbs-down:before { content:'\e82e';} .icon-download:before { content:'\e82f';} .icon-upload:before { content:'\e830';} .icon-upload-cloud:before { content:'\e831';} .icon-reply:before { content:'\e832';} .icon-reply-all:before { content:'\e833';} .icon-forward:before { content:'\e834';} .icon-quote:before { content:'\e835';} .icon-code:before { content:'\e836';} .icon-export:before { content:'\e837';} .icon-pencil:before { content:'\e838';} .icon-feather:before { content:'\e839';} .icon-print:before { content:'\e83a';} .icon-retweet:before { content:'\e83b';} .icon-keyboard:before { content:'\e83c';} .icon-chat:before { content:'\e83d';} .icon-bell:before { content:'\e83e';} .icon-attention:before { content:'\e83f';} .icon-alert:before { content:'\e840';} .icon-vcard:before { content:'\e841';} .icon-address:before { content:'\e842';} .icon-location:before { content:'\e843';} .icon-map:before { content:'\e844';} .icon-direction:before { content:'\e845';} .icon-compass:before { content:'\e846';} .icon-cup:before { content:'\e847';} .icon-trash:before { content:'\e848';} .icon-doc:before { content:'\e849';} .icon-docs:before { content:'\e84a';} .icon-doc-landscape:before { content:'\e84b';} .icon-doc-text:before { content:'\e84c';} .icon-doc-text-inv:before { content:'\e84d';} .icon-newspaper:before { content:'\e84e';} .icon-book-open:before { content:'\e84f';} .icon-book:before { content:'\e850';} .icon-folder:before { content:'\e851';} .icon-archive:before { content:'\e852';} .icon-box:before { content:'\e853';} .icon-rss:before { content:'\e854';} .icon-phone:before { content:'\e855';} .icon-cog:before { content:'\e856';} .icon-tools:before { content:'\e857';} .icon-share:before { content:'\e858';} .icon-shareable:before { content:'\e859';} .icon-basket:before { content:'\e85a';} .icon-bag:before { content:'\e85b';} .icon-calendar:before { content:'\e85c';} .icon-login:before { content:'\e85d';} .icon-logout:before { content:'\e85e';} .icon-mic:before { content:'\e85f';} .icon-mute:before { content:'\e860';} .icon-sound:before { content:'\e861';} .icon-volume:before { content:'\e862';} .icon-clock:before { content:'\e863';} .icon-hourglass:before { content:'\e864';} .icon-lamp:before { content:'\e865';} .icon-light-down:before { content:'\e866';} .icon-light-up:before { content:'\e867';} .icon-adjust:before { content:'\e868';} .icon-block:before { content:'\e869';} .icon-resize-full:before { content:'\e86a';} .icon-resize-small:before { content:'\e86b';} .icon-popup:before { content:'\e86c';} .icon-publish:before { content:'\e86d';} .icon-window:before { content:'\e86e';} .icon-arrow-combo:before { content:'\e86f';} .icon-down-circled:before { content:'\e870';} .icon-left-circled:before { content:'\e871';} .icon-right-circled:before { content:'\e872';} .icon-up-circled:before { content:'\e873';} .icon-down-open:before { content:'\e874';} .icon-left-open:before { content:'\e875';} .icon-right-open:before { content:'\e876';} .icon-up-open:before { content:'\e877';} .icon-down-open-mini:before { content:'\e878';} .icon-left-open-mini:before { content:'\e879';} .icon-right-open-mini:before { content:'\e87a';} .icon-up-open-mini:before { content:'\e87b';} .icon-down-open-big:before { content:'\e87c';} .icon-left-open-big:before { content:'\e87d';} .icon-right-open-big:before { content:'\e87e';} .icon-up-open-big:before { content:'\e87f';} .icon-down:before { content:'\e880';} .icon-left:before { content:'\e881';} .icon-right:before { content:'\e882';} .icon-up:before { content:'\e883';} .icon-down-dir:before { content:'\e884';} .icon-left-dir:before { content:'\e885';} .icon-right-dir:before { content:'\e886';} .icon-up-dir:before { content:'\e887';} .icon-down-bold:before { content:'\e888';} .icon-left-bold:before { content:'\e889';} .icon-right-bold:before { content:'\e88a';} .icon-up-bold:before { content:'\e88b';} .icon-down-thin:before { content:'\e88c';} .icon-left-thin:before { content:'\e88d';} .icon-right-thin:before { content:'\e88e';} .icon-up-thin:before { content:'\e88f';} .icon-ccw:before { content:'\e890';} .icon-cw:before { content:'\e891';} .icon-arrows-ccw:before { content:'\e892';} .icon-level-down:before { content:'\e893';} .icon-level-up:before { content:'\e894';} .icon-shuffle:before { content:'\e895';} .icon-loop:before { content:'\e896';} .icon-switch:before { content:'\e897';} .icon-play:before { content:'\e898';} .icon-stop:before { content:'\e899';} .icon-pause:before { content:'\e89a';} .icon-record:before { content:'\e89b';} .icon-to-end:before { content:'\e89c';} .icon-to-start:before { content:'\e89d';} .icon-fast-forward:before { content:'\e89e';} .icon-fast-backward:before { content:'\e89f';} .icon-progress-0:before { content:'\e8a0';} .icon-progress-1:before { content:'\e8a1';} .icon-progress-2:before { content:'\e8a2';} .icon-progress-3:before { content:'\e8a3';} .icon-target:before { content:'\e8a4';} .icon-palette:before { content:'\e8a5';} .icon-heart-empty-fa:before { content:'\e8a6';} .icon-list-add:before { content:'\e8a7';} .icon-signal:before { content:'\e8a8';} .icon-trophy:before { content:'\e8a9';} .icon-battery:before { content:'\e8aa';} .icon-back-in-time:before { content:'\e8ab';} .icon-monitor:before { content:'\e8ac';} .icon-mobile:before { content:'\e8ad';} .icon-network:before { content:'\e8ae';} .icon-cd:before { content:'\e8af';} .icon-inbox:before { content:'\e8b0';} .icon-install:before { content:'\e8b1';} .icon-globe:before { content:'\e8b2';} .icon-cloud:before { content:'\e8b3';} .icon-cloud-thunder:before { content:'\e8b4';} .icon-flash:before { content:'\e8b5';} .icon-moon:before { content:'\e8b6';} .icon-flight:before { content:'\e8b7';} .icon-paper-plane:before { content:'\e8b8';} .icon-leaf:before { content:'\e8b9';} .icon-lifebuoy:before { content:'\e8ba';} .icon-mouse:before { content:'\e8bb';} .icon-briefcase:before { content:'\e8bc';} .icon-suitcase:before { content:'\e8bd';} .icon-dot:before { content:'\e8be';} .icon-dot-2:before { content:'\e8bf';} .icon-dot-3:before { content:'\e8c0';} .icon-brush:before { content:'\e8c1';} .icon-magnet:before { content:'\e8c2';} .icon-infinity:before { content:'\e8c3';} .icon-erase:before { content:'\e8c4';} .icon-chart-pie:before { content:'\e8c5';} .icon-chart-line:before { content:'\e8c6';} .icon-chart-bar:before { content:'\e8c7';} .icon-chart-area:before { content:'\e8c8';} .icon-tape:before { content:'\e8c9';} .icon-graduation-cap:before { content:'\e8ca';} .icon-language:before { content:'\e8cb';} .icon-ticket:before { content:'\e8cc';} .icon-water:before { content:'\e8cd';} .icon-droplet:before { content:'\e8ce';} .icon-air:before { content:'\e8cf';} .icon-credit-card:before { content:'\e8d0';} .icon-floppy:before { content:'\e8d1';} .icon-clipboard:before { content:'\e8d2';} .icon-megaphone:before { content:'\e8d3';} .icon-database:before { content:'\e8d4';} .icon-drive:before { content:'\e8d5';} .icon-bucket:before { content:'\e8d6';} .icon-thermometer:before { content:'\e8d7';} .icon-key:before { content:'\e8d8';} .icon-flow-cascade:before { content:'\e8d9';} .icon-flow-branch:before { content:'\e8da';} .icon-flow-tree:before { content:'\e8db';} .icon-flow-line:before { content:'\e8dc';} .icon-flow-parallel:before { content:'\e8dd';} .icon-rocket:before { content:'\e8de';} .icon-gauge:before { content:'\e8df';} .icon-traffic-cone:before { content:'\e8e0';} .icon-cc:before { content:'\e8e1';} .icon-cc-by:before { content:'\e8e2';} .icon-cc-nc:before { content:'\e8e3';} .icon-cc-nc-eu:before { content:'\e8e4';} .icon-cc-nc-jp:before { content:'\e8e5';} .icon-cc-sa:before { content:'\e8e6';} .icon-cc-nd:before { content:'\e8e7';} .icon-cc-pd:before { content:'\e8e8';} .icon-cc-zero:before { content:'\e8e9';} .icon-cc-share:before { content:'\e8ea';} .icon-cc-remix:before { content:'\e8eb';} .icon-github:before { content:'\e8ec';} .icon-github-circled:before { content:'\e8ed';} .icon-flickr:before { content:'\e8ee';} .icon-flickr-circled:before { content:'\e8ef';} .icon-vimeo:before { content:'\e8f0';} .icon-vimeo-circled:before { content:'\e8f1';} .icon-twitter:before { content:'\e8f2';} .icon-twitter-circled:before { content:'\e8f3';} .icon-facebook:before { content:'\e8f4';} .icon-facebook-circled:before { content:'\e8f5';} .icon-facebook-squared:before { content:'\e8f6';} .icon-gplus-circled:before { content:'\e8f8';} .icon-pinterest:before { content:'\e8f9';} .icon-pinterest-circled:before { content:'\e8fa';} .icon-tumblr:before { content:'\e8fb';} .icon-tumblr-circled:before { content:'\e8fc';} .icon-linkedin:before { content:'\e8fd';} .icon-linkedin-circled:before { content:'\e8fe';} .icon-dribbble:before { content:'\e8ff';} .icon-dribbble-circled:before { content:'\e900';} .icon-stumbleupon:before { content:'\e901';} .icon-stumbleupon-circled:before { content:'\e902';} .icon-lastfm:before { content:'\e903';} .icon-lastfm-circled:before { content:'\e904';} .icon-rdio:before { content:'\e905';} .icon-rdio-circled:before { content:'\e906';} .icon-spotify:before { content:'\e907';} .icon-spotify-circled:before { content:'\e908';} .icon-qq:before { content:'\e909';} .icon-instagram:before { content:'\e90a';} .icon-dropbox:before { content:'\e90b';} .icon-evernote:before { content:'\e90c';} .icon-flattr:before { content:'\e90d';} .icon-skype:before { content:'\e90e';} .icon-skype-circled:before { content:'\e90f';} .icon-renren:before { content:'\e910';} .icon-sina-weibo:before { content:'\e911';} .icon-picasa:before { content:'\e913';} .icon-soundcloud:before { content:'\e914';} .icon-mixi:before { content:'\e915';} .icon-behance:before { content:'\e916';} .icon-google-circles:before { content:'\e917';} .icon-vkontakte:before { content:'\e918';} .icon-smashing:before { content:'\e919';} .icon-sweden:before { content:'\e91a';} .icon-db-shape:before { content:'\e91b';} .icon-logo-db:before { content:'\e91c';} .icon-music-line:before { content:'\e91d';} .icon-search-line:before { content:'\e91e';} .icon-mail-line:before { content:'\e91f';} .icon-heart-line:before { content:'\e920';} .icon-star-line:before { content:'\e921';} .icon-user-line:before { content:'\e922';} .icon-videocam-line:before { content:'\e923';} .icon-camera-line:before { content:'\e924';} .icon-photo-line:before { content:'\e925';} .icon-attach-line:before { content:'\e926';} .icon-lock-line:before { content:'\e927';} .icon-eye-line:before { content:'\e928';} .icon-tag-line:before { content:'\e929';} .icon-thumbs-up-line:before { content:'\e92a';} .icon-pencil-line:before { content:'\e92b';} .icon-comment-line:before { content:'\e92c';} .icon-location-line:before { content:'\e92d';} .icon-cup-line:before { content:'\e92e';} .icon-trash-line:before { content:'\e92f';} .icon-doc-line:before { content:'\e930';} .icon-note-line:before { content:'\e931';} .icon-cog-line:before { content:'\e932';} .icon-params-line:before { content:'\e933';} .icon-calendar-line:before { content:'\e934';} .icon-sound-line:before { content:'\e935';} .icon-clock-line:before { content:'\e936';} .icon-lightbulb-line:before { content:'\e937';} .icon-tv-line:before { content:'\e938';} .icon-desktop-line:before { content:'\e939';} .icon-mobile-line:before { content:'\e93a';} .icon-cd-line:before { content:'\e93b';} .icon-inbox-line:before { content:'\e93c';} .icon-globe-line:before { content:'\e93d';} .icon-cloud-line:before { content:'\e93e';} .icon-paper-plane-line:before { content:'\e93f';} .icon-fire-line:before { content:'\e940';} .icon-graduation-cap-line:before { content:'\e941';} .icon-megaphone-line:before { content:'\e942';} .icon-database-line:before { content:'\e943';} .icon-key-line:before { content:'\e944';} .icon-beaker-line:before { content:'\e945';} .icon-truck-line:before { content:'\e946';} .icon-money-line:before { content:'\e947';} .icon-food-line:before { content:'\e948';} .icon-shop-line:before { content:'\e949';} .icon-diamond-line:before { content:'\e94a';} .icon-t-shirt-line:before { content:'\e94b';} .icon-list:before { content:'\e94c';} .icon-duckduckgo:before { content:'\e94d';} .icon-aim:before { content:'\e94e';} .icon-delicious:before { content:'\e94f';} .icon-paypal:before { content:'\e950';} .icon-android:before { content:'\e952';} .icon-eventful:before { content:'\e953';} .icon-smashmag:before { content:'\e954';} .icon-gplus:before { content:'\e955';} .icon-wikipedia:before { content:'\e956';} .icon-lanyrd:before { content:'\e957';} .icon-fivehundredpx:before { content:'\e95a';} .icon-bitcoin:before { content:'\e95c';} .icon-w3c:before { content:'\e95d';} .icon-foursquare:before { content:'\e95e';} .icon-html5:before { content:'\e95f';} .icon-ie:before { content:'\e960';} .icon-call:before { content:'\e961';} .icon-grooveshark:before { content:'\e962';} .icon-ninetyninedesigns:before { content:'\e963';} .icon-forrst:before { content:'\e964';} .icon-digg:before { content:'\e965';} .icon-reddit:before { content:'\e967';} .icon-guest:before { content:'\e968';} .icon-gowalla:before { content:'\e969';} .icon-appstore:before { content:'\e96a';} .icon-blogger:before { content:'\e96b';} .icon-google:before { content:'\e970';} .icon-viadeo:before { content:'\e971';} .icon-instapaper:before { content:'\e972';} .icon-weibo:before { content:'\e973';} .icon-klout:before { content:'\e974';} .icon-meetup:before { content:'\e976';} .icon-vk:before { content:'\e977';} .icon-plancast:before { content:'\e978';} .icon-disqus:before { content:'\e979';} .icon-youtube:before { content:'\e97d';} .icon-windows:before { content:'\e97f';} .icon-xing:before { content:'\e980';} .icon-yahoo:before { content:'\e981';} .icon-chrome:before { content:'\e982';} .icon-email:before { content:'\e983';} .icon-macstore:before { content:'\e984';} .icon-myspace:before { content:'\e985';} .icon-podcast:before { content:'\e986';} .icon-amazon:before { content:'\e987';} .icon-steam:before { content:'\e988';} .icon-cloudapp:before { content:'\e989';} .icon-ebay:before { content:'\e98b';} .icon-googleplay:before { content:'\e98f';} .icon-itunes:before { content:'\e990';} .icon-plurk:before { content:'\e991';} .icon-songkick:before { content:'\e992';} .icon-gmail:before { content:'\e994';} .icon-pinboard:before { content:'\e995';} .icon-openid:before { content:'\e996';} .icon-quora:before { content:'\e997';} .icon-eventasaurus:before { content:'\e99a';} .icon-wordpress:before { content:'\e99b';} .icon-yelp:before { content:'\e99c';} .icon-intensedebate:before { content:'\e99d';} .icon-eventbrite:before { content:'\e99e';} .icon-scribd:before { content:'\e99f';} .icon-posterous:before { content:'\e9a0';} .icon-stripe:before { content:'\e9a1';} .icon-opentable:before { content:'\e9a2';} .icon-cart:before { content:'\e9a3';} .icon-angellist:before { content:'\e9a5';} .icon-dwolla:before { content:'\e9a7';} .icon-appnet:before { content:'\e9a8';} .icon-statusnet:before { content:'\e9a9';} .icon-acrobat:before { content:'\e9aa';} .icon-drupal:before { content:'\e9ab';} .icon-buffer:before { content:'\e9ac';} .icon-pocket:before { content:'\e9ad';} .icon-bitbucket:before { content:'\e9ae';} .icon-lego:before { content:'\e9af';} .icon-stackoverflow:before { content:'\e9b1';} .icon-hackernews:before { content:'\e9b2';} .icon-lkdto:before { content:'\e9b3';} /* |-------------------------------------------------------------------------- | 4.0 Shortcodes | |-------------------------------------------------------------------------- | | | */ /* Intro ------------------------------------------------------------------------- */ #Intro { text-align:center; position:relative; background-color:#000119;} #Intro .intro-inner {position:relative;padding:250px 10%;} #Intro .intro-title { margin-bottom:20px; word-wrap:break-word;} #Intro .intro-meta {} #Intro .intro-meta > div { display:inline-block; margin:0 10px;} #Intro .intro-next { cursor:pointer; font-size:38px; height:50px; left:50%; bottom:30px; line-height:50px; margin:0 0 0 -25px; position:absolute; text-align:center; width:50px; z-index:20; -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;left:0;top:0;max-width:auto!important} /* Light */ #Intro .intro-title { color:#fff;} #Intro .intro-meta, #Intro .intro-meta a { color:rgba(255,255,255,.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,.7);} #Intro.light .intro-next { color:rgba(33,33,33, 0.2);} #Intro.light .intro-next:hover { color:rgba(33,33,33, 0.5);} /* 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-left:30px;margin-bottom:15px} .section-post-related .post-related .fullscreen-container{height:180px!important} .section-post-related .post-related .date_label{position:absolute;left:0;top:30px;z-index:20} .section-post-related .post-related hr{margin-left:30px;width:40%} .section-post-related .post-related a.button{margin-left:30px;margin-bottom:0} .section-post-related .format-quote blockquote{margin-top:70px;margin-left:40px} .section-post-related .format-link .image_frame{height:180px;background-color:rgba(255,255,255,.5);background-image:url(../img/link.png);background-position:center center;background-repeat:no-repeat} .section-post-related .format-standard.no-img .image_frame{display:block;height:180px;background-color:rgba(255,255,255,.5);background-image:url(../img/photo.png);background-position:center 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-left: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-left:0px;} .section-post-related .simple .post-related.format-quote .date_label{margin-bottom:10px;} .section-post-related .simple .format-quote blockquote{margin-top:0px;} /* 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;} .footer-fixed #Intro, .footer-sliding #Intro { z-index:28;} /* Style | Overlay */ .if-overlay .image_frame .image_wrapper .image_links{opacity:0;width:60px;height:60px;bottom:auto;top:50%;left:50%;z-index:4;margin-top:-30px;margin-left:-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-left:-60px} .if-overlay .image_frame .image_wrapper .image_links.triple{width:180px;margin-left:-90px} .if-overlay .image_frame .image_wrapper .image_links.hover-title{width:100%;left:0;margin-left: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 0 0 -30px !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);} .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)} /* Blog slider ----------------------------------------------------------------------- */ .blog_slider .blog_slider_header{position:relative;height:43px;margin-bottom:15px;overflow:hidden;padding-right:110px} .blog_slider .blog_slider_header .title{margin:9px 0 0} .blog_slider .blog_slider_header a.slider_prev{position:absolute;top:0;right:50px;margin:0} .blog_slider .blog_slider_header a.slider_next{position:absolute;top:0;right:0;margin:0} .blog_slider .slider_pagination{margin-top:15px} .blog_slider .blog_slider_ul{margin:0} .blog_slider .blog_slider_ul li{float:left;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-left:30px;margin-bottom:15px;min-height:52px} .blog_slider .blog_slider_ul li .item_wrapper .date_label{position:absolute;left:0;top:30px;z-index:20} .blog_slider .blog_slider_ul li .item_wrapper hr{margin-left:30px;width:40%} .blog_slider .blog_slider_ul li .item_wrapper a.button{margin-left: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-left:40px} .blog_slider .blog_slider_ul li.format-link .item_wrapper .image_frame{height:180px;background-color:rgba(255,255,255,.5);background-image:url(../img/link.png);background-position:center 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-left: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-left:0;width:0} .blog_slider.flat .blog_slider_ul li .item_wrapper .desc a.button{display:none;margin-left: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:.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-right: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,.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,.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{left:10px;right:auto;z-index:2} .blog_slider.flat .blog_slider_header a.button.slider_next{right: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} /* 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_left.button .button_label,.button-flat a.button_left.button_large .button_label{padding-left:0} .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_large .button_icon{padding-left:27px} .button-flat a.button_right.button_large .button_icon{padding-right: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;left:0;top:0;height:100%;width:100%;z-index:1;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;background:rgba(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} } /* Dropcaps -------------------------------------------------------------------------- */ .dropcap{display:inline-block;float:left;width:35px;height:35px;line-height:35px;font-size:20px;margin:0 10px 5px 0;text-align:center;-webkit-border-radius:5px;border-radius:5px;background-image:url(../img/stripes/stripes_10_w.png)} .dropcap_circle{-webkit-border-radius:100%;border-radius:100%} .dropcap.transparent{background:none!important;} /* 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; left:0; bottom:-20px;} .masonry.tiles .post-item:not(.no-img) .post-desc-wrapper .post-desc { background:url(../img/blog_masonry_tile_gradient.png) top left 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-left: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; left:0; top:0; width:100%; height:100%; background:rgba(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-left:0; padding-top:5px;} .masonry.tiles .format-quote blockquote { margin-left: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; left: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,.7);} /* #Typography ==================================================================================================== */ /* Dropcaps */ .dropcap { display:inline-block; float:left; width:35px; height:35px; line-height:35px; font-size:20px; margin:0 10px 5px 0; text-align:center; -webkit-border-radius:5px; border-radius:5px; background-image:url(../img/stripes/stripes_10_w.png);} .dropcap_circle { -webkit-border-radius:100%; border-radius:100%;} /* Highlight */ .highlight { padding:1px 7px; -webkit-border-radius:3px; border-radius:3px; background-image:url(../img/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; left:50%; bottom:110%; z-index:98; margin-left:-85px; background-image:url(../img/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; left:50%; bottom:110%; z-index:98; margin-left:-165px; background-image:url(../img/stripes/stripes_10_w.png);} .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; font-family:Patua One; display:block; height:auto; margin:0 0 35px 25px; top:15px; position:relative; background:url(../img/stripes/textline.png) repeat-y;} blockquote:before { content:"";} blockquote:after { content:""; width:55px; height:40px; background:url(../img/blockquote.png); position:absolute; left:-25px; top:-15px;} .blockquote { margin-bottom:20px;} .blockquote blockquote { margin-bottom:25px;} .blockquote p.author { margin-left:25px;} .blockquote p.author i { margin-right:5px;} /* Alignments */ .alignleft { float:left; margin:15px 15px 15px 0;} .alignright { float:right; margin:15px 0 15px 15px;} .aligncenter { text-align:center; margin:0 auto; display:block;} .aligncenter img { display:inline;} .sticky,.gallery-caption,.bypostauthor { } /* Image frames */ .image_frame,.wp-caption { border-width:8px; border-style:solid; display:block; 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%;} .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;} .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; left:0; top:0; width:100%; height:100%; z-index:2;} .image_frame .image_wrapper img:not(.ls-l) { position:relative; top:0; -webkit-transform:scaleY(1); -moz-transform:scaleY(1); -ms-transform:scaleY(1); -o-transform:scaleY(1); transform:scaleY(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; left:0; top: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; left: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:left;} .image_frame .image_wrapper .image_links.double a:first-child { -webkit-box-shadow:inset -1px 0 0 0 rgba(255,255,255,.2); box-shadow:inset -1px 0 0 0 rgba(255,255,255,.2);} .image_frame .image_wrapper .image_links.triple a { width:33%; display:block; float:left; -webkit-box-shadow:inset -1px 0 0 0 rgba(255,255,255,.2); box-shadow:inset -1px 0 0 0 rgba(255,255,255,.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;} /* Animation */ .image_frame .image_wrapper img,.image_frame .image_wrapper .mask:after,.image_frame .image_wrapper .image_links { -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;} .image_frame .image_wrapper .image_links a { -webkit-transition:all .1s ease-in-out; -moz-transition:all .1s ease-in-out; -o-transition:all .1s ease-in-out; transition:all .1s ease-in-out;} /* Greyscale */ .greyscale .image_wrapper { position:relative; display:block;} .greyscale .image_wrapper .BWfade { z-index:3;} .greyscale .image_wrapper img { top:0 !important; margin-bottom:0 !important;} .greyscale:not(.no_link) .image_wrapper img:not(.ls-l) { margin-bottom:0 !important;} /* fix 4 too strong !important */ .greyscale .image_wrapper .mask { display:none;} /* 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 { position:relative; padding-bottom:56.25%; height:0; overflow:hidden;} .content_video.iframe iframe { position:absolute; top:0; left: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-right:2.5% !important; margin-left:2.5% !important; padding:0 !important; position:relative;} .gallery .gallery-item img { border:0 !important; line-height:0; display:block;} .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;} /* 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 { height:0;} .hr_wide { position:relative; height:1px;} .hr_wide hr { position:absolute; left:-1000px; top:0; width:3000px;} .aside_left .hr_wide hr { left:0;} .aside_right .hr_wide hr { right:0; left: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;} /* Fancy divider */ .fancy-divider svg { display:block;} .fancy-divider svg:not(:root) { overflow:hidden;} /* Section styles */ .section .section-divider { display:block; width:50px; height:50px; position:absolute; left:50%; margin-left:-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 { left:-36px; top:50px;} .section-divider.triple-triangle.up:before { right:-50px; top:-36px;} .section-divider.triple-triangle.down:after { left:-51px; top:35px;} .section-divider.triple-triangle.down:before { right:-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-left:-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-left:-35px; -webkit-border-radius:100%; border-radius:100%;} .section-divider.circle.up { top:-25px;} .section-divider.circle.down { bottom:-25px;} /* Idea box */ .idea_box { padding:25px 25px 25px 70px; position:relative; border-top-width:1px; border-style:solid; background:rgba(0,0,0,.02); clear:both;} .idea_box .icon { font-size:30px; line-height:30px; position:absolute; left:15px; top:50%; margin-top:-15px; color:rgba(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_left { text-align:left;} .single_icon.icon_right { text-align:right;} .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; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-appearance:none; -webkit-border-radius:0; border-radius:0;} /* Lists */ ul { list-style:none outside;} ol { list-style:decimal;} .column_column ul,.column_column 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 { margin:0 0 15px 30px; font-size:15px; line-height:21px;} .column_column ul li,.column_visual ul li,.mfn-acc ul li,.ui-tabs-panel ul li,.the_content_wrapper ul li { list-style:disc outside;} .column_column ul li,.column_column 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 { margin-bottom:10px;} .column_column ul li ul,.column_column 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 { margin-top:10px; margin-bottom:0;} ul.list_mixed,ul.list_check,ul.list_star,ul.list_idea { margin-left: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-left:50px; margin-left: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,.08); position:absolute; left: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(../img/list_check.png) no-repeat 20px 5px;} ul.list_star li,li.list_star { background:url(../img/list_star.png) no-repeat 20px 5px;} ul.list_idea li,li.list_idea { background:url(../img/list_idea.png) no-repeat 20px 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:left; width:100px; font-weight:700;} dl > dd { margin-left:110px;} dl > dd:after { content:""; clear:both; display:block;} /* Alerts */ .alert { margin-bottom:30px; padding:20px 55px 20px 90px; 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,.4); position:absolute; left:10px; top:10px; text-align:center; -webkit-border-radius:5px; border-radius:5px;} .alert a.close { position:absolute; right:15px; top:20px; font-size:20px; line-height:20px;} .alert a.close i { margin:0 !important; color:rgba(0,0,0,.6);} .alert a:hover.close i { color:rgba(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; outline:none; text-decoration:none; text-shadow:0 0 1px rgba(255,255,255,0.3); font-size:15px;} 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 .2s; -moz-transition:-moz-transform 0.3s,opacity .2s; transition:transform 0.3s,opacity .2s;} a.mfn-link-1:before { margin-right:10px; content:'['; -webkit-transform:translateX(20px); -moz-transform:translateX(20px); transform:translateX(20px);} a.mfn-link-1:after { margin-left: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 .3s; -moz-transition:-moz-transform .3s; transition:transform .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%; left:0; width:100%; height:100%; content:attr(data-hover); -webkit-transition:background .3s; -moz-transition:background .3s; transition:background .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%; left:0; width:100%; height:3px; content:''; opacity:0; -webkit-transition:opacity 0.3s,-webkit-transform .3s; -moz-transition:opacity 0.3s,-moz-transform .3s; transition:opacity 0.3s,transform .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%; left:0; width:100%; height:3px; content:''; -webkit-transition:-webkit-transform .3s; -moz-transition:-moz-transform .3s; transition:transform .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 .3s; -moz-transition:top 0.3s,opacity 0.3s,-moz-transform .3s; transition:top 0.3s,opacity 0.3s,transform .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 .3s; -moz-transition:-moz-transform .3s; transition:transform .3s;} a.mfn-link-5:before { position:absolute; top:0; left:0; text-align:left; z-index:-1; padding:10px 20px; width:100%; height:100%; content:attr(data-hover); -webkit-transition:-webkit-transform .3s; -moz-transition:-moz-transform .3s; transition:transform .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; left:0; overflow:hidden; padding:10px 0; max-width:0; border-bottom:2px solid; content:attr(data-hover); -webkit-transition:max-width .5s; -moz-transition:max-width .5s; transition:max-width .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:.2; -webkit-transition:all .3s; -moz-transition:all .3s; transition:all .3s; pointer-events:none;} a.mfn-link-7:before { top:0; left: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.mfn-link-7:after { right:0; bottom: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: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 { left: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 { right: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 .3s; -moz-transition:color .3s; transition:color .3s; position:relative; z-index:1;} a.mfn-link-8:before,a.mfn-link-8:after { position:absolute; width:100%; left:0; top:50%; height:2px; margin-top:-1px; content:''; z-index:-1; -webkit-transition:-webkit-transform 0.3s,opacity .3s; -moz-transition:-moz-transform 0.3s,opacity .3s; transition:transform 0.3s,opacity .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:.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,.05);} a.mfn-link.mfn-link-6 { color:rgba(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;} /* #Content blocks ==================================================================================================== */ /* Accordion & Toggle */ .accordion { } .accordion .accordion_wrapper { } .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 14px 14px 60px; font-size:13px; font-weight:700; position:relative; border-width:0; border-style:solid; cursor:pointer; background-image:url(../img/bg_panel.png); background-repeat:repeat-x; background-position:left top;} .accordion .question .title:before { content:""; width:49px; height:100%; border-width:0 1px 0 0; border-style:solid; position:absolute; left: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; left:15px; top:16px; width:20px; height:20px; text-align:center; color:rgba(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:none;} .accordion .question .title > .acc-icon-minus { display:block;} .accordion .question .answer { padding:15px 20px 20px; overflow:hidden; display:none; background-image:url(../img/box_shadow.png); background-repeat:repeat-x; background-position:left 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:block;} .accordion .question.active .title > .acc-icon-minus { display:none;} .accordion .question.active p:last-child { margin-bottom:0;} /* FAQ */ .faq { } .faq .faq_wrapper { } .faq .question { margin-bottom:5px; overflow:hidden; position:relative; background:rgba(0,0,0,.02);} .faq .question:before { content:""; width:60px; height:100%; border-width:0 1px 0 0; border-style:solid; border-color:rgba(0,0,0,.1); position:absolute; left:0; top:0; z-index:2;} .faq .question:after { content:""; width:60px; height:100%; background:rgba(0,0,0,.03); position:absolute; left:0; top:0; z-index:1;} .faq .question:last-child { margin-bottom:0;} .faq .question .title { padding:20px 40px 20px 80px; font-size:15px; position:relative; cursor:pointer;} .faq .question .title > .acc-icon-plus,.faq .question .title > .acc-icon-minus { font-size:17px; line-height:17px; display:block; position:absolute; right:15px; top:21px; width:20px; height:20px; text-align:center; color:rgba(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:none;} .faq .question .title > .acc-icon-minus { display:block;} .faq .question .title .num { font-weight:700; position:absolute; left:27px; top:20px; font-weight:700;} .faq .question .answer { padding:0 20px 20px 80px; overflow:hidden; display:none;} .faq .question.active .title > .acc-icon-plus { display:block;} .faq .question.active .title > .acc-icon-minus { display:none;} .faq .question.active p:last-child { margin-bottom:0;} .wpb_wrapper .faq { margin-bottom:5px;} .wpb_wrapper .faq .question .title.wpb_toggle { background-position:23px;} .wpb_wrapper .faq .question .answer.wpb_toggle_content { margin:0;} .wpb_wrapper .faq .question .last_toggle_el_margin { margin-bottom:0;} /* Table */ table { width:100%; margin-bottom:15px; border-collapse:collapse !important; 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(../img/bg_panel.png) repeat-x left top;} table th.clear { border:0; background:none;} table tr:first-child td { background:url(../img/box_shadow.png) repeat-x left top;} table tr:nth-child(2n) td { background:rgba(0,0,0,0.01);} /* Animation */ table tr:hover td { -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; transition:all .3s ease-in-out;} /* 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;} table.simple tr:hover td { background:none; color:inherit;} /* Features list */ .feature_list { } .feature_list ul { margin:0; overflow:hidden;} .feature_list ul li { margin:0; list-style:none; width:25%; float:left; 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-right: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 0 0 10px;} .feature_list hr { margin:0;} /* Animation */ .feature_list ul li a { -webkit-transition:all .1s ease-in-out; -moz-transition:all .1s ease-in-out; -o-transition:all .1s ease-in-out; -ms-transition:all .1s ease-in-out; transition:all .1s ease-in-out;} /* List */ .list_item { display:block;} .list_item a { display:block;} .list_item a:hover { text-decoration:none;} .list_item .list_left { width:80px; height:80px; line-height:80px; font-size:50px; overflow:hidden; text-align:center; float:left;} .list_item .list_image { font-size:0;} .list_item .list_left img { max-width:80px !important; max-height:80px !important; vertical-align:middle;} .list_item .list_left i { } .list_item .list_left 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:left; -webkit-border-radius:100%; border-radius:100%; background-image:url(../img/stripes/stripes_3_b.png); -webkit-box-shadow:inset 0 0 5px 0 rgba(0,0,0,.08); box-shadow:inset 0 0 5px 0 rgba(0,0,0,.08);} .list_item .list_right { padding:5px 0 0; margin-left:100px; word-wrap:break-word;} .list_item .list_right h4 { margin-bottom:7px;} .list_item.lists_1 .list_left { -webkit-border-radius:5px; border-radius:5px; background-image:url(../img/stripes/stripes_3_b.png); -webkit-box-shadow:inset 0 0 5px 0 rgba(0,0,0,.1); box-shadow:inset 0 0 5px 0 rgba(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_left img { max-width:60px !important; max-height:60px !important;} .list_item.lists_3 .list_left { float:none; margin-bottom:10px;} .list_item.lists_3 .list_icon { width:auto; text-align:left;} .list_item.lists_3 .list_right { margin-left:0; padding-top:0;} .list_item.lists_3 .list_right h4 { margin-bottom:10px;} .list_item.lists_4 .list_right { padding-top:21px;} /* 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; font-family:Patua One; margin:0 5px;} .pricing-box .plan-header .price sup.currency { font-size:20px; line-height:20px; top:-10px; font-family:Patua One; position:relative;} .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,.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-right: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:right !important;} .pricing-box-label,.pricing-box-table { border:0; background:none;} .pricing-box-label .plan-inside,.pricing-box-table .plan-inside { padding-left:0; padding-right:0;} .pricing-box-table.pricing-box-featured { background:rgba(0,0,0,.02); padding-left:10px; padding-right:10px;} /* Content slider */ .content_slider { padding:0 140px 42px; position:relative;} .content_slider .caroufredsel_wrapper { border-width:8px; border-style:solid; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} .content_slider ul { line-height:0;} .content_slider ul li { display:block; float:left;} .content_slider a.slider_prev,.content_slider a.slider_next { position:absolute; top:50%; margin:-43px 0 0;} .content_slider a.slider_prev { left:50px;} .content_slider a.slider_next { right:50px;} .content_slider .slider_pagination { position:absolute; left:0; bottom:0; width:100%;} .content_slider.flat { padding:0 140px;} .content_slider.flat .caroufredsel_wrapper { border-width:0;} .content_slider.flat a.button { background-color:transparent; background-image:none; box-shadow:none;} .content_slider.flat a.button:after { display:none;} .content_slider.flat a.button .button_icon { background:none; padding:0; font-size:50px; opacity:.3;} .content_slider.flat a:hover.button .button_icon { opacity:1;} .content_slider.flat a.slider_prev { left:50px;} .content_slider.flat a.slider_next { right:50px;} .content_slider.flat .slider_pagination { display:none !important;} /* Animation */ .content_slider.flat a.button .button_icon { -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;} /* Offer slider */ .offer .offer_ul { margin:0 !important;} .offer .offer_li { display:block; float:left;} .offer .offer_li .image_wrapper { float:left; width:50%; line-height:0;} .offer .offer_li .image_wrapper img { float:right;} .offer .offer_li .desc_wrapper { float:left; width:570px; margin:30px 12px 30px 30px;} .offer .offer_li .desc_wrapper .title { margin-bottom:30px; position:relative; min-height:43px; padding-right:160px;} .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,.1); font-style:normal;} .offer .offer_li .desc_wrapper .title a.button { margin:0; position:absolute; right:0; top:0;} .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,.2);} .offer a.slider_prev .button_icon,.offer a.slider_next .button_icon { padding:0; width:46px; height:46px; line-height:46px; text-align:center;} .offer a.slider_prev .button_icon i,.offer a.slider_next .button_icon i { color:#fff;} .offer a.slider_prev { left:50px; top:50%; z-index:2; margin-top:-68px; border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0;} .offer a.slider_next { left: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; left: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;} /* Offer thumb */ .offer_thumb { position:relative; padding-left:120px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} .offer_thumb_ul li.offer_thumb_li { float:left; display:block; padding-left: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:right; width:57%;} .offer_thumb_ul li.offer_thumb_li .desc_wrapper { float:left; width:39%; margin-right:4%; padding-top:20px;} .offer_thumb_ul li.offer_thumb_li .desc_wrapper .title { margin-bottom:30px; position:relative; min-height:43px; padding-right:160px;} .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; right:0; top:0;} /* Animation */ .offer_thumb .slider_pagination a img { -webkit-transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out; transition:all .4s ease-in-out;} .offer_thumb .slider_pagination a:before,.offer_thumb .slider_pagination a:after { -webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -o-transition:all .2s ease-in-out; transition:all .2s ease-in-out;} @media only screen and (min-width:768px) { .offer_thumb .slider_pagination { position:absolute; left:0; top:0; border-width:1px; border-style:solid;} .offer_thumb .slider_pagination a { display:block; margin:0; width:85px; height:85px; 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:.6;} .offer_thumb .slider_pagination a.selected { top:0;} .offer_thumb .slider_pagination a:last-child { border:0;} .offer_thumb .slider_pagination a:before { content:""; display:block; width:5px; height:100%; right:-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:""; left:auto; right:-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(../img/stripes/stripes_3_b.png);} .offer_thumb .slider_pagination a img { vertical-align:middle;} } /* Offer thumb bottom */ .offer_thumb.bottom { padding-left: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-right: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 0 1px 1px; border-style:solid;} .offer_thumb.bottom .slider_pagination a:last-child { border-right-width:1px; border-style:solid;} .offer_thumb.bottom .slider_pagination a:before { width:100%; height:5px; left:0; right:auto; top:-5px;} .offer_thumb.bottom .slider_pagination a:after { left:50%; right:auto; top:-5px; margin-left:-4px;} /* Latest news */ .Latest_news ul { margin:0; font-size:100%; line-height:normal;} .Latest_news ul li { margin:0 0 15px; list-style:none; position:relative; overflow:hidden;} .Latest_news ul li .photo { width:30%; border-right-width:3px; border-style:solid; float:left; line-height:0;} .Latest_news ul li .desc { width:100%; padding:3px 12px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} .Latest_news ul li .desc h5 { margin:0 0 9px;} .Latest_news ul li.has-post-thumbnail .desc { margin-left:30%; width:70%;} .Latest_news ul li .desc_footer { overflow:hidden; border-top-width:1px; border-style:solid; padding-top:8px; color:#a8a8a8;} .Latest_news ul li .desc_footer .date { float:left; margin-right:5px;} .Latest_news ul li .desc_footer .button-love { float:left; margin-right:5px;} .Latest_news ul li .desc_footer .button-love a.mfn-love { display:inline-block; position:relative; padding-left:24px; margin-left:5px;} .Latest_news ul li .desc_footer .button-love a.mfn-love i { position:absolute; left: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 .3s ease-in-out; -moz-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; transition:all .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);} /* #Boxes & Infographics ==================================================================================================== */ /* Icon box */ .icon_box { position:relative; padding:10px 0;} .icon_box.has_border:after { content:""; display:block; width:0; height:100%; border-width:0 1px 0 0; border-style:solid; position:absolute; right:-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(../img/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; left: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,.08); box-shadow:inset 0 0 7px 0 rgba(0,0,0,.08);} .icon_box .image_wrapper { text-align:center; margin-bottom:15px;} .icon_box .desc_wrapper { text-align:center;} /* Icon postion left */ .icon_box.icon_position_left { min-height:126px; padding-left:145px;} .icon_box.icon_position_left .icon_wrapper { position:absolute; left:0; top:10px; margin-bottom:0;} .icon_box.icon_position_left .desc_wrapper { text-align:left; padding-top:10px;} .icon_box.icon_position_left .image_wrapper { position:absolute; left: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 .3s ease-in-out; -moz-transition:background-color .3s ease-in-out; -o-transition:background-color .3s ease-in-out; -ms-transition:background-color .3s ease-in-out; transition:background-color .3s ease-in-out;} .icon_box .icon_wrapper { -webkit-transform:scaleY(1); -moz-transform:scaleY(1); -ms-transform:scaleY(1); -o-transform:scaleY(1); transform:scaleY(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:left; line-height:0;} .article_box .desc_wrapper { width:50%; min-height:139px; float:left; padding:10px 15px; background-color:#f8f8f8; background-image:url(../img/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-right-open { display:block; position:relative; left:-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:scaleY(1); -moz-transform:scaleY(1); -ms-transform:scaleY(1); -o-transform:scaleY(1); transform:scaleY(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; left:50%; top:0; margin-left:-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 .3s ease-in-out; -moz-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; transition:all .3s ease-in-out;} .sliding_box:hover .photo_wrapper { bottom:-1px;} .sliding_box .desc_wrapper:after { -webkit-transition:all .5s ease-in-out; -moz-transition:all .5s ease-in-out; -o-transition:all .5s ease-in-out; -ms-transition:all .5s ease-in-out; transition:all .5s ease-in-out;} .sliding_box:hover .desc_wrapper:after { top:-8px;} /* Fancy 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:.7;} .story_box .desc_wrapper { margin-right:20%; position:relative; z-index:2;} .story_box .desc_wrapper h3 { margin-left:-30px; margin-top:-26px;} .story_box .desc_wrapper hr { margin-left: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 .3s ease-in-out; -moz-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; transition:all .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 1px 0 0; border-style:solid; position:absolute; right:-2.4%; top:0;} .promo_box_wrapper { overflow:hidden;} .promo_box_wrapper .photo_wrapper { width:36%; float:left; text-align:left; line-height:0;} .promo_box_wrapper .desc_wrapper { width:56%; margin:0 2% 0 6%; float:left; padding-top:10px;} .promo_box_wrapper .desc_wrapper .desc { margin-bottom:15px;} .promo_box_wrapper.promo_box_right .photo_wrapper { float:right; text-align:right;} .promo_box_wrapper.promo_box_right .desc_wrapper { margin:0 6% 0 2%; text-align:right;} .promo_box_wrapper.promo_box_right .desc_wrapper a.button { margin-right:0;} /* Zoom box */ .zoom_box { position:relative; line-height:0; overflow:hidden;} .zoom_box .photo img,.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;} .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,.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);} .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(../img/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 { } .counter .desc_wrapper .number-wrapper { font-size:50px; line-height:50px; font-family:Patua One; margin-bottom:5px;} .counter .desc_wrapper .title { font-size:15px; line-height:20px; margin:0;} .counter.counter_horizontal { text-align:left; min-height:75px;} .counter.counter_horizontal .icon_wrapper { width:50px; height:50px; position:absolute; left:30px; top:32px; margin:0;} .counter.counter_horizontal .desc_wrapper { padding-left:85px;} /* Chart box */ .chart_box { position:relative; text-align:center;} .chart_box:before { content:""; display:block; z-index:2; width:124px; height:124px; border-width:1px; border-style:solid; position:absolute; left:50%; margin-left:-62px; top:8px; -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(../img/stripes/stripes_3_b.png);} .chart_box .chart { width:140px; margin:0 auto 10px; position:relative;} .chart_box .chart .icon,.chart_box .chart .image { width:70px; height:70px; line-height:70px; overflow:hidden; position:absolute; left: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; left:0; top:45px; z-index:3; width:100%; font-family:Patua One; font-size:50px; line-height:50px;} .chart_box p { margin-bottom:0;} /* Progress bars */ .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-right:40px;} .progress_bars .bars_list li h6 .label { display:block; font-size:11px; line-height:17px; padding:0 5px; font-weight:400; position:absolute; right:0; top:1px; -webkit-border-radius:3px; border-radius:3px; background:rgba(0,0,0,.05); color:rgba(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,.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:20px; background-image:url(../img/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 7px 7px 0; 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:last-child { margin-right:0;} .progress_icons .progress_icon:not(.themebg) { background:rgba(0,0,0,.06);} /* Animation */ .progress_icons .progress_icon { -webkit-transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out; transition:all .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; left:0; bottom:0; z-index:1; width:100%; height:100%; filter:alpha(opacity=0); opacity:0; background:rgba(0,0,0,.15);} .trailer_box:hover a:after { filter:alpha(opacity=100); opacity:100;} .trailer_box .desc { position:absolute; left: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(../img/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 .3s ease-in-out; -moz-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .3s ease-in-out;} /* Quick facts */ .quick_fact { text-align:center;} .quick_fact .number { font-size:90px; line-height:90px; font-family:Patua One;} .quick_fact hr { width:40%;} /* Photo box */ .photo_box { text-align:center;} .photo_box.pb_left { text-align:left;} .photo_box.pb_right { text-align:right;} .photo_box .image_frame { margin-bottom:15px;} .photo_box .desc { margin-bottom:15px;} /* Flat box */ .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; left: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:hover .photo_wrapper .icon,.flat_box a:hover .photo_wrapper .icon { -webkit-transform:translateX(-90px); transform:translateX(-90px);} .flat_box .photo_wrapper img { position:relative; display:block; z-index:1; -webkit-transform:translateX(15px); transform:translateX(15px);} .flat_box:hover .photo_wrapper img,.flat_box a:hover .photo_wrapper img { -webkit-transform:translateX(0px); transform:translateX(0px);} .flat_box .desc_wrapper { margin-left:90px;} /* 1/4 */ @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-left:60px;} } /* Animation */ .flat_box .photo_wrapper .icon { -webkit-transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out; transition:all .4s ease-in-out;} .flat_box .photo_wrapper img { -webkit-transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out; transition:all .4s ease-in-out;} /* Hover box */ .hover_box { } .hover_box a { display:block;} .hover_box .hover_box_wrapper { position:relative; overflow:hidden; line-height:0;} .hover_box .hover_box_wrapper img { display:block;} .hover_box .hover_box_wrapper .hidden_photo { position:absolute; left:0; top:0;} /* width:100%; height:100%; */ .hover_box .hover_box_wrapper .visible_photo { filter:alpha(opacity=100); opacity:1;} .hover_box .hover_box_wrapper .hidden_photo { filter:alpha(opacity=0); opacity:0;} .hover_box:hover .hover_box_wrapper .visible_photo,.hover_box.hover .hover_box_wrapper .visible_photo { filter:alpha(opacity=0); opacity:0;} .hover_box:hover .hover_box_wrapper .hidden_photo,.hover_box.hover .hover_box_wrapper .hidden_photo { filter:alpha(opacity=100); opacity:1;} /* Animation */ .hover_box .hover_box_wrapper .visible_photo,.hover_box .hover_box_wrapper .hidden_photo { -webkit-transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out; transition:all .4s ease-in-out;} /* Hover color */ .hover_color:hover .hover_color_bg,.hover_color.hover .hover_color_bg { background-color:inherit !important;} .hover_color a { display:block;} .hover_color a:hover { text-decoration:none;} .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;} /* Animation */ .hover_color .hover_color_bg { -webkit-transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out; transition:all .4s ease-in-out;} /* #Content elements ==================================================================================================== */ /* 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-left:-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; left:0; bottom:-6px;} a.content_link:before { content:""; z-index:2; filter:alpha(opacity=0); opacity:0; position:absolute; left:50%; bottom:-1px; margin-left:-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(../img/stripes/stripes_3_b.png);} /* Animation */ a.content_link:after,a.content_link:before { -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;} /* Icon bar */ a.icon_bar { display:inline-block; overflow:hidden; text-align:center; margin:0 2px 2px 0; border-width:1px; border-style:solid; position:relative; background-color:#fff; background-image:url(../img/stripes/stripes_3_b.png); -webkit-box-shadow:inset 0 0 5px 0 rgba(0,0,0,.08); box-shadow:inset 0 0 5px 0 rgba(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%;} /* Animation */ a.icon_bar span { -webkit-transition:-webkit-transform .3s; -moz-transition:-moz-transform .3s; transition:transform .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%);} /* 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 20px 25px 30px; background-repeat:no-repeat; background-position:right 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 0 13px 50px; 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,.2); position:absolute; left:-30px; bottom:0;} .get_in_touch ul li p { margin:0;} .get_in_touch ul li .icon { position:absolute; left:0; top:5px; display:block; color:rgba(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 20px 25px 30px; background-repeat:no-repeat; background-position:right bottom;} .infobox ul { margin:0; font-size:100%; line-height:normal;} .infobox ul li { margin:0; list-style:none; position:relative; padding:13px 0 13px 50px; word-wrap:break-word;} .infobox ul li p { margin:0;} .infobox ul li:before { content:""; display:block; background:url(../img/list_check.png) no-repeat; width:16px; height:16px; position:absolute; left: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,.2); position:absolute; left:-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:right bottom;} .opening_hours .opening_hours_wrapper { } .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(../img/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-left:2px;} /* Timeline */ .timeline_items { margin:0 !important; position:relative; background:url(../img/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; left:50%; bottom:-10px; margin-left:-3px; display:block; z-index:1;} .timeline_items li { margin:0 !important; list-style:none !important; width:45%; padding:0 0 25px 55%; position:relative; background:url(../img/timeline_right.png) no-repeat top center;} .timeline_items li:nth-child(even) { padding:0 55% 25px 0; background:url(../img/timeline_left.png) no-repeat top center;} .timeline_items li h3 { font-size:30px; line-height:35px;} .timeline_items li h3 span { position:absolute; right: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; left:50%; top:11px; margin-left:-8px; display:block; z-index:1;} .timeline_items li:nth-child(even) h3 { text-align:right;} .timeline_items li:nth-child(even) h3 span { left:55%; right:auto;} .timeline_items li .desc { position:relative; font-size:15px; line-height:31px; background:url(../img/stripes/textline.png) repeat-y;} .timeline_items li .desc:before { content:""; width:100%; height:100%; position:absolute; left:-122%; top:0; background-image:url(../img/stripes/stripes_10_b.png);} .timeline_items li:nth-child(even) .desc:before { left:auto; right:-122%;} .timeline_items li:nth-child(even) .desc { text-align:right;} /* 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,.03); -webkit-border-radius:2px; border-radius:2px; position:absolute; right:-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; right:10px; bottom:10px; width:35px; height:35px; line-height:35px; font-size:15px; font-family:Patua One; text-align:center; -webkit-border-radius:100%; border-radius:100%; -webkit-box-shadow:inset 0 0 0 2px rgba(0,0,0,.1); box-shadow:inset 0 0 0 2px rgba(0,0,0,.1);} .with_aside .how_it_works .image { width:150px; height:150px; line-height:150px; padding:25px;} .with_aside .how_it_works .image .number { bottom:4px; right:4px;} .with_aside .how_it_works.has_border:after { top:75px;} /* Google maps */ .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;} .column_map .google-map-wrapper { position:relative;} .column_map .google-map-contact-wrapper { width:1176px; height:1px; margin-left:-588px; z-index:10; position:absolute; left:50%; top:60px;} .column_map .google-map-contact-wrapper .get_in_touch { width:210px; padding:25px; float:right; position:relative;} .column_map .google-map-contact-wrapper .get_in_touch:after { content:""; display:block; position:absolute; left:0; bottom:-30px; width:0; height:0; border-style:solid; border-width:30px 30px 0 0; border-color:transparent;} /* Team */ .team { } .team .image_frame { margin-bottom:15px;} .team .desc_wrapper { } .team .desc_wrapper h4 { margin-bottom:3px;} .team .desc_wrapper p.subtitle { } .team .desc_wrapper p.phone { } .team .desc_wrapper hr { width:40%; margin-left:0;} .team .desc_wrapper .desc { margin-bottom:15px;} .team .desc_wrapper .links { line-height:0;} .team.team_vertical { } .team.team_horizontal { overflow:hidden;} .team.team_horizontal .image_frame { width:48%; float:left; margin-right:4%; margin-bottom:0;} .team.team_horizontal .desc_wrapper { width:48%; float:left;} .team .desc_wrapper blockquote { margin-top:20px;} .team.team_circle { text-align:center;} .team.team_circle .desc_wrapper hr { margin-left:auto;} .team.team_circle .image_frame { 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 { } .team_list .column { margin-bottom:0;} .team_list .image_frame { } .team_list .desc_wrapper { } .team_list .bq_wrapper { background:rgba(0,0,0,.02); border-left-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 { } .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(../img/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;} .fancy_heading_arrows { } /* 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-row;} .call_to_action .call_left,.call_to_action .call_center,.call_to_action .call_right { display:table-cell; vertical-align:middle; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} .call_to_action .call_left { width:40%; padding:0 20px; text-align:center;} .call_to_action .call_left 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_right { width:40%; padding:0 20px;} /* #Loops ==================================================================================================== */ /* Clients */ ul.clients { margin:0;} ul.clients li { float:left; width:16.666%; margin:0 !important; list-style:none;} ul.clients li .client_wrapper { padding:10px 15px; margin:10px; background:rgba(0,0,0,.01); text-align:center; line-height:0; height:75px; line-height:75px; position:relative;} ul.clients li .client_wrapper:hover { background:rgba(0,0,0,.05);} ul.clients li .client_wrapper a { display:block;} ul.clients li .client_wrapper .gs-wrapper { position:relative;} ul.clients li .client_wrapper img { vertical-align:middle;} 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,.08); position:absolute; left:0; bottom:0;} ul.clients.clients_tiles li .client_wrapper:after { content:""; display:none; position:absolute; left:50%; margin-left:-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;} /* Animation */ ul.clients li .client_wrapper { -webkit-transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out; -ms-transition:all .4s ease-in-out; transition:all .4s ease-in-out;} /* Clients slider */ .clients_slider { } .clients_slider .clients_slider_header { position:relative; height:43px; margin-bottom:15px; overflow:hidden; padding-right:110px;} .clients_slider .clients_slider_header .title { margin:9px 0 0;} .clients_slider .clients_slider_header a.slider_prev { position:absolute; top:0; right:50px; margin:0;} .clients_slider .clients_slider_header a.slider_next { position:absolute; top:0; right:0; margin:0;} /* Blog slider */ .blog_slider { } .blog_slider .blog_slider_header { position:relative; height:43px; margin-bottom:15px; overflow:hidden; padding-right:110px;} .blog_slider .blog_slider_header .title { margin:9px 0 0;} .blog_slider .blog_slider_header a.slider_prev { position:absolute; top:0; right:50px; margin:0;} .blog_slider .blog_slider_header a.slider_next { position:absolute; top:0; right:0; margin:0;} .blog_slider .slider_pagination { margin-top:15px;} .blog_slider .blog_slider_ul { margin:0;} .blog_slider .blog_slider_ul li { float:left; 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-left:30px; margin-bottom:15px; min-height:52px;} .blog_slider .blog_slider_ul li .item_wrapper .date_label { position:absolute; left:0; top:30px; z-index:20;} .blog_slider .blog_slider_ul li .item_wrapper hr { margin-left:30px; width:40%;} .blog_slider .blog_slider_ul li .item_wrapper a.button { margin-left: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-left:40px;} .blog_slider .blog_slider_ul li.format-link .item_wrapper .image_frame { height:180px; background-color:rgba(255,255,255,.5); background-image:url(../img/link.png); background-position:center center; background-repeat:no-repeat;} /* Blog slider - flat */ .blog_slider.flat { } .blog_slider.flat .blog_slider_ul li { } .blog_slider.flat .blog_slider_ul li .item_wrapper .image_frame { margin-left: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 { } .blog_slider.flat .blog_slider_ul li .item_wrapper .desc hr { margin-left:0; width:0;} .blog_slider.flat .blog_slider_ul li .item_wrapper .desc a.button { display:none; margin-left: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:.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;} .blog_slider.flat .slider_pagination { display:none !important;} /* Arrows */ .blog_slider.flat { position:relative;} .blog_slider.flat .blog_slider_header { position:static; height:0; margin-bottom:0; overflow:hidden; padding-right: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,.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,.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 { left:10px; right:auto; z-index:2;} .blog_slider.flat .blog_slider_header a.button.slider_next { right: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 .3s ease-in-out; -moz-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; transition:all .3s ease-in-out;} /* Shop slider */ .shop_slider { } .shop_slider .blog_slider_header { position:relative; height:43px; margin-bottom:15px; overflow:hidden; padding-right:110px;} .shop_slider .blog_slider_header .title { margin:9px 0 0;} .shop_slider .blog_slider_header a.slider_prev { position:absolute; top:0; right:50px; margin:0;} .shop_slider .blog_slider_header a.slider_next { position:absolute; top:0; right:0; margin:0;} .shop_slider .slider_pagination { margin-top:15px;} .shop_slider .shop_slider_ul { margin:0;} .shop_slider .shop_slider_ul li { float:left; 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; left:0 !important; right:auto; top:0 !important; margin:0 !important; border-style:solid; border-width:70px 70px 0 0; 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; left:8px; top:-60px; color:rgba(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:.67em;} /* Portfolio slider */ .portfolio_slider_ul { margin:0 !important;} .portfolio_slider_ul li { float:left; width:25%; list-style:none; margin:0 !important;} .portfolio_slider_ul li .image_frame { border:0; margin-bottom:0;} .portfolio_slider { position:relative;} .portfolio_slider .slider_nav { color:#fff; display:none !important; 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 { left:0;} .portfolio_slider .slider_next { right:0;} .portfolio_slider.arrows_hover:hover .slider_nav { display:block !important;} .portfolio_slider.arrows_always .slider_nav { display:block !important;} /* Portfolio grid */ ul.portfolio_grid { overflow:hidden;} ul.portfolio_grid li { float:left;} ul.portfolio_grid li .image_frame { border:0;} .one.column_portfolio_grid li,.three-fourth.column_portfolio_grid li { width:25%;} .two-third.column_portfolio_grid li,.one-second.column_portfolio_grid li { width:50%;} .one-third.column_portfolio_grid li,.one-fourth.column_portfolio_grid li { width:100%; float:none;} /* Portfolio photo */ .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; left:0; top:0; background:#000; opacity:.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; left:50%; top:50%; margin:-105px 0 0 -150px; 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,.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; left:50%; top:50%; z-index:2; margin:-40px 0 0 -40px; -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,.6);} /* Animation */ .portfolio-photo .portfolio-item a .mask,.portfolio-photo .portfolio-item .portfolio-details .details,.portfolio-photo .portfolio-item .portfolio-details .more { -webkit-transition:all .5s ease-in-out; -moz-transition:all .5s ease-in-out; -o-transition:all .5s ease-in-out; transition:all .5s ease-in-out;} .portfolio-photo .portfolio-item .portfolio-details .image_links a { -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;} /* Testimonials slider */ .testimonials_slider { position:relative;} .testimonials_slider a.slider_prev { position:absolute; left:0; top:140px; margin:0;} .testimonials_slider a.slider_next { position:absolute; right:0; top:140px; margin:0;} .testimonials_slider .slider_images { width:100%; height:auto; line-height:0; text-align:center; margin-bottom:30px; position:relative; z-index:2;} .testimonials_slider .slider_images:before { content:""; display:block; height:100%; width:3000px; position:absolute; left:-1000px; top:0; z-index:1;} .with_aside .testimonials_slider .slider_images:before { display:none;} .testimonials_slider .slider_images a { display:inline-block; height:85px; width:85px; line-height:0; filter:alpha(opacity=50); opacity:.5; position:relative; z-index:10;} .testimonials_slider .slider_images a:after { content:""; display:none; height:6px; width:100%; position:absolute; left:0; bottom:-6px;} .testimonials_slider .slider_images a.selected,.testimonials_slider .slider_images a:hover { filter:alpha(opacity=100); opacity:1;} .testimonials_slider .slider_images a.selected:after { display:block;} .testimonials_slider .testimonials_slider_ul {} .testimonials_slider .testimonials_slider_ul li { float:left; width:100%; padding:0 80px; -webkit-box-sizing:border-box; -moz-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; overflow:hidden; 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;} /* Animation */ .testimonials_slider .slider_images a { -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; transition:all .3s ease-in-out;} /* Testimonials list */ .testimonials_list {} .testimonials_list .item { overflow:hidden; clear:both;} .testimonials_list .item .photo { width:23%; float:left; margin:0 1% 40px;} .testimonials_list .item .desc { width:73%; float:left; margin:0 1% 40px;} .testimonials_list .item .desc h4 { margin-bottom:3px; margin-top:10px;} .testimonials_list .item .desc p.subtitle { opacity:.6;} .testimonials_list .item .desc hr.hr_color { width:20%; margin-left:0;} .testimonials_list .item.no-img .desc { width:98%;} /* #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(../img/stripes/stripes_3_b.png);} .date_label:after,.timeline_items li h3 span:after { content:""; display:block; position:absolute; right:-5px; top:6px; width:0; height:0; border-style:solid; border-width:5.5px 0 5.5px 5px; border-color:transparent;} /* Isotope Filtering */ .isotope-item { z-index:2;} .isotope-hidden.isotope-item { pointer-events:none; z-index: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 { background:#fff; /* Old browsers */ background:-moz-linear-gradient(top,#fff 50%,#fafafa 50%); /* FF3.6+ */ background:-webkit-linear-gradient(top,#fff 50%,#fafafa 50%); /* Chrome10+,Safari5.1+ */ background:-o-linear-gradient(top,#fff 50%,#fafafa 50%); /* Opera 11.10+ */ background:linear-gradient(top,#fff 50%,#fafafa 50%); /* W3C */ background-size:42px 42px; padding:21px 15px 20px; margin:15px 0; display:block; white-space:pre-wrap; white-space:-moz-pre-wrap; white-space:-pre-wrap; white-space:-o-pre-wrap; line-height:21px !important;} code p,pre p { margin-bottom:0 !important;} /* Preloaders for sliders */ ul.offer-slider,ul.portfolio-slider,ul.posts-slider { background:url(../img/preloader.gif) center no-repeat;} ul.offer-slider > *,ul.portfolio-slider > *,ul.posts-slider > * { visibility:hidden;} ul.offer-slider { max-height:438px;} ul.portfolio-slider { max-height:355px;} ul.posts-slider { max-height:171px;} ul.owl-carousel { background:none; max-height:none;} ul.owl-carousel > * { visibility:visible;} /* |-------------------------------------------------------------------------- | 5.0 Variables | |-------------------------------------------------------------------------- | | | */ /* * Colors: * * #2991d6 - theme color * #2991d6 - link * #2275ac - link hover, strong */ /************************ Colors ************************/ /* 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="text"],input[type="tel"],input[type="password"],input[type="email"],textarea,select,.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 { border-color:rgba(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="text"],input[type="tel"],input[type="password"],input[type="email"],textarea,select,.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="text"]:focus,input[type="tel"]:focus,input[type="password"]:focus,input[type="email"]:focus,textarea:focus,select:focus { background-color:#E9F5FC !important; border-color:#d5e5ee; color:#1982C2;} /* Dividers */ hr { background-color:rgba(0,0,0,.08); color:rgba(0,0,0,.08);} /* Date */ .date_label,.timeline_items li h3 span { background-color:#f8f8f8; color:#a8a8a8;} .date_label:after,.timeline_items li h3 span:after { border-left-color:#f8f8f8;} /************************ Header ************************/ #Top_bar .menu > li > a span { border-color:rgba(0,0,0,.05);} #Top_bar .search_wrapper input[type="text"] { border-color:#fff; color:#fff;} /************************ Footer ************************/ /* Borders */ #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,.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,.08);} /* Image frames & Google maps & Icon bar */ .image_frame,.wp-caption,.google-map,.icon_box .icon_wrapper,.content_slider .caroufredsel_wrapper,.author-box .avatar-wrapper,#comments .commentlist > li .photo { 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 { -webkit-box-shadow:inset 0 0 5px 2px rgba(0,0,0,.07); box-shadow:inset 0 0 5px 2px rgba(0,0,0,.07);} .image_frame .image_wrapper .mask:after { background:rgba(255,255,255,.4);} /* Sliding box */ .sliding_box .desc_wrapper h4 { color:#fff;} /* Counter & Chart */ .counter .desc_wrapper .number-wrapper,.chart_box .chart .num,.chart_box .chart .icon { 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_left { 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,table tr:hover td,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 { color:#fff;} .pricing-box-box.pricing-box-featured .plan-header hr { border-color:rgba(0,0,0,.2); background:rgba(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-ancestor > a,#Header #menu > ul > li.current_page_ancestor > a { background:rgba(0,0,0,.02);} } /* |-------------------------------------------------------------------------- | 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 bounceIn { 0% { opacity:0; -webkit-transform:scale(0);} 50% { opacity:1; -webkit-transform:scale(1.1);} 70% { opacity:1; -webkit-transform:scale(.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(.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(.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(.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(.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(.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(.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(.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(.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(.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(.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(.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(.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(.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(.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 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(.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(.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(.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(.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(.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 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(.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(.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(.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(.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(.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 bounceOut { 0% { opacity:1; -webkit-transform:scale(1);} 30% { opacity:1; -webkit-transform:scale(1.1);} 50% { opacity:0; -webkit-transform:scale(.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(.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(.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(.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(.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 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 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 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; left: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; left:0; width:100%; height:100%; background:#aaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity:.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:.5em .5em .5em .7em;} .ui-accordion-icons .ui-accordion-header a { padding-left:30px;} .ui-accordion .ui-accordion-header .ui-icon { position:absolute; left:.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 6px 4px; border-radius:0 0 6px 4px; 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.00); box-shadow:inset 0 0 0 0 rgba(0,0,0,0.00); border-bottom:0;} .ui-accordion .ui-icon { display:block;} .ui-accordion .ui-state-default { background:url(images/bg_widget_header.png) no-repeat 0 0;} .ui-accordion .ui-state-hover { background:url(images/bg_widget_header_active.png) no-repeat 0 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(../img/bg_panel.png); background-repeat:repeat-x; background-position:left top; border-style:solid; border-width:0 0 1px; margin:0; padding:0;} .ui-tabs .ui-tabs-nav li { list-style:none; float:left; position:relative; white-space:nowrap; border-style:solid; border-width:0 1px 0 0; 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-right: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; left: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; left:50%; margin-left:-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(../img/box_shadow.png); background-repeat:repeat-x; background-position:left 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:.7; filter:Alpha(Opacity=70); font-weight:400;} .ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled { opacity:.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:0 0;} .ui-icon-carat-1-ne { background-position:-16px 0;} .ui-icon-carat-1-e { background-position:-32px 0;} .ui-icon-carat-1-se { background-position:-48px 0;} .ui-icon-carat-1-s { background-position:-64px 0;} .ui-icon-carat-1-sw { background-position:-80px 0;} .ui-icon-carat-1-w { background-position:-96px 0;} .ui-icon-carat-1-nw { background-position:-112px 0;} .ui-icon-carat-2-n-s { background-position:-128px 0;} .ui-icon-carat-2-e-w { background-position:-144px 0;} .ui-icon-triangle-1-n { background-position:0 -16px;} .ui-icon-triangle-1-ne { background-position:-16px -16px;} .ui-icon-triangle-1-e { background-position:-32px -16px;} .ui-icon-triangle-1-se { background-position:-48px -16px;} .ui-icon-triangle-1-s { background-position:-64px -16px;} .ui-icon-triangle-1-sw { background-position:-80px -16px;} .ui-icon-triangle-1-w { background-position:-96px -16px;} .ui-icon-triangle-1-nw { background-position:-112px -16px;} .ui-icon-triangle-2-n-s { background-position:-128px -16px;} .ui-icon-triangle-2-e-w { background-position:-144px -16px;} .ui-icon-arrow-1-n { background-position:0 -32px;} .ui-icon-arrow-1-ne { background-position:-16px -32px;} .ui-icon-arrow-1-e { background-position:-32px -32px;} .ui-icon-arrow-1-se { background-position:-48px -32px;} .ui-icon-arrow-1-s { background-position:-64px -32px;} .ui-icon-arrow-1-sw { background-position:-80px -32px;} .ui-icon-arrow-1-w { background-position:-96px -32px;} .ui-icon-arrow-1-nw { background-position:-112px -32px;} .ui-icon-arrow-2-n-s { background-position:-128px -32px;} .ui-icon-arrow-2-ne-sw { background-position:-144px -32px;} .ui-icon-arrow-2-e-w { background-position:-160px -32px;} .ui-icon-arrow-2-se-nw { background-position:-176px -32px;} .ui-icon-arrowstop-1-n { background-position:-192px -32px;} .ui-icon-arrowstop-1-e { background-position:-208px -32px;} .ui-icon-arrowstop-1-s { background-position:-224px -32px;} .ui-icon-arrowstop-1-w { background-position:-240px -32px;} .ui-icon-arrowthick-1-n { background-position:0 -48px;} .ui-icon-arrowthick-1-ne { background-position:-16px -48px;} .ui-icon-arrowthick-1-e { background-position:-32px -48px;} .ui-icon-arrowthick-1-se { background-position:-48px -48px;} .ui-icon-arrowthick-1-s { background-position:-64px -48px;} .ui-icon-arrowthick-1-sw { background-position:-80px -48px;} .ui-icon-arrowthick-1-w { background-position:-96px -48px;} .ui-icon-arrowthick-1-nw { background-position:-112px -48px;} .ui-icon-arrowthick-2-n-s { background-position:-128px -48px;} .ui-icon-arrowthick-2-ne-sw { background-position:-144px -48px;} .ui-icon-arrowthick-2-e-w { background-position:-160px -48px;} .ui-icon-arrowthick-2-se-nw { background-position:-176px -48px;} .ui-icon-arrowthickstop-1-n { background-position:-192px -48px;} .ui-icon-arrowthickstop-1-e { background-position:-208px -48px;} .ui-icon-arrowthickstop-1-s { background-position:-224px -48px;} .ui-icon-arrowthickstop-1-w { background-position:-240px -48px;} .ui-icon-arrowreturnthick-1-w { background-position:0 -64px;} .ui-icon-arrowreturnthick-1-n { background-position:-16px -64px;} .ui-icon-arrowreturnthick-1-e { background-position:-32px -64px;} .ui-icon-arrowreturnthick-1-s { background-position:-48px -64px;} .ui-icon-arrowreturn-1-w { background-position:-64px -64px;} .ui-icon-arrowreturn-1-n { background-position:-80px -64px;} .ui-icon-arrowreturn-1-e { background-position:-96px -64px;} .ui-icon-arrowreturn-1-s { background-position:-112px -64px;} .ui-icon-arrowrefresh-1-w { background-position:-128px -64px;} .ui-icon-arrowrefresh-1-n { background-position:-144px -64px;} .ui-icon-arrowrefresh-1-e { background-position:-160px -64px;} .ui-icon-arrowrefresh-1-s { background-position:-176px -64px;} .ui-icon-arrow-4 { background-position:0 -80px;} .ui-icon-arrow-4-diag { background-position:-16px -80px;} .ui-icon-extlink { background-position:-32px -80px;} .ui-icon-newwin { background-position:-48px -80px;} .ui-icon-refresh { background-position:-64px -80px;} .ui-icon-shuffle { background-position:-80px -80px;} .ui-icon-transfer-e-w { background-position:-96px -80px;} .ui-icon-transferthick-e-w { background-position:-112px -80px;} .ui-icon-folder-collapsed { background-position:0 -96px;} .ui-icon-folder-open { background-position:-16px -96px;} .ui-icon-document { background-position:-32px -96px;} .ui-icon-document-b { background-position:-48px -96px;} .ui-icon-note { background-position:-64px -96px;} .ui-icon-mail-closed { background-position:-80px -96px;} .ui-icon-mail-open { background-position:-96px -96px;} .ui-icon-suitcase { background-position:-112px -96px;} .ui-icon-comment { background-position:-128px -96px;} .ui-icon-person { background-position:-144px -96px;} .ui-icon-print { background-position:-160px -96px;} .ui-icon-trash { background-position:-176px -96px;} .ui-icon-locked { background-position:-192px -96px;} .ui-icon-unlocked { background-position:-208px -96px;} .ui-icon-bookmark { background-position:-224px -96px;} .ui-icon-tag { background-position:-240px -96px;} .ui-icon-home { background-position:0 -112px;} .ui-icon-flag { background-position:-16px -112px;} .ui-icon-calendar { background-position:-32px -112px;} .ui-icon-cart { background-position:-48px -112px;} .ui-icon-pencil { background-position:-64px -112px;} .ui-icon-clock { background-position:-80px -112px;} .ui-icon-disk { background-position:-96px -112px;} .ui-icon-calculator { background-position:-112px -112px;} .ui-icon-zoomin { background-position:-128px -112px;} .ui-icon-zoomout { background-position:-144px -112px;} .ui-icon-search { background-position:-160px -112px;} .ui-icon-wrench { background-position:-176px -112px;} .ui-icon-gear { background-position:-192px -112px;} .ui-icon-heart { background-position:-208px -112px;} .ui-icon-star { background-position:-224px -112px;} .ui-icon-link { background-position:-240px -112px;} .ui-icon-cancel { background-position:0 -128px;} .ui-icon-plus { background-position:-16px -128px;} .ui-icon-plusthick { background-position:-32px -128px;} .ui-icon-minus { background-position:-48px -128px;} .ui-icon-minusthick { background-position:-64px -128px;} .ui-icon-close { background-position:-80px -128px;} .ui-icon-closethick { background-position:-96px -128px;} .ui-icon-key { background-position:-112px -128px;} .ui-icon-lightbulb { background-position:-128px -128px;} .ui-icon-scissors { background-position:-144px -128px;} .ui-icon-clipboard { background-position:-160px -128px;} .ui-icon-copy { background-position:-176px -128px;} .ui-icon-contact { background-position:-192px -128px;} .ui-icon-image { background-position:-208px -128px;} .ui-icon-video { background-position:-224px -128px;} .ui-icon-script { background-position:-240px -128px;} .ui-icon-alert { background-position:0 -144px;} .ui-icon-info { background-position:-16px -144px;} .ui-icon-notice { background-position:-32px -144px;} .ui-icon-help { background-position:-48px -144px;} .ui-icon-check { background-position:-64px -144px;} .ui-icon-bullet { background-position:-80px -144px;} .ui-icon-radio-off { background-position:-96px -144px;} .ui-icon-radio-on { background-position:-112px -144px;} .ui-icon-pin-w { background-position:-128px -144px;} .ui-icon-pin-s { background-position:-144px -144px;} .ui-icon-play { background-position:0 -160px;} .ui-icon-pause { background-position:-16px -160px;} .ui-icon-seek-next { background-position:-32px -160px;} .ui-icon-seek-prev { background-position:-48px -160px;} .ui-icon-seek-end { background-position:-64px -160px;} .ui-icon-stop { background-position:-96px -160px;} .ui-icon-eject { background-position:-112px -160px;} .ui-icon-volume-off { background-position:-128px -160px;} .ui-icon-volume-on { background-position:-144px -160px;} .ui-icon-power { background-position:0 -176px;} .ui-icon-signal-diag { background-position:-16px -176px;} .ui-icon-signal { background-position:-32px -176px;} .ui-icon-battery-0 { background-position:-48px -176px;} .ui-icon-battery-1 { background-position:-64px -176px;} .ui-icon-battery-2 { background-position:-80px -176px;} .ui-icon-battery-3 { background-position:-96px -176px;} .ui-icon-circle-plus { background-position:0 -192px;} .ui-icon-circle-minus { background-position:-16px -192px;} .ui-icon-circle-close { background-position:-32px -192px;} .ui-icon-circle-triangle-e { background-position:-48px -192px;} .ui-icon-circle-triangle-s { background-position:-64px -192px;} .ui-icon-circle-triangle-w { background-position:-80px -192px;} .ui-icon-circle-triangle-n { background-position:-96px -192px;} .ui-icon-circle-arrow-e { background-position:-112px -192px;} .ui-icon-circle-arrow-s { background-position:-128px -192px;} .ui-icon-circle-arrow-w { background-position:-144px -192px;} .ui-icon-circle-arrow-n { background-position:-160px -192px;} .ui-icon-circle-zoomin { background-position:-176px -192px;} .ui-icon-circle-zoomout { background-position:-192px -192px;} .ui-icon-circle-check { background-position:-208px -192px;} .ui-icon-circlesmall-plus { background-position:0 -208px;} .ui-icon-circlesmall-minus { background-position:-16px -208px;} .ui-icon-circlesmall-close { background-position:-32px -208px;} .ui-icon-squaresmall-plus { background-position:-48px -208px;} .ui-icon-squaresmall-minus { background-position:-64px -208px;} .ui-icon-squaresmall-close { background-position:-80px -208px;} .ui-icon-grip-dotted-vertical { background-position:0 -224px;} .ui-icon-grip-dotted-horizontal { background-position:-16px -224px;} .ui-icon-grip-solid-vertical { background-position:-32px -224px;} .ui-icon-grip-solid-horizontal { background-position:-48px -224px;} .ui-icon-gripsmall-diagonal-se { background-position:-64px -224px;} .ui-icon-grip-diagonal-se { background-position:-80px -224px;} .ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl { -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-top,.ui-corner-right,.ui-corner-tr { -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-bottom,.ui-corner-left,.ui-corner-bl { -moz-border-radius-bottomleft:0; -webkit-border-bottom-left-radius:0; -khtml-border-bottom-left-radius:0; border-bottom-left-radius:0;} .ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br { -moz-border-radius-bottomright:0; -webkit-border-bottom-right-radius:0; -khtml-border-bottom-right-radius:0; border-bottom-right-radius:0;} .ui-accordion-header.ui-corner-all { -moz-border-radius-bottomleft:4px; -webkit-border-bottom-left-radius:4px; -khtml-border-bottom-left-radius:4px; border-bottom-left-radius:4px;} .ui-tabs .ui-corner-top { -moz-border-radius-topright:0; -webkit-border-top-right-radius:0; -khtml-border-top-right-radius:0; border-top-right-radius:0; -moz-border-radius-topleft:0; -webkit-border-top-left-radius:0; -khtml-border-top-left-radius:0; border-top-left-radius:0;} .ui-widget-shadow { background:#aaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity:.3; filter:Alpha(Opacity=30); -moz-border-radius:8px; -khtml-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; margin:-8px 0 0 -8px; 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:-80px -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:left; background:none; -webkit-border-radius:5px 0 0 5px !important; border-radius:5px 0 0 5px !important; border-width:1px 0 1px 1px;} .tabs_vertical.ui-tabs .ui-tabs-panel { width:69.7%; float:left; min-height:120px; -webkit-border-radius:0 5px 5px 5px !important; border-radius:0 5px 5px 5px !important; background-image:none; border:1px solid rgba(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:5px 0 0 0 !important; border-radius:5px 0 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-left:20px; padding-right:20px; background-image:url(../img/bg_panel.png); background-repeat:repeat-x; background-position:left 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; left:auto; right:-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:Verdana,Arial,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,.05);} a:hover.jp-play,a:hover.jp-pause { background-color:rgba(0,0,0,.1);} a.jp-play { background-image:url(images/jplayer.png); background-repeat:no-repeat; background-position:0 0; left:0; position:absolute; top:0;} a.jp-play:hover { background-image:url(images/jplayer.png); background-repeat:no-repeat; background-position:0 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,.15);} 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,.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;} div.jp-audio div.jp-time-holder { position:absolute; top:50px;} div.jp-current-time,div.jp-duration { font-size:.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:.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:.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:.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,.05); position:absolute; right:0; top:0;} a.jp-full-screen:hover,a.jp-restore-screen:hover { background-color:rgba(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(../img/prettyPhoto/default/sprite.png) -78px -93px no-repeat;} div.pp_default .pp_top .pp_middle { background:url(../img/prettyPhoto/default/sprite_x.png) top left repeat-x;} div.pp_default .pp_top .pp_right { background:url(../img/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(../img/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y; padding-left:13px;} div.pp_default .pp_content_container .pp_right { background:url(../img/prettyPhoto/default/sprite_y.png) top right repeat-y; padding-right:13px;} div.pp_default .pp_next:hover { background:url(../img/prettyPhoto/default/sprite_next.png) center right no-repeat; cursor:pointer;} div.pp_default .pp_previous:hover { background:url(../img/prettyPhoto/default/sprite_prev.png) center left no-repeat; cursor:pointer;} div.pp_default .pp_expand { background:url(../img/prettyPhoto/default/sprite.png) 0 -29px no-repeat; cursor:pointer; width:28px; height:28px;} div.pp_default .pp_expand:hover { background:url(../img/prettyPhoto/default/sprite.png) 0 -56px no-repeat; cursor:pointer;} div.pp_default .pp_contract { background:url(../img/prettyPhoto/default/sprite.png) 0 -84px no-repeat; cursor:pointer; width:28px; height:28px;} div.pp_default .pp_contract:hover { background:url(../img/prettyPhoto/default/sprite.png) 0 -113px no-repeat; cursor:pointer;} div.pp_default .pp_close { width:30px; height:30px; background:url(../img/prettyPhoto/default/sprite.png) 2px 1px no-repeat; cursor:pointer;} div.pp_default .pp_gallery ul li a { background:url(../img/prettyPhoto/default/default_thumb.png) center 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; left:auto;} div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause { background:url(../img/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(../img/prettyPhoto/default/sprite.png) -31px -3px no-repeat; height:20px; width:20px; margin:4px 0 0;} div.pp_default a.pp_arrow_next { left:52px; background-position:-82px -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:Georgia; font-style:italic; color:#999; font-size:11px; left:75px; line-height:25px; position:absolute; top:2px; margin:0; padding:0 0 0 10px;} 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:.7;} div.pp_default .pp_description { font-size:11px; font-weight:700; line-height:14px; margin:5px 50px 5px 0;} div.pp_default .pp_bottom .pp_left { background:url(../img/prettyPhoto/default/sprite.png) -78px -127px no-repeat;} div.pp_default .pp_bottom .pp_middle { background:url(../img/prettyPhoto/default/sprite_x.png) bottom left repeat-x;} div.pp_default .pp_bottom .pp_right { background:url(../img/prettyPhoto/default/sprite.png) -112px -127px no-repeat;} div.pp_default .pp_loaderIcon { background:url(../img/prettyPhoto/default/loader.gif) center center no-repeat;} div.light_rounded .pp_top .pp_left { background:url(../img/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat;} div.light_rounded .pp_top .pp_right { background:url(../img/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat;} div.light_rounded .pp_next:hover { background:url(../img/prettyPhoto/light_rounded/btnNext.png) center right no-repeat; cursor:pointer;} div.light_rounded .pp_previous:hover { background:url(../img/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat; cursor:pointer;} div.light_rounded .pp_expand { background:url(../img/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat; cursor:pointer;} div.light_rounded .pp_expand:hover { background:url(../img/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat; cursor:pointer;} div.light_rounded .pp_contract { background:url(../img/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat; cursor:pointer;} div.light_rounded .pp_contract:hover { background:url(../img/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat; cursor:pointer;} div.light_rounded .pp_close { width:75px; height:22px; background:url(../img/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat; cursor:pointer;} div.light_rounded .pp_nav .pp_play { background:url(../img/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat; height:15px; width:14px;} div.light_rounded .pp_nav .pp_pause { background:url(../img/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat; height:15px; width:14px;} div.light_rounded .pp_arrow_previous { background:url(../img/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat;} div.light_rounded .pp_arrow_next { background:url(../img/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat;} div.light_rounded .pp_bottom .pp_left { background:url(../img/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat;} div.light_rounded .pp_bottom .pp_right { background:url(../img/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat;} div.dark_rounded .pp_top .pp_left { background:url(../img/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat;} div.dark_rounded .pp_top .pp_right { background:url(../img/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat;} div.dark_rounded .pp_content_container .pp_left { background:url(../img/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y;} div.dark_rounded .pp_content_container .pp_right { background:url(../img/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y;} div.dark_rounded .pp_next:hover { background:url(../img/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat; cursor:pointer;} div.dark_rounded .pp_previous:hover { background:url(../img/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat; cursor:pointer;} div.dark_rounded .pp_expand { background:url(../img/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat; cursor:pointer;} div.dark_rounded .pp_expand:hover { background:url(../img/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat; cursor:pointer;} div.dark_rounded .pp_contract { background:url(../img/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat; cursor:pointer;} div.dark_rounded .pp_contract:hover { background:url(../img/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat; cursor:pointer;} div.dark_rounded .pp_close { width:75px; height:22px; background:url(../img/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(../img/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat; height:15px; width:14px;} div.dark_rounded .pp_nav .pp_pause { background:url(../img/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat; height:15px; width:14px;} div.dark_rounded .pp_arrow_previous { background:url(../img/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat;} div.dark_rounded .pp_arrow_next { background:url(../img/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat;} div.dark_rounded .pp_bottom .pp_left { background:url(../img/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat;} div.dark_rounded .pp_bottom .pp_right { background:url(../img/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat;} div.dark_rounded .pp_loaderIcon { background:url(../img/prettyPhoto/dark_rounded/loader.gif) center 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(../img/prettyPhoto/dark_square/loader.gif) center center no-repeat;} div.dark_square .pp_expand { background:url(../img/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat; cursor:pointer;} div.dark_square .pp_expand:hover { background:url(../img/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat; cursor:pointer;} div.dark_square .pp_contract { background:url(../img/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat; cursor:pointer;} div.dark_square .pp_contract:hover { background:url(../img/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat; cursor:pointer;} div.dark_square .pp_close { width:75px; height:22px; background:url(../img/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(../img/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat; height:15px; width:14px;} div.dark_square .pp_nav .pp_pause { background:url(../img/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat; height:15px; width:14px;} div.dark_square .pp_arrow_previous { background:url(../img/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat;} div.dark_square .pp_arrow_next { background:url(../img/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat;} div.dark_square .pp_next:hover { background:url(../img/prettyPhoto/dark_square/btnNext.png) center right no-repeat; cursor:pointer;} div.dark_square .pp_previous:hover { background:url(../img/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat; cursor:pointer;} div.light_square .pp_expand { background:url(../img/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat; cursor:pointer;} div.light_square .pp_expand:hover { background:url(../img/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat; cursor:pointer;} div.light_square .pp_contract { background:url(../img/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat; cursor:pointer;} div.light_square .pp_contract:hover { background:url(../img/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat; cursor:pointer;} div.light_square .pp_close { width:75px; height:22px; background:url(../img/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat; cursor:pointer;} div.light_square .pp_nav .pp_play { background:url(../img/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat; height:15px; width:14px;} div.light_square .pp_nav .pp_pause { background:url(../img/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat; height:15px; width:14px;} div.light_square .pp_arrow_previous { background:url(../img/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat;} div.light_square .pp_arrow_next { background:url(../img/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat;} div.light_square .pp_next:hover { background:url(../img/prettyPhoto/light_square/btnNext.png) center right no-repeat; cursor:pointer;} div.light_square .pp_previous:hover { background:url(../img/prettyPhoto/light_square/btnPrevious.png) center left no-repeat; cursor:pointer;} div.facebook .pp_top .pp_left { background:url(../img/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat;} div.facebook .pp_top .pp_middle { background:url(../img/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x;} div.facebook .pp_top .pp_right { background:url(../img/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat;} div.facebook .pp_content_container .pp_left { background:url(../img/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y;} div.facebook .pp_content_container .pp_right { background:url(../img/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y;} div.facebook .pp_expand { background:url(../img/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat; cursor:pointer;} div.facebook .pp_expand:hover { background:url(../img/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat; cursor:pointer;} div.facebook .pp_contract { background:url(../img/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat; cursor:pointer;} div.facebook .pp_contract:hover { background:url(../img/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat; cursor:pointer;} div.facebook .pp_close { width:22px; height:22px; background:url(../img/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(../img/prettyPhoto/facebook/loader.gif) center center no-repeat;} div.facebook .pp_arrow_previous { background:url(../img/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(../img/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(../img/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat; height:22px; width:22px;} div.facebook .pp_nav .pp_pause { background:url(../img/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat; height:22px; width:22px;} div.facebook .pp_next:hover { background:url(../img/prettyPhoto/facebook/btnNext.png) center right no-repeat; cursor:pointer;} div.facebook .pp_previous:hover { background:url(../img/prettyPhoto/facebook/btnPrevious.png) center left no-repeat; cursor:pointer;} div.facebook .pp_bottom .pp_left { background:url(../img/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat;} div.facebook .pp_bottom .pp_middle { background:url(../img/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x;} div.facebook .pp_bottom .pp_right { background:url(../img/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:left; 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:left; margin:3px 10px 0 0;} .pp_nav p { float:left; white-space:nowrap; margin:2px 4px;} .pp_nav .pp_play,.pp_nav .pp_pause { float:left; margin-right:4px; text-indent:-10000px;} a.pp_arrow_previous,a.pp_arrow_next { display:block; float:left; 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; left:50%; margin-top:-50px; position:absolute; z-index:10000;} .pp_gallery div { float:left; overflow:hidden; position:relative;} .pp_gallery ul { float:left; 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:left; height:33px; overflow:hidden;} .pp_gallery ul a img { border:0;} .pp_gallery li { display:block; float:left; margin:0 5px 0 0; padding:0;} .pp_gallery li.default a { background:url(../img/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(../img/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat; display:block; float:right; height:100%; text-indent:-10000px; width:49%;} a.pp_previous { background:url(../img/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat; display:block; float:left; height:100%; text-indent:-10000px; width:49%;} a.pp_expand,a.pp_contract { cursor:pointer; display:none; height:20px; position:absolute; right:30px; text-indent:-10000px; top:10px; width:20px; z-index:20000;} a.pp_close { position:absolute; right:0; top:0; 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:left;} #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(../img/prettyPhoto/light_rounded/loader.gif) center center no-repeat;} div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle { background:url(../img/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-left:-50%; width:100%;} .style-simple .tabs_vertical.ui-tabs .ui-tabs-panel { border-width:0 0 0 1px !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%; right:-1px; top:0; bottom:auto; left:auto; margin:0;} .style-simple .tabs_vertical.ui-tabs .ui-tabs-nav li a { background:none; text-align:right; padding-right:20px !important; padding-left:10px !important;} /* Accordion & Toggle */ .style-simple .accordion .question { border-width:0 0 0 1px; border-radius:0; position:relative; margin-bottom:0;} .style-simple .accordion .question:after { content:""; display:none; width:2px; height:100%; position:absolute; left:0; top:0; background-color:#ccc;} .style-simple .accordion .question.active:after { display:block;} .style-simple .accordion .question .title { background:none; padding-left:50px; border:0;} .style-simple .accordion .question .title:before { display:none;} .style-simple .accordion .question .answer { background:none; padding:0 20px 10px 50px;} /* FAQ */ .style-simple .faq .question { border-width:0 0 0 1px; 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-left: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 1px 1px 0;} .style-simple table tr td:last-child,.style-simple table tr th:last-child { border-right: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:left;} .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-left: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 .3s ease-in-out; -moz-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .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; left: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_left { 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,.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-right-open { display:none;} .style-simple .article_box .desc_wrapper p:after { -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;} /* Idea box */ .style-simple .idea_box { border:1px solid rgba(0,0,0,0.08); padding:15px 15px 15px 0; background:none;} .style-simple .idea_box .icon { display:block; position:static; float:left; left:0; top:0; margin-top:0; width:60px; text-align:center; margin-top:5px;} .style-simple .idea_box .desc { border-left:1px solid rgba(0,0,0,0.08); padding:10px 15px 10px 20px; margin-left:60px;} /* Sliding box */ .style-simple .sliding_box .photo_wrapper { top:0;} .style-simple .sliding_box .desc_wrapper { background:none; padding-left:0; padding-right: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,.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,.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 .3s ease-in-out; -moz-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .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 0 0 50%; background:none; margin-bottom:15px !important;} .style-simple .timeline_items li:nth-child(even) { padding:0 50% 0 0; 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-left:2px solid rgba(0,0,0,0.08); margin:0; padding:15px 0 0 25px; width:100%; box-sizing:padding-box;} .style-simple .timeline_items li h3 span { position:absolute; right:52%;} .style-simple .timeline_items li:nth-child(even) h3 { padding:15px 25px 0 0; text-align:right; border-left:0; border-right:2px solid rgba(0,0,0,0.04);} .style-simple .timeline_items li:nth-child(even) h3 span { left:52%; right:auto;} .style-simple .timeline_items li .desc { border-left:2px solid rgba(0,0,0,0.08); padding:15px 0 15px 25px; background:none; width:100%; box-sizing:padding-box;} .style-simple .timeline_items li:nth-child(even) .desc { padding:15px 25px 15px 0; border-left:0; border-right: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 .3s ease-in-out; -moz-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .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; left:50%; margin-left:-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-left:0;} .style-simple .offer_thumb .slider_pagination a img { filter:alpha(opacity=70); opacity:.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; left:0; top:0; background:none; border-right:1px solid rgba(255,255,255,.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,.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,.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,.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 { left:5px;} /* Infobox */ .style-simple .infobox { padding:25px 30px;} .style-simple .infobox ul li { border-bottom:1px solid rgba(255,255,255,.1); padding-left:40px;} .style-simple .infobox ul li:last-child { border:0;} .style-simple .infobox ul li:after { display:none;} .style-simple .infobox ul li:before { left: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 .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 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;}