/* Theme Name: Brandon Theme URI: http://themes.muffingroup.com/brandon Author: Muffin group Author URI: http://muffingroup.com Description: Brandon - Premium WordPress Theme. License: GNU General Public License version 3.0 License URI: http://www.gnu.org/licenses/gpl-3.0.html Tags: one-column, two-columns, left-sidebar, right-sidebar, fixed-width, custom-background, custom-header, custom-menu, editor-style, featured-image-header, featured-images, post-formats, theme-options, translation-ready Version: 1.3.0 */ /* Table of Content ================================================== #Reset & Basics #Basic Styles #Site Styles #Typography #Links #Lists #Images #Buttons #Forms #Misc */ .feature_box_wrapper h3 span { border-bottom: medium none; color: #000; font-family: 'ClarendonBT-RomanCondensed' !important; font-size: .8em; height: auto; margin-bottom: 5px; padding: 3px 7px 30px; position: relative; text-align: center; } /* #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 { margin-bottom: 0; } h2 { margin-bottom: 15px; } h3 { margin-bottom: 15px; } h4 { margin-bottom: 15px; } h5 { margin-bottom: 15px; } h6 { margin-bottom: 15px; } h1.title, h2.title, h3.title, h4.title, h5.title, h6.title { letter-spacing: 2px; font-weight: 100; } p { margin: 0 0 15px 0; } em, i { font-style: italic; } b, strong { font-weight: bold; } small { font-size: 80%; } hr { display: block; border: none; outline: none; margin-bottom: 15px; clear: both; color: #EBEAEA; width: 100%; height:8px;} dt { font-weight:bold;} blockquote { font-style:italic;} blockquote .text { font-style:normal;} .highlight { padding: 0 8px; } #Content a > i { margin-right: 10px; } /* #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%; } /* #Buttons ================================================== */ a.tp-button{ background: none; font-family: inherit !important; height: auto !important; line-height: inherit !important; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; letter-spacing: 0 !important; text-shadow: 0 0 0 !important; box-shadow: 0 0 0 !important; font-weight: normal; } a.button, a.tp-button, button, input[type="submit"], input[type="reset"], input[type="button"] { display: inline-block; padding: 15px 50px; font-size: 14px; line-height: 14px; margin-bottom: 15px; -webkit-border-radius: 6px; border-radius: 6px; position: relative; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; background: none; z-index: 1; cursor: pointer; text-transform: uppercase; letter-spacing: 2px; background-image: url(images/pattern_slashes_6.png); border: 0; margin-right: 7px; } input[type="submit"] { padding: 13px 50px; } a.button i, a.tp-button i, button i, input[type="submit"] i, input[type="reset"] i, input[type="button"] i { margin: 0px !important; } a.button:before, a.tp-button:before, button:before, input[type="submit"]:before, input[type="reset"]:before, input[type="button"]:before { width: 15px; height: 14px; top: 50%; margin-top: -7px; right: 30px; content: ''; position: absolute; z-index: -1; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; opacity:.0; filter: alpha(opacity = 0); background: url(images/arrow_right.png) no-repeat right center; } a.button:after, a.tp-button:after, button:after, input[type="submit"]:after, input[type="reset"]:after, input[type="button"]:after { content: ''; width: 12px; height: 12px; position: absolute; right: -5px; top: 50%; margin-top: -6px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } a.button_small { font-size: 13px; padding: 13px 40px; } a.button_large { font-size: 16px; padding: 17px 55px; } a:hover.button, a:hover.tp-button { text-decoration: none; } a.button:hover:before, a.tp-button:hover:before, a.button:active:before, a.tp-button:active:before, button:hover:before, input[type="submit"]:hover:before, input[type="reset"]:hover:before, input[type="button"]:hover:before { right: 12px; opacity: 1; filter: alpha(opacity=100); } /* #Control Button ================================================== */ a.control_button, span.control_button { display: block; float: left; margin: 0 2px; overflow: hidden; background: #ccc; -webkit-border-radius: 22px; -moz-border-radius: 22px; border-radius: 22px; border-width: 1px; border-style: solid; } a.control_button span, span.control_button span { display: block; width: 22px; height: 22px; overflow: hidden; text-indent: -9999px; } .button.full-width, button.full-width, input[type="submit"].full-width, input[type="reset"].full-width, input[type="button"].full-width { width: 100%; padding-left: 0 !important; padding-right: 0 !important; text-align: center; } /* Fix for odd Mozilla border & padding issues */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /* #Forms ================================================== */ form { margin-bottom: 0; } fieldset { margin-bottom: 0; } input[type="text"], input[type="password"], input[type="email"], input[type="tel"], textarea, select { border: 0; padding: 13px 10px; outline: none; margin: 0; width: 230px; max-width: 100%; display: block; margin-bottom: 20px; font-size: 14px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 3px 3px 3px rgba(0, 0, 0, 0.05); box-shadow: inset 3px 3px 3px rgba(0, 0, 0, 0.05); } input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus {} textarea { min-height: 60px; } label, legend { display: block; font-size: 110%; } input[type="checkbox"] { display: inline; } /* #Misc ================================================== */ .remove-bottom { margin-bottom: 0 !important; } .half-bottom { margin-bottom: 10px !important; } .add-bottom { margin-bottom: 20px !important; } @charset "UTF-8";.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}@-webkit-keyframes bounce{0%,20%,50%,80%,100%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}@keyframes bounce{0%,20%,50%,80%,100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);-ms-transform:translateY(-15px);transform:translateY(-15px)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce}@-webkit-keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulse{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);transform:translateX(10px)}}@keyframes shake{0%,100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}100%{-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);-ms-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);-ms-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);-ms-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);-ms-transform:rotate(-5deg);transform:rotate(-5deg)}100%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}}.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(.9)rotate(-3deg);transform:scale(.9)rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1)rotate(3deg);transform:scale(1.1)rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1)rotate(-3deg);transform:scale(1.1)rotate(-3deg)}100%{-webkit-transform:scale(1)rotate(0);transform:scale(1)rotate(0)}}@keyframes tada{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(.9)rotate(-3deg);-ms-transform:scale(.9)rotate(-3deg);transform:scale(.9)rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1)rotate(3deg);-ms-transform:scale(1.1)rotate(3deg);transform:scale(1.1)rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1)rotate(-3deg);-ms-transform:scale(1.1)rotate(-3deg);transform:scale(1.1)rotate(-3deg)}100%{-webkit-transform:scale(1)rotate(0);-ms-transform:scale(1)rotate(0);transform:scale(1)rotate(0)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translateX(0%);transform:translateX(0%)}15%{-webkit-transform:translateX(-25%)rotate(-5deg);transform:translateX(-25%)rotate(-5deg)}30%{-webkit-transform:translateX(20%)rotate(3deg);transform:translateX(20%)rotate(3deg)}45%{-webkit-transform:translateX(-15%)rotate(-3deg);transform:translateX(-15%)rotate(-3deg)}60%{-webkit-transform:translateX(10%)rotate(2deg);transform:translateX(10%)rotate(2deg)}75%{-webkit-transform:translateX(-5%)rotate(-1deg);transform:translateX(-5%)rotate(-1deg)}100%{-webkit-transform:translateX(0%);transform:translateX(0%)}}@keyframes wobble{0%{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%)}15%{-webkit-transform:translateX(-25%)rotate(-5deg);-ms-transform:translateX(-25%)rotate(-5deg);transform:translateX(-25%)rotate(-5deg)}30%{-webkit-transform:translateX(20%)rotate(3deg);-ms-transform:translateX(20%)rotate(3deg);transform:translateX(20%)rotate(3deg)}45%{-webkit-transform:translateX(-15%)rotate(-3deg);-ms-transform:translateX(-15%)rotate(-3deg);transform:translateX(-15%)rotate(-3deg)}60%{-webkit-transform:translateX(10%)rotate(2deg);-ms-transform:translateX(10%)rotate(2deg);transform:translateX(10%)rotate(2deg)}75%{-webkit-transform:translateX(-5%)rotate(-1deg);-ms-transform:translateX(-5%)rotate(-1deg);transform:translateX(-5%)rotate(-1deg)}100%{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%)}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(.9);transform:scale(.9)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px);transform:translateY(30px)}80%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px)}80%{-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}60%{opacity:1;-webkit-transform:translateX(30px);transform:translateX(30px)}80%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}60%{opacity:1;-webkit-transform:translateX(30px);-ms-transform:translateX(30px);transform:translateX(30px)}80%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}60%{opacity:1;-webkit-transform:translateX(-30px);transform:translateX(-30px)}80%{-webkit-transform:translateX(10px);transform:translateX(10px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}60%{opacity:1;-webkit-transform:translateX(-30px);-ms-transform:translateX(-30px);transform:translateX(-30px)}80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}60%{opacity:1;-webkit-transform:translateY(-30px);transform:translateY(-30px)}80%{-webkit-transform:translateY(10px);transform:translateY(10px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}60%{opacity:1;-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}80%{-webkit-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{0%{-webkit-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(.95);transform:scale(.95)}50%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}}@keyframes bounceOut{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95)}50%{opacity:1;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}}@keyframes bounceOutDown{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(20px);transform:translateX(20px)}100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}@keyframes bounceOutLeft{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}}@keyframes bounceOutRight{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(20px);transform:translateY(20px)}100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}}@keyframes bounceOutUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}}@keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}}@keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}}@keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}@keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}}@keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}}@keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}}@keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}}@keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px)translateZ(0)rotateY(0)scale(1);transform:perspective(400px)translateZ(0)rotateY(0)scale(1)}0%,40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px)translateZ(150px)rotateY(170deg)scale(1);transform:perspective(400px)translateZ(150px)rotateY(170deg)scale(1)}50%{-webkit-transform:perspective(400px)translateZ(150px)rotateY(190deg)scale(1);transform:perspective(400px)translateZ(150px)rotateY(190deg)scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px)translateZ(0)rotateY(360deg)scale(.95);transform:perspective(400px)translateZ(0)rotateY(360deg)scale(.95)}80%,100%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px)translateZ(0)rotateY(360deg)scale(1);transform:perspective(400px)translateZ(0)rotateY(360deg)scale(1)}}@keyframes flip{0%{-webkit-transform:perspective(400px)translateZ(0)rotateY(0)scale(1);-ms-transform:perspective(400px)translateZ(0)rotateY(0)scale(1);transform:perspective(400px)translateZ(0)rotateY(0)scale(1)}0%,40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px)translateZ(150px)rotateY(170deg)scale(1);-ms-transform:perspective(400px)translateZ(150px)rotateY(170deg)scale(1);transform:perspective(400px)translateZ(150px)rotateY(170deg)scale(1)}50%{-webkit-transform:perspective(400px)translateZ(150px)rotateY(190deg)scale(1);-ms-transform:perspective(400px)translateZ(150px)rotateY(190deg)scale(1);transform:perspective(400px)translateZ(150px)rotateY(190deg)scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px)translateZ(0)rotateY(360deg)scale(.95);-ms-transform:perspective(400px)translateZ(0)rotateY(360deg)scale(.95);transform:perspective(400px)translateZ(0)rotateY(360deg)scale(.95)}80%,100%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px)translateZ(0)rotateY(360deg)scale(1);-ms-transform:perspective(400px)translateZ(0)rotateY(360deg)scale(1);transform:perspective(400px)translateZ(0)rotateY(360deg)scale(1)}}.animated.flip{-webkit-backface-visibility:visible;-ms-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px)rotateX(90deg);transform:perspective(400px)rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(400px)rotateX(-10deg);transform:perspective(400px)rotateX(-10deg)}70%{-webkit-transform:perspective(400px)rotateX(10deg);transform:perspective(400px)rotateX(10deg)}100%{-webkit-transform:perspective(400px)rotateX(0);transform:perspective(400px)rotateX(0);opacity:1}}@keyframes flipInX{0%{-webkit-transform:perspective(400px)rotateX(90deg);-ms-transform:perspective(400px)rotateX(90deg);transform:perspective(400px)rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(400px)rotateX(-10deg);-ms-transform:perspective(400px)rotateX(-10deg);transform:perspective(400px)rotateX(-10deg)}70%{-webkit-transform:perspective(400px)rotateX(10deg);-ms-transform:perspective(400px)rotateX(10deg);transform:perspective(400px)rotateX(10deg)}100%{-webkit-transform:perspective(400px)rotateX(0);-ms-transform:perspective(400px)rotateX(0);transform:perspective(400px)rotateX(0);opacity:1}}.flipInX{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px)rotateY(90deg);transform:perspective(400px)rotateY(90deg);opacity:0}40%{-webkit-transform:perspective(400px)rotateY(-10deg);transform:perspective(400px)rotateY(-10deg)}70%{-webkit-transform:perspective(400px)rotateY(10deg);transform:perspective(400px)rotateY(10deg)}100%{-webkit-transform:perspective(400px)rotateY(0);transform:perspective(400px)rotateY(0);opacity:1}}@keyframes flipInY{0%{-webkit-transform:perspective(400px)rotateY(90deg);-ms-transform:perspective(400px)rotateY(90deg);transform:perspective(400px)rotateY(90deg);opacity:0}40%{-webkit-transform:perspective(400px)rotateY(-10deg);-ms-transform:perspective(400px)rotateY(-10deg);transform:perspective(400px)rotateY(-10deg)}70%{-webkit-transform:perspective(400px)rotateY(10deg);-ms-transform:perspective(400px)rotateY(10deg);transform:perspective(400px)rotateY(10deg)}100%{-webkit-transform:perspective(400px)rotateY(0);-ms-transform:perspective(400px)rotateY(0);transform:perspective(400px)rotateY(0);opacity:1}}.flipInY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px)rotateX(0);transform:perspective(400px)rotateX(0);opacity:1}100%{-webkit-transform:perspective(400px)rotateX(90deg);transform:perspective(400px)rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px)rotateX(0);-ms-transform:perspective(400px)rotateX(0);transform:perspective(400px)rotateX(0);opacity:1}100%{-webkit-transform:perspective(400px)rotateX(90deg);-ms-transform:perspective(400px)rotateX(90deg);transform:perspective(400px)rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px)rotateY(0);transform:perspective(400px)rotateY(0);opacity:1}100%{-webkit-transform:perspective(400px)rotateY(90deg);transform:perspective(400px)rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px)rotateY(0);-ms-transform:perspective(400px)rotateY(0);transform:perspective(400px)rotateY(0);opacity:1}100%{-webkit-transform:perspective(400px)rotateY(90deg);-ms-transform:perspective(400px)rotateY(90deg);transform:perspective(400px)rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%)skewX(-30deg);transform:translateX(100%)skewX(-30deg);opacity:0}60%{-webkit-transform:translateX(-20%)skewX(30deg);transform:translateX(-20%)skewX(30deg);opacity:1}80%{-webkit-transform:translateX(0%)skewX(-15deg);transform:translateX(0%)skewX(-15deg);opacity:1}100%{-webkit-transform:translateX(0%)skewX(0);transform:translateX(0%)skewX(0);opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%)skewX(-30deg);-ms-transform:translateX(100%)skewX(-30deg);transform:translateX(100%)skewX(-30deg);opacity:0}60%{-webkit-transform:translateX(-20%)skewX(30deg);-ms-transform:translateX(-20%)skewX(30deg);transform:translateX(-20%)skewX(30deg);opacity:1}80%{-webkit-transform:translateX(0%)skewX(-15deg);-ms-transform:translateX(0%)skewX(-15deg);transform:translateX(0%)skewX(-15deg);opacity:1}100%{-webkit-transform:translateX(0%)skewX(0);-ms-transform:translateX(0%)skewX(0);transform:translateX(0%)skewX(0);opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{-webkit-transform:translateX(0%)skewX(0);transform:translateX(0%)skewX(0);opacity:1}100%{-webkit-transform:translateX(100%)skewX(-30deg);transform:translateX(100%)skewX(-30deg);opacity:0}}@keyframes lightSpeedOut{0%{-webkit-transform:translateX(0%)skewX(0);-ms-transform:translateX(0%)skewX(0);transform:translateX(0%)skewX(0);opacity:1}100%{-webkit-transform:translateX(100%)skewX(-30deg);-ms-transform:translateX(100%)skewX(-30deg);transform:translateX(100%)skewX(-30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}0%,100%{-webkit-transform-origin:center center;transform-origin:center center}100%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);-ms-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}0%,100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center}100%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,100%{-webkit-transform-origin:left bottom;transform-origin:left bottom}100%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom}100%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}0%,100%{-webkit-transform-origin:right bottom;transform-origin:right bottom}100%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}0%,100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom}100%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}0%,100%{-webkit-transform-origin:left bottom;transform-origin:left bottom}100%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}0%,100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom}100%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,100%{-webkit-transform-origin:right bottom;transform-origin:right bottom}100%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom}100%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}0%,100%{-webkit-transform-origin:center center;transform-origin:center center}100%{-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}0%,100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center}100%{-webkit-transform:rotate(200deg);-ms-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}0%,100%{-webkit-transform-origin:left bottom;transform-origin:left bottom}100%{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}0%,100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom}100%{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}0%,100%{-webkit-transform-origin:right bottom;transform-origin:right bottom}100%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}0%,100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom}100%{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-transform-origin:left bottom;-transform:rotate(-90deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-transform-origin:left bottom;-transform:rotate(-90deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}0%,100%{-webkit-transform-origin:right bottom;transform-origin:right bottom}100%{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}0%,100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom}100%{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}@keyframes slideOutLeft{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}}@keyframes slideOutRight{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}}@keyframes slideOutUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}@-webkit-keyframes hinge{0%{-webkit-transform:rotate(0);transform:rotate(0)}0%,20%,60%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg)}40%{-webkit-transform:rotate(60deg);transform:rotate(60deg)}40%,80%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}80%{-webkit-transform:rotate(60deg)translateY(0);transform:rotate(60deg)translateY(0);opacity:1}100%{-webkit-transform:translateY(700px);transform:translateY(700px);opacity:0}}@keyframes hinge{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}0%,20%,60%{-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);-ms-transform:rotate(80deg);transform:rotate(80deg)}40%{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg)}40%,80%{-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}80%{-webkit-transform:rotate(60deg)translateY(0);-ms-transform:rotate(60deg)translateY(0);transform:rotate(60deg)translateY(0);opacity:1}100%{-webkit-transform:translateY(700px);-ms-transform:translateY(700px);transform:translateY(700px);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%)rotate(-120deg);transform:translateX(-100%)rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0)rotate(0);transform:translateX(0)rotate(0)}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%)rotate(-120deg);-ms-transform:translateX(-100%)rotate(-120deg);transform:translateX(-100%)rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0)rotate(0);-ms-transform:translateX(0)rotate(0);transform:translateX(0)rotate(0)}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0)rotate(0);transform:translateX(0)rotate(0)}100%{opacity:0;-webkit-transform:translateX(100%)rotate(120deg);transform:translateX(100%)rotate(120deg)}}@keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0)rotate(0);-ms-transform:translateX(0)rotate(0);transform:translateX(0)rotate(0)}100%{opacity:0;-webkit-transform:translateX(100%)rotate(120deg);-ms-transform:translateX(100%)rotate(120deg);transform:translateX(100%)rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut} /* Button red */ a.button.button_red, a.button.button_red:after, a.tp-button.red { background-color: #FC2A2A; color: #fff; } /* Button orange */ a.button.button_orange, a.button.button_orange:after, a.tp-button.orange { background-color: #FF6E00; color: #fff; } /* Button green */ a.button.button_green, a.button.button_green:after, a.tp-button.green { background-color: #88BE4C; color: #fff; } /* Button blue */ a.button.button_blue, a.button.button_blue:after, a.tp-button.blue { background-color: #058BD3; color: #fff; } /* Button grey */ a.button.button_grey, a.button.button_grey:after, a.tp-button.grey { background-color: #F1F1F1; color: #444444; } /* Button seagreen */ a.button.button_yellow, a.button.button_yellow:after { background-color: #FFCC28; color: #885a29; } /* Button darkgrey */ a.tp-button.darkgrey, a.tp-button.darkgrey:after { background-color: #555555; color: #fff; } /* Button lightgrey */ a.tp-button.lightgrey, a.tp-button.lightgrey:after { background-color: #878787; color: #fff; } /**** Isotope CSS3 transitions ****/ .isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform, opacity; } /**** disabling Isotope CSS3 transitions ****/ .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } /**** miscelous ****/ #mfn-offer-slider .rslides_nav { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; } /* #Base 1200 Grid ================================================== */ body { min-width: 1240px;} #Wrapper { width: auto; margin: 0px auto;} .layout-full-width { padding: 0; } .layout-full-width #Wrapper { width: 100% !important; margin: 0 !important; } /* #Content =============================== */ #Content { width:100%; } body:not(.template-slider) #Content { padding-top: 30px; } .section { } .section_wrapper-fb { width: 770px; margin:0 auto; position:relative; background:url("/facebook/facebook-bg.jpg") top center no-repeat #000; color: #fff; padding: 15px;} .section_wrapper-fb form {width: 450px; margin: 0 auto; display: block; padding: 0 175px;} .section_wrapper, .container { width: 940px; margin:0 auto; position:relative;} .section_wrapper:after, .container:after { clear: both; content: " "; display: block; height: 0; visibility: hidden;} .column, .columns { float: left; margin:0 1% 20px;} .column.column_divider { margin-bottom: 0;} .the_content_wrapper { margin:0 1%;} /* .with_aside */ .with_aside .content_wrapper { width: 1200px; margin: 0 auto;} .with_aside .sections_group { width: 75%; float:left;} .with_aside .section_wrapper { width:100%;} .with_aside .four.columns { float:right;} .aside_left .sections_group { float:right;} .aside_left .four.columns { float:left;} /* sidebars for sections */ .right-sidebar .items_group { width:75%; float:left;} .right-sidebar .four.columns { float:right;} .left-sidebar .items_group { width:75%; float:right;} .left-sidebar .four.columns { float:left;} /* #Base Grid =============================== */ .four.columns, .one-fourth.column { width: 23%; } /* 1/4 */ .one-third.column { width: 31.333%; } /* 1/3 */ .one-second.column { width: 48%; } /* 1/2 */ .two-third.column { width: 64.666%; } /* 2/3 */ .three-fourth.column { width: 73%; } /* 3/4 */ .one.column { width: 98%; } /* 1/1 */ /* #Clearing ================================================== */ /* Self Clearing Goodness */ .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; } /* Use clearfix class on parent to clear nested columns, or wrap each row of columns in a
*/ .clearfix:before, .clearfix:after, .row:before, .row:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .row:after, .clearfix:after { clear: both; } .row, .clearfix { zoom: 1; } /* You can also use a
to clear columns */ .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0;} /* #Global ================================================== */ .the_content pre { margin-bottom: 20px} .rev_slider iframe { max-width: 1220px;} [class^="icon-"]:before, [class*=" icon-"]:before { display:inline;} body { padding: 25px 0 0; } #Wrapper { -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, .06); box-shadow: 0px 0px 15px rgba(0, 0, 0, .06); } /* #Post navigation ================================================== */ .post_navigation { overflow: hidden; margin: 0px 1% 20px !important; padding-bottom: 15px; border-bottom-width: 1px; border-style: solid; font-size: 13px; } .post_navigation a.post_control { display:block; } .post_navigation a.prev_post { float: left; } .post_navigation a.prev_post i { margin-right: 10px; } .post_navigation a:hover.prev_post {} .post_navigation a.next_post { float: right; } .post_navigation a.next_post i { margin-left: 10px; margin-right: 0 !important; } .post_navigation a:hover.next_post {} /* #Hover mask ================================================== */ .hover-mask a { display: block; line-height: 0; position: relative; overflow: hidden; } .hover-mask a:after, .hover-mask a:before { content: ""; display: block; position: absolute; top: 0; background: rgba(241, 241, 241, 0.8); width: 50%; height: 100%; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .hover-mask a:before { left: -50%; } .hover-mask a:hover:before { left: 0%; } .hover-mask a:after { right: -50%; } .hover-mask a:hover:after { right: 0; } .hover-mask a .ico { display: block; width: 46px; height: 46px; line-height: 46px; font-size: 20px; background: #444; color: #fff; text-align: center; position: absolute; left: 50%; top: 50%; margin: -23px 0 0 -23px; z-index: 100; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .hover-mask a:hover .ico { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; } /* #Owl-pagination ================================================== */ .owl-pagination {} .owl-pagination .owl-page span { width: 17px !important; height: 17px !important; margin: 5px 6px !important; background: rgba(0, 0, 0, .15) !important; opacity: 1 !important; filter: alpha(opacity=100) !important; } /* #Top bar ================================================== */ #top_bar { text-align: center; padding: 8px 15px; font-size: 12px; display: none; } #top_bar p { margin-bottom: 0; display: inline-block; } #top_bar p i { margin-right: 6px; color: #989898; } #top_bar p a { color: #989898 } #top_bar p.mob_phone { margin-right: 10px; } #top_bar p.mob_mail {} /* #Header ================================================== */ #Header { position: relative; } #Header:after, #Header.is-sticky #menu:after { content: ''; width: 100%; height: 8px; bottom: -8px; left: 0; position: absolute; z-index: 100;} #Header.is-sticky:after { display: none; } #Header .one { z-index: 201; margin-bottom: 0; position: relative; } #Header a.responsive-menu-toggle { display: none; } #Header .logo { float: left; margin: 40px 0 100px 20px; } #Header .logo h1 { line-height: 0; font-size: 0; } #Header #logo { display: block; overflow: hidden; } #Header #logo:hover { text-decoration: none; } #Header #logo img { vertical-align:middle;} #Header .social { z-index: 203; position: absolute; right: 0; bottom: 0; background-image: url(images/pattern_slashes_10.png); } #Header .addons { z-index: 203; position: absolute; right: 0; top: 20px; font-size: 13px; } #Header .contact_details, #Header .language, #Header #searchform { float: right; padding: 30px 20px; border-right: 1px solid rgba(0, 0, 0, .05); } /* Contact details */ #Header .contact_details { line-height: 24px; } #Header .contact_details .text { float: left; margin: 0 5px 0 0; text-transform: uppercase; } #Header .contact_details .expand { float: left; overflow: hidden; margin: 0 0 0 7px; } #Header .contact_details .expand .ico { display: block; float: left; width: 24px; height: 24px; overflow: hidden; cursor: pointer; } #Header .contact_details .expand .label { display: block; float: left; margin: 0 0 0 7px; max-width: 0px; font-size: 14px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } #Header .contact_details .expand.focus .label { max-width: 300px; } #Header .contact_details .mail .ico { background: url(images/icons/addons/ico_mail.png) no-repeat center center; } #Header .contact_details .phone .ico { background: url(images/icons/addons/ico_phone.png) no-repeat center center; } #Header .contact_details .phone.focus .label { padding-right: 10px; } /* Language */ #Header .language { position: relative; z-index: 210; } #Header .language > a { display: block; line-height: 24px; text-transform: uppercase; background: url(images/arrow_bottom.png) no-repeat right center; padding-right: 18px; } #Header .language > a:hover { text-decoration: none; } #Header .language > a .ico { display: block; float: left; width: 24px; height: 24px; margin-right: 7px; overflow: hidden; background: url(images/icons/addons/ico_lang.png) no-repeat center center; } #Header .language .language_select { position: absolute; left: 50%; top: 60px; width: 120px; z-index: 205; margin-left: -60px; display: none; } #Header .language .language_select span.arrow { margin: 0 auto; width: 0px; height: 0px; display: block; border-bottom: 8px solid #F9F9F9; border-right: 8px solid transparent; border-left: 8px solid transparent; } #Header .language .language_select ul { padding: 7px; background: #F9F9F9; } #Header .language .language_select ul li { border-bottom: 1px solid rgba(0, 0, 0, 0.05); } #Header .language .language_select ul li:last-child { border-bottom: 0; } #Header .language .language_select ul li a { font-size: 12px; display: block; text-align: center; padding: 1px 0px; color: #8B8B8B; } #Header .language .language_select ul li a:hover { text-decoration: none; color: #5F5F5F; background: rgba(255, 255, 255, 0.8); } #Header .language:hover { height: auto; } #Header .language:hover .language_select { display: block; } /* Search form */ #Header #searchform { border-right: 0; padding: 25px 20px; } #Header #searchform .ico { display: block; float: left; width: 24px; height: 24px; margin-right: 12px; margin-top: 5px; overflow: hidden; background: url(images/icons/addons/ico_search.png) no-repeat center center; } #Header #searchform input[type="text"] { width: 110px; float: left; margin: 0; font-size: 12px; padding: 10px; -webkit-transition: all 0.4s linear 0s; -moz-transition: all 0.4s linear 0s; -o-transition: all 0.4s linear 0s; transition: all 0.4s linear 0s; } #Header #searchform input[type="text"]:focus { width: 160px; } /* #menu ================================================== */ /* main menu 1st level */ #Header #menu { display:block; width: 100%; z-index: 202; position: absolute; left: 0; bottom: 0; height: 60px; background-image: url(images/pattern_slashes_3.png); } #Header .menu { position: relative; float: left; } #Header .menu:after { position: absolute; right: -8px; top: 0; width: 8px; height: 60px; content: ""; /*background: url(images/menu_shadow.png) no-repeat left bottom;*/ } #Header .menu > li { margin: 0; z-index: 203; display: block; float: left; } #Header .menu > li:not(.mfn-megamenu-parent) { position: relative; } #Header .menu > li.hover { z-index: 204; padding-bottom: 0; } #Header .menu > li.hover.mfn-megamenu-parent a { z-index: 204; position:relative;} #Header .menu > li > a { display: inline-block; white-space: nowrap; padding: 0px 25px; line-height: 60px; text-transform: uppercase; letter-spacing: 0px; background: url(images/menu_shadow.png) no-repeat left bottom; } #Header .menu > li > a:hover { text-decoration: none; } #Header .menu > li.current-menu-item > a, #Header .menu > li.current_page_item > a, #Header .menu > li.current-menu-ancestor > a, #Header .menu > li.current_page_ancestor > a { height: 70px; line-height: 70px; } #Header .menu > li > a:hover, #Header .menu > li.hover > a { height: 60px; line-height: 60px; } /* main menu 2nd level */ #Header .menu li ul { position: absolute; left: 0px; top: 60px; z-index: 205; margin: 0; display: none; } #Header .menu li ul li { padding: 0 0; width: 180px; position: relative; font-weight: normal; } #Header .menu li ul li a { padding: 6px 12px; font-size: 13px; display: block; border-bottom-width: 1px; border-style: solid; } #Header .menu li ul li:last-child a {} #Header .menu li ul li a:hover { text-decoration: none; } #Header .menu li ul li a .menu-arrow { display: block; position: absolute; right: 15px; top: 10px; font-size: 7px; } /* main menu 3rd level */ #Header .menu li ul li ul { position: absolute; left: 180px; top: 0px; z-index: 204; } /* main menu .last */ #Header .menu li.last ul li ul { right: 180px; left: auto; border-left: 0; border-right: 1px solid rgba(0, 0, 0, 0.1); } #Header .menu li.last ul li.hover .menu-arr-top { display: none !important; } #Header .menu li.last ul li.hover .menu-arr-bottom { display: none !important; } /* #menu_responsive */ #menu_responsive { display: none; } /* #Menu-clean ================================================== */ .menu-clean #Header #menu, .menu-clean #Header .social, .menu-clean #Header .social li a:hover, .menu-clean #Header .menu:after, .menu-clean #Header .menu > li > a, .menu-clean #Header .menu > li > a:hover, .menu-clean #Header .menu > li.hover > a { background: none; } .menu-clean #Header .menu > li > a { padding: 0 20px; } .menu-clean #Header .menu > li.current-menu-item > a, .menu-clean #Header .menu > li.current_page_item > a, .menu-clean #Header .menu > li.current-menu-ancestor > a, .menu-clean #Header .menu > li.current_page_ancestor > a { height: 60px; line-height: 60px; background: none; } /* #Subheader ================================================== */ #Subheader { text-align: center; } #Subheader .column { margin-bottom: 0; } #Subheader .title { margin: 45px 0 10px; font-weight:100; } #Subheader ul.breadcrumbs { float: right; margin: 0 0 15px; overflow: hidden; text-align: right; font-size: 13px; } #Subheader ul.breadcrumbs li { display: inline-block; margin-left: 10px; margin-bottom: 0; } #Subheader ul.breadcrumbs li span { padding-left: 5px; opacity: 0.6; filter: alpha(opacity=60); } #Subheader ul.breadcrumbs li.home, ul.breadcrumbs li.last { padding-right: 0; } /* #Social ================================================== */ .social li { display: block; float: left; border-left: 1px solid rgba(255, 255, 255, .05); } .social li:first-child { border-left: 0; } .social li a { width: 32px; height: 60px; line-height: 60px; font-size:23px; text-align: center; font-family: "Socialico"; display:block; text-decoration:none; transition: opacity .20s ease-in-out; -o-transition: opacity .20s ease-in-out; -moz-transition: opacity .20s ease-in-out; -webkit-transition: opacity .20s ease-in-out; } .social li a:hover { background: rgba(0, 0, 0, .1); } /* #mfn-slider ================================================== */ #mfn-slider {} #mfn-slider .swiper-container, #mfn-slider .swiper-slide { height:390px; line-height:390px; width:100%;} #mfn-slider .swiper-container { position:relative; overflow:hidden; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; z-index:1; /* Fix of Webkit flickering */} #mfn-slider .swiper-wrapper { position:relative; } #mfn-slider .swiper-slide { float:left; overflow:hidden; text-align:center;} #mfn-slider .swiper-background { background-repeat: no-repeat; background-position: center top; -webkit-background-size: cover; background-size: cover;} #mfn-slider .vertical-align-middle { vertical-align:middle; display:inline-block; line-height:28px;} #mfn-slider .swiper-slide .swiper-title { font-weight:100; font-size: 16px; line-height: 19px; margin-bottom: 20px; letter-spacing: 4px; } #mfn-slider .swiper-slide .swiper-desc { font-weight:100; font-size: 55px; line-height: 57px; margin-bottom: 20px; } #mfn-slider .swiper-slide .button { margin-top: 10px; background-color: transparent; border-width: 2px; border-style: solid; } #mfn-slider .swiper-slide .button:after { display: none; } #mfn-slider .swiper-controls { position: absolute; top:50%; margin-top:-45px; right:50px;} #mfn-slider .swiper-controls .swiper-pagination-switch { display:block; width:15px; height:15px; margin-bottom:15px; cursor:pointer; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; } #mfn-slider .swiper-wp8-horizontal { -ms-touch-action: pan-y;} /* IE10 Windows Phone 8 Fixes */ #mfn-slider .swiper-wp8-vertical { -ms-touch-action: pan-x;} /* IE10 Windows Phone 8 Fixes */ /* Light */ #mfn-slider .swiper-title { color: rgba(0,0,0,.45); } #mfn-slider .swiper-desc { color: #764946; } #mfn-slider .swiper-slide .button { color: #764946; border-color: #fff; } /* Dark */ #mfn-slider .dark .swiper-title { color: rgba(255,255,255,.45); } #mfn-slider .dark .swiper-desc { color:#e4e4e4; } #mfn-slider .dark .swiper-slide .button { color: #e4e4e4; border-color: #fff; } /* #Post ================================================== */ .post { padding-bottom: 35px; border-bottom-width: 1px; border-style: dashed; } .post_meta { width: 13%; float: left; } .post_meta > div { padding: 10px 0; border-bottom-width: 1px; border-style: solid; text-align: center; } .post_meta > div:last-child { border-bottom: 0; } .post_meta > div i { display: block; width: 100%; margin-bottom: 5px; font-size: 20px; line-height: 20px; color: #555; } .post_meta .date {} .post_meta .comments {} .post_meta .category {} .post_meta .category a { display: block; } .post_meta .tags a { display: block; } .post .post_wrapper { float: right; width: 85%; } .post_photo { float: left; width: 50%; } .post_photo .photo_wrapper { padding: 5px; border-width: 1px; border-style: solid; margin-bottom: 7px; line-height: 0; } .post_photo iframe { width: 100%; } .post .post_wrapper .desc { float: right; width: 47%; margin-left: 3%; padding-top: 15px; } .post .post_wrapper .desc .post_title { font-weight: 100; } .post .post_wrapper .desc p:last-child { margin-bottom: 0; } .post .post_wrapper .desc .more i { margin-left: 10px; } .post.no-photo .post_photo { display: none; } .post.no-photo .desc { width: 100%; margin-left: 0; } .post_header { margin-bottom: 30px; } .section-post-about {} .section-post-about .author-box { margin-top: 20px; } .section-post-about .author-box .author-box-wrapper { background: rgba(0,0,0, .03); padding: 20px; position: relative; } .section-post-about .author-box .avatar-wrapper { position: absolute; left: 20px; top: 20px; } .section-post-about .author-box .desc-wrapper { padding-left: 80px; } .section-post-about .author-box .desc-wrapper h6 { margin-bottom: 5px; } .section-post-about .latest_posts_wrapper.related { padding: 0; margin-bottom: 0; } .section-post-about .latest_posts_wrapper.related .column { margin-bottom: 0; } .one-second.post, .one-third.post, .one-fourth.post { padding-bottom: 0; border-bottom-width: 0; } .one-second.post > .post_wrapper, .one-third.post > .post_wrapper, .one-fourth.post > .post_wrapper { width: 100%; float: none; } .one-second.post > .post_wrapper .post_photo, .one-third.post > .post_wrapper .post_photo, .one-fourth.post > .post_wrapper .post_photo { width: 100%; float: none; margin-bottom: 15px; } .one-second.post > .post_wrapper .desc, .one-third.post > .post_wrapper .desc, .one-fourth.post > .post_wrapper .desc { width: 100%; float: none; padding-top: 0; margin-left: 0; } .one-second.post > .post_meta, .one-third.post > .post_meta, .one-fourth.post > .post_meta { width: 100%; float: none; clear: both; padding-top: 10px; margin-top: 15px; border-top-width: 1px; border-style: solid; text-align: center; } .one-second.post > .post_meta .date, .one-third.post > .post_meta .date, .one-fourth.post > .post_meta .date { display: inline-block; } .one-second.post > .post_meta .comments, .one-third.post > .post_meta .comments, .one-fourth.post > .post_meta .comments { display: inline-block; } .one-second.post > .post_meta .category, .one-third.post > .post_meta .category, .one-fourth.post > .post_meta .category { display: inline-block; } .one-second.post > .post_meta > div, .one-third.post > .post_meta > div, .one-fourth.post > .post_meta > div { display: inline-block; border-bottom: 0; padding: 0 10px; margin-bottom: 6px; } .one-second.post > .post_meta > div i, .one-third.post > .post_meta > div i, .one-fourth.post > .post_meta > div i { display: inline; margin-bottom: 0; font-size: 17px; line-height: 17px; margin-right: 5px; } .one-second.post > .post_meta div.category a, .one-third.post > .post_meta div.category a, .one-fourth.post > .post_meta div.category a { display: inline; } /* #Single post ================================================== */ .single-post .post { border-bottom-width: 0; padding-bottom: 0; } .single-post .post_meta { width: 13%; float: left; } .single-post .post_photo { float: right; width: 85%; } .single-post .no-photo .post_meta { width: 100%; float: none; border-top: 0; margin-top: 0; padding-top: 0; margin-bottom: 5px; text-align:center;} .single-post .no-photo .post_photo { display:none; } .single-post .no-photo .post_meta > div { display: inline-block; border-bottom: 0; padding: 0 10px; margin-bottom: 6px; } .single-post .no-photo .post_meta > div i { display: inline; margin-bottom: 0; font-size: 17px; line-height: 17px; margin-right: 5px; } .single-post .no-photo .post_meta > div.category a, .post_meta > div.tags a { display: inline; } .post.no-meta .post_wrapper { width: 100%; } .post.no-meta .post_wrapper .post_photo { width: 45%; } .post.no-meta .post_wrapper .desc { width: 52%; } .single-post .no-meta .post_photo { width: 100%; } /* #Comments ================================================== */ #comments { padding-top: 30px; margin-top: 20px; background:url(images/divider.png) repeat-x left top; } #comments .commentlist { margin-left: 0; list-style-type: none; } #comments .commentlist > li { margin-bottom: 30px; } #comments .commentlist > li .comment-body { position: relative; background: rgba(0,0,0, .01); -webkit-border-radius: 6px; border-radius: 6px; padding: 20px 20px 20px 125px; margin-bottom: 30px; overflow: hidden; } #comments .commentlist > li .children { margin-bottom: 15px; padding-left: 40px; border-left: 1px solid #ddd; } #comments .commentlist > li .photo { display: block; width: 64px; height: 64px; overflow: hidden;line-height: 0; position: absolute; left: 30px; top: 20px; } #comments .commentlist > li .comment-author { font-size: 15px; color: #444; } #comments .commentlist > li .comment-author a {} #comments .commentlist > li .comment-meta { font-size: 12px; font-style: italic; } #comments .commentlist > li .comment-meta a {} #comments .commentlist > li .comment-meta a.comment-edit-link { float: right; padding-right: 52px; position: relative; top: -19px; } #comments .commentlist > li p { margin: 4px 0 10px; } #comments .commentlist > li .reply { position: absolute; right: 20px; top: 20px; } #comments .commentlist > li .reply a.comment-reply-link {font-size: 11px; padding: 3px 6px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #comments .commentlist > li .reply a:hover.comment-reply-link { text-decoration: none; } #comments .commentlist li {} #comments .commentlist li .comment-body {} #comments .commentlist li .comment-body.last {} #comments .commentlist li .comment-body.lastBorder { border-bottom: 0; } #comments .commentlist .children { margin-bottom: 0px; margin-left: 30px; padding-left: 50px; } #comments .commentlist .children li { margin-bottom: 0; } #comments #comments-title { font-size: 26px; line-height: 28px; margin-bottom: 20px; } #comments #comments-title span { font-style: italic; } /* #Respond ================================================== */ #respond { overflow: hidden; } #respond .comment-reply-title { font-size: 25px; line-height: 25px; } #respond p { margin-bottom: 15px; padding-left: 0 !important; } #respond .comment-notes .required { position: static; } #respond input[type="text"] { margin-bottom: 0; } #respond label { margin-bottom: 3px; } #respond .required { position: absolute; right: 10px; top: 30px; } #respond .comment-form-author { width: 31%; margin-right: 2% !important; float: left; position: relative; } #respond .comment-form-email { width: 31%; margin-right: 2% !important; float: left; position: relative; } #respond .comment-form-url { width: 33%; float: left; position: relative; } #respond input[type="text"], #respond input[type="password"], #respond input[type="email"], #respond select { width: 91%; } #respond .comment-form-comment { width: 98%; } #respond .comment-form-comment textarea { width: 98%; margin-bottom: 10px; } #respond .form-submit { overflow: hidden; } #respond .form-submit input[type="submit"] { float: right !important; } #respond .form-allowed-tags { display:none;} #respond .form-allowed-tags code { margin-top: 10px; } /* #Error_404 ================================================== */ .error404 { height: 100%; } #Error_404 { overflow: hidden; position: absolute; top: 50%; margin-top: -150px; left: 30px; } #Error_404 .error_pic { width: 30%; float: left; text-align: center; } #Error_404 .error_pic i { font-size: 300px; line-height: 300px; color: rgba(0, 0, 0, .7); } #Error_404 .error_desk { width: 70%; float: left; padding-top: 80px; } #Error_404 .error_desk h2 { font-size: 45px; line-height: 45px; color: rgba(0, 0, 0, .7); } #Error_404 .error_desk h4 { font-size: 26px; line-height: 30px; color: rgba(0, 0, 0, .7); } #Error_404 .error_desk p .check { line-height: 45px; font-size: 16px; color: rgba(0, 0, 0, .7); } #Error_404 .error_desk p em { font-style: italic; font-size: 17px; font-family: Georgia, serif; padding: 0 15px; } /* #Contact form ================================================== */ .wpcf7 span.wpcf7-form-control-wrap { width: 100%; } .wpcf7-not-valid-tip { position: absolute !important; left: -50px !important; top: 0 !important; width: 50px !important; height: 44px !important; padding: 0 !important; background: url(images/contact_form_error.png) !important; overflow: hidden; text-indent: -9999px !important; padding: 0; border: none !important; } .wpcf7-validation-errors { border: 0; display: none !important; } .wpcf7-mail-sent-ok { border: none !important; margin: 25px 0 0 0 !important; padding: 7px 10px !important; background: #7DCC68 !important; color: #fff; font-size: 14px; text-align: center; } .wpcf7-captchar { margin-bottom: 0; } span.wpcf7-form-control-wrap { position: relative !important; display: inline-block; margin-bottom: 2px; } span.wpcf7-form-control-wrap .wpcf7-text, span.wpcf7-form-control-wrap .wpcf7-textarea { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 0; } .wpcf7-submit { margin-bottom: 0; } #popup_contact { position: fixed; right: 20px; bottom: 20px; z-index: 701; } #popup_contact > a { display: block; width: 45px; height: 45px; line-height: 43px; font-size: 20px; text-align: center; background: rgba(0, 0, 0, .2); color: #fff; } #popup_contact > a:hover, #popup_contact.focus > a { text-decoration: none; background: rgba(0, 0, 0, .4); } #popup_contact .popup_contact_wrapper { width: 250px; padding: 20px; background: #fbfbfb; position: absolute; bottom: 60px; right: 0; display: none; } #popup_contact.focus .popup_contact_wrapper { display: block; } #popup_contact .popup_contact_wrapper span.arrow { position: absolute; right: 15px; bottom: -8px; margin: 0 auto; width: 0px; height: 0px; display: block; border-top: 8px solid #fbfbfb; border-right: 8px solid transparent; border-left: 8px solid transparent; } #popup_contact .popup_contact_wrapper form {} #popup_contact .popup_contact_wrapper form input[type="text"], #popup_contact .popup_contact_wrapper form input[type="email"], #popup_contact .popup_contact_wrapper form textarea { background: #fff; margin-bottom: 10px; } #popup_contact .popup_contact_wrapper form textarea { resize:vertical; min-height: 100px; } #popup_contact .popup_contact_wrapper form input[type="submit"] { margin: 0; float: right; } #popup_contact .wpcf7-form.invalid > p:after { display: block; } #popup_contact .wpcf7-form-control-wrap { display: inline-block; margin-right: 0; width: 100%; } #popup_contact div.wpcf7 img.ajax-loader { margin-top: 10px; } /* #Footer ================================================== */ #Footer { font-size: 95%; } .footer_line {} .footer_line .container { overflow: hidden; } .footer_line .container .line { width: 25%; height: 7px; float: left; } .footer_line .container .line.line_2 { background: rgba(0, 0, 0, .12); } .footer_line .container .line.line_3 { background: rgba(0, 0, 0, .24); } .footer_line .container .line.line_4 { background: rgba(0, 0, 0, .32); } .footer_menu { text-align: center; } .footer_menu .container {padding: 25px 0; } .footer_menu ul {} .footer_menu ul li { display: inline-block; border-right: 1px dashed rgba(0, 0, 0, .2); padding: 0 10px; } .footer_menu ul li:last-child { border-right: 0; } .footer_menu ul li a { text-transform: uppercase; padding: 3px 17px; -webkit-border-radius: 3px; border-radius: 3px; } .footer_menu ul li a:hover { text-decoration: none; } .footer_menu ul li.current-menu-item a, .footer_menu ul li a:hover { background: rgba(0, 0, 0, .04); } .copyright { position:absolute; right:0; bottom:-25px;} a#back_to_top { width: 105px; height: 42px; display: block; overflow: hidden; margin: 0 auto; position: relative; } a#back_to_top span { background: url(images/back_to_top_arrow.png); display: block; width: 11px; height: 18px; position: absolute; left: 50%; margin-left: -6px; bottom: 0; transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; } a:hover#back_to_top span { bottom: 10px; } /* #Dark ================================================== */ .dark, .dark .latest_posts ul li .desc h6 a, .dark blockquote a, .dark blockquote a:hover, .dark .testimonials_wrapper .desc .text { color: #fff; } .dark h1, .dark h1 a, .dark h1 a:hover { color: #fff; } .dark h2, .dark h2 a, .dark h2 a:hover { color: #fff; } .dark h3, .dark h3 a, .dark h3 a:hover { color: #fff; } .dark h4, .dark h4 a, .dark h4 a:hover { color: #fff; } .dark h5, .dark h5 a, .dark h5 a:hover { color: #fff; } .dark h6, .dark h6 a, .dark h6 a:hover { color: #fff; } .dark a, .dark a:hover { color: #fff !important; } .dark .widget > h3 { color: #fff !important; } /* Borders */ .dark .Recent_comments ul li, .dark .ui-tabs, .get_in_touch ul li, .dark .info_box .inside ul li, .dark code, .dark pre, .dark .widget_calendar td, .dark .widget_calendar th, .dark .widget_tp_widget_recent_tweets ul li, .dark .quick_facts ul li, .dark .widget_nav_menu li a, .dark .widget_meta li a, .dark .Recent_posts ul li, .dark .testimonials_wrapper .client { border-color: rgba(255, 255, 255, 0.10) !important; } /* Recent works */ .dark .recent_works ul li h6 { border-top: 1px solid rgba(255, 255, 255, 0.15); } .dark .recent_works ul li:hover h6 { border-top: 1px solid rgba(255, 255, 255, 0.80); } /* Controls */ .dark .owl-pagination .owl-page span { background: rgba(255, 255, 255, .6) !important; } /* Overlays */ .dark .wp-caption .photo .photo_wrapper a .mask, .dark .gallery .gallery-item .gallery-icon .mask, .dark .da-thumbs li a div { background: rgba(255, 255, 255, 0.85); } .dark .wp-caption .photo .photo_wrapper a i, .dark .gallery .gallery-item .gallery-icon i, .dark .da-thumbs li a div span { color: #2c3e50; } /* Fancy header */ .dark.fancy_heading_wrapper h2 { color: #fff; } .dark.fancy_heading_wrapper .inside { color: rgba(255, 255, 255, .7); } /* #Shortcodes ==================================================================================================== */ /* FAQ / Accordion */ .accordion {} .accordion .accordion_wrapper { padding-left: 40px; overflow: hidden; } .accordion .question > h5 { margin: 10px 0 0; cursor: pointer; padding: 6px 15px 15px; font-size: 14px; line-height: 18px; position: relative; text-transform: uppercase; letter-spacing: 1px; border-bottom-width: 1px; border-style: solid; } .accordion .question > h5 span.icon { width: 30px; height: 30px; overflow: hidden; position: absolute; left: -40px; top: 2px; } .accordion .question .answer { padding: 0 15px 15px; overflow: hidden; display: none; } .accordion .active { border-left-width: 1px; border-style: solid; } .accordion .active > h5, .accordion .question:last-child > h5 { border-bottom: 0; } .accordion .active > h5 span.icon { left: -41px; } .accordion .active p:last-child { margin-bottom: 0; } .faq {} .faq .faq_wrapper { padding-left: 40px; overflow: hidden; } .faq .question > h5 { margin: 10px 0 0; cursor: pointer; padding: 6px 15px 15px; font-size: 14px; line-height: 18px; position: relative; text-transform: uppercase; letter-spacing: 1px; border-bottom-width: 1px; border-style: solid; } .faq .question > h5 span.icon { width: 30px; height: 30px; overflow: hidden; position: absolute; left: -40px; top: 2px; } .faq .question .answer { padding: 0 15px 15px; overflow: hidden; display: none; } .faq .active { border-left-width: 1px; border-style: solid; } .faq .active > h5, .faq .question:last-child > h5 { border-bottom: 0; } .faq .active > h5 span.icon { left: -41px; } .faq .active p:last-child { margin-bottom: 0; } /* Article box */ .article_box { overflow: hidden; } .article_box .photo { width: 50%; height: 200px; float: left; line-height: 0; } .article_box .desc { width: 44%; min-height: 185px; padding: 15px 3% 0; float: left; background: rgba(0, 0, 0, .03); } .article_box .desc h6 { margin-bottom: 10px; opacity: 0.5; filter: alpha(opacity=50); } .article_box .desc h4 { margin-bottom: 15px; } .article_box .desc .footer { border-top: 1px solid rgba(0, 0, 0, .05); padding: 10px 0; } .article_box .desc .footer a { margin-bottom: 0; } .article_box .desc .footer a i { margin-left: 5px; } /* Call to action */ .call_to_action { text-align: center; position: relative; } .call_to_action .call_to_action_wrapper { overflow: hidden; border-width: 8px; border-style: solid; text-align: center; background-repeat:no-repeat; background-position:center; -webkit-background-size:cover; background-size:cover; } .call_to_action .call_to_action_wrapper .inner-padding { padding: 30px 20px; } .call_to_action .vertical-align-middle { vertical-align:middle; line-height:28px; display:inline-block; } .call_to_action .inner-padding .button { margin: 15px 0 0; } /* Clients */ .clients ul li { float:left; width:16.666%;} .clients ul li .client_wrapper { padding:20px; border-bottom-width:1px; border-right-width:1px; border-bottom-style:solid; border-right-style:solid; text-align:center;} .clients ul li.last_in_row .client_wrapper { border-right-color:transparent; } @media only screen and (min-width: 768px) { .clients ul li.last_row .client_wrapper { border-bottom-color:transparent; } .woocommerce-breadcrumb {padding-bottom: 20px;} } /* Counter */ .counter { text-align: center; } .counter .icon_image { margin-bottom: 10px; line-height: 0; } .counter .icon_image i { color: #ccc; display: inline-block; width: 35px; height: 35px; line-height: 35px; font-size: 35px; text-align: center; -webkit-border-radius: 5px; border-radius: 5px; } .counter .number { font-size: 60px; line-height: 60px; margin-bottom: 15px; color: #444; } .counter .title { margin-bottom: 25px; } /* Contact box */ .contact_box {} .contact_box .title { text-align: center; margin-bottom: 5px; } .contact_box .google-map { border-bottom-width: 4px; border-style: solid; margin-bottom: 10px; } .contact_box ul { margin-bottom: 10px; } .contact_box ul li { text-align: center; padding: 9px 0px; border-bottom-width: 1px; border-style: solid; } .contact_box ul li:last-child { border-bottom: 0; } .contact_box ul li i { margin-right: 7px; } .contact_box ul li p { display: inline-block; margin: 0; } /* Fancy heading */ .fancy_heading { text-align: center; } .fancy_heading .fancy_heading_wrapper { padding: 40px 20px; margin-bottom: 10px; position: relative; } .fancy_heading .fancy_heading_wrapper.no_icon:after { content: ""; display: block; border-width: 0; border-bottom-width: 1px; border-style: solid; position: absolute; bottom: 0; left: 25%; width: 50%; } .fancy_heading_wrapper.has_icon:after { content: ""; position: absolute; bottom: 0; left: 25%; width: 22%; border-width: 0; border-bottom-width: 1px; border-style: solid; } .fancy_heading_wrapper.has_icon:before { content: ""; position: absolute; bottom: 0; right: 25%; width: 22%; border-width: 0; border-bottom-width: 1px; border-style: solid; } .fancy_heading .inside { font-size: 17px; line-height: 21px; } .fancy_heading i { display: block; width: 25px; height: 25px; line-height: 25px; font-size: 25px; z-index: 100; text-align: center; position: absolute; left: 50%; margin-left: -26px; bottom: -16px; padding: 5px 14px; } /* Featured box */ .feature_box {} .feature_box_wrapper { text-align: center; position: relative; padding: 10px 0; } .feature_box_wrapper.has_border:after { content: ""; display: block; width: 0px; height: 100%; border-width: 0 2px 0 0; position: absolute; right: -2.4%; top: 0; } .feature_box_wrapper .image { line-height: 0; margin-bottom: 15px; } .feature_box_wrapper .desc p { font-size: 16px; } .feature_box_wrapper .desc .button { margin-bottom: 0; } /* Info box */ .info_box {} .info_box_wrapper { padding: 20px 30px; } .info_box_wrapper .desc ul {} .info_box_wrapper .desc ul li { padding-left: 35px; margin-bottom: 15px; font-size: 14px; line-height: 20px; } /* Icon links */ .icon_links { text-align: center; } .icon_links h6 {} .icon_links a { margin: 0 8px; } .icon_links a i { font-size: 30px; line-height: 30px; display: inline-block; margin: 0 !important; } .icon_links a:hover { text-decoration: none; } /* Icon box */ .icon_box { text-align: center; } .icon_box .icon_image { margin-bottom: 25px; line-height: 0; } .icon_box .icon_image i { background: #EFEFEF; color: #444; display: inline-block; width: 65px; height: 65px; line-height: 65px; font-size: 35px; text-align: center; -webkit-border-radius: 5px; border-radius: 5px; } .icon_box h4 {} .icon_box p { margin-bottom: 25px; } /* Latest posts */ .latest_posts {} .latest_posts_wrapper { padding: 20px 30px; } .latest_posts_wrapper .photo { padding: 5px; border-width: 1px; border-style: solid; margin-bottom: 7px; line-height: 0; } .latest_posts_wrapper .desc {} .latest_posts_wrapper .desc .date { display: block; margin-bottom: 5px; } .latest_posts_wrapper .footer { border-top-width: 2px; border-style: solid; text-align: right; padding-top: 10px; } .latest_posts_wrapper .footer i { margin-right: 5px; } /* Quick fact */ .quick_fact {} .quick_fact_wrapper { text-align: center; padding: 10px 20px; position: relative; } .quick_fact_wrapper.has_border:after { content: ""; display: block; width: 0px; height: 100%; border-width: 0 2px 0 0; border-style: dashed; position: absolute; right: -2.4%; top: 0; } .quick_fact_wrapper .number { font-size: 120px; line-height: 120px; margin-bottom: 15px; } .quick_fact_wrapper .title { font-weight: 400; letter-spacing: 7px; } .quick_fact_wrapper .desc {} .quick_fact_wrapper .desc p:last-child { margin-bottom: 0; } /* Testimonials */ .testimonials {} .testimonials_wrapper { text-align: center; border-width: 8px; border-style: solid; padding: 0px 20px 10px; position: relative; } .testimonials_wrapper:after { content: ""; display: block; width: 22px; height: 18px; background-color: #fff; position: absolute; left: -14px; top: 35px; padding: 18px 0; } .testimonials_wrapper .client { border-bottom-width: 2px; border-style: solid; padding: 5px 0; height: 80px; line-height: 80px; } .testimonials_wrapper .desc { margin-top: 15px; } .testimonials_wrapper .desc .text { font-family: Cambria, serif; font-size: 20px; line-height: 26px; } .testimonials_wrapper .owl-pagination { padding-top: 5px; } .testimonials_wrapper.no_border { border: 0; } .testimonials_wrapper:after { display: none; } /* Blockquote */ .blockquote { padding-top: 25px; position: relative; margin-top: 10px !important; } .blockquote .ico { display: block; width: 22px; height: 18px; position: absolute; left: 50%; margin-left: -11px; top: -9px; } .blockquote:after { content: ""; position: absolute; top: 0; left: 22%; width: 23%; border-width: 0; border-bottom-width: 1px; border-style: solid; } .blockquote:before { content: ""; position: absolute; top: 0; right: 22%; width: 23%; border-width: 0; border-bottom-width: 1px; border-style: solid; } .blockquote .text { font-family: Cambria, serif; text-align: center; margin-bottom: 20px; } .blockquote .text_wrapper { display: inline; font-size: 20px; line-height: 28px; } .blockquote .author { text-align: center; } .blockquote .author_wrapper { display: inline-block; } .blockquote .author .photo { width: 80px; height: 80px; margin-right: 15px; line-height: 0; display: block; float: left; } .blockquote .author .desc { display: block; float: left; padding-top: 18px; text-align: left; } .blockquote .author .desc h6 { margin-bottom: 2px; font-weight: 500; } .blockquote .author .desc span { font-size: 14px; } .blockquote .no_photo {} .blockquote .no_photo .photo { display: none; } .blockquote .author .desc { text-align: center; padding-top: 0; } .one-third.blockquote:after, .one-fourth.blockquote:after { left: 18%; width: 21%; } .one-third.blockquote:before, .one-fourth.blockquote:before { right: 18%; width: 21%; } /* Quick form */ .quick_form { text-align: center; } .quick_form .title { margin-bottom: 30px; } .quick_form .wpcf7 {} .quick_form .wpcf7 p { margin-bottom: 0; } .quick_form .wpcf7 span { width: 26%; margin-right: 15px; vertical-align: top; } .quick_form .wpcf7 .wpcf7-text { padding-left: 40px; } .quick_form .wpcf7 .name { background-image: url(images/icons/forms/input_name.png); background-repeat: no-repeat; background-position: 14px center; } .quick_form .wpcf7 .phone { background-image: url(images/icons/forms/input_phone.png); background-repeat: no-repeat; background-position: 14px center; } .quick_form .wpcf7 input[type="submit"] { margin: 0; position: relative; } .quick_form .wpcf7 .ajax-loader { position: relative; top: -3px; margin-left: 10px; } /* Offer */ .offer {} .offer .offer_wrapper {} .offer .offer_wrapper .owl-wrapper-outer {} .offer .offer_wrapper .owl-item {} .offer .offer_wrapper .owl-item li { padding-left: 170px; } .offer .offer_wrapper .owl-item .image { float: right; width: 57%; line-height: 0; background-image: url(images/offer_shelf.png); background-repeat: no-repeat; background-position: bottom center; -webkit-background-size: 100% auto; background-size: 100% auto; } .offer .offer_wrapper .owl-item .image .image_wrapper { padding: 0 50px 78px; } .offer .offer_wrapper .owl-item .image .image_wrapper iframe { width: 100%; } .offer .offer_wrapper .owl-item .desc { float: left; width: 40%; margin-right: 3%; padding-top: 10px; } .offer .offer_wrapper .owl-item .desc .title {} .offer .offer_wrapper .owl-item .desc .inside { margin-bottom: 15px; } .offer .offer_wrapper .owl-item .desc .button { margin-bottom: 0px; } .offer .offer_wrapper .owl-controls { position: absolute; left: 30px; top: 5px; margin-top: 0; } .offer .offer_wrapper .owl-controls .owl-controls-inner { overflow: hidden; width: 90px; } .offer .offer_wrapper .owl-controls .owl-pagination-wrapper { width: 82px; line-height: 0; padding: 5px 0; background-image: url(images/pattern_slashes_10.png); -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } .offer .offer_wrapper .owl-controls .owl-page { width: 82px; height: 70px; position: relative; } .offer .offer_wrapper .owl-controls .owl-page span { width: 42px !important; height: 42px !important; text-align: center; line-height: 42px; margin: 14px 0 0 20px !important; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; background: none !important; } .offer .offer_wrapper .owl-controls .owl-page.active:after { content: ''; border-left-width:7px; border-left-style: solid; border-top: 8px solid transparent; border-bottom: 8px solid transparent; position: absolute; right: -7px; top: 50%; margin-top: -7px; } /* .offer-slider ================================================== */ .offer-slider .owl-pagination-wrapper { height:280px; position:relative;} .offer-slider.offer-slider-1 .owl-pagination-wrapper { height:70px;} .offer-slider.offer-slider-2 .owl-pagination-wrapper { height:140px;} .offer-slider.offer-slider-3 .owl-pagination-wrapper { height:210px;} .offer-slider .owl-controls .owl-pagination { position:absolute; top:5px; left:0;} .offer-slider .owl-controls .owl-pagination-arrow { position:absolute; left:31px; width: 20px; height: 10px; background: url(images/offer_controls.png) no-repeat; } .offer-slider .owl-controls a.owl-arrow-prev { top:-23px; background-position: left top; } .offer-slider .owl-controls a:hover.owl-arrow-prev { background-position: right top; } .offer-slider .owl-controls a.owl-arrow-next { bottom:-23px; background-position: left bottom; } .offer-slider .owl-controls a:hover.owl-arrow-next { background-position: right bottom; } .offer-slider .owl-controls .owl-pagination { transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; } /* Gallery */ .gallery .gallery-item { overflow: hidden; margin: 0 0 10px 0 !important; } .gallery .gallery-item .gallery-icon { padding: 5px; border-width: 1px; border-style: solid; overflow: hidden; line-height: 0; margin-right: 2% !important; margin-left: 2% !important; position: relative; } .gallery .gallery-item img { border: 0 !important; line-height: 0; display: block; } /* Team */ .team { perspective: 1000; } .team:hover .flipper, .team.hover .flipper { -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); transform: rotateY(-180deg); } .team, .team .photo, .team .desc { width: 100%; height: 100%; overflow: hidden; } .team .flipper { -webkit-transition: 0.6s; -moz-transition: 0.6s; -o-transition: 0.6s; transition: 0.6s; transform-style: preserve-3d; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; position: relative; } .team .flipper .flipper_wrapper { line-height: 0; visibility: hidden; } .team .photo, .team .desc { backface-visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; position: absolute; top: 0; left: 0; } .team .photo { z-index: 2; } .team .desc { background: #fefefe; -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); } .team:hover .flipper, .team.hover .flipper, .team.flip .flipper { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); } .team:hover .flipper, .team.hover .flipper { -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); transform: rotateY(-180deg); } .team .photo { line-height: 0; } .team .desc {} .team .desc table { height: 100%; margin: 0; } .team .desc table td { vertical-align: middle; padding: 0 10px; } .team table, .team table td { border: 0; background: none; } .team .desc h5 { margin-bottom: 2px; } .team .desc p.subtitle { margin-bottom: 15px; } .team .desc p.phone { margin-bottom: 15px; } .team .links { text-align: center; padding: 10px 20px; border-top: 1px solid rgba(0, 0, 0, .05); } .team .links a { display: inline-block; margin: 0 3px; color: #7E7B7B; } .team .links a:hover { text-decoration: none; color: #4E4E4E; } /* Our team IE */ .browser-ie .team:hover .flipper, .browser-ie .team.hover .flipper { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); } .browser-ie .team .flipper { -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; transform-style: flat; -webkit-transform-style: flat; -moz-transform-style: flat; transform-style: flat; } .browser-ie .team:hover .flipper .photo, .browser-ie .team.hover .flipper .photo { display: none !important; } .browser-ie .team .desc { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); } /* Pager */ .pager { height: 40px; text-align:center; position: relative; } .pager a { display: inline-block; width: 40px; height: 40px; line-height: 40px; text-align: center; font-size: 14px; margin: 0 3px; } .pager a.page { background: rgba(0,0,0, .02); -webkit-border-radius: 6px; border-radius: 6px; } .pager a:hover { text-decoration: none; } .pager a.active { font-weight: bold; } .pager a.next_page, .pager a.prev_page { text-indent:-9999px; border: 0; position: absolute; top: 0; } .pager a.next_page { right: 10px; } .pager a.prev_page { left: 10px; } .pager-single { height: 40px; text-align:center; position: relative; } .pager-single span { display: inline-block; width: 40px; height: 40px; line-height: 40px; text-align: center; font-size: 14px; margin: 0 3px; background: rgba(0,0,0, .02); -webkit-border-radius: 6px; border-radius: 6px; font-weight:bold;} .pager-single a span { font-weight:normal;} /* Portfolio page */ .Projects_inside { float: left; width: 100%; } .Projects_inside .pager { margin-top: 0; } .Projects_header { margin-bottom: 30px; } .Projects_header .categories { width: 100%; float: none; } .Projects_header .categories ul { float: left; } .Projects_header .categories ul li { float: left; margin: 0 2px 2px; font-size: 13px; } .Projects_header .categories ul li.label h6 { line-height: 40px; margin: 0 7px 0 0; color: #aaa; } .Projects_header .categories ul li a { display: block; overflow: hidden; margin-bottom: 2px; -webkit-border-radius: 3px; border-radius: 3px; font-size: 15px; line-height: 15px; padding: 12px 10px; background: rgba(255, 255, 255, .8); color: #969696; } .Projects_header .categories ul li a:hover, .Projects_header .categories li.current-cat a { text-decoration: none; color: #fff; } .Projects_header .categories ul li.current-cat a {} .portfolio_item { background: rgba(0,0,0, .01); } .portfolio_item .photo { width: 100%; position: relative; line-height: 0; overflow: hidden; } .portfolio_item .photo .mask {} .portfolio_item .photo a { display: block; } .portfolio_item .desc {} .portfolio_item .desc .list_view { display: none; padding: 0px 20px 20px; } .portfolio_item .desc > a { padding: 20px; display: block; } .portfolio_item .desc > a h5 { margin-bottom: 0; text-align: center; } .portfolio_item .desc > a:hover { text-decoration: none; } .portfolio_item.one {} .portfolio_item.one .photo { width: 50%; float: left; } .portfolio_item.one .desc { width: 50%; float: right; } .portfolio_item.one .desc > a h5 { text-align: left; font-size: 30px; line-height: 34px; } .portfolio_item.one .desc .list_view { display: block; } .portfolio_item.one .desc .project_info { font-size: 15px; line-height: 22px; } .portfolio_item.one ul.project_details li { background: rgba(0, 0, 0, 0.04); } .portfolio_item.one-fourth.column { width: 22.99%; } /* 1/4 */ /* iosotope webkit fix */ .portfolio_item.one-third.column { width: 31.33%; } /* 1/3 */ .portfolio_item.one-second.column { width: 47.99%; } /* 1/2 */ /* Details */ ul.project_details {} ul.project_details li { overflow: hidden; margin-bottom: 5px; background: rgba(0, 0, 0, 0.2); -webkit-border-radius: 3px; border-radius: 3px; } ul.project_details li .label { width: 20%; display: block; float: left; border-right: 1px solid rgba(255, 255, 255, .05); padding: 6px 2%; } ul.project_details li p { width: 71%; display: block; float: left; margin-bottom: 0;padding: 6px 2%; } ul.project_details li p i { margin-right: 6px; } /* Single portfolio */ .single-portfolio .portfolio_meta .portfolio_photo { width: 50%; float: left; line-height: 0; overflow: hidden; } .single-portfolio .portfolio_meta .portfolio_photo a { display: block; } .single-portfolio .portfolio_meta .portfolio_desc { width: 47%; margin-left: 3%; float: right; padding-top: 5px; } .single-portfolio .portfolio_meta .portfolio_desc .project_details li { background: rgba(0, 0, 0, 0.02); } .single-portfolio .portfolio_photo iframe { width:100%;} /* Progress bars */ .progress_bars {} .progress_bars .bars_list {} .progress_bars .bars_list li { margin-bottom: 15px; } .progress_bars .bars_list li:last-child { margin-bottom: 0px; } .progress_bars .bars_list li h6 { margin-bottom: 7px; position: relative; padding-right: 40px; line-height: 20px; font-size: 14px; } .progress_bars .bars_list li h6 .label { font-size: 12px; position: absolute; right: 5px; top: 0; font-size: 12px; } .progress_bars .bars_list li .bar { position: relative; width: 100%; height: 25px; -webkit-border-radius: 5px; border-radius: 5px; overflow: hidden; background-color: rgba(0, 0, 0, .1); background-image: url(images/pattern_slashes_3.png); -webkit-box-shadow: 2px 2px 3px rgba(0,0,0, .15) inset; box-shadow: 2px 2px 3px rgba(0,0,0, .15) inset; } .progress_bars .bars_list li .bar .progress { height: 25px; line-height: 25px; display: block; background-image: url(images/pattern_slashes_3.png); -webkit-box-shadow: 2px 2px 3px rgba(0,0,0, .15) inset; box-shadow: 2px 2px 3px rgba(0,0,0, .15) inset; } .progress_bars .bars_list:not(.hover) li .bar .progress { width: 0 !important; } .progress_bars .bars_list.hover li .bar .progress { -webkit-border-radius: 5px; border-radius: 5px; overflow: hidden; -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; } /* Timeline */ .timeline_items { background: url(images/timeline.png) repeat-y top center; } .timeline_items li { min-height: 90px; padding: 30px 0; position: relative; overflow: hidden; } .timeline_items li h5 { margin: 30px 0 0 0; } .timeline_items li h5 span { width: 90px; height: 90px; -webkit-border-radius: 50%; border-radius: 50%; line-height: 90px; text-align: center; display: block; position: absolute; top: 0; left: 50%; margin-left: -45px; top: 30px; } .timeline_items li .desc { position:relative; min-height: 90px; background: rgba(0, 0, 0, 0.03); width: 40%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 15px; } .timeline_items li .desc:after { content:""; display:block; width:0; height:0; position:absolute; top: 35px; border-left:10px solid rgba(0, 0, 0, 0.03); border-top:10px solid transparent; border-bottom:10px solid transparent; } .timeline_items li h5 { float: right; width: 40%; } .timeline_items li h5 span { background: #fff; color: #444; border-width: 1px; border-style: solid; } .timeline_items li .desc { float: left; } .timeline_items li .desc:after { right:-10px; } .timeline_items li:nth-child(odd) h5 { float: left; width: 40%; text-align: right; } .timeline_items li:nth-child(odd) h5 span {} .timeline_items li:nth-child(odd) .desc { float: right; } .timeline_items li:nth-child(odd) .desc:after { left:-10px; border-left:none; border-right:10px solid rgba(0, 0, 0, 0.03);} /* Image */ .image {} .image .photo { position: relative; line-height: 0; overflow: hidden; } .image .photo .mask { position: absolute; left: 7%; top: 7%; width: 86%; height: 86%; text-align: center; display: none; } .image .photo .mask a { position: absolute !important; top: 50%; margin-top: -20px; left:50%; margin-left:-20px; display: inline-block; } /* Pricing box */ .pricing-box { border-width: 5px; border-style: solid; overflow: hidden; margin-top: 10px; } .pricing-box-featured { margin-top: 0px !important;} .pricing-box-featured .btn { padding: 24px 15px !important; } .pricing-box .plan-header { text-align: center; padding-bottom: 5px; margin-bottom: 5px; } .pricing-box .plan-header h3 { margin: 0 20px 8px; padding: 10px 5px 20px; font-size: 27px; line-height: 27px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .pricing-box.no-price .plan-header h3 { padding: 15px 5px 20px; } .pricing-box .plan-header .price { font-size: 48px; line-height: 48px; padding: 25px 0 0; } .pricing-box .plan-header .price > span { font-family: Exo, Arial, sans-serif; } .pricing-box .plan-header .price sup { font-size: 15px; font-weight: 100; opacity: 0.5; filter: alpha(opacity=50); margin-right: 5px; } .pricing-box .plan-header .price sup.period { font-size: 12px; font-weight: 100; opacity: 0.85; filter: alpha(opacity=85); margin-left: 3px; } .pricing-box .plan-header .period { padding-bottom: 7px; margin-bottom: 3px; } .pricing-box .plan-header .period a.button { margin-bottom: 10px; } .pricing-box .plan-inside { padding-bottom: 15px; } .pricing-box .plan-inside ul { text-align: center; } .pricing-box .plan-inside ul li { text-align: center; padding: 8px 10px; display: block; margin: 0 20px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .pricing-box .plan-inside ul li.last { border-bottom: 0; } .pricing-box .btn { padding: 15px; background: rgba(0, 0, 0, .01); } /* #Widgets ==================================================================================================== */ .widget { clear: both; padding: 15px 15px 15px; } .four.columns .widget:first-child { margin-top: 0 !important; } .widget > h4 { margin-bottom: 20px; text-transform: uppercase; letter-spacing: 2px; font-size: 14px; line-height: 19px; padding-left: 15px; } .widget > h3 { margin-bottom: 15px; text-transform: uppercase; letter-spacing: 2px; font-size: 16px; line-height: 19px; padding-left: 15px; } .widget-area {} .widgets_wrapper { padding: 30px 0 15px; } .widgets_wrapper .widget { padding: 0 0 15px; border-bottom: 0; background: none; margin-bottom: 0px; } .widgets_wrapper .column { margin-bottom: 0; } /* Search */ .widget_search {} .widget_search form { position: relative; width: 100%; overflow: hidden; } .widget_search input[type="text"] { margin-bottom: 0; width: 100%; } .widget_search input[type="submit"] { position: absolute; left: 5px; top: 5px; width: 25px; height: 25px; background: url(images/icons/ico_search.png) no-repeat center center; text-indent: -9999px; font-size: 0px; margin: 0; padding: 0; border: 0; overflow: hidden; } /* Tag cloud */ .widget_mfn_tag_cloud {} .widget_mfn_tag_cloud ul { margin-bottom: 0; overflow: hidden; } .widget_mfn_tag_cloud ul li {margin: 0; padding: 0; float: left; margin: 0 5px 2px 0; } .widget_mfn_tag_cloud a { overflow: hidden; white-space: nowrap; display: inline-block; height: 22px; text-shadow: 1px 1px 0 #fff; font-size: 12px; padding-right: 8px; margin-right: 1px; } .widget_mfn_tag_cloud a:hover { text-decoration: none; } .widget_mfn_tag_cloud a span { padding-left: 8px; height: 22px; line-height: 22px; display: block; float: left; } /* Calendar */ .widget_calendar td, .widget_calendar th { padding: 2px; } .widget_calendar caption { padding: 5px; font-size: 14px; } /* Recent comments */ .Recent_comments {} .Recent_comments ul li { margin-bottom: 20px; } .Recent_comments ul li p { margin-bottom: 5px; padding-left: 5px; } .Recent_comments ul li p a { display: block; text-transform: uppercase; } .Recent_comments ul li span.date { padding-left: 5px; } .Recent_comments ul li.even { margin-right: 0; } .Recent_comments ul li.last { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; } .Recent_comments ul li strong { font-weight: normal; } /* Menu */ .widget_categories, .widget_archive, .widget_mfn_menu {} .widget_categories ul, .widget_archive ul, .widget_mfn_menu ul {} .widget_categories ul li, .widget_archive ul li, .widget_mfn_menu ul li {} .widget_categories ul li a, .widget_archive ul li a, .widget_mfn_menu ul li a { display: block; padding: 7px 10px 7px 15px; border-bottom-width: 1px; border-style: solid; position: relative; } .widget_categories ul li:last-child a, .widget_archive ul li:last-child a, .widget_mfn_menu ul li:last-child a { border-bottom: 0; } .widget_categories ul li a:hover, .widget_archive ul li a:hover, .widget_mfn_menu ul li a:hover { text-decoration: none; } .widget_mfn_menu ul li a span.arrow { position: absolute; right: 10px; top: 5px; } /* Muffin menu */ .widget_nav_menu, .widget_meta {} .widget_nav_menu ul, .widget_meta ul {} .widget_nav_menu ul li, .widget_meta ul li {} .widget_nav_menu ul li a, .widget_meta ul li a { display: block; padding: 1px 0px 1px 15px; } .widget_nav_menu ul li a:hover, .widget_meta ul li a:hover {} /* Company box */ .company_box { text-align: center; } .company_box .logo { padding: 25px 0; } .company_box p { margin-bottom: 0px; } .company_box p.copy { margin-bottom: 15px; } /* Recent posts */ .Recent_posts {} .Recent_posts ul {} .Recent_posts ul li { min-height: 70px; position: relative; margin-bottom: 20px; } .Recent_posts ul li .photo { width: 72px; height: 54px; position: absolute; left: 0; top: 0; padding: 4px; border-width: 1px; border-style: solid; line-height: 0; } .Recent_posts ul li .desc { padding: 0px 0px 0px 95px;} .Recent_posts ul li .desc.no_img { padding-left: 0px; } .Recent_posts ul li .desc h6 { margin-bottom: 0; font-size: 14px; text-transform: uppercase; } .Recent_posts ul li .desc p { margin-bottom: 0; font-size: 12px; } .Recent_posts ul li.last { margin-bottom: 0; } /* Latest twitter */ .widget_tp_widget_recent_tweets {overflow: hidden; } .widget_tp_widget_recent_tweets .tp_recent_tweets ul {} .widget_tp_widget_recent_tweets .tp_recent_tweets ul li:last-child { padding-bottom: 0; } .widget_tp_widget_recent_tweets .tp_recent_tweets li a { font-weight: normal !important; } /* Flickr */ .Flickr { overflow: hidden; } .Flickr .flickr_badge_image { margin: 0; padding: 0; float: left; margin: 0 1% 2% 1%; width: 23%; } .Flickr .flickr_badge_image a { display: block; line-height: 0; } .Flickr .flickr_badge_image a img {width: 57px; height: 57px; } /* #Others ==================================================================================================== */ /* Image frames */ .wp-caption { display: inline-block; line-height: 0; } .wp-caption.scale-with-grid { max-width:100%;} .wp-caption a { line-height: 0; display: block; position: relative; overflow: hidden; z-index: 1; } .wp-caption a img { padding:0; } .wp-caption .wp-caption-text { display: block; font-size: 13px; text-align: left; margin:0; padding: 12px 0 12px; line-height: normal;font-style:italic;color: #7f7f7f; } .wp-caption.no-border .photo { background: none !important; } .wp-caption.border .photo, .wp-caption.border > img, .wp-caption.border > a > img { line-height: 0; } .wp-caption .photo .photo_wrapper { position: relative; overflow: hidden; width: auto; height: auto; } .wp-caption .photo .photo_wrapper img { display: inline-block; } .wp-caption .photo .photo_wrapper i { display: none; font-size: 70px; line-height: 70px; text-decoration: none; position: absolute; left: 50%; top: 50%; margin-left: -35px; margin-top: -35px; } .wp-caption .photo .photo_wrapper a .mask { display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .wp-caption .photo .photo_wrapper a:hover i { display: block; -webkit-animation: moveFromLeft 400ms ease; -moz-animation: moveFromLeft 400ms ease; -ms-animation: moveFromLeft 400ms ease; } .wp-caption .photo .photo_wrapper a:hover .mask { display: block; -webkit-animation: moveFromBottom 300ms ease;-moz-animation: moveFromBottom 300ms ease; -ms-animation: moveFromBottom 300ms ease; } .wp-caption .photo .photo_wrapper a img { -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); transform: scaleY(1); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; opacity: 0.99; filter: alpha(opacity=99); } .wp-caption .photo .photo_wrapper a:hover img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } .alignleft { float: left; margin: 6px 15px 15px 0px; } .alignright { float: right; margin: 6px 0px 15px 15px; } .aligncenter { text-align: center; margin: 0 auto; display:block; } .aligncenter img { display: inline; } .sticky, .gallery-caption, .bypostauthor { } /* Table */ table { width: 100%; margin-bottom: 15px; border-collapse: collapse !important; border-spacing: 0; } table th, table td { padding: 6px; text-align: center; border-width: 1px; border-style: solid; border-color:#fff; } table th { font-size:110%; background:rgba(0,0,0,0.03); } table tr td td {} /* table tr:nth-child(2n+1) td { background:rgba(0,0,0,0.02);} */ /* Lists */ .the_content_wrapper ul, .the_content_wrapper ol { margin: 0 0 15px 30px; } .the_content_wrapper .clients ul, .the_content_wrapper .contact_box ul { margin:0;} .the_content_wrapper ul li { list-style:disc outside;} .the_content_wrapper .clients ul li, .the_content_wrapper .contact_box ul li { list-style:none;} .the_content_wrapper ul li ul, .the_content_wrapper ol li ol { margin-bottom: 0; } ul.list, ol.list { margin-bottom: 15px; } ul.list ul, ul.list ol, ol.list ul, ol.list ol { margin: 5px 0 5px 30px; } ul.list li, ol.list li { margin-bottom: 5px; } ul.list { list-style: disc outside; } ul.list li { margin-left: 25px; } ol.list { list-style: decimal outside; } ol.list li { margin-left: 0px; } ol.list_roman { list-style: upper-roman outside; } ol.list_roman li { margin-left: 0px; } ol.list_alpha { list-style: upper-alpha outside; } ol.list_alpha li { margin-left: 0px; } ul.list_tick { list-style: none; margin-left: 10px; } ul.list_tick li { padding-left: 27px; margin-left: 0; background: url(images/icons/list_tick.png) no-repeat 0 1px; overflow: hidden; } ul.list_info { list-style: none; margin-left: 10px; } ul.list_info li { padding-left: 27px; margin-left: 0; background: url(images/icons/list_info.png) no-repeat 0 1px; overflow: hidden; } ul.list_warning { list-style: none; margin-left: 10px; } ul.list_warning li { padding-left: 27px; margin-left: 0; background: url(images/icons/list_warning.png) no-repeat 0 1px; overflow: hidden; } ul.list_plus { list-style: none; margin-left: 10px; } ul.list_plus li { padding-left: 27px; margin-left: 0; background: url(images/icons/list_add.png) no-repeat 0 1px; overflow: hidden; } ul.list_minus { list-style: none; margin-left: 10px; } ul.list_minus li { padding-left: 27px; margin-left: 0; background: url(images/icons/list_minus.png) no-repeat 0 1px; overflow: hidden; } ul.list_arrow { list-style: none; margin-left: 10px; } ul.list_arrow li { padding-left: 27px; margin-left: 0; background: url(images/icons/list_arrow.png) no-repeat 0 1px; overflow: hidden; } ul.list_help { list-style: none; margin-left: 10px; } ul.list_help li { padding-left: 27px; margin-left: 0; background: url(images/icons/list_help.png) no-repeat 0 1px; overflow: hidden; } ul { list-style: none outside; } ol { list-style: decimal; } ol, ul.square, ul.circle, ul.disc { margin-left: 30px; } ul.square { list-style: square outside; } ul.circle { list-style: circle outside; } ul.disc { list-style: disc outside; } /* Isotope Filtering */ .isotope-item { z-index: 2;} .isotope-hidden.isotope-item { pointer-events: none; z-index: 1;} /* Code Hightlighter */ code, pre { background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 50%, #f2f2f2 50%); /* FF3.6+ */ background: -webkit-linear-gradient(top, #ffffff 50%,#f2f2f2 50%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 50%,#f2f2f2 50%); /* Opera 11.10+ */ background: linear-gradient(top, #ffffff 50%,#f2f2f2 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; border-width: 1px; border-style: solid; font-family: monospace !important; } .light code, .light pre { background: #333333; /* Old browsers */ background: -moz-linear-gradient(top, #333333 50%, #292929 50%); /* FF3.6+ */ background: -webkit-linear-gradient(top, #333333 50%,#292929 50%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #333333 50%,#292929 50%); /* Opera 11.10+ */ background: linear-gradient(top, #333333 50%,#292929 50%); /* W3C */ color: #D2D2D2; } code p, pre p { margin-bottom:0 !important; } /* Preloaders for sliders */ ul.offer-slider, ul.portfolio-slider, ul.posts-slider { background:url(images/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; } /********************** Backgrounds **********************/ /* #Wrapper */ #Wrapper { background-color: #fff; } /************************ Colors ************************/ /* Selections */ *::-moz-selection { color: #fff; } *::selection { color: #fff; } /* Reply button */ #comments .commentlist > li .reply a.comment-reply-link { background-color: #787878; color: #fff !important; } /* Inputs */ input[type="text"], input[type="tel"], input[type="password"], input[type="email"], textarea, select { background-color: #f3f3f3; color: #999; } input[type="text"]:focus, input[type="tel"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus, select:focus { background-color: #E9F5FC !important; color: #1477B4; } /* Borders */ .feature_box_wrapper:after, .quick_fact_wrapper:after, .latest_posts_wrapper .photo, .latest_posts_wrapper .footer, .testimonials_wrapper .client, .Recent_posts ul li .photo, table td, table th, .accordion .question h5, .faq .question h5, .ui-tabs .ui-tabs-panel, pre, code, .contact_box ul li, .post_meta > div, .post_photo .photo_wrapper, .post_meta, .post_navigation, .timeline_items li h5 span, .gallery .gallery-item .gallery-icon, .post, .widget_categories ul li a, .widget_archive ul li a, .widget_mfn_menu ul li a, .Recent_comments ul li, .clients ul li .client_wrapper { border-color: rgba(0, 0, 0, .12); } /* Menu */ #Header .menu > li ul li a { border-color: rgba(0, 0, 0, .05); } #Header .menu > li ul li a:hover, #Header .menu > li ul li.hover > a { background: rgba(0,0,0,.02); } /* Tabs */ .ui-tabs .ui-tabs-nav li { border-color: #e5e5e5; } /* Icon links */ .icon_links a { color: #444; } .icon_links a:hover { color: #1e1e1e; } /* Fancy header */ .fancy_heading .inside { color: #a0a2ab; } /* Latest posts */ .latest_posts { background: #fafafa; } /* Testimonials & Blockquote */ .testimonials_wrapper .desc .text, .blockquote .text { color: #626262; } /*** Footer ***/ /* Border */ .widgets_wrapper .Recent_posts ul li .photo, .widgets_wrapper .Recent_comments ul li, .widgets_wrapper .widget_categories ul li a, .widgets_wrapper .widget_archive ul li a, .widgets_wrapper .widget_mfn_menu ul li a { border-color: rgba(0, 0, 0, .12); } /********************** Mobile menu **********************/ @media only screen and (max-width: 959px) { #Header .responsive-menu-toggle { background:#eff1f2; color: #5b6977; } .menu-clean #Header #menu { background:#fff; } #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); } } }