/* Theme Name: inCreate Theme URI: http://www.highthemes.com Description: Professional Multipurpose Wordpress Theme Author: Highthemes Author URI: http://www.highthemes.com Version: 1.0.8 License: GNU General Public License version 3.0 License URI: http://www.gnu.org/licenses/gpl-3.0.html Tags: translation-ready, theme-options, post-formats, featured-images, custom-menu Text Domain: highthemes Fallow us on Twitter: http://twitter.com/theHighthemes */ /* CSS Reset ----------------------------------------------------------------------*/ 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, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { 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, img { display: block; } body { line-height: 1; } /* basic list */ .post_content ul li, .project_description ul li, .entry ul li{ list-style-type: disc; padding: 5px 0 5px 0; list-style-position: inside; } .post_content ol li, .project_description ol li , .entry ol li{ list-style-type: decimal; list-style-position: inside; padding: 3px 0 3px 0; } .post_content ul , .project_description ul , .type-page .entry ul { margin-bottom: 20px; } .post_content ol , .project_description ol , .type-page .entry ol { margin-bottom: 20px; } ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; margin-left: 15px; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } * { outline: none; padding: 0px; margin: 0px } /* General Styles ----------------------------------------------------------------------*/ body { margin: 0 auto; color: #7A7A7A; line-height: 24px; font-family: "Helvetica", Tahoma, Arial; font-size: 13px } ::selection{ color:#fff; } ::-moz-selection{ color:#fff; } img { border: none; max-width: 100% } a { color: #000; text-decoration: none !important; -webkit-transition: color 0.1s ease-in-out; transition: color 0.1s ease-in-out } a:hover, .fancy-features-list li.active a, .fancy-features-list li.active a i, .preve:hover, .nexte:hover, .breadcrumbIn ul li a:hover, .active_link, .foot-menu li a:hover, .post_meta a:hover, .post_more { -webkit-transition: color 0.1s ease-in-out; transition: color 0.1s ease-in-out; } .active_link:hover { color: #ccc } h1, h2, h3, h4, h5, h6 { color: #484747; padding: 0; margin: 0 0 10px 0; font-weight: 700; line-height: 1.3em; } h1 { font-size: 32px } h2 { font-size: 26px } h3 { font-size: 20px } h4 { font-size: 18px } h5 { font-size: 14px } h6 { font-size: 20px; color: 0083c1} h7 p { margin-bottom: 30px } p:last-child { margin-bottom: 0 } strong { font-weight: bold } em { font-style: italic } ol { padding: 0; margin: 0 } ul { padding: 0; margin: 0; list-style-type: none } cite { float: right; padding: 0 0 5px 0 } hr { background: #e6e6e6; border: 0; clear: both; width: 100%; height: 1px; padding: 0; margin: 20px 0; position: relative } pre { color: #333; border-radius: 3px; background: #ccc; border-left: 8px solid #1ABC9C; padding: 14px 20px; margin: 5px 0 20px 0; overflow: auto; font-size: 12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } code { color: #333; background: #ccc; border-left: 8px solid #1ABC9C; padding: 14px 20px; border-radius: 3px; margin: 5px 0 20px 0; clear: both; display: block; font-size: 12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } iframe { max-width: 100%; } mark { padding: 3px 5px; } textarea { white-space:pre; } .hidden-x { overflow-x: hidden; } .full-width-section { margin: 0 -100%; padding-left: 100%; padding-right: 100%; } .tp-rightarrow.default { background: url(images/large_right.png) !important; } .tp-leftarrow.default { background: url(images/large_left.png) !important; } .tp-leftarrow:hover, .tp-rightarrow:hover { background-position: left bottom !important; } #map_canvas img, .google-map img { max-width: none; } /* Shortcodes ----------------------------------------------------------------------------------------------------*/ .client-logos li a img { margin: 0 auto; } .gap { clear: both; } .content-boxes { width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .content-boxes .content-box .cb-icon { text-align: center; } .content-boxes .content-box { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; float: left; color: #7a7a7a; } .content-boxes.child1 .content-box { width: 100%; } .content-boxes.child2 .content-box { width: 50%; } .content-boxes.child3 .content-box { width: 33.33%; } .content-boxes.child4 .content-box { width: 25%; } .content-boxes.child5 .content-box { width: 20%; } .content-boxes.child6 .content-box { width: 16.6%;} .content-box i { font-size: 38px; color: #7a7a7a; } .content-boxes.child4 .content-box i { font-size: 30px; } .content-boxes.child5 .content-box i { font-size: 22px; } .content-boxes.child6 .content-box i { font-size: 20px; } .content-box h5 { color: #484747; padding: 0; margin: 0 0 10px 0; font-weight: 700; line-height: 20px } .content-box br { margin-bottom: 4px; } /* Contact Form 7 ----------------------------------------------------------------------------------------------------*/ .wpcf7-text, .wpcf7-number, .wpcf7-date, .wpcf7-textarea, .wpcf7-select { padding: 0 10px !important; width: 98%; border: 1px solid #eaeaea; font-size: 14px; line-height: 24px; color: #444; background-color: #f7f7f7; transition: all 0.2s linear; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin-bottom: 10px; } #footer .wpcf7-textarea { height: 100px;} .wpcf7-text, .wpcf7-number, .wpcf7-select { height: 34px; } .wpcf7-submit { background: none; padding: 6px 19px !important; border: 1px solid #333; transition: all 0.2s linear; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; color: #333; } .wpcf7-select option { font-size: 14px; line-height: 22px; padding: 0 13px !important; } div.wpcf7-response-output { margin-top: 3em; } input[type=text]:focus, textarea:focus, input[type=email]:focus, .wpcf7-text:focus, .wpcf7-number:focus, .wpcf7-date:focus, .wpcf7-select:focus { background-color: #fff; } span.wpcf7-form-control-wrap { color: #444; margin-top: 4px; display: block; } input[type=submit], input[type=reset] { font-size: 14px; cursor: pointer; float: right; opacity: 0.8; margin-right: 5px; } input[type=submit]:hover, input[type=reset]:hover { opacity: 1; } textarea { max-width: 100%; font-family: Arial, sans-serif; } label { font-size: 14px; display: inline-block; width: 50%; vertical-align: top; margin-bottom: 5px; } .wpcf7 label { width: 100%; } .wpcf7-form p { font-size: 12px; margin-bottom: 15px; } /* Grid >> Global ----------------------------------------------------------------------------------------------------*/ .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 { display:inline; float: left; position: relative; margin-left: 1%; margin-right: 1%; } /* Grid >> Children (Alpha ~ First, Omega ~ Last) ----------------------------------------------------------------------------------------------------*/ .alpha { margin-left: 0 !important } .omega { margin-right: 0 !important } /* Grid >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .grid_1 { width:6.333%; } .grid_2 { width:14.667%; } .grid_3 { width:23.0%; } .grid_4 { width:31.333%; } .grid_5 { width:39.667%; } .grid_6 { width:48.0%; } .grid_7 { width:56.333%; } .grid_8 { width:64.667%; } .grid_9 { width:73.0%; } .grid_10 { width:81.333%; } .grid_11 { width:89.667%; } .grid_12 { width:98.0%; } .grid_12:after { content: ""; clear: both; } .grid_full { width:100%; } .grid_1_5 { width:18.0%; } .grid_2_5 { width:38.0%; } .grid_3_5 { width:58.0%; } .grid_4_5 { width:78.0%; } .grid_1.alpha,.grid_1.omega { width:7.333%; } .grid_2.alpha,.grid_2.omega { width:15.667%; } .grid_3.alpha,.grid_3.omega { width:24.0%; } .grid_4.alpha,.grid_4.omega { width:32.333%; } .grid_5.alpha,.grid_5.omega { width:40.667%; } .grid_6.alpha,.grid_6.omega { width:49.0%; } .grid_7.alpha,.grid_7.omega { width:57.333%; } .grid_8.alpha,.grid_8.omega { width:65.667%; } .grid_9.alpha,.grid_9.omega { width:74.0%; } .grid_10.alpha,.grid_10.omega { width:82.333%; } .grid_11.alpha,.grid_11.omega { width:90.667%; } .grid_12.alpha,.grid_12.omega { width:99.0%; } .grid_1_5.alpha,.grid_1_5.omega { width:19.0%; } .grid_2_5.alpha,.grid_2_5.omega { width:39.0%; } .grid_3_5.alpha,.grid_3_5.omega { width:59.0%; } .grid_4_5.alpha,.grid_4_5.omega { width:79.0%; } .last-item{ clear: right; } .row { width: 1060px; margin: 0 auto; position: relative; } .boxed { margin: 0 auto; width: 1140px; background: #fff; position: relative; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); } .boxed-margin { margin: 30px auto; width: 1140px; background: #fff; position: relative; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); border-radius: 10px } #layout { position: relative; -webkit-transition: all 0.3s; transition: all 0.3s } .full { width: 100%; margin: 0 auto; background: #fff } .left-sidebar .grid_9, .left-sidebar .shop, .right-sidebar .grid_3.sidebar { float: right } body div[class^="frame_"] .full, body div[class^="frame_"] .boxed, body div[class^="frame_"] .boxed-margin { margin: 0 auto; width: 1140px; box-shadow: none } body div.frame_1 { background: url(images/frames/1.png) repeat-y center top;} body div.frame_2 { background: url(images/frames/2.png) repeat-y center top } body div.frame_3 { background: url(images/frames/3.png) repeat-y center top } body div.frame_4 { background: url(images/frames/4.png) repeat-y center top } body div.frame_5 { background: url(images/frames/5.png) repeat-y center top } body div.frame_6 { background: url(images/frames/6.png) repeat-y center top } body div.frame_7 { background: url(images/frames/7.png) repeat-y center top } body div.frame_8 { background: url(images/frames/8.png) repeat-y center top } body div.frame_9 { background: url(images/frames/9.png) repeat-y center top } body div.frame_10 { background: url(images/frames/10.png) repeat-y center top } /* Clear Floated Elements ----------------------------------------------------------------------------------------------------*/ .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .clearfix:before, .clearfix:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } /* Header ----------------------------------------------------------------------------------------------------*/ .head_up { background: #f7f7f7; border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; padding: 4px 0 } .boxed-margin .head_up { border-top-right-radius: 10px; border-top-left-radius: 10px; } .l_ht { float: left; line-height: 36px; } .l_ht span {font-size: 11px;margin-right: 15px} .l_ht span i {margin-right: 8px;font-size: 16px;vertical-align: sub;} .r_ht, .languages { float: right } .languages { position: relative; } .languages a { text-align: center; display: block; margin: 2px 0 2px 10px; width: 32px; height: 32px; border: 1px solid #DFDFDF; border-radius: 6px; color: #DFDFDF; -webkit-transition: all 0.1s ease; transition: all 0.1s ease; } .languages:hover > a { border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .languages span { padding: 3px 0; display: block; } .other_languages { display: none; position: absolute; z-index: 1000; top: 33px; right: 0; border-width: 1px; border-style: solid; border-top: none; background: #F7F7F7; border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .other_languages a { border: none; margin: 0; width: 30px; } .other_languages a:hover { border: none; color: #5486DA; } .headdown { position: relative; border-bottom: 2px solid #E4E4E4; border-bottom: 2px solid rgba(209, 209, 209, 0.4); background: url(images/header.png) repeat-x top; z-index: 999; } .logo { float: left; margin: 27px 0; } .logo img { height: 66px; width: auto; } #header .search { position: relative; margin: 42px 0 42px 20px; padding: 0 0 0 20px; float: right; border-left: 1px solid #CFCFCF; } .search_icon { position: relative; cursor: pointer; } .search_icon i { font-size: 20px; } .s_form { position: absolute; display: none; top: 30px; right: 0; padding: 8px 10px; background: url(images/transparent.png) repeat; background: rgba(255, 255, 255, 0.3); border-radius: 6px; } #header .search form { position: relative; } #header .search input { margin: 0; padding: 0 10px; display: block; line-height: 30px; height: 30px; border: 1px solid #eee; border-radius: 6px; font-size: 11px; color: #AAA; width: 180px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } #header .search button { color: #999; position: absolute; top: 3px; right: 12px; background: none; border: 0; font-size: 11px; } /* Social ----------------------------------------------------------------------------------------------------*/ .social a, .ht-icon, a.social { float: left; text-align: center; margin: 4px; width: 32px; height: 32px; border-radius: 6px; color: #16a2c5; -webkit-transition: all 0.1s ease; transition: all 0.1s ease; } #header .social a { margin: 0 0 0 4px } .social_head { float: right; margin: 2px 0; position: relative; } .social a i, .ht-icon i, a.social i { text-align: center; line-height: 30px; display: block; font-size: 18px; border-radius: 6px; border: 1px solid #16a2c5; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .without_border a i { border: 1px solid transparent; } .circular a, .circular a i, .circular a:hover, .circular a:hover i { border-radius: 100%; } a.circular, a.circular i, a.circular:hover, a.circular:hover i { border-radius: 100%; } .with_color a i { color: #fff } .with_color a, .with_color a i { border-color: transparent !important } .social .fa-twitter:hover, a.social:hover .fa-twitter, .social a:hover .icons-social-twitter, a.social.with_color .fa-twitter, .with_color a .icons-social-twitter { background: #00abdc } .social .fa-facebook:hover, a.social:hover .fa-facebook, .social a:hover .icons-social-facebook, a.social.with_color .fa-facebook, .with_color a .icons-social-facebook { background: #325c94 } .social .fa-dribbble:hover, a.social:hover .fa-dribbble, .social a:hover .icons-social-dribbble, a.social.with_color .fa-dribbble, .with_color a .icons-social-dribbble { background: #fa4086 } .social .fa-rss:hover, a.social:hover .fa-rss, .social a:hover .icons-rss, a.social.with_color .fa-rss, a.social.with_color .icons-rss { background: #f1862f } .social .fa-github:hover, a.social:hover .fa-github, .social a:hover .icons-social-github, a.social.with_color .fa-github, .with_color a .icons-social-github { background: #333 } .social .fa-instagram:hover, a.social:hover .fa-instagram, a.social.with_color .fa-instagram { background: #964b00 } .social .fa-linkedin:hover, a.social:hover .fa-linkedin, .social a:hover .icons-social-linkedin, a.social.with_color .fa-linkedin, .with_color a .icons-social-linkedin { background: #0073b2 } .social .fa-pinterest:hover, a.social:hover .fa-pinterest, .social a:hover .icons-social-pinterest, a.social.with_color .fa-pinterest, .with_color a .icons-social-pinterest { background: #d9031f } .social .fa-xing:hover, a.social:hover .fa-xing, .social a:hover .icons-social-xing, a.social.with_color .fa-xing, .with_color a .icons-social-xing { background: #16a085 } .social .fa-google-plus:hover, a.social:hover .fa-google-plus, .social a:hover .icons-social-google-plus, a.social.with_color .fa-google-plus, .with_color a .icons-social-google-plus { background: #d9031f } .social .fa-foursquare:hover, a.social:hover .fa-foursquare, a.social.with_color .fa-foursquare { background: #0cbadf } .social .fa-skype:hover, a.social:hover .fa-skype, .social a:hover .icons-social-skype, a.social.with_color .fa-skype, .with_color a .icons-social-skype { background: #00b9e5 } .social .fa-cloud:hover, a.social:hover .fa-cloud, .social a:hover .icons-social-soundcloud, a.social.with_color .fa-cloud, .with_color a .icons-social-soundcloud { background: #ff7700 } .social .fa-youtube:hover, a.social:hover .fa-youtube, .social a:hover .icons-social-youtube, a.social.with_color .fa-youtube, .with_color a .icons-social-youtube { background: #d9031f } .social .fa-tumblr:hover, a.social:hover .fa-tumblr, .social a:hover .icons-social-tumblr, a.social.with_color .fa-tumblr, .with_color a .icons-social-tumblr { background: #325c94 } .social .fa-stackexchange:hover, a.social:hover .fa-stackexchange, a.social.with_color .fa-stackexchange { background: #4e4e4e; color: #fff;border-color:#fff} .social .fa-flickr:hover, a.social:hover .fa-flickr, .social a:hover .icons-social-flickr, a.social.with_color .fa-flickr, .with_color a .icons-social-flickr { background: #fa4086 } .social .fa-envelope:hover, a.social:hover .fa-envelope, .social a:hover .icons-social-email, a.social.with_color .fa-envelope, .with_color a .icons-social-email { background: #444 } a.social:hover i, .social a i:hover {color: #fff; border-color:#fff} .social a:hover {color: #fff;} a.social.with_color { color: #fff; } /* HT-Icon ----------------------------------------------------------------------------------------------------*/ .ht-icon.rounded, .ht-icon.circular { color: #fff; } .ht-icon.gray-scale { color: #dfdfdf; border: 1px solid #dfdfdf; } .ht-icon.gray-scale.without_border { border: none; } .ht-icon, .ht-icon i { border: none; } /* Superfish ----------------------------------------------------------------------*/ .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; z-index: 999; } .sf-menu { line-height: 1.0; float: right; padding: 0; position: relative; margin: 38px 0; } .sf-menu ul { position: absolute; top: -999em; width: 200px; } .sf-menu ul li { width: 100%; margin: 0; padding: 10px 0; } .sf-menu li li.current a { background: none !important } .sf-menu li:hover { visibility: inherit } .sf-menu li { float: left; position: relative; margin: 0 0 0 14px; padding: 0 } .sf-menu li li { border-top-width: 1px; border-top-style: solid; border-bottom-width: 1px; border-bottom-style: solid; margin:0; padding: 0; -moz-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; transition: all 0.2s ease } .sf-menu li li:first-child {border-top: 0} .sf-menu li li:last-child {border-bottom: 1px solid transparent} .sf-menu li li li:first-child {border-top: 1px solid transparent} .sf-menu li li a { padding: 8px 15px; line-height: 20px; color: #fff; text-transform: none; letter-spacing: 0; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .sf-menu i { margin-right: 8px } .sf-menu a { display: block; position: relative; color: #000; text-transform: uppercase; font-size: 12px; font-weight: 400; padding: 10px 16px; margin: 0; border-radius: 6px; border: 1px solid transparent; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .sf-menu li li a { margin: 0; border:0 } .sf-menu > li:hover > a, .sf-menu > li > a:hover { color: #fff !important; border-width: 1px; border-style: solid; } #menu > li > a:hover, #menu > li > a:active, .sf-menu > li.current_page_item > a, .sf-menu > li.current_page_item > a:visited, .sf-menu > li.current-menu-parent > a { color: #fff !important; } .sfHover:hover > a { border-top-left-radius: 6px; border-top-right-radius: 6px; } .sf-menu li .current-menu-parent > a { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border: none; } .sf-menu > li.current-menu-parent > a { color: #fff; border-width: 1px; border-style: solid; } .sf-menu li li:hover > a, .sf-menu li li > a:hover, .sf-menu li li.current > a { color: #fff; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .sf-menu li li a { font-size: 12px; font-weight: normal; margin-bottom: 0; } .sf-menu li li:first-child { border-top-left-radius: 0; border-top-right-radius: 6px; } .sf-menu li li:last-child { border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .sfHover:hover { border-bottom-right-radius: 0 !important } .sfHover > .sf-with-ul { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0px; z-index: 999; top: 34px; padding: 0; } .sf-menu li:hover ul li ul, .sf-menu li.sfHover ul li ul, .sf-menu li:hover ul li ul li ul, .sf-menu li.sfHover ul li ul li ul { left: 200px; z-index: 999; top: -1px !important } ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; } ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 200px; top: -1px !important; padding: 0; } ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; } ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 200px; top: 0; } .sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { outline: 0; } /*** arrows **/ .sf-menu a.sf-with-ul {padding-right: 30px;min-width: 1px} .sf-sub-indicator { position: absolute; display: block; overflow: hidden; } a > .sf-sub-indicator { position: absolute; right: 8%; top: 12px; font-size: 8px; } li li a .sf-sub-indicator { top: 10px; right: 1%; } /* Sticky ----------------------------------------------------------------------*/ #header .sticky { position: fixed !important; z-index: 1000; top: 0; left:0; width: 100%; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); border-bottom: 2px solid #E4E4E4; border-bottom: 2px solid rgba(209, 209, 209, 0.2); background: url(images/header.png) repeat-x top; } #header .sticky .logo { margin: 2px 0 !important } #header .sticky .sf-menu { margin: 16px 0 !important } #header .sticky .search { margin: 20px 0 20px 20px !important } /* Page Content ----------------------------------------------------------------------*/ .page-template-tpl-under-construction-php .page-content, .error404 .page-content { margin: 0; } .page-content { margin: 70px 0; } .f_blog .f_thumb { position: relative; margin: 0 0 20px 0; } .f_blog .fluid-width-video-wrapper{ height: 100%; } .f_blog .f_thumb img, .f_blog .f_thumb iframe { width: 100% } .f_blog h4 { border-bottom: 1px solid #E9E9E9; padding: 0 0 10px 0; font-size: 14px; line-height: 24px; font-weight: 400; } .f_blog .f_meta span { margin-right: 20px; font-size: 11px; } .f_blog .f_hover { width: 100%; height: 100%; position: absolute; top: 0; left: 0; text-align: center; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity:0 } .f_blog .f_thumb:hover .f_hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity:1 } .f_blog .f_hover a { color: #FFF; position: relative; top: 60%; font-size: 26px; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .f_blog .f_thumb:hover .f_hover a { top: 40%; } .thumb_f img, .thumb_f iframe { border-radius: 10px; width: 100% } .thumb_f { overflow: hidden; border-radius: 10px } .ht-row-wrap > .wpb_row { margin-bottom: 0; } .posts .post , .post-area .post{ position: relative; border-bottom: 1px solid #E9E9E9; margin: 0 0 50px; padding-bottom: 15px; } .no-sidebar .posts.m_thumbnails .post { padding-bottom: 40px; } .post_format { background: #F2F2F2; border-radius: 10px; position: absolute; top: 0; left: 20px; width: 75px; height: 75px; text-align: center; padding: 20px 0 0; font-size: 40px; color: #b0b0b0; z-index: 99; } .meta_box h3 { border-bottom: 1px solid #E9E9E9; margin: 0 0 10px 140px; padding: 10px 0 10px 0; font-size: 16px; font-weight: 400; } .post_meta { margin: 0 0 10px 140px; color: #9D9D9D; font-size: 12px; } .post_meta a { color: #9D9D9D } body.page #respond { margin-top: 20px; } .post_comments { float: right } .post_comments i { font-size: 20px; vertical-align: sub; } .comment-entry { clear: both; padding-bottom: 18px; } .post_meta span { margin-left: 20px } .post_meta span:first-child { margin-left: 0 } .post_more { font-weight: bold; } .post_share { margin: 0 0 50px; border-bottom: 1px solid #E9E9E9; padding: 0 0 50px 0; } .post_share div { display: inline-block } .post_share div:first-child { margin: 0 10px 0 0; vertical-align: super; font-size: 14px; } .post_content { padding: 30px 0 } .post .blockquote-post h4 { color: #FFFFFF; font-style: italic; font-weight: 200; line-height: 24px; } .post-links, .related_posts { margin: 0 0 50px; } .post-links i { position: relative; display: inline-block; border: 1px solid; padding: 6px 14px; border-radius: 10px; font-size: 22px; color: #D1D1D1; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; margin: 0 0 0 10px } .post-links a:hover i { border: 1px solid; color: #fff; } .post-links span:first-child i { margin: 0 10px 0 0 } .related_posts a { position: relative; border-radius: 10px; overflow: hidden; display: block; } .related_posts a span { position: absolute; bottom: 0; left: 0; width: 100%; color: #FFF; padding: 6px 20px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .m_thumbnails .meta_box .post_format, .s_thumbnails .meta_box .post_format, #masonry-container .meta_box .post_format, #masonry-container .meta_box .post_category { display: none; } .two-column .post, .two-column .product { width: 48% !important; margin: 0 1% 20px !important; } .grid_9.two-column .post, .grid_9.two-column .product { width: 48% !important; margin: 0 6px 20px !important; } .two-column .image-author { margin: -20px 10px 0; } .three-column .post, .three-column .product { width: 31.3% !important; margin: 0 1% 20px !important } .three-column .image-author { margin: 10px 10px 0; width: 40px; height: 40px } .two-column h3, .three-column h3, .two-column .post_meta, .three-column .post_meta { margin-left: 0 } .four-column .post, .four-column .product { width: 23% !important; margin: 0 1% 20px !important; } .four-column .f_links a { float: none } .post .blockquote-post { background: #323232; padding: 50px 32px; border-radius: 10px; } .post .blockquote-post blockquote { color: #fff; font-style: italic; line-height: 24px; font-weight: 200; font-family: "Raleway", arial, sans-serif; font-size: 18px; margin-bottom: 20px; } .blockquote-post span, .blockquote-post span a:link, .blockquote-post span a:visited { font-size: 11px; color: #ACACAC; font-style: italic; } .wp-pagenavi { text-align: center } .wp-pagenavi ul li { display: inline-block; margin: 0; } .wp-pagenavi a, .wp-pagenavi span { display: inline-block; padding: 8px 14px; color: #C8C8C8; border: 1px solid #C8C8C8; border-radius: 10px; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; margin: 0 2px; } .wp-pagenavi a:hover, .wp-pagenavi .current { color: #fff; border-width: 1px; border-style: solid; } .m_thumbnails .thumb_f { float: left; width: 48%; margin-right: 1% } .m_thumbnails .content_half { float: left; width: 48%; margin-left: 1% } .m_thumbnails .content_half.no-img { width: 100%; } .m_thumbnails .post_content { padding: 10px 0 20px; } .m_thumbnails h3, .m_thumbnails .post_meta { margin: 0 0 10px; } .m_thumbnails .blockquote-post { margin: 0 0 30px; } .s_thumbnails .thumb_f { width: 28%; } .s_thumbnails .content_half { width: 68%; } .s_thumbnails .content_half.no-img { width: 100%; } .s_thumbnails .post_content { padding: 10px 0 20px; } .error_page { height: 600px; background: #0B0B0B url(images/assets/404.jpg) no-repeat center; margin-top: -110px; text-align: center; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; } .error_page h2, .error_page i { color: #fff } .error_page .CLE { padding: 180px 0 0 0 } .error_page h2 small { font-size: 14px; display: block; color: #fff; line-height: 24px; margin: 14px 0 30px 0; font-family: tahoma; text-transform: none; } .breadcrumb-place { height: 224px; background: #0B0B0B url(images/assets/breadcrumb1.jpg) no-repeat center; margin-top: -110px; text-align: center; -webkit-background-size: cover; -moz-background-size: cover; o-background-size: cover; background-size: cover; } .page-title { display: block; margin: 0; font-weight: normal; font-size: 24px; text-transform: uppercase; color: #fff; padding: 145px 0 0 } .breadcrumbIn { display: block; padding: 5px 0 0 } .breadcrumbIn ul { display: inline-block; color: #eee; } .breadcrumbIn ul li { color : #dbdbdb; font-size: 12px; padding: 0 10px; font-weight: normal; display: inline-block; white-space: nowrap; position: relative; } .breadcrumbIn ul li a { color : #fff } .breadcrumbIn li:before { font-family: FontAwesome; content: "\f0da"; position: absolute; display: block; font-size: 12px; left: -4px; top: 0 } .breadcrumbIn li:first-child:before { content: ""; height: 0; width: 0; border: 0; } .intro_p { background: transparent url(images/transparent.png) repeat; color: #FFF; position: relative; display: block; z-index: 99; } .intro_p .inner { padding: 30px 0; display: block; border: 0; } .intro_p h2 { color: #FFF; font-size: 24px; margin: 0 0 20px 0; } .intro_p h2 small { font-size: 12px; color: #FFF; display: block; text-transform: none; padding: 10px 0 0 0; } .intro_p .tbutton { background: none; background-image: none; text-shadow: none; border: 1px solid #fff; border-radius: 6px; } .intro_p .tbutton:hover { background: #DADADA; background: rgba(255, 255, 255, 0.3); border-color: #fff; color: #fff; } .intro_p .tbutton span { background: none !important } .intro_p .tbutton.large span { padding: 0 18px 0 64px } .intro_p .tbutton.wo_icon span { padding: 0 18px } .intro_p .tbutton i { position: absolute; left: 1px; top: 0; padding: 14px; border-right: 1px solid #FFF; } .m_left { margin-left: 40px } .intro_p.dark h2, .intro_p.dark h2 small {color: #000} .intro_p.dark .tbutton i {border-right: 1px solid #000} .intro_p.dark .tbutton {color: #000;border: 1px solid #000} /* Sidebar ----------------------------------------------------------------------*/ .services { text-align: center } .services [class^="grid_"] { position: relative } .services [class^="grid_"]:before { width: 1px; background: #EBEBEB; height: 82%; position: absolute; left: -12px; top: 0; content: ' '; } .services [class^="grid_"]:first-child:before { content: initial } .services .s_icon { position: relative; width: 90px; margin: 0 auto 30px; color: #898989; } .services .s_icon i { font-size: 80px; } .services .s_icon span { text-align: center; position: absolute; bottom: 0; left: -12px; background: #898989; color: #FFF; width: 35px; height: 35px; line-height: 33px; border-radius: 100%; border: 2px solid #FFF; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .services [class^="grid_"]:hover .s_icon span { bottom: 64px; left: 64px } .services .tbutton { background: none; background-image: none; text-shadow: none; border: 1px solid #C4C4C4; color: #7C7C7C; border-radius: 6px; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; float: none; } .services [class^="grid_"]:hover .tbutton { border-width: 1px; border-style: solid; color: #fff; } .services [class^="grid_"]:hover .tbutton:hover { background: none; border-width: 1px; border-style: solid; } .services .tbutton span { background: none; background-image: none; } .services .tbutton.small span { padding: 0 16px; line-height: 2.6em; } .set_two { text-align: left } .set_two .s_icon { margin: 0 10px 20px 0; float: left } .set_two .tbutton { float: right } .set_two [class^="grid_"]:before { background: none; content: '' } .set_three i { font-size: 40px } .grey-line { background: #f7f7f7; border-top: 2px solid #e4e4e4; border-bottom: 2px solid #e4e4e4; } .fancy-features-list ul li { line-height: 44px; -webkit-transition: all 0.3s; transition: all 0.3s; } .fancy-features-list ul li a:hover i {-webkit-animation: fadeIn 1s;animation: fadeIn 1s;} .fancy-features-list ul li i { font-size: 34px; color: #999; vertical-align: middle; margin-right: 8px; -webkit-transition: all 0.3s; transition: all 0.3s; } .fancy-features-list h3 { font-size: 22px; font-weight: 700; margin: 0 0 30px 0; } .fancy-features-image .h_slider, .fancy_testimonial_testimonial .h_slider { display: none } .fancy-features-image .h_slider img { margin: 0 auto } .fancy-features-image .showme { -webkit-animation: fadeInLeft 1s; animation: fadeInLeft 1s; display: block; } .fancy-features-list .inner_list { padding: 84px 0 60px } .fancy_testimonial_testimonial .showme { -webkit-animation: fadeIn 1s; animation: fadeIn 1s; display: block; } .fancy_testimonial { text-align: center } .fancy_testimonial ul { position: relative; display: inline-block; margin: 0 auto 30px !important; border-bottom-width: 1px; border-bottom-style: solid; padding: 0 0 30px 0; } .fancy_testimonial li { display: inline-block; margin: 0 8px; position: relative; } .fancy_testimonial li a .testimonial-img-wrap { border-radius: 100%; border: 2px solid transparent; float: left; } .fancy_testimonial li img { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; opacity: 0.5; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; width: 80px; height: 80px; max-width: auto; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; } .fancy_testimonial li.active img { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; } .fancy_testimonial li.active:after { content: close-quote; position: absolute; width: 0 !important; padding: 0 !important; margin: 0 !important; height: 0 !important; border-left: 8px solid rgba(0, 0, 0, 0); border-right: 8px solid rgba(0, 0, 0, 0); border-bottom-width: 8px; border-bottom-style: solid; left: 42%; bottom: -38px; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .fancy_testimonial_testimonial { color: #FFF; text-align: center; font-size: 14px; } .fancy_testimonial_testimonial small { font-size: 12px; display: block; margin-top: 28px; color: #16a2c5; } .rev_testimonials { color: #000 } /* Sidebar ----------------------------------------------------------------------*/ .widget { margin: 0 0 40px 0; } .sidebar .widget { background: #F7F7F7; padding: 12px 9px 20px; border-radius: 8px; } .widget iframe { width: 100% } .widget ul li a { display: block; border-bottom: 1px solid #E6E6E6; line-height: 32px; position: relative; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .widget > ul ul li a { padding-left: 15px; } .widget > ul ul ul li a { padding-left: 25px; } .widget > ul li a span { -webkit-transition: all 0.2s ease; transition: all 0.2s ease; float: right } .widget > ul li:hover span { padding-right: 10px } .widget > ul.product_list_widget li:hover span { padding-right: 0; } .widget ul li.current-menu-item a, .widget ul li:hover > a, .widget ul ul li:hover > a, .widget ul ul ul li:hover > a { border-bottom-width: 1px; border-bottom-style: solid; padding-left: 10px; } .widget ul ul li:hover > a { padding-left: 25px; } .widget ul ul ul li:hover > a { padding-left: 35px; } .widget .social_head { float: left; } .widget .social a { margin: 0 4px 4px 0; } .widget_archive ul li a, .widget_categories ul li a, .widget_product_categories ul li a { display: inline-block; border-bottom: none; padding: 0 8px; } .widget_archive ul li:hover a, .widget_categories ul li:hover a, .widget_product_categories ul li:hover a { border-bottom: none; background: none; } .widget_archive ul li, .widget_categories ul li, .widget_product_categories ul li { border-bottom: 1px solid #E6E6E6; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .widget_archive ul li:hover, .widget_categories ul li:hover, .widget_product_categories ul li:hover { padding-left: 10px; border-bottom-width: 1px; border-bottom-style: solid; } .widget_search .search-box, #newsletters { position: relative; } .search-box input, .widget_search .search-box input, #newsletters input, .coupon_input, #searchform #s { margin: 0; padding: 0 10px; line-height: 24px; height: 34px; border: 1px solid #EBEBEB; background: #F7F7F7; border-radius: 10px; font-size: 11px; color: #A7A7A7; cursor: text; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .post-area .search-box input { width: 30%; } .post-area .search-box button { background: none; padding: 4px 12px !important; border: 1px solid #ebebeb; transition: all 0.2s linear; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; color: #999; } .search-box input:focus, .widget_search .search-box input:focus, #newsletters input:focus, .coupon_input:focus,#searchform #s:focus { background: #fff; border-width: 1px; border-style: solid; box-shadow: 0 0 5px rgba(255, 102, 0, 0.1); } .coupon_input { margin: 0 0 10px 0; padding: 10px 12px; } .coupon_button {float: right} .widget_search .search-box button, #newsletters button { position: absolute; top: 4px; right: 14px; background: none; border: 0; color: #DDD; font-size: 11px; cursor: pointer; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } #searchform #searchsubmit { display:none; } .widget.ads img { margin: 0 auto } .widget_tag_cloud i, .widget_product_tag_cloud i { margin-right: 4px } .widget_tag_cloud a, .widget_product_tag_cloud a { color: #747474; border: 1px solid #999; padding: 6px 10px; margin: 0 0px 4px 0; display: inline-block; border-radius: 10px; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; text-decoration: none !important; font-size: 13px !important; } .widget_tag_cloud a:hover, .widget_product_tag_cloud a:hover { border-color: #5486DA; color: #fff; } .recent-tweets li { display: block; padding: 15px 0 15px 35px; margin-bottom: 20px; position: relative; border-bottom: 1px solid #e6e6e6; } .recent-tweets li a, .recent-tweets li a:active { border-bottom: none !important; padding-left: 0 !important; background: none !important; } .recent-tweets li i { position: absolute; top: 23px; left: 0; font-size: 22px; } .recent-tweets ul li a, .recent-tweets ul li a:visited { display: inline; padding: 5px; text-decoration: underline; } .recent-tweets li span.twitterTime a { display: block; padding-top: 5px; } .recent-tweets li { margin-bottom: 0; } .flickr .wrap { position: relative; } .flickr a { display: inline-block; padding: 0 !important; } .flickr a img { opacity: 0.7; border: 1px solid #ccc; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding: 2px; } .flickr a:hover img { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; opacity: 1; border-width: 1px; border-style: solid; } .flickr div.flickr_badge_image { margin: 0 5px 4px 0; width: 74px; height: 74px; display: inline; padding: 0; } #recentcomments li.recentcomments { border-bottom: 1px solid #e6e6e6; padding: 5px 0; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } #recentcomments li.recentcomments a { border-bottom: none; } #recentcomments li.recentcomments:hover { border-bottom-width: 1px; border-bottom-style: solid; padding-left: 10px; } #recentcomments li.recentcomments:hover a { background: none; } #wp-calendar { width: 100%; } .widget_calendar table { margin: 0 !important; } #wp-calendar caption { text-align: center; font-weight: bold; line-height: 23px; font-size: 11px; padding-top: 10px; } #wp-calendar td, #wp-calendar th { border: 1px solid #e6e6e6; text-align: center; padding: 3px; } #wp-calendar th { background: #eee; font-weight: 700; } #wp-calendar td#today a, #wp-calendar td#today a:active { color: #fff; } #wp-calendar td:hover, #wp-calendar tfoot td:hover, #wp-calendar tfoot td:hover a, #wp-calendar td#today, #wp-calendar td#today:hover a { color: #fff; cursor: pointer; } #wp-calendar tfoot td { background: #eee; } .contact-details ul li { border-bottom: 1px solid #e6e6e6; padding: 5px 0; } .contact-details ul li i { font-size: 16px; margin-right: 15px; } .contact-details p { font-style: italic; } .thumb-list li { width: 100%; display: block; padding: 20px 0 0 0; margin: 20px 0 0 0; border-top: 1px solid #CCC; } .thumb-list li:first-child { padding: 0; margin: 0; border-top: 0 } .thumb-list .post-thumbnail, .thumb-list .post-format-icons { float: left; width: 60px; height: 60px; margin: 0 10px 0 0; border-bottom: 0; } .ht_popular_posts ul li img, .ht_recent_posts ul li img { border: 1px solid #CCCCCC; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; padding: 2px; } .thumb-list .post-format-icons i { border: 1px solid #ccc; border-radius: 10px; width: 60px; height: 60px; display: block; font-size: 20px; color: #ccc; text-align: center; line-height: 60px; } .thumb-list h3 { font-size: 13px; margin: 0 0 2px 0; font-weight: 400; } .thumb-list h3 a, .product_list_widget li a { border-bottom: none !important; line-height: 20px !important; } .thumb-list li:hover a, .product_list_widget li:hover > a { padding-left: 0 !important; background: none !important; border-bottom: 0 !important; } .thumb-list .post-meta { font-size: 11px; text-align: left; font-style: italic; } .ads-banner ul li { margin-bottom: 10px; } .side-navigation { margin: 0 0 30px 0; padding: 0; box-shadow: 0 2px 3px rgba(0,0,0,0.02); list-style: none; background: #fff; background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#ffffff), color-stop(100%,#fbfbfb)); background: -webkit-linear-gradient(top, #ffffff 2%,#fbfbfb 100%); background: linear-gradient(to bottom, #ffffff 2%,#fbfbfb 100%); border-top: 1px solid #e2e2e2; } .side-navigation a { display: block; position: relative; padding: 7.5px 16px; border: 1px solid #e2e2e2; border-top: none; -webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out; transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out; } .side-navigation a.active { margin-top: -1px; border-color: #191919; background: #191919; color: #fff; } .widget_social li { position: relative; } .widget_social a { height: 38px; width: 100%; position: relative; display: block; border-radius: 10px; margin: 0 0 10px 0 } .widget_social a.fb { background: #4185B8; } .widget_social a.tw { background: #37e0ff; } .widget_social span { position: absolute; top: 7px; left: 20px; color: #FFF; } .widget_social i { position: absolute; top: 14px; font-size: 24px; right: 20px; color: #FFF; } .widget_social i.social_twitter { top: 7px; } .widget .col-title { color: #323232; font-size: 16px; font-weight: 700; display: block; margin: 0 0 12px 0 } #footer .widget .col-title { font-size: 18px; } .col-title { padding: 0 0 10px; margin: 0; font-size: 18px; border-bottom: 1px solid transparent; } .col-title.inline { display: inline-block; } .col-ten { border-bottom: 1px solid #ddd; font-weight: 300; font-size: 1.846em; line-height: 1em; } .col-ten span { margin-bottom: -30px; padding: 0 10px 5px 0; border: none; background: #fff; line-height: 1em; } .col-eleven { background: url("images/bg/48.png"); color: #3f3f3f; font-size: 1.538em; line-height: 0.8em; text-transform: uppercase; } .col-eleven span { margin-top: -5px; padding-right: 10px; padding-bottom: 0; border-bottom: none; background: #fff; line-height: 1em; } .tac .col-eleven span { padding: 0 10px; } .tar .col-eleven span { padding: 0 0 0 10px; } .liner { display: block; width: 100%; border-bottom: 1px solid #E6E6E6; margin: -1px 0 20px !important; } .liner.double { border-bottom: 4px double #E6E6E6; } .liner.dotted { border-bottom: 2px dotted #E6E6E6; } .liner.dashed { border-bottom: 2px dashed #E6E6E6; } .liner.doublepress { border-bottom: 1px solid #E0E0E0; border-top: 2px solid #E0E0E0; height: 1px; } /* Filters ----------------------------------------------------------------------------------------------------*/ .filterable { position : relative } .filterable ul.filter { padding: 0; margin: 0 auto; text-align: center; } .filterable ul.filter li { display: inline-block; position: relative; z-index: 2; margin: 0 5px; } .filterable li a, .load_more_portfolio a { padding: 6px 16px; font-size: 13px; color: #999; border-radius: 10px; border: 1px solid; z-index: 10; -webkit-transition: all 0.2s; transition: all 0.2s; cursor: pointer } .filterable li.current a, .filterable li a:hover, .load_more_portfolio a:hover { color: #fff; } /* F Portfolio ----------------------------------------------------------------------*/ .f_portfolio .intro_content { width: 25%; height: 265px; float: left; background: #191919; color: #DDD; position: relative; } .right-sidebar .f_portfolio .intro_content, .left-sidebar .f_portfolio .intro_content { width: 25%; height: 193px; overflow: hidden; } .f_portfolio.desc-left .intro_content { float: left; } .f_portfolio.desc-right .intro_content { float: right; } .f_portfolio .intro_content h3 { color: #fff; margin-bottom: 20px } .f_portfolio .intro_content .inner { padding: 34px; border: 0; } .right-sidebar .f_portfolio .intro_content .inner, .left-sidebar .f_portfolio .intro_content .inner { padding: 20px; border: 0; } .f_portfolio .f_items { width: 75%; float: left; } .f_portfolio .anyClass { overflow: hidden; } .f_portfolio .portfolio_carousel { overflow: visible !important } .f_portfolio .f_items li { position: relative; overflow: hidden; float: left; width: 265px; height: 265px; margin-bottom: 0; } .right-sidebar .f_portfolio .f_items li, .left-sidebar .f_portfolio .f_items li { width: 193px; height: 193px; } .portfolio li { position: relative; overflow: hidden; margin-bottom: 20px; padding: 0 !important; } .f_portfolio .f_hover, .portfolio .f_hover { position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; -webkit-transition: all 0.2s; transition: all 0.2s; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; visibility: hidden; } .f_portfolio li:hover .f_hover, .portfolio li:hover .f_hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; visibility: visible; } .f_portfolio li:hover .tbutton:first-child, .portfolio li:hover .tbutton:first-child { -webkit-animation: fadeInDown 0.5s; animation: fadeInDown 0.5s; } .f_portfolio li:hover .tbutton, .portfolio li:hover .tbutton { -webkit-animation: fadeInUp 0.5s; animation: fadeInUp 0.5s; } .f_portfolio .tbutton:hover, .portfolio .tbutton:hover { color:#fff } .f_portfolio li:hover h5, .portfolio li:hover h5 { font-weight: 400; -webkit-animation: fadeInUp 0.5s; animation: fadeInUp 0.5s } .f_portfolio .f_links, .portfolio .f_links { position: absolute; top: 38%; left: 50%; margin-left: -75px; } .f_portfolio .f_links .tbutton, .portfolio .f_links .tbutton { background: none; background-image: none; text-shadow: none; border: 1px solid #FFF; border-radius: 6px; z-index: 9999; } .f_portfolio .f_links .tbutton.small span, .portfolio .f_links .tbutton.small span { padding: 0 14px; line-height: 2.9em; } .f_portfolio .f_links .tbutton span, .portfolio .f_links .tbutton span { background: none !important; } .f_portfolio .f_links .tbutton:hover, .portfolio .f_links .tbutton:hover { background: #DADADA; color: #fff; background: rgba(255, 255, 255, 0.3); } .f_portfolio .f_hover h5, .portfolio .f_hover h5 { position: absolute; bottom: 20px; width: 100%; } .f_portfolio .f_hover h5 a, .portfolio .f_hover h5 a { -webkit-transition: all 0.2s; transition: all 0.2s; color: #fff; } .f_portfolio .f_hover h5 a:hover, .portfolio .f_hover h5 a:hover {color: #ccc} .f_portfolio .inner a, .portfolio .inner a { -webkit-transition: all 0.2s; transition: all 0.2s; } .f_portfolio .inner a:hover, .portfolio .inner a:hover {color: #fff} .f_portfolio .prev-holder, .f_portfolio .next-holder { bottom: 10px; position: absolute; bottom: 20px; cursor: pointer; color: #FFF; border: 1px solid #FFF; border-radius: 6px; width: 30px; height: 30px; text-align: center; padding: 1px 0; font-size: 16px; -webkit-transition: all 0.2s; transition: all 0.2s; } .f_portfolio .next-holder { right: 20px; } .f_portfolio .prev-holder { right: 53px; } .f_portfolio .prev-holder:hover, .f_portfolio .next-holder:hover { border-width: 1px; border-style: solid; } .portfolio_carousel img{ height: 100%; } ul.portfolio > li > .videox { height: 100%; width: 100%; } .disabled { color: #7A7A7A !important; border-color: #7A7A7A !important; cursor: default !important; } .info_block { border-bottom: 1px solid #E8E8E8; margin: 0 0 10px 0; padding: 0 0 10px 0; } .info_block .alpha span { color: #5f5f5f; display: block; font-size: 14px } .info_block .omega span { color: #000; display: block; font-size: 14px } .info_block .omega span.deactive { color: #ddd } .single-folio.left .grid_8 { float: right; } .project_preview { border-radius: 10px; overflow: hidden; position: relative; } .project_preview img, .project_preview iframe { border-radius: 10px; width: 100% } .project_links { text-align: center } .project_links i { position: relative; display: inline-block; border: 1px solid; padding: 6px 14px; border-radius: 10px; font-size: 22px; color: #D1D1D1; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; margin: 0 0 0 10px } .project_links a:first-child i { margin: 0 10px 0 0 } .project_links a:hover i { border: 1px solid; color: #FFF; } .fb_iframe_widget span { vertical-align: inherit !important; } .project_links .fb_edge_widget_with_comment { margin: 10px 0 0 0 } .project_description { border-bottom: 1px solid #E8E8E8; padding: 0 0 30px 0; } .block_title { font-size: 24px; font-weight: 600; margin: 0 0 20px 0; } .after_line { position: relative; display: block; width: 40%; height: 1px; background: #ECECEC; content: close-quote; margin: 30px auto !important; } /* Accordion, Toggle ----------------------------------------------------------------------*/ .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header, h4.wpb_toggle { position: static; height: 45px; padding: 0 !important; background-image: none !important; margin-bottom: 4px !important; } .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header a, h4.wpb_toggle { color: #fff; line-height: 45px !important; padding: 0; font: normal 14px "Helvetica",​ Tahoma,​ Arial, sans-serif; background-color: #2c3337; } .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_section .ui-state-default .ui-icon, .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_section .ui-state-active .ui-icon, h4.wpb_toggle span { background-image: none !important; position: static; float: left; width: 43px; height: 45px; margin-right: 20px; font-family:'FontAwesome'; text-align: center; cursor: pointer; font-size: 14px; color: #fff; } .wpb_accordion .wpb_accordion_wrapper .ui-state-default .ui-icon:before, .wpb_toggle span:before { content:"\f067"; line-height: 50px; } .wpb_accordion .wpb_accordion_wrapper .ui-state-active .ui-icon:before, .wpb_toggle_title_active span:before { content:"\f068" !important; } .wpb_accordion .wpb_accordion_content { background: #fff; } .wpb_toggle_content { padding-left: 10px !important; } /* Tabs ----------------------------------------------------------------------*/ .wpb_content_element .wpb_tabs_nav li a { color: #484747; } .wpb_content_element.wpb_tabs .wpb_tabs_nav li, .wpb_content_element.wpb_tour .wpb_tabs_nav li { list-style-type: none; cursor: pointer; background-color: #fff; border: 2px solid #dbdbdb; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .wpb_content_element.wpb_tabs .wpb_tabs_nav li, .wpb_content_element.wpb_tour .wpb_tabs_nav li { float: left; margin: 0 10px 10px 0 !important; padding: 5px 0; } .wpb_content_element.wpb_tour .wpb_tabs_nav { width: 20%; } .wpb_content_element.wpb_tour .wpb_tabs_nav li { margin: 0 0 10px 0 !important; float: none; } .wpb_content_element.wpb_tabs .wpb_tabs_nav li.ui-state-active, .wpb_content_element.wpb_tour .wpb_tabs_nav li.ui-state-active { border-width: 2px; border-style: solid; } .wpb_content_element.wpb_tabs .wpb_tabs_nav li.ui-state-active a, .wpb_content_element.wpb_tour .wpb_tabs_nav li.ui-state-active a { color: #fff; } .wpb_content_element.wpb_tabs .wpb_tab, .wpb_content_element.wpb_tour .wpb_tab { padding: 20px 0 !important; background-color: #fff !important; clear: both; } .wpb_content_element.wpb_tour .wpb_tour_tabs_wrapper .wpb_tab { float: right; clear: none; width: 75%; padding: 10px 20px !important; border: 2px solid #dbdbdb; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .wpb_tour_next_prev_nav, .wpb_tour_next_next_nav { display: none; } .wpb_content_element ul.wpb_tabs_nav li { white-space: normal; } /* Revolution Slider ----------------------------------------------------------------------*/ .sliderr { width: 100%; position: relative; } /* Nivo Slider ----------------------------------------------------------------------*/ .nivoSlider { position:relative; width:100%; height:auto; overflow: hidden; box-shadow: none !important } .nivoSlider img { position:absolute; top:0px; left:0px; max-width: none; } .nivo-main-image { display: block !important; position: relative !important; width: 100% !important; } /* If an image is wrapped in a link */ .nivoSlider a.nivo-imageLink { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:6; display:none; background:white; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity:0; } /* The slices and boxes in the Slider */ .nivo-slice { display:block; position:absolute; z-index:5; height:100%; top:0; } .nivo-box { display:block; position:absolute; z-index:5; overflow:hidden; } .nivo-box img { display:block; } /* Caption styles */ .nivo-caption { position:absolute; left:0px; bottom:0px; background:#000; color:#fff; width:100%; z-index:8; padding: 10px 20px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; opacity: 0.8; overflow: hidden; display: none; -moz-opacity: 0.8; filter:alpha(opacity=0.8); -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } .nivo-caption p { padding:5px; margin:0; } .nivo-caption a { display:inline !important; } .nivo-html-caption { display:none; } /* Direction nav styles (e.g. Next & Prev) */ .nivo-directionNav a { position:absolute; top:45%; z-index:9; cursor:pointer; } .nivo-prevNav { left:0px; } .nivo-nextNav { right:0px; } /* Control nav styles (e.g. 1,2,3...) */ .nivo-controlNav { text-align:center; padding: 15px 0; } .nivo-controlNav a { cursor:pointer; } .nivo-controlNav a.active { font-weight:bold; } .flex-direction-nav a:hover {background-color: transparent !important;} /* Flex Slider ----------------------------------------------------------------------*/ .wpb_gallery_slides.flexslider { border: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; -webkit-border-radius: none !important; -moz-border-radius: none !important; border-radius: none !important; } .wpb_gallery_slides .flex-control-nav li { padding: 0 !important; } .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {outline: none;} .slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} /* FlexSlider Necessary Styles */ .flexslider {margin: 0; padding: 0;} .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img {display: block; width: 100%} .flex-pauseplay span {text-transform: capitalize;} /* Clearfix for the .slides element */ .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .slides > li:first-child {display: block;} /* FlexSlider Default Theme *********************************/ .flexslider {margin: 0 0 60px 0; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; box-shadow: 0 1px 4px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2);} .flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;} .loading .flex-viewport {max-height: 300px;} .carousel li {margin-right: 5px} /* Direction Nav */ .flex-direction-nav a {margin: -20px 0 0; display: block;background-color: #272727; padding: 8px; position: absolute; top: 50%; cursor: pointer; opacity: 0; -webkit-transition: all .3s ease; border-radius: 3px; -webkit-border-radius: 3px; } .flex-direction-nav a:hover {background-color: #696969;} .flex-direction-nav a i {color: #fff;} .flex-direction-nav a:hover i {color: #FFF;} .flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; } .flex-direction-nav .flex-prev {left: -36px;} .flexslider:hover .flex-next {opacity: 0.8; right: 8px;} .flexslider:hover .flex-prev {opacity: 0.8; left: 8px;} .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 0.8;} .flex-direction-nav .flex-disabled {opacity: 0 !important; cursor: default;} /* Control Nav */ .flex-control-nav {position: absolute; text-align: center;right: 20px;bottom: 10px;} .flex-control-nav li {margin: 0 6px; display: inline-block;} .flex-control-paging li a {background-color: #BDBEC4;width: 8px; height: 8px; display: block; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);} .m-thumb .flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); } .flex-control-paging li a.flex-active { background-color: #696969; cursor: default; } .flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;} .flex-control-thumbs li {width: 25%; float: left; margin: 0;} .flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;} .flex-control-thumbs img:hover {opacity: 1;} .flex-control-thumbs .flex-active {opacity: 1; cursor: default;} @media screen and (max-width: 860px) { .flex-direction-nav .flex-prev {opacity: 1; left: 0;} .flex-direction-nav .flex-next {opacity: 1; right: 0;} } /** Overwrite original style **/ .flexslider { margin: 0 ; background-color : transparent; border: none; position: relative; -webkit-border-radius: 0px; border-radius: 0px; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; } /** Control nav **/ .flex-control-nav li { padding: 4px; margin: 0; } .flexslider.position-nav-under .flex-control-nav { position : absolute; top: 4px; right: 4px; } .testimonial-wrapper .flex-control-nav { position : absolute; bottom: 4px; right: 4px; } .flexslider.flexslider.position-nav-under { margin-bottom: 0px; } .flexslider.position-nav-bottom .flex-control-nav { position : absolute; bottom:9px; } .flexslider.position-nav-top .flex-control-nav { position : absolute; top:9px; } .flex-active { background-color: #fff; } /** Slide theme **/ .flex-slide-theme-horizontal { margin-top:25px; margin-bottom:30px; border-left:1px solid #555; border-right:1px solid #555; border-color:rgba(0,0,0,0.6); } .flex-slide-theme-horizontal .slide-theme { display: block; height: 100%; top:0; left: 0; position: absolute; width:100%; z-index:-1; } .flex-slide-theme-horizontal .slide-theme-side { display: block; height: 26px; position: absolute; width: 45px; } .flex-slide-theme-horizontal .slide-theme-side.slide-bottom-left { background-position: -2px -28px; bottom: -26px; left: -1px; } .flex-slide-theme-horizontal .slide-theme-side.slide-top-left { background-position: -2px 0px; top: -26px; left: -1px; } .flex-slide-theme-horizontal .slide-theme-side.slide-bottom-right { background-position: -64px -28px; bottom: -26px; right: -2px; } .flex-slide-theme-horizontal .slide-theme-side.slide-top-right { background-position: -64px 0px; top: -26px; right: -2px; } .flex-slide-theme-vertical { margin-left:25px; margin-right:25px; border-top:1px solid #555; border-bottom:1px solid #555; border-color:rgba(0,0,0,0.6); } .flex-slide-theme-vertical .slide-theme { display: block; height: 100%; top:0; left: 0; position: absolute; width:100%; z-index:-1; } .flex-slide-theme-vertical .slide-theme-side { display: block; height: 40px; position: absolute; width: 25px; } .flex-slide-theme-vertical .slide-theme-side.slide-bottom-left { background-position: -111px -13px; bottom: -1px; left: -25px; } .flex-slide-theme-vertical .slide-theme-side.slide-top-left { background-position: -167px -16px; top: -1px; left: -25px; } .flex-slide-theme-vertical .slide-theme-side.slide-bottom-right { background-position: -139px -13px; bottom: -1px; right: -25px; } .flex-slide-theme-vertical .slide-theme-side.slide-top-right { background-position: -195px -16px; top: -1px; right: -25px; } /** Custom theme **/ .theme-border-radius-01, .theme-border-radius-01 ul.slides li img { -webkit-border-radius: 4px; border-radius: 4px; } .theme-border-radius-01.position-caption-bottom-left .flex-caption, .theme-border-radius-01.position-caption-bottom-right .flex-caption, .theme-border-radius-01.position-caption-bottom-centered .flex-caption { -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } .theme-border-radius-01.position-caption-top-left .flex-caption, .theme-border-radius-01.position-caption-top-right .flex-caption, .theme-border-radius-01.position-caption-top-centered .flex-caption { -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } .theme-border-radius-02, .theme-border-radius-02 ul.slides li img { -webkit-border-radius: 8px; border-radius: 8px; } .theme-border-radius-02.position-caption-bottom-left .flex-caption, .theme-border-radius-02.position-caption-bottom-right .flex-caption, .theme-border-radius-02.position-caption-bottom-centered .flex-caption { -webkit-border-radius: 0 0 8px 8px; border-radius: 0 0 8px 8px; } .theme-border-radius-02.position-caption-top-left .flex-caption, .theme-border-radius-02.position-caption-top-right .flex-caption, .theme-border-radius-02.position-caption-top-centered .flex-caption { -webkit-border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0; } .theme-border-radius-03, .theme-border-radius-03 ul.slides li img { -webkit-border-radius: 12px; border-radius: 12px; } .theme-border-radius-03.position-caption-bottom-left .flex-caption, .theme-border-radius-03.position-caption-bottom-right .flex-caption, .theme-border-radius-03.position-caption-bottom-centered .flex-caption { -webkit-border-radius: 0 0 12px 12px; border-radius: 0 0 12px 12px; } .theme-border-radius-03.position-caption-top-left .flex-caption, .theme-border-radius-03.position-caption-top-right .flex-caption, .theme-border-radius-03.position-caption-top-centered .flex-caption { -webkit-border-radius: 12px 12px 0 0; border-radius: 12px 12px 0 0; } .theme-border-radius-04, .theme-border-radius-04 ul.slides li img { -webkit-border-radius: 24px; border-radius: 24px; } .theme-border-radius-04.position-caption-bottom-left .flex-caption, .theme-border-radius-04.position-caption-bottom-right .flex-caption, .theme-border-radius-04.position-caption-bottom-centered .flex-caption { -webkit-border-radius: 0 0 24px 24px; border-radius: 0 0 24px 24px; } .theme-border-radius-04.position-caption-top-left .flex-caption, .theme-border-radius-04.position-caption-top-right .flex-caption, .theme-border-radius-04.position-caption-top-centered .flex-caption { -webkit-border-radius: 24px 24px 0 0; border-radius: 24px 24px 0 0; } .theme-border-01 ul.slides { padding: 2px; } .theme-border-02 { padding: 4px; } .theme-border-03 ul.slides { padding: 7px; } .theme-border-04 ul.slides { padding: 10px; } .theme-shadow-normal { -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.6); box-shadow: 0 1px 4px rgba(0,0,0,0.6); } .theme-shadow-large { -webkit-box-shadow: 0 1px 15px rgba(0,0,0,0.4); box-shadow: 0 1px 15px rgba(0,0,0,0.4); margin:10px; } /** Custom CSS by JoomSpirit **/ .flexslider { overflow:visible !important; } .flexslider ul.slides { background-color: transparent; } .flexslider .slides > li { position:relative; } .flexslider ul.slides li a { display:block; } .flexslider .flex-caption { position : absolute ; left:0; margin: 20px; padding:10px 10px; z-index:10; } .flexslider ul.slides li a, .flexslider ul.slides li a:hover { color : inherit; } .flexslider ul.slides li .flex-caption a { display:inline; color: #359BED; } .flexslider ul.slides li .flex-caption a:hover { color : inherit; text-decoration: underline; } .flexslider ul.slides li a .flex-caption:hover { text-decoration: none; color : inherit; cursor:pointer; } .projectslider .flex-direction-nav a { padding: 0; top: 50%; background: none } .projectslider .flex-direction-nav a i {color: #FFF;font-size: 40px;} #thumbnails { bottom: -20px; left: 0; } #thumbnails li { margin-right: 20px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; opacity: .5; cursor: pointer; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } #thumbnails li img, .projectslider li img, .f_blog .f_thumb img, .f_blog .f_thumb .f_hover { border-radius: 10px } #thumbnails li.flex-active-slide, #thumbnails li:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; } /* Comments ----------------------------------------------------------------------*/ ul.showcomments { margin: 0; } ul.showcomments li { margin: 0 0 40px 0; min-height: 110px; } ul.showcomments li.bypostauthor > div { border-bottom: 2px solid #f2f2f2; } .v_content .showcomments li:last-child, .v_content .shop_attributes { margin: 0; } ul.showcomments ul.children , ul.showcomments ul.children .children { padding-left: 110px; } ul.showcomments li.admin-comment h4.entry-title i { color: #FFF; background: #1ABC9C; padding: 1px 6px; margin: 0 0 0 8px; border-radius: 3px; } ul.showcomments .reply { position: relative; bottom: -10px; left: 0; font-size: 10px; text-align: center; font-style: italic; } ul.showcomments .reply a { color: #747474; border: 1px solid #999; padding: 2px 8px; display: inline-block; border-radius: 10px; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; text-decoration: none !important; } ul.showcomments .reply a:hover { border-width: 1px; border-style: solid; color: #fff; } ul.showcomments .thumb { float: left; margin: 0 30px 0 0; } ul.showcomments .thumb img { width: 80px; height: 80px; border-radius: 10px; } ul.showcomments .entry-title { margin: 0 0 12px 0; font-size: 14px; font-weight: bold; padding-top: 6px; } ul.showcomments .entry-title i { padding-left: 8px; font-style: italic; font-weight: normal; font-size: 11px; color: #888; } ul.showcomments span.date { float: right; padding: 0; font-size: 11px; color: #888; background: none; font-family: Tahoma, Arial; font-weight: normal; text-transform: none; } ul.showcomments .entry-meta { font-style: italic; font-size: 11px; margin: 0 0 6px 0; } ul.showcomments .social { margin-top: -8px; float: right; } ul.showcomments .comment p{ overflow: hidden; } #commentform input { display: block; width: 100%; border: 1px solid #EAEAEA; border-radius: 10px; padding: 0 10px; line-height: 24px; height: 34px; background: #F7F7F7; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.3s; transition: all 0.3s; } #commentform input:focus { background: #fff; border-width: 1px; border-style: solid; } #commentform textarea { width: 100%; padding: 10px; background: #F7F7F7; border: 1px solid #EAEAEA; margin: 0 0 20px 0 !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 10px; -webkit-transition: all 0.3s; transition: all 0.3s; } #commentform textarea:focus { background: #fff; border-width: 1px; border-style: solid; } #commentform .send-message { float: right; max-width: 140px; position: relative; padding: 5px 10px; background: none; color: #747474; border: 1px solid #999; padding: 2px 8px; margin: 0 0px 4px 0; display: inline-block; border-radius: 10px; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; text-decoration: none !important; } #commentform .send-message:hover { color: #fff; } /* Progress ----------------------------------------------------------------------*/ .page-content .vc_progress_bar .vc_single_bar { padding: 0; height: 16px; margin-top: 40px; box-shadow: none; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .vc_progress_bar .vc_single_bar.color1 .vc_bar { background-color: #5486DA; } .vc_progress_bar .vc_single_bar.color2 .vc_bar { background-color: #9AD147; } .vc_progress_bar .vc_single_bar.color3 .vc_bar { background-color: #5200FF; } .vc_progress_bar .vc_single_bar.color4 .vc_bar { background-color: #09F; } .vc_progress_bar .vc_single_bar.color5 .vc_bar { background-color: #F00; } .vc_progress_bar .vc_single_bar.color6 .vc_bar { background-color: #2FEFF7; } .vc_progress_bar .vc_single_bar.color7 .vc_bar { background-color: #A58080; } .vc_progress_bar .vc_single_bar.color8 .vc_bar { background-color: #809FA5; } .vc_progress_bar .vc_single_bar.color9 .vc_bar { background-color: #3DE4B5; } .page-content .vc_progress_bar .vc_single_bar .vc_bar { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .page-content .vc_progress_bar .vc_single_bar .vc_label { padding: 0.5em 0; top: -30px; } .page-content .vc_progress_bar .vc_single_bar .vc_label .vc_label_units { float: right; } .team2 img { margin: 0 0 20px; width: 100% } .team2 h6 { margin: 0 0 6px 0; } .team2 small { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #E2E2E2; display: block; } .team2 .teaminfo { padding: 0 0 10px; border-bottom: 1px solid #E2E2E2; margin: 0 0 10px; } .team2 .teaminfo span { display: block; padding: 0 0 4px; } .team2.tac .social a { float: none; display: inline-table; } /* Notification Boxes ----------------------------------------------------------------------*/ .notification-box { position: relative; margin-bottom: 10px; border-radius: 10px; padding: 20px 32px 20px 20px; color:#fff; font-size: 14px; font-weight: normal; -webkit-animation: fadeInUp 1.3s; animation: fadeInUp 1.3s; } a.notification-close { position: absolute; right: 20px; top: 20px; font-size: 12px; } .notification-box p { margin: 0; } .notification-box p i { padding-right: 10px; border-right: 1px solid; margin-right: 10px; } .notification-box-info { color: #65cad3; border: 1px solid #65cad3; } .notification-box-success { color: #1abc9c; border: 1px solid #1abc9c; } .notification-box-warning { color: #eed880; border: 1px solid #eed880; } .notification-box-error { color: #e06f6f; border: 1px solid #e06f6f; } .notification-box-info a { color: #65cad3; } .notification-box-success a { color: #1abc9c; } .notification-box-warning a { color: #eed880; } .notification-box-error a { color: #e06f6f; } /* Countdown ----------------------------------------------------------------------*/ .under_construction { height: 600px; background: #0B0B0B url(images/assets/under_construction.jpg) no-repeat center; margin-top: -110px; text-align: center; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; } .under_construction .UCP { padding: 240px 0 0 0 } .under_construction h2 { color: #fff } .countdown { margin: 0 auto; text-align: center; font-weight: bold; text-transform: uppercase; } .countdown li { display: inline-block; width: 210px; padding: 40px 10px; } .countdown li:first-child { border-left: 0 } .countdown li span { font-size: 100px; color: #fff; position: relative; } .countdown li p.timeRefDays, .countdown li p.timeRefHours, .countdown li p.timeRefMinutes, .countdown li p.timeRefSeconds { margin-top: 24px; font-size: 24px; } .the-list li { line-height: 24px; list-style: none !important; padding: 0; } .the-list li i { font-size: 14px; margin-right: 8px; } .parallax { background-position: 50% 0; } .ht-row-wrap.light, .ht-row-wrap.light p, .ht-row-wrap.light h1, .ht-row-wrap.light h2, .ht-row-wrap.light h3, .ht-row-wrap.light h4, .ht-row-wrap.light h5, .ht-row-wrap.light h6, .ht-row-wrap.light a, .ht-row-wrap.light a:visited { color: #fff; } /* Buttons ----------------------------------------------------------------------*/ .tbutton { display:inline-block; cursor:pointer; position:relative; word-spacing:0.2em; border-radius: 6px; color:#fff; white-space: nowrap; border: 1px solid transparent; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .tbutton.accent:hover { background-color: #fff; } .fancy-btn .tbutton { background: none !important; color: #FFF; position: relative; z-index: 99; } .fancy-btn .tbutton { background: none; background-image: none; text-shadow: none; border: 1px solid #fff; border-radius: 6px; } .fancy-btn .tbutton:hover { background: #DADADA !important; background: rgba(255, 255, 255, 0.3) !important; border-color: #fff; color: #fff; } .fancy-btn .tbutton span { background: none !important } .fancy-btn .tbutton.large span { padding: 0 18px 0 64px } .fancy-btn .tbutton.wo_icon span { padding: 0 18px } .fancy-btn .tbutton.large span i { position: absolute; left: 1px; top: 0; padding: 14px; border-right: 1px solid #FFF; text-align: center; } .tbutton:hover { background: none; border-color: #5486da; color: #5486da; } .tbutton.color2 { background: #9AD147; } .tbutton.color2:hover { background: none; border-color: #6F9733; color: #6F9733 } .tbutton.color3 { background: #5200FF } .tbutton.color3:hover { background: none; border-color: #4203C7; color: #4203C7 } .tbutton.color4 { background: #09F } .tbutton.color4:hover { background: none; border-color: #0C6BAA; color: #0C6BAA } .tbutton.color5 { background: #F00 } .tbutton.color5:hover { background: none; border-color: #971919; color: #971919 } .tbutton.color6 { background: #2FEFF7 } .tbutton.color6:hover { background: none; border-color: #28C7CE; color: #28C7CE } .tbutton.color7 { background: #A58080 } .tbutton.color7:hover { background: none; border-color: #A58080; color: #A58080 } .tbutton.color8 { background: #809FA5; } .tbutton.color8:hover { background: none; border-color: #809FA5; color: #809FA5 } .tbutton.color9 { background: #3DE4B5; } .tbutton.color9:hover { background: none; border-color: #3DE4B5; color: #3DE4B5 } .tbutton span { display: block; overflow: hidden; } .tbutton span { padding: 0 10px; line-height: 2.4em; } .tbutton.small { font-size: 12px; } .tbutton.medium { font-size: 14px; } .tbutton.large { font-size: 16px; } .tbutton.small span { padding: 0 14px; line-height: 2.3em; } .tbutton.small span i { padding-right: 3px; } .tbutton.medium span { padding: 0 16px; line-height: 2.5em; } .tbutton.medium span i { padding-right: 4px; } .tbutton.large span { padding: 0 18px; line-height: 2.7em; } .tbutton.large span i { padding-right: 6px; } /* Top Scroll ----------------------------------------------------------------------*/ #toTop { position: relative; width: 26px; height: 26px; float: right; color: #BEBEBE; border: 1px solid #EBEBEB; margin: 20px 0; border-radius: 6px; cursor: pointer; -webkit-transition: all 0.4s ease; transition: all 0.4s ease } #toTop i { padding: 0px 0 0 7.5px; display: block; font-size: 14px; line-height: 22px; } /* Tables ----------------------------------------------------------------------*/ .pricing { display: block; position: static; visibility: visible; } .pricing-table { color:#222; margin-bottom:30px; border: 2px solid #ECEDF3; border-radius: 10px; overflow: hidden; position: relative; text-align:center; } .pricing-table .price-content { border-width:0 1px 1px; padding: 30px; text-align:center; background-color:#fff; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; } .pricing-table .head { color: #BEBEBE; padding: 44px 0 20px; border-top: 0; text-align: center; } .pricing-table .head h4 { font-size: 26px; font-weight: 300; text-align: center; padding-bottom: 13px; } .pricing-table .head h1 { color: #F88E53; margin: 0 0 8px 0; font-size: 42px; font-weight: 300; position: relative; text-align: center; } .pricing-table .head h1 span { color:#fff; margin-bottom:5px; text-transform: uppercase; font-size: 20px; font-weight: normal; position:absolute; top:-10px; left:48px; padding:0; } .pricing-table .head span{ text-align:center; font-size: 14px; font-weight: normal; display:block; } .pricing-table ul { margin-bottom:24px; } .pricing-table ul li { padding:9px 0 9px; border-bottom:1px solid #ecedf3; } .pricing-table ul li:first-child { padding-top:0; } .pricing-table ul li:last-child { border-bottom:none; } } .featured_table { transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); } .grid_6 .featured_table { transform: scale(1.05,1.05); -ms-transform: scale(1.05,1.05); -webkit-transform: scale(1.05,1.05); } .featured_table .recommended { color: #FFF; padding: 2px 30px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; display: inline-block; } .featured_table .head { padding: 20px 0 20px; } .table { background:transparent !important; font-size:13px; text-align:center; border-collapse:collapse; margin:0; padding:0; width:100%; overflow:hidden; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .table th { font-size:14px; font-weight:normal; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; text-align:center; padding: 14px 8px !important; color:#ffffff; text-shadow:none; } .table td { padding: 14px 8px !important; text-align: center; } .table tr { border-bottom:1px solid #fff; background-color:#f8f8f8; -moz-transition:all .2s; -webkit-transition:all .2s; -o-transition:all .2s; } .table tr:hover, tr.topic-sticky { background: #F0F0F0; -webkit-transition:all .2s; transition:all .2s; } .table tfoot td { padding: 14px !important; text-align: left; color:#ffffff; font-size:11px; text-shadow:none; } .table tfoot tr:hover { background:#63b1be; } .box1 { font-size: 24px; display: inline-block; width: 30%; padding: .25em .5em; margin: 20px 10px 0 0; } .wpb_text_column .blockquote, .wpb_text_column .blockquote.right, .wpb_text_column .blockquote.left, .blockquote { font-family:'Philosopher', serif; font-size:16px; font-style:italic; text-shadow:1px 1px 3px transparent; color:#888; line-height: 24px; margin: 40px 20px; padding: 20px; overflow:hidden; border-left:5px solid #E6E6E6 } .blockquote.left { width:33%; float:left; } div.blockquote.right { width:33%; float:right; } .dropcap { font-size: 32px; margin: 0px 16px 8px 0px; text-transform: uppercase; float: left; position: relative; top: 5px; color: white; line-height: 54px; padding: 0px 16px; background: #2B2B2B } .dropcap-txt { font-size: 50px; margin: 0px 16px 8px 0px; text-transform: uppercase; float: left; position: relative; top: 5px; color: #2B2B2B; line-height: 54px; padding: 0px 16px; } .dropcap-border { font-size: 32px; margin: 0px 16px 8px 0px; border: 1px solid #2B2B2B; color: #2B2B2B; text-transform: uppercase; float: left; position: relative; top: 5px; line-height: 54px; padding: 0px 16px; } .highlighter { padding: 2px 6px; margin: 0 6px; } hr.line { margin-bottom: 32px; } hr.dotted { border-bottom: 1px dotted #777; margin-bottom: 32px; background: transparent } hr.double { border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; margin-bottom: 32px; background: transparent } hr.faded-sides { border: 0; height: 1px; background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,1), rgba(0,0,0,0)); background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,1), rgba(0,0,0,0)); background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,1), rgba(0,0,0,0)); background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,1), rgba(0,0,0,0)); margin-bottom: 32px; } /* Testimonials ----------------------------------------------------------------------*/ .testimonial-wrapper { margin-bottom: 40px; } .testimonial { color: #373737; background-color: #FAFAFA; margin-bottom: 14px; padding: 24px 28px; position: relative; border-radius: 2px; -webkit-border-radius: 2px; float:left; } .testimonial p { font-size:14px; font-family: arial; text-shadow:1px 1px 3px #e4e4e4; margin: 0; } .testimonial-arrow { border-color:#FAFAFA transparent transparent transparent; border-style:solid; border-width: 20px 0 0 20px; height:0; width:0; position:absolute; bottom:-20px; left: 20px; } .testimonial-arrow2 { border-color:#FAFAFA transparent transparent transparent; border-style:solid; border-width:20px 20px 0 0; height:0; width:0; position:absolute; bottom:-20px; left: 20px; } .testimonial-s strong { font-family: "serif"; color:#232323; font-style: normal; font-size: 12px; display: block; } .testimonial-s .testimonial-details { margin: 0px 0px 8px 50px; display:block; float:left; color: #B4B4B4; font-size: 11px; } .testimonial-details2 { padding: 10px 0 0 10px; display: inline-block; } .testimonial-details2 strong { display: inline-block; } .client-avat { position: absolute; bottom: 7px; left: 2px; width: 40px; height: 40px; } .dark .testimonial { color:#fff; background-color:#272727; } .dark .testimonial p { text-shadow: none; } .dark .testimonial-arrow { border-color:#272727 transparent transparent transparent; } .dark .testimonial-arrow2 { border-color:#272727 transparent transparent transparent; } /* Action ----------------------------------------------------------------------*/ .action { border-top-width: 2px; border-top-style: solid; border-radius: 10px } .inner { border: 1px solid #eee; border-top: none; padding: 34px; border-radius: 10px } .action .matn { display: inline; } .action .tbutton { margin-top:8px; } .action.tac .tbutton { margin-top: 12px !important; } .rev .matn { text-align: right; } .dark_action { border-top-width: 2px; border-top-style: solid; background: #191A1D } .dark_action .inner { border: 1px solid #191A1D; border-top: none } .dark_action h4 { color: #FFF; } /* Tipsy ----------------------------------------------------------------------*/ .tipsy { padding: 5px; font-size: 10px; position: absolute; z-index: 100000} .tipsy-inner { padding: 1px 10px 0px; color: white; max-width: 300px; text-align: center; } .tipsy-inner { border-radius: 4px; } .tipsy-arrow { position: absolute; width: 9px; height: 5px; } .tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px} .tipsy .tipsy-arrow:before {content: close-quote;position: absolute;width: 0px;height: 0px} .tipsy-n .tipsy-arrow:before {bottom: -1px;left: -10px;border-left: none;border-right: 6px solid transparent;border-bottom-width: 6px; border-bottom-style: solid;} .tipsy-nw .tipsy-arrow { top: 0; left: 10px} .tipsy-ne .tipsy-arrow { top: 0; right: 10px} .tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px} .tipsy-s .tipsy-arrow:before {bottom: -1px;left: -10px;border-left: none;border-right: 6px solid transparent;border-top-width: 6px; border-top-style: solid;} .tipsy-sw .tipsy-arrow { bottom: 0; left: 10px} .tipsy-se .tipsy-arrow { bottom: 0; right: 10px} .tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px } .tipsy-e .tipsy-arrow:before {bottom: -6px;right: 0px;border-right: 6px solid rgba(0, 0, 0, 0);border-top-width: 6px; border-top-style: solid;} .tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px} .tipsy-w .tipsy-arrow:before {bottom: 6px;left: -1px;border-bottom: 6px solid rgba(0, 0, 0, 0);border-right-width: 6px; border-right-style: solid;} .tipsy-n div {-webkit-animation: fadeInUp 0.2s;animation: fadeInUp 0.2s;} .tipsy-s div {-webkit-animation: fadeInDown 0.3s;animation: fadeInDown 0.3s;} .tipsy-w div {-webkit-animation: fadeInRight 0.2s;animation: fadeInRight 0.2s;} .tipsy-e div {-webkit-animation: fadeInLeft 0.2s;animation: fadeInLeft 0.2s;} /* -- Pretty Photo -- */ div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:13px} div.pp_default .pp_top .pp_left{background:url(images/prettyPhoto/default/sprite.png) -78px -93px no-repeat} div.pp_default .pp_top .pp_middle{background:url(images/prettyPhoto/default/sprite_x.png) top left repeat-x} div.pp_default .pp_top .pp_right{background:url(images/prettyPhoto/default/sprite.png) -112px -93px no-repeat} div.pp_default .pp_content .ppt{color:#f8f8f8} div.pp_default .pp_content_container .pp_left{background:url(images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;padding-left:13px} div.pp_default .pp_content_container .pp_right{background:url(images/prettyPhoto/default/sprite_y.png) top right repeat-y;padding-right:13px} div.pp_default .pp_next:hover{background:url(images/prettyPhoto/default/sprite_next.png) center right no-repeat;cursor:pointer} div.pp_default .pp_previous:hover{background:url(images/prettyPhoto/default/sprite_prev.png) center left no-repeat;cursor:pointer} div.pp_default .pp_expand{background:url(images/prettyPhoto/default/sprite.png) 0 -29px no-repeat;cursor:pointer;width:28px;height:28px} div.pp_default .pp_expand:hover{background:url(images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;cursor:pointer} div.pp_default .pp_contract{background:url(images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;cursor:pointer;width:28px;height:28px} div.pp_default .pp_contract:hover{background:url(images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;cursor:pointer} div.pp_default .pp_close{width:30px;height:30px;background:url(images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;cursor:pointer} div.pp_default .pp_gallery ul li a{background:url(images/prettyPhoto/default/default_thumb.png) center center #f8f8f8;border:1px solid #aaa} div.pp_default .pp_social{margin-top:7px} div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{position:static;left:auto} div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url(images/prettyPhoto/default/sprite.png) -51px 1px no-repeat;height:30px;width:30px} div.pp_default .pp_nav .pp_pause{background-position:-51px -29px} div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url(images/prettyPhoto/default/sprite.png) -31px -3px no-repeat;height:20px;width:20px;margin:4px 0 0} div.pp_default a.pp_arrow_next{left:52px;background-position:-82px -3px} div.pp_default .pp_content_container .pp_details{margin-top:5px} div.pp_default .pp_nav{clear:none;height:30px;width:110px;position:relative} div.pp_default .pp_nav .currentTextHolder{font-family:Georgia;font-style:italic;color:#999;font-size:11px;left:75px;line-height:25px;position:absolute;top:2px;margin:0;padding:0 0 0 10px} div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:0.7} div.pp_default .pp_description{font-size:11px;font-weight:700;line-height:14px;margin:5px 50px 5px 0} div.pp_default .pp_bottom .pp_left{background:url(images/prettyPhoto/default/sprite.png) -78px -127px no-repeat} div.pp_default .pp_bottom .pp_middle{background:url(images/prettyPhoto/default/sprite_x.png) bottom left repeat-x} div.pp_default .pp_bottom .pp_right{background:url(images/prettyPhoto/default/sprite.png) -112px -127px no-repeat} div.pp_default .pp_loaderIcon{background:url(images/prettyPhoto/default/loader.gif) center center no-repeat} div.light_rounded .pp_top .pp_left{background:url(images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat} div.light_rounded .pp_top .pp_right{background:url(images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat} div.light_rounded .pp_next:hover{background:url(images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;cursor:pointer} div.light_rounded .pp_previous:hover{background:url(images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;cursor:pointer} div.light_rounded .pp_expand{background:url(images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer} div.light_rounded .pp_expand:hover{background:url(images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer} div.light_rounded .pp_contract{background:url(images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer} div.light_rounded .pp_contract:hover{background:url(images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer} div.light_rounded .pp_close{width:75px;height:22px;background:url(images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer} div.light_rounded .pp_nav .pp_play{background:url(images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.light_rounded .pp_nav .pp_pause{background:url(images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.light_rounded .pp_arrow_previous{background:url(images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat} div.light_rounded .pp_arrow_next{background:url(images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat} div.light_rounded .pp_bottom .pp_left{background:url(images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat} div.light_rounded .pp_bottom .pp_right{background:url(images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat} div.dark_rounded .pp_top .pp_left{background:url(images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat} div.dark_rounded .pp_top .pp_right{background:url(images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat} div.dark_rounded .pp_content_container .pp_left{background:url(images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y} div.dark_rounded .pp_content_container .pp_right{background:url(images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y} div.dark_rounded .pp_next:hover{background:url(images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor:pointer} div.dark_rounded .pp_previous:hover{background:url(images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor:pointer} div.dark_rounded .pp_expand{background:url(images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer} div.dark_rounded .pp_expand:hover{background:url(images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer} div.dark_rounded .pp_contract{background:url(images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer} div.dark_rounded .pp_contract:hover{background:url(images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer} div.dark_rounded .pp_close{width:75px;height:22px;background:url(images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer} div.dark_rounded .pp_description{margin-right:85px;color:#fff} div.dark_rounded .pp_nav .pp_play{background:url(images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.dark_rounded .pp_nav .pp_pause{background:url(images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.dark_rounded .pp_arrow_previous{background:url(images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat} div.dark_rounded .pp_arrow_next{background:url(images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat} div.dark_rounded .pp_bottom .pp_left{background:url(images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat} div.dark_rounded .pp_bottom .pp_right{background:url(images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat} div.dark_rounded .pp_loaderIcon{background:url(images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat} div.dark_square .pp_left,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background:#000} div.dark_square .pp_description{color:#fff;margin:0 85px 0 0} div.dark_square .pp_loaderIcon{background:url(images/prettyPhoto/dark_square/loader.gif) center center no-repeat} div.dark_square .pp_expand{background:url(images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;cursor:pointer} div.dark_square .pp_expand:hover{background:url(images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;cursor:pointer} div.dark_square .pp_contract{background:url(images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;cursor:pointer} div.dark_square .pp_contract:hover{background:url(images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;cursor:pointer} div.dark_square .pp_close{width:75px;height:22px;background:url(images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;cursor:pointer} div.dark_square .pp_nav{clear:none} div.dark_square .pp_nav .pp_play{background:url(images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.dark_square .pp_nav .pp_pause{background:url(images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.dark_square .pp_arrow_previous{background:url(images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat} div.dark_square .pp_arrow_next{background:url(images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat} div.dark_square .pp_next:hover{background:url(images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;cursor:pointer} div.dark_square .pp_previous:hover{background:url(images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;cursor:pointer} div.light_square .pp_expand{background:url(images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor:pointer} div.light_square .pp_expand:hover{background:url(images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor:pointer} div.light_square .pp_contract{background:url(images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor:pointer} div.light_square .pp_contract:hover{background:url(images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor:pointer} div.light_square .pp_close{width:75px;height:22px;background:url(images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor:pointer} div.light_square .pp_nav .pp_play{background:url(images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.light_square .pp_nav .pp_pause{background:url(images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.light_square .pp_arrow_previous{background:url(images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat} div.light_square .pp_arrow_next{background:url(images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat} div.light_square .pp_next:hover{background:url(images/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor:pointer} div.light_square .pp_previous:hover{background:url(images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor:pointer} div.facebook .pp_top .pp_left{background:url(images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat} div.facebook .pp_top .pp_middle{background:url(images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x} div.facebook .pp_top .pp_right{background:url(images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat} div.facebook .pp_content_container .pp_left{background:url(images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y} div.facebook .pp_content_container .pp_right{background:url(images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y} div.facebook .pp_expand{background:url(images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;cursor:pointer} div.facebook .pp_expand:hover{background:url(images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;cursor:pointer} div.facebook .pp_contract{background:url(images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;cursor:pointer} div.facebook .pp_contract:hover{background:url(images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;cursor:pointer} div.facebook .pp_close{width:22px;height:22px;background:url(images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;cursor:pointer} div.facebook .pp_description{margin:0 37px 0 0} div.facebook .pp_loaderIcon{background:url(images/prettyPhoto/facebook/loader.gif) center center no-repeat} div.facebook .pp_arrow_previous{background:url(images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px} div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default} div.facebook .pp_arrow_next{background:url(images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px} div.facebook .pp_arrow_next.disabled{background-position:-32px -96px;cursor:default} div.facebook .pp_nav{margin-top:0} div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px} div.facebook .pp_nav .pp_play{background:url(images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px} div.facebook .pp_nav .pp_pause{background:url(images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px} div.facebook .pp_next:hover{background:url(images/prettyPhoto/facebook/btnNext.png) center right no-repeat;cursor:pointer} div.facebook .pp_previous:hover{background:url(images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;cursor:pointer} div.facebook .pp_bottom .pp_left{background:url(images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat} div.facebook .pp_bottom .pp_middle{background:url(images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x} div.facebook .pp_bottom .pp_right{background:url(images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat} div.pp_pic_holder a:focus{outline:none} div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500} div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000} .pp_content{height:40px;min-width:40px} * html .pp_content{width:40px} .pp_content_container{position:relative;text-align:left;width:100%} .pp_content_container .pp_left{padding-left:20px} .pp_content_container .pp_right{padding-right:20px} .pp_content_container .pp_details{float:left;margin:10px 0 2px} .pp_description{display:none;margin:0} .pp_social{float:left;margin:0} .pp_social .facebook{float:left;margin-left:5px;width:55px;overflow:hidden} .pp_social .twitter{float:left} .pp_nav{clear:right;float:left;margin:3px 10px 0 0} .pp_nav p{float:left;white-space:nowrap;margin:2px 4px} .pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px} a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px} .pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000} .pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000} .pp_gallery div{float:left;overflow:hidden;position:relative} .pp_gallery ul{float:left;height:35px;position:relative;white-space:nowrap;margin:0 0 0 5px;padding:0} .pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden} .pp_gallery ul a img{border:0} .pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0} .pp_gallery li.default a{background:url(images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px} .pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important} a.pp_next{background:url(images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%} a.pp_previous{background:url(images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%} a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000} a.pp_close{position:absolute;right:0;top:0;display:block;line-height:22px;text-indent:-10000px} .pp_loaderIcon{display:block;height:24px;left:50%;position:absolute;top:50%;width:24px;margin:-12px 0 0 -12px} #pp_full_res{line-height:1!important} #pp_full_res .pp_inline{text-align:left} #pp_full_res .pp_inline p{margin:0 0 15px} .pp_content h1, .pp_content h2, .pp_content h3, .pp_content h4, .pp_content h5, .pp_content h6 {color: #fff} div.ppt{color:#fff;display:none;font-size:0;z-index:9999;margin:0 0 5px 15px} div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff} div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000} div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff} div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative} div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook .pp_content{background:#fff} div.light_rounded .pp_description,div.light_square .pp_description{margin-right:85px} div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px!important} div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default} div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default} div.light_rounded .pp_loaderIcon,div.light_square .pp_loaderIcon{background:url(images/prettyPhoto/light_rounded/loader.gif) center center no-repeat} div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle{background:url(images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat} div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#c4c4c4} div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline{color:#fff} .pp_top,.pp_bottom{height:20px;position:relative} * html .pp_top,* html .pp_bottom{padding:0 20px} .pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px} .pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px} * html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static} .pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px} .pp_fade,.pp_gallery li.default a img{display:none} .pp_gallery ul a img { width: 50px !important; } /* Contact Ft Map ----------------------------------------------------------------------*/ .errori { font-size: 15em; color: #ccc; } .error-page h2 small { font-size: 14px; display: block; line-height: 24px; margin: 14px 0 30px 0; font-family: tahoma; text-transform: none; } /* Footer ----------------------------------------------------------------------*/ #footer { background: #f7f7f7; border-top: 2px solid #e4e4e4; } #footer .wpcf7-text, #footer .wpcf7-number, #footer .wpcf7-date, #footer .wpcf7-textarea, #footer .wpcf7-select{ background-color: #fff; } #footer .google-map { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border: 1px solid #ddd; } .boxed-margin #footer { border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; } .pad_foot { padding: 40px 0 } #footer .col-title { border: 0; margin: 25px 0 20px } .footer-last { border-top: 2px solid #e4e4e4; background: #fff; } .boxed-margin .footer-last { border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; } .copyright { line-height: 5; float: left; } .foot-menu { float: right; padding: 20px 10px } .foot-menu li { float: left; position: relative; padding: 0 10px; } .foot-menu li a { color: #A1A1A1; font-weight: 300; -webkit-transition: color 0.1s ease-in-out; transition: color 0.1s ease-in-out; } .tweet_list li { position: relative; margin: 0 0 30px 0; padding: 0 0 0 30px; } .tweet_list .fa-twitter { color: #E7E7E7; font-size: 22px; position: absolute; left: 0; top: 6px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } /* More Styles ----------------------------------------------------------------------*/ .mi { margin-right: 4px !important } .mid { margin-right: 8px !important } .mii { margin-left: 4px !important } .miid { margin-left: 8px !important } .mt { margin-top: 20px !important } .mtt { margin-top: 30px !important } .mtf { margin-top: 40px !important } .mtff { margin-top: 50px !important } .mts { margin-top: 70px !important } .mb { margin-bottom: 20px !important } .mbt { margin-bottom: 30px !important } .mbf { margin-bottom: 40px !important } .mbff { margin-bottom: 50px !important } .mbs { margin-bottom: 70px !important } .pt { padding-top: 120px } img.alignleft, .fl, .fll, .vc_align_left { float: left; margin: 0 20px 10px 0 !important } img.alignright, .fr, .flr, .vc_align_right { float: right; margin: 0 0 10px 20px !important } .tac { text-align: center !important } .tar { text-align: right !important } .tal { text-align: left !important } .tacIMG, .tacIMG img {margin: 0 auto !important; text-align: center;} .vc_align_center img { margin : 0 auto;} .two-radius { border-radius: 2px !important; -webkit-border-radius: 2px !important } .three-radius { border-radius: 3px !important; -webkit-border-radius: 3px !important } .four-radius { border-radius: 4px !important; -webkit-border-radius: 4px !important } .five-radiu { border-radius: 5px !important; -webkit-border-radius: 5px !important } .six-radius { border-radius:6px !important; -webkit-border-radius: 6px !important } .ten-radius { border-radius: 10px !important; -webkit-border-radius: 10px !important } .circle-radius { border-radius: 100% !important; -webkit-border-radius: 100% !important } .relative {position: relative !important} .righter {float: right !important} .lefter {float: left !important} .hidden { display: none } .tt { display: block; padding: 10px 0; border-bottom: 3px solid #DDD; text-align: center; } .without_border a, a.social.without_border i {border:0 !important} .wp-video,.mejs-container, .wp-video video, .mejs-poster, .mejs-overlay {max-width: 100% !important;} /* wp caption */ .wp-caption img { float: left; margin: 0; } .wp-caption p.wp-caption-text { text-align: center; font-family: Georgia, "Times New Roman", Times, serif; font-style: normal; font-size: 11px; } .wp-caption.alignleft { float: left; margin: 0 30px 25px 0; } .wp-caption.alignright { float: right; margin: 0 0 25px 30px; } /* gallery caption */ .gallery-caption { color: #fff; padding: 0 4px; } /* alignment */ .alignright { float: right; margin: 10px 10px 10px 16px; } .alignleft { float: left; margin: 10px 16px 10px 0; } .aligncenter { display: block; margin-left: auto; margin-right: auto; text-align: center; } .fancy_testimonial li, .fancy-features-list ul li, .f_portfolio .f_items li { padding: 0 !important; list-style: none !important; } /* IE Hacks ----------------------------------------------------------------------*/ /* Display ----------------------------------------------------------------------*/ #mobilepro { font-size: 20px; font-weight: bold; display: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; padding: 4px 8px; cursor: pointer; float: right; color: #FFF; margin: 21px 0 } .subarrow { display: none } .dcwss.dc-feed .stream li .section-intro { min-height: 30px; } .sidebar .dcwss.dc-feed .stream li .section-intro { min-height: 34px; } .dcwss.dc-feed .stream li .section-intro a { line-height: 1; border-bottom: none; } .wall-outer .dcsns-toolbar .filter li a { min-height: 30px; } .sidebar .dc-feed li a { line-height: 1.2; border-bottom: none; } .sidebar .dcwss.dc-feed.light { background: none; } span.spc-req { color: red; font-weight: bold; } @media only screen and (max-width: 1177px) { .dcwss.dc-wall.col-3 .stream li { width: 48%; } } @media only screen and (max-width: 767px) { .dcwss.dc-wall.col-3 .stream li { width: 100%; margin: 0 0 2% 0; } }