/*----------------------------------------------------------------------------------- Theme Name: Nimva Theme URI: http://rockythemes/nimva Description: Nimva is a clean, multi-purpose, retina ready and fully responsive WordPress Theme perfectly suited for business websites, shop websites, and users who want to showcase their work on a neat portfolio site. Nimva offers tons of options so you can modify layout, styling, colors and fonts directly from within the backend. Build your own color scheme or use one of 8 predefined skins right out from your WordPress Theme Options section. The fonts, backgrounds and color options as well as the Front & Back End template builder will help you create the Website you need in no time. In addition to the global options you can also take advantage of the unique styling options for each entry as seen in the theme demo and training videos. Nimva – One Theme, Endless Possibilities Author: RockyThemes Author URI: http://rockythemes.com Version: 2.0.5 -----------------------------------------------------------------------------------*/ /* ---------------------------------------------------------------- Document Reset -----------------------------------------------------------------*/ /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ 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; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; } ul { list-style: none; } .wpb_wrapper > ul { list-style:disc; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } :focus { outline: 0;} [hidden] { display: none; } .noshow {display: none;} html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } hr.shadow_line { background: transparent url(images/divider-bar.png) no-repeat center 0; background-size: 100% 100%; border: 0; height: 6px; } hr.double_solid { border:0; border-bottom: 3px double #e5e5e5; margin: 0; } hr.solid { border:0; border-bottom: 1px solid #e5e5e5; margin: 0; } hr.dotted { border:0; border-bottom: 1px dotted #e5e5e5; margin: 0; } hr.double_dotted { border:0; padding-top:1px; border-bottom: 1px dotted #e5e5e5; border-top: 1px dotted #e5e5e5; margin: 0; } hr.dashed { border:0; border-bottom: 1px dashed #e5e5e5; margin: 0; } hr.double_dashed { border:0; padding-top:1px; border-bottom: 1px dashed #e5e5e5; border-top: 1px dashed #e5e5e5; margin: 0; } hr.blank_divider { border:0; height:1px; margin:0; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; } input[type="text"], input[type="password"], textarea { -webkit-appearance: none; -webkit-border-radius: 0; border-radius: 0; } input[type="submit"], input[type="reset"] { -webkit-appearance: none; } /* ---------------------------------------------------------------- Basic Document Styles -----------------------------------------------------------------*/ body { line-height: 1; color: #777; font: 12px/20px "Open Sans", Helvetica, Arial, sans-serif; } input, select, textarea { font: 12px/20px "Open Sans", Helvetica, Arial, sans-serif; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearfix { display: inline-block; *zoom:1;} * html .clearfix { height: 1%;} /* Hides from IE-mac \*/ .clearfix { display: block;} .clear { clear: both; display: block; font-size: 0px; height: 0px; line-height: 0; width: 100%; overflow:hidden; } ::selection { background: #f96e5b; color: #fff; } ::-moz-selection { background: #f96e5b; /* Firefox */ color: #fff; } ::-webkit-selection { background: #f96e5b; /* Safari */ color: #fff; } /* ---------------------------------------------------------------- Typography -----------------------------------------------------------------*/ a { text-decoration: none; color: #f96e5b; } a:hover, .selected { color: #222; } a img { border: none; } p, pre, ul, ol, dl, dd, blockquote, address, table, fieldset, form { margin-bottom: 20px; } h1, h2, h3, h4, h5, h6 { font-weight: 300; padding: 0 0 20px 0; color: #444; font-family: 'Open Sans', sans-serif; } p.featured, .featured-qbox{ font-size: 19px; line-height: 28px; margin-bottom:20px; font-weight:200; } .featured-qbox p:last-child { margin-bottom:0; } span.custom_span_color, span.custom_span_color2 { float: none !important; margin:0 !important; } .red_bar_left { height:4px; width:100px; float:left; background-color:#f96e5b; } .black_bar_right { height:4px; width:160px; float:right; background-color:#222325; } h1 span, h2 span, h3 span, h4 span, h5 span, h6 span { color: #f96e5b; } h3, h4, h5, h6 { padding-bottom: 15px; } h1 { font-size: 28px; line-height: 34px; } h2 { font-size: 22px; line-height: 28px; } h2.info-box{ font-size:31px; line-height:44px; font-weight:300; } h3 { font-weight: 400; font-size: 18px; line-height: 24px; } h3.featured{ color: #333; font-size: 20px; font-weight: 400; letter-spacing: normal; line-height: 27px; } h3.featuredinverse{ color: #f96e5b; font-size: 20px; font-weight: 400; letter-spacing: normal; line-height: 27px; } h4 { font-weight: 600; font-size: 16px; line-height: 22px; } h5 { font-weight: 600; font-size: 14px; line-height: 20px; } h6 { font-weight: 600; font-size: 12px; line-height: 18px; } address { font-style: italic; } abbr[title], acronym[title], dfn[title] { cursor: help; border-bottom: 1px dotted #555; } blockquote { border-left: 3px solid #777; font-style: italic; padding: 5px 0 5px 20px; margin-left: 20px; } blockquote p { margin: 20px 0 0 0 !important; } blockquote p:first-child { margin: 0 !important; } strong { font-weight: bold; } #footer.footer-dark strong, #copyrights.copyrights-dark strong { color: inherit; } em, dfn, cite { font-style: italic; } dfn { font-weight: bold; } sup { font-size: 11px; vertical-align: top; } sub { font-size: 11px; vertical-align: bottom; } small { font-size: 11px; font-style: italic; } del { text-decoration: line-through; } ins { text-decoration: underline; } pre { font: 12px/18px Consolas, "Andale Mono", Courier, "Courier New", monospace; white-space: pre; overflow: auto; padding: 0 10px; clear: both; color: #666; line-height: 19px; } code { padding: 5px; background: #F9F9F9; } var, kbd, samp, code { font: 12px/18px Consolas, "Andale Mono", Courier, "Courier New", monospace; background: #F9F9F9; } kbd { font-weight: bold; } samp, var { font-style: italic; } ul, ol, dl { margin-left: 20px; } caption { text-align: left; } img { max-width: 100%; height: auto; } .img-polaroid { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* ---------------------------------------------------------------- Video BG -----------------------------------------------------------------*/ #fixed_video{ min-width: 100%; min-height: 100%; top:0; left:0; position: fixed; background-color:black; z-index: 0 !important; } .video_bg, .video_bg_row { position:relative; } .video_bg .mbYTP_wrapper, .video_bg_row .mbYTP_wrapper{ z-index:0 !important; } .video_overlay { position:absolute; min-width:100%; min-height:100%; top:0; left: 0; } .compose-mode .video-bg { display: none; } .compose-mode .video-bg:nth-child(2) { display:block; } .compose-mode .video-bg.self_video:nth-child(2) { display:none; } .compose-mode .video-bg.self_video:nth-child(1) { display:block; } .video-sidebar .wpb_video_widget .wpb_wrapper iframe { min-height:143px; } .vc_video-bg .inner { border: none; } .video-bg { position: absolute; overflow: hidden; width: 100%; height: 100%; top: 0; left: 0; } .video-bg video { position: absolute; z-index: 0; top: 0; left: 0; min-width: 100%; min-height: 100%; } .video-placeholder { display: none; background-size: cover; background-attachment: scroll; background-position: center center; width: 100%; height: 100%; position: absolute; } /* ---------------------------------------------------------------- Basic Layout Styles -----------------------------------------------------------------*/ .tright { text-align: right !important; } .tleft { text-align: left !important; } .fright { float: right !important; } .fleft { float: left !important; } #wrapper { width: 1020px; margin: 50px auto; position: relative;/* background-color: #FFF; */ box-shadow: 0 0 10px rgba(0,0,0,0.1); -moz-box-shadow: 0 0 10px rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.1); overflow:hidden; } .container { max-width: 960px; margin: 0 auto; position: relative; } .full_width, .container.full_width { max-width: 100%; } .bg_cover_size { -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; } .parallax_section { background-attachment:fixed !important; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover ; background-size: cover ;} .line, .double-line { clear: both; position: relative; width: 100%; margin: 30px 0; border-top: 1px solid #EEE;} .double-line { border-top: 3px double #E5E5E5; } .single-line { clear: both; position: relative; width: 100%; margin: 30px 0; border-top: 1px solid #EEE; } .line a { position: absolute; left: auto; right: 0; padding-left: 5px; color: #272727; background: #F9F9F9; margin-top: -11px; border: none; } .line a:hover { color: #575757; background: none; } .emptydiv { display: block !important; position: relative !important;} .allmargin { margin: 30px !important;} .leftmargin { margin-left: 30px !important;} .rightmargin { margin-right: 30px !important;} .topmargin { margin-top: 30px !important;} .topmargin2 { margin-top: 20px !important;} .topmargin3 { margin-top: 30px} .bottommargin { margin-bottom: 30px !important;} .nomargin {margin: 0 !important;} .noleftmargin { margin-left: 0 !important;} .norightmargin { margin-right: 0 !important;} .notopmargin { margin-top: 0 !important;} .nobottommargin { margin-bottom: 0 !important;} .noborder { border: none !important; } .noleftborder { border-left: none !important; } .norightborder { border-right: none !important; } .notopborder { border-top: none !important; } .nobottomborder { border-bottom: none !important; } .nopadding { padding: 0 !important; } .noleftpadding { padding-left: 0 !important; } .norightpadding { padding-right: 0 !important; } .notoppadding { padding-top: 0 !important; } .nobottompadding { padding-bottom: 0 !important; } .noabsolute { position: relative !important;} .hidden { display: none !important;} .nothidden { display: block !important;} .center { text-align: center !important;} .right { text-align: right !important;} .left { text-align: left !important;} .divcenter { position: relative !important; margin-left: auto !important; margin-right: auto !important;} span.page-divider { display: block; } span.page-divider span { display: block; width: 15%; border-bottom: 2px solid #f96e5b; } .dotted-divider { clear: both; margin: 30px 0; height: 5px; } .blank-divider{ clear:both; margin:30px 0; height:5px; } .double-divider { clear:both; height: 10px; margin: 30px 0; } .preloader, .preloader2 { display: block; width: 100%; height: 100%; background: url("images/preloader.gif") center center no-repeat #FFF; } .preloader2 { background-color: transparent; } .postcontent { width: 720px; } .landing-offer-media { width: 650px; } .sidebar { width: 210px; } .landing-offer-text { width: 280px; } .col_full { width: 100%; } .col_half, .landing-offer-half { width: 48%; } .col_one_third { width: 30.63%; } .col_two_third { width: 65.33%; } .col_one_fourth { width: 22%; } .col_three_fourth { width: 74%; } .col_one_fifth { width: 16.8%; } .col_two_fifth { width: 37.6%; } .col_three_fifth { width: 58.4%; } .col_four_fifth { width: 79.2%; } .col_one_sixth { width: 13.33%; } .col_five_sixth { width: 82.67%; } .postcontent, .landing-offer-media, .sidebar, .landing-offer-text, .col_full, .col_half, .landing-offer-half, .col_one_third, .col_two_third, .col_three_fourth, .col_one_fourth, .col_one_fifth, .col_two_fifth, .col_three_fifth, .col_four_fifth, .col_one_sixth, .col_five_sixth { display: block; position: relative; margin-right: 4%; margin-bottom: 30px; float: left; } .postcontent, .sidebar, .landing-offer-media, .landing-offer-text { margin-right: 30px; } .col_full { clear: both; float: none; margin-right: 0; } .postcontent.col_last, .sidebar.col_last { float: right; } .col_last { margin-right: 0 !important; clear: right; } .entry_content ul, .postcontent.half_sidebar ul, .container .no_sidebar ul{ clear: left; /* color: #444; */ list-style-type: disc; /* font-size: 13px; */ padding-left:20px; } .entry_content ol, .postcontent.half_sidebar ol, .container .no_sidebar ol { clear: left; padding-left: 20px; } label { display: inline-block; font-size: 12px; color: #444; margin-bottom: 5px; cursor: pointer; } select { min-height: inherit !important; } input[type="text"], input[type="email"], input[type="tel"], input[type="url"], input[type="password"], input[type="search"], select, textarea { display: block; background: #FFF; padding: 7px; margin-bottom: 10px; border: 1px solid #DDD; outline: 0; font: normal 11px/100%; color: #666; } #footer.footer-dark input[type="text"], #footer.footer-dark input[type="password"], #footer.footer-dark select, #footer.footer-dark textarea { background: #282A2B; border-color: #444; color: #CCC; text-shadow: 1px 1px 1px rgba(0,0,0,0.3); } input[type="text"], input[type="password"] { width: 45%; } input[type="checkbox"], input[type="radio"] { display: inline-block; position: relative; top: 2px; } textarea { width: 90%; height: 150px; line-height: 150%; } textarea.short-textarea { height: 80px; } input[type="text"]:active, input[type="password"]:active, textarea:active, select:active, input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus { border-color: #CCC; } #footer.footer-dark input[type="text"]:active, #footer.footer-dark input[type="password"]:active, #footer.footer-dark textarea:active, #footer.footer-dark select:active, #footer.footer-dark input[type="text"]:focus, #footer.footer-dark input[type="password"]:focus, #footer.footer-dark textarea:focus, #footer.footer-dark select:focus { border-color: #666; } label.error { display: block; font-style: italic; font-weight: normal; font-size: 11px; color: #BD091B; margin-bottom: 15px; } input.error, textarea.error, select.error { border-color: #BD091B !important; } #footer.footer-dark input.error, #footer.footer-dark textarea.error, #footer.footer-dark select.error { border-color: #CF4545 !important; } .quick-contact-form label.error { margin: 0; } form p { margin-top: 15px; margin-bottom: 0; } form p:first-child { margin-top: 0; } form small { font-weight: normal; font-size: 10px; color: #999; } /* ---------------------------------------------------------------- Top Bar -----------------------------------------------------------------*/ .leftalign{ float:left; } .rightalign{ float:right; } #top-bar { position: relative; background-color: #f7f7f7; height: 40px; border-bottom: 1px solid #e8e8e8; } #top-menu, #top-menus { position: relative; /*float: left;*/ height: 40px; } #top-menu li, #top-menus li { float: left; margin-left: 10px; height: 40px; } #top-menu li i{ font-size:14px; position:relative; top:1px; } #top-menu li:first-child, #top-menus li:first-child { margin-left: 0; } #top-menu li a, #top-menu li span { color: #777; } #top-menus li a { display: inline-block; position: relative; line-height: 20px; margin-top: 10px; color: #777; margin-left:5px; } #top-menus li:first-child:before { content:""; } #top-menus li:before{ content:"/ "; } #top-menu ul li div { display: inline-block; position: relative; line-height: 20px; margin-top: 10px; color: #777; } #top-menu .mail{ padding:0 20px; margin-right:5px; border-right:1px solid #e8e8e8; padding-left:0; } #top-menu .phone{ padding-left: 0; } #top-menu li span { color: #999; } #top-menu li a:hover, #top-menus li a:hover { color: #f96e5b; border-bottom: 1px dotted #f96e5b; } #top-menu li span { margin-right: 10px; } #top-menu li span.split { font-size: 16px; color:#e8e8e8; font-weight:100; } #top-menu li:first-child span { display: none; } #top-menu li.top-menu-em a { position: relative; top: -1px; padding: 1px 6px; background-color: #f96e5b; color: #FFF; text-shadow: 1px 1px 1px rgba(0,0,0,0.2); border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; } #top-menu li.top-menu-em a:hover { color: #FFF; border-bottom: none; } /****************************************************************** Header menu & megamenu ******************************************************************/ #header #toggle-nav { position: absolute; right: 0px; top: 35px; display: none; text-align: center; margin-bottom: 10px; } #header #toggle-nav span { font-size:28px; margin-left:10px; } #header #toggle-nav i { /*background-color: transparent!important; color: #666;*/ line-height: 34px; font-size: 28px; } #header #toggle-nav i:hover { color: #f96e5b; } #header nav > ul { float: right; overflow: visible!important; } #header nav ul li { float: right; } #header nav > ul > li { float: left; margin-left:15px; } #header nav > ul > li:first-child { margin-left:0; } #header nav > ul > li > a { padding: 0px 10px 0px 10px; display: block; color: #555; font-size: 13px; line-height: 20px; -webkit-transition: color 0.1s linear; -moz-transition: color 0.1s linear; -o-transition: color 0.1s linear; transition: color 0.1s linear; } html:not(.js) #header nav > ul > li > a { /*padding: 36px 7px 37px;*/ line-height:97px; /*border-top:4px solid transparent;*/ transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; } html:not(.js) #header.reduced nav > ul > li > a { line-height:70px; } html:not(.js) #header nav > ul > li > a:hover { border-color: #f96e5b; } #header nav ul li a:hover, #header nav .sf-menu li.sfHover > a { color:#666; border-color: #f96e5b; } /* #header nav .sf-menu li.current_page_ancestor > a, #header nav .sf-menu li.current-menu-item > a, #header nav .sf-menu li.current-menu-ancestor > a, #header nav .sf-menu li.current_page_item > a { color: #27CFC3; } #header nav .sf-menu li.current_page_item > a .sf-sub-indicator [class^="fa-"], #header nav .sf-menu li.current_page_ancestor > a .sf-sub-indicator [class^="fa-"] { color: #27CFC3; } #header nav ul li a { color: #444; } .sf-menu > li.current_page_ancestor > a > .sf-sub-indicator [class^="fa-"], .sf-menu > li.current-menu-ancestor > a > .sf-sub-indicator [class^="fa-"], .sf-menu > li.current_page_item > a > .sf-sub-indicator [class^="fa-"] { color: #27CFC3; } .sf-menu ul li.current_page_item > a , .sf-menu ul li.current-menu-ancestor > a, .sf-menu ul li.current_page_ancestor > a { color: #27CFC3; } */ #header .span_9 { position: static!important; } #header nav > ul > li.megamenu { position: inherit!important; } #header nav > ul > li.megamenu > ul.sub-menu { width: 100%; left: 0px; /*padding: 15px 0px;*/ background-color: #f96e5b; } #header nav > ul > li.megamenu > ul > li { display: table-cell!important; float: none!important; padding: 0; vertical-align: top; } #header nav > ul > li.megamenu > ul > li:last-child { border-right: none!important; } #header nav > ul > li.megamenu > ul > li > ul > li.columns-2 { width: 50%; } #header nav > ul > li.megamenu > ul > li > ul > li.columns-3 { width: 33.33%; } #header nav > ul > li.megamenu > ul > li > ul > li.columns-4 { width: 25%; } #header nav > ul > li.megamenu.columns-5 > ul > li { width: 20%; } #header nav > ul > li.megamenu.columns-6 > ul > li { width: 16.66%%; } #header nav > ul > li.megamenu > ul > li ul { display: block!important; top: 0px!important; width: 100%; opacity: 1!Important; left: 0px!important; position: relative!important; } #header nav > ul > li.megamenu > ul > li > ul{ display: table !important; width: 960px; box-shadow:none; -moz-box-shadow: none; -webkit-box-shadow: none; border-bottom:1px solid #e4e4e4; } #header nav > ul > li.megamenu > ul > li > ul > li{ display: table-cell !important; float: none !important; padding:25px 0; border-right: 1px solid #e4e4e4; vertical-align: top; } #header #nav h3.megamenu-title, #header #nav h3.megamenu-title a { padding: 0 25px 15px 25px; font-weight:400; font-size: 16px; line-height: 22px; } #header #nav h3.megamenu-title .sf-sub-indicator { display:none; } #header #nav > ul.sf-menu > li > a > span.megamenu-icon { line-height: 30px; height: 30px; font-size: 20px; display: inline-block; vertical-align: middle; margin-top: -2px; } #header #nav ul.sf-menu li ul li a .megamenu-icon { line-height: 13px; height:13px; font-size:13px; position:absolute; left: 20px; } .sf-menu ul.megamenu .megamenu-icon { line-height: 14px; font-size:13px; height: auto; margin-right:5px; } #header #nav h3.megamenu-title .megamenu-icon { font-size:16px; } #header #nav > ul.sf-menu > li > a > span.megamenu-icon i { width:30px; height:30px; } .sf-menu ul.megamenu .megamenu-icon i { width: 14px; height: auto; } #header #nav h3.megamenu-title .megamenu-icon { width:16px; margin-right:10px; } .sf-menu .megamenu-bullet { display: block; float: left; margin-top: 4px; margin-right: 10px; border-top: 3px solid transparent; border-bottom: 3px solid transparent; border-left: 3px solid #333; height: 0; width: 0; } .sf-menu li.megamenu ul li.sfHover > a { background-color: transparent !important; } .megamenu .megamenu-widgets-container { padding: 0 25px 10px 25px; line-height:20px; } #header #nav h3.megamenu-title a { padding: 0; } #header #nav h3.megamenu-title a:hover { background-color: transparent !important; color: #f96e5b; } #header nav > ul > li.megamenu > ul > li > ul > li.columns-4:nth-child(4n), #header nav > ul > li.megamenu > ul > li > ul > li.columns-3:nth-child(3n) { border-right:none; } #header nav > ul > li.megamenu > ul > li { border-right: 1px solid #f2f2f2; } #header nav > ul > li.megamenu ul li a { border-bottom: none!important; padding: 10px 25px; padding-left: 50px; } #header #nav .deep-level a { padding-left: 45px; } #header nav > ul > li.megamenu > ul > li > a { font-size: 12px; text-transform: uppercase; margin-bottom: 5px; letter-spacing: 2px; font-weight:bold; } #header nav > ul > li.megamenu > ul ul li a:hover, #header nav > ul > li.megamenu > ul ul li.current-menu-item a { color: #fff; background-color: #313233; } #header nav > ul > li.megamenu > ul > li > a:hover, #header nav > ul > li.megamenu > ul > li.sfHover > a { background-color: transparent!important; color: #fff; } #header .sf-menu li.megamenu ul li.hide a { display: none; } #header .sf-menu li.megamenu ul li.hide ul li a { display:block; } #header ul#recentcomments li { float:none; } #header .sf-menu ul#recentcomments li a { color: #777; } #header .sf-menu .megamenu-widgets-container a:hover { background: none !important; } .megamenu .portfolio-widget { width:210px; height:236px; } /* Mobile Menu here */ #mobile-menu { position: relative; top: 0px; display: none; background-color: #1F1F1F; padding: 0px; z-index: 100000; } #mobile-menu .container > ul { margin-left:0; margin-bottom:0; } #mobile-menu .container > ul > li:first-child { padding-top: 10px; } #mobile-menu .container > ul > li:last-child { padding-bottom: 10px; } #mobile-menu .container > ul > li:last-child a { border-bottom: 0px; } #mobile-menu ul li a, #mobile-menu .container > ul > li:last-child ul li a { border-bottom: 1px dotted rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.6); font-size: 12px; display: block; position: relative; padding: 16px 0 !important; } #mobile-menu ul li ul { display: none; margin-left: 20px; } #mobile-menu ul li a:hover, #mobile-menu ul li a:hover [class^="fa-"], #mobile-menu li.open > a, #mobile-menu ul li.current-menu-item > a, #mobile-menu ul li.current-menu-ancestor > a { color: #fff; } body #mobile-menu li.open > a [class^="fa-"] { color: #fff; } #mobile-menu .shopping-cart span { left: 15px; /*top: 7px;*/ } /***************** Superfish ******************/ .sf-menu { line-height: 1; } .sf-menu ul { position: absolute; top: -999em; width: 10em; } .sf-menu ul li { width: 100%; } .sf-menu li:hover { visibility: inherit; } .sf-menu li { float: left; position: relative; } .sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 2.5em; z-index: 99; } #header .sf-menu > li:hover > ul, #header .sf-menu > li.sfHover > ul { top: 97px; transition:top .2s ease-in-out; } #header.reduced .sf-menu > li:hover > ul, #header.reduced .sf-menu > li.sfHover > ul { top:70px; } #header.reduced.v3 .sf-menu > li:hover > ul, #header.reduced.v3 .sf-menu > li.sfHover > ul, #header.reduced.v2 .sf-menu > li:hover > ul, #header.reduced.v2 .sf-menu > li.sfHover > ul { top:50px; } 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: 10.8em; top: -10px; } 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: 10em; top: 0; } .sub-menu { z-index: 3; } /* ---------------------------------------------------------------- Superfish Menu -----------------------------------------------------------------*/ .sf-menu { float: left; margin-bottom: 30px; } .sf-menu li li a, .sf-menu li li a:visited { padding-left: 1.25em; } .sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { outline: 0 none; } .sf-menu ul li a, .sf-menu ul li ul li a { margin: 0; padding: 14px; border-bottom: 1px solid rgba(255,255,255,0.1) !important; } .sf-menu ul li:last-child a { } .sf-sub-indicator { /*display: inline-block;*/ width: 15px; position: relative; left: 4px; height: 16px; } .sf-sub-indicator [class^="fa-"], .sf-sub-indicator [class*=" fa-"] { color: #444; font-size: 12px; line-height: 16px; height: auto; background-color: transparent!important; } #mobile-menu .sf-sub-indicator [class^="fa-"], #mobile-menu .sf-sub-indicator [class*=" fa-"] { font-size:14px; color: rgba(255, 255, 255, 0.6); } .sf-menu ul a:focus , .sf-menu ul a:hover , .sf-menu ul a:active , .sf-menu ul li:hover > a , .sf-menu ul li.sfHover > a { color: #27CFC3; } .sf-shadow ul.sf-shadow-off { background: none repeat scroll 0 0 transparent; } .sf-vertical, .sf-vertical li { width: 100%; } .sf-vertical li:hover ul, .sf-vertical li.sfHover ul { left: 100%; top: 0; } .sf-menu, .sf-menu * { list-style: none outside none; margin: 0; padding: 0; } .sf-menu { line-height: 1; } .sf-menu ul { position: absolute; top: -999em; width: 200px; } .sf-menu ul li, .sf-menu ul li li { font-size: 12px; width: 100%; } .sf-menu ul li:last-child a { border-bottom: medium none; } .sf-menu li:hover { visibility: inherit; } .sf-menu li { float: left; /*line-height: 13px;*/ font-size: 12px; position: relative; } .sf-menu a { display: block; position: relative; } .sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 1px; top: 33px; z-index: 999; } 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: 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: 15em; top: -3px; } .sf-menu .sf-with-ul a { min-width: 1px; padding-right: 16px!important; } #header .sf-menu li ul li a { font-size: 12px; line-height: 13px; color: #fff; transition: none; background-color: #f96e5b; } #header .sf-menu li.sfHover ul li.sfHover a { color:#fff; } #header .sf-menu li ul li a:hover { color:#fff; } .sf-menu li ul li a:hover, .sf-menu li ul li.sfHover > a { color: #27CFC3; background-color: #313233; } .sf-menu li ul li > a .sf-sub-indicator [class^="fa-"] { color: #fff; } .sf-menu li ul li.sfHover > a .sf-sub-indicator [class^="fa-"] { color: #fff; } .sf-menu li ul li .sf-sub-indicator { right: 14px; left: auto; top: 14px; display: block; position: absolute; } .sf-menu li.megamenu ul li .sf-sub-indicator { right:auto; left:21px; top: 8px; } .sf-menu li.megamenu ul li .sf-sub-indicator i { font-size:11px; } .sf-menu li ul { box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1); /*border:1px solid #e6e6e6;*/ } #nav > .sf-menu > li > ul { border-top:3px solid transparent; } .sf-menu li.megamenu ul li ul{ border-top: none; } .sf-menu li li ul { left: 17em; } .sf-menu { float: right; } .sf-menu a { margin: 0 1px; padding: 0.75em 1em 32px; text-decoration: none; } .sf-menu ul li { font-weight: normal; } .sf-menu .sfHover ul li a, .sf-menu .sfHover ul li li a { box-shadow: none; } .sf-menu ul li a:focus, .sf-menu ul li a:hover, .sf-menu ul li a:active, .sf-menu ul li li a:focus, .sf-menu ul li li a:hover, .sf-menu ul li li a:active { border-radius: 0 0 0 0; box-shadow: none; text-shadow: none; } /* ---------------------------------------------------------------- Top Socials -----------------------------------------------------------------*/ #top-social { position: relative; /*float: right;*/ /*height: 40px;*/ margin: 0 -30px 0 -10px; } #top-social ul, #top-menu ul, #top-menus ul { margin: 0; } #top-social li, #top-social li a, #top-social li .ts-icon, #top-social li .ts-text { display: block; position: relative; width: 40px; height: 40px; } #top-social li, #top-social li a, #top-social li .ts-text { float: left; width: auto; overflow: hidden; } #top-social li a { width: 40px; line-height: 40px; color: #4a4a4a; font-size: 12px; } #top-social li a i { width:40px; font-size:15px; } #top-social li a:hover { background-color:#f96e5b; color:#fff; } /* #top-social li .ts-icon { background: #f7f7f7 url("images/icons/social/social-icons-mono-smaller.png"); float: left; } #top-social li a:hover .ts-icon { background: url("images/icons/social/social-icons-mono-smaller-light.png"); } #top-social li.ts-facebook .ts-icon, #top-social li.ts-facebook a:hover .ts-icon { background-position: -28px center; } #top-social li.ts-twitter .ts-icon, #top-social li.ts-twitter a:hover .ts-icon { background-position: 4px center; } #top-social li.ts-gplus .ts-icon, #top-social li.ts-gplus:hover .ts-icon { background-position: -252px center; } #top-social li.ts-dribbble .ts-icon, #top-social li.ts-dribbble:hover .ts-icon { background-position: -60px center; } #top-social li.ts-pinterest .ts-icon, #top-social li.ts-pinterest:hover .ts-icon { background-position: -380px center; } #top-social li.ts-vimeo .ts-icon, #top-social li.ts-vimeo:hover .ts-icon { background-position: -92px center; } #top-social li.ts-tumblr .ts-icon, #top-social li.ts-tumblr:hover .ts-icon { background-position: -124px center; } #top-social li.ts-youtube .ts-icon, #top-social li.ts-youtube:hover .ts-icon { background-position: -316px center; } #top-social li.ts-flickr .ts-icon, #top-social li.ts-flickr:hover .ts-icon { background-position: -284px center; } #top-social li.ts-skype .ts-icon, #top-social li.ts-skype:hover .ts-icon { background-position: -476px center; } #top-social li.ts-linkedin .ts-icon, #top-social li.ts-linkedin:hover .ts-icon { background-position: -188px center; } #top-social li.ts-behance .ts-icon, #top-social li.ts-behance:hover .ts-icon { background-position: -348px center; } */ /* ---------------------------------------------------------------- Header -----------------------------------------------------------------*/ #header { position: relative; z-index: 205; border-bottom:1px solid #e8e8e8; } .shadow { box-shadow: 0px 3px 5px rgba(0,0,0,0.1) ; -webki-box-shadow: 0px 3px 5px rgba(0,0,0,0.1) ; } .f-nav{ z-index: 9999 !important; position: fixed !important; top:0px; left:0; width: 100%; background-color:#fff;} .f-nav2{ z-index: 9999 !important; position: fixed !important; top:28px; left:0; width: 100%; background-color:#fff;} /* body.sticky{ margin-top:100px; } .sticky { position:fixed !important; margin: 0; width:100%; top:0px; } body.admin-bar #header.sticky { top:28px; } */ body #header.sticky-header{margin:0;position:fixed;top:0;left:0;z-index:99998;display:none;padding:0;width:100%; } body.admin-bar #header.sticky-header{top:32px;} body #header.sticky-header.sticky{display:block;} #header.sticky #logo img { transition:height .2s ease-in-out; -webkit-transition:height .2s ease-in-out; -moz-transition:height .2s ease-in-out; -o-transition:height .2s ease-in-out; -ms-transition:height .2s ease-in-out; } #header.sticky.reduced #logo img { height:70px; } /* ---------------------------------------------------------------- Logo -----------------------------------------------------------------*/ #logo { position: relative; float: left; margin-right: 20px; font-family: 'Open Sans', sans-serif; font-size: 36px; } #logo a { display: block; color: #000; } #logo img { display: block; max-width: 100%; } #logo a.standard_logo { display: block; } #logo a.retina_logo { display: none; } .tagline { float:right; } .h3_banner { max-width:750px; height:auto; padding: 10px 0; float: right; } /* ---------------------------------------------------------------- Primary Menu -----------------------------------------------------------------*/ #primary-menu, #lp-contacts { position: relative; float: right; /*max-width: 710px;*/ } .rs-menu, .select-menu { display: none; } #primary-menu ul { position: relative; margin: 0; } #primary-menu ul li { position: relative; float: left; margin-left: 20px; } #primary-menu ul li:first-child { padding-left: 0; background-image: none; margin-left: 0; } #primary-menu ul li:first-child span { display: none; } #primary-menu li a { display: inline-block; border-top: 4px solid transparent; padding: 36px 7px; font-size: 13px; font-family: "Open Sans", sans-serif; color: #444; transition: border-color .2s linear; -moz-transition: border-color .2s linear; -webkit-transition: border-color .2s linear; -ms-transition: border-color .2s linear; -o-transition: border-color .2s linear; } #primary-menu li a span { display: block; margin-top: 2px; top: 0; color: #777; font-family: "Open Sans", serif; font-size: 11px; font-weight: 400 !important; text-transform: capitalize; } #primary-menu li i { margin-right: 2px; } #primary-menu li:first-child a span { display: block; top: 0; } #primary-menu > ul > li:hover, #primary-menu ul li.current { background: #fff; } #primary-menu ul li.current a { border-top-color: #f96e5b; } #primary-menu > ul > li:hover a { border-top-color: #f96e5b; } #primary-menu ul > li > ul > li a, #primary-menu > ul > li > ul > li:hover a { color:#fff; } #primary-menu > ul > li:hover a span, #primary-menu ul li.current a span { color: #EEE; } #primary-menu ul li:hover > ul { display: block; } #primary-menu ul ul { visibility: hidden; z-index: 200; width: 200px; margin: 0; position: absolute; top: 96px; left: 0; } #primary-menu ul ul li { display: block; float: none; margin: 0; padding: 0; height: auto; border: none; background-image: none; background-color: #f96e5b; } #primary-menu ul ul li:first-child { border-top: 0; margin-top: 0; } #primary-menu ul ul ul { margin: 0; left: 200px !important; top: 0px; *top: 1px; } #primary-menu ul ul a { display: block; height: 40px; line-height: 40px; padding: 0 15px; border: none; text-transform: capitalize; color: #FFF; font-weight: normal; text-shadow: 1px 1px 1px rgba(0,0,0,0.2); } #primary-menu ul ul a:hover, #primary-menu ul ul li:hover > a { background-color: rgba(0,0,0,0.1); } #primary-menu ul ul a span { display: none !important; } #primary-menu ul ul ul li:first-child a { border-top: none; } #primary-menu ul > li.sub-menu > a > div { background-image: url("images/icons/mainsubmenu.png"); background-position: right top; background-repeat: no-repeat; padding-right: 16px; } #primary-menu ul > li.sub-menu:hover > a > div, #primary-menu ul li.current.sub-menu > a > div { background-image: url("images/icons/mainsubmenu.png"); } #primary-menu ul ul > li.sub-menu > a, #primary-menu ul ul > li.sub-menu:hover > a { background-image: url("images/icons/submenu.png"); background-position: right center; background-repeat: no-repeat; color:#fff; } #primary-menu ul ul > li.sub-menu > a > div, #primary-menu ul ul > li.sub-menu:hover > a > div { background-image: none; padding-right: 0; } #primary-menu ul:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } /* ---------------------------------------------------------------- Sliders -----------------------------------------------------------------*/ #ascrail2000 { background-color: #666; width: 8px!important; z-index: 100000!important; } /* ---------------------------------------------------------------- Sliders -----------------------------------------------------------------*/ #slider { position: relative; height: 400px; } .fallback-image, .fallback-image a, .fallback-image img { display: none; width: 100%; height: 100%; } #slider .container { width: 100%; } #slider.thumb-slider, #slider.piecemaker-slider { height: auto; } .slider-wrap { position: relative; width: 100%; height: 400px; } .slider-wrap .slide, .slider-wrap .slide a, .slider-wrap .slide img { display: block; position: relative; width: 100%; height: 100%; } .slider-line { position: absolute; border-top: 2px solid rgba(0,0,0,0.2); height: 0; width: 100%; top: 0; left: 0; z-index: 30; } .fslider, .fslider .flexslider, .fslider .slider-wrap, .fslider .slide, .fslider .slide a, .fslider .slide img { position: relative; width: 100%; height: auto; overflow: hidden; } .fslider { min-height: 32px; } /* ---------------------------------------------------------------- 3D Slider -----------------------------------------------------------------*/ .slider-3d { position: relative; } #piecemaker { margin: -25px 0 0 -90px; } /* ---------------------------------------------------------------- Camera Slider -----------------------------------------------------------------*/ #slider.camera-slideshow { height: auto; } /* ---------------------------------------------------------------- Layer & Revolution Slider -----------------------------------------------------------------*/ #slider.revolution-slider, #slider.layerslider-wrap { overflow: hidden; } /* ---------------------------------------------------------------- Flex Slider -----------------------------------------------------------------*/ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline: none; border: none; } .slider-wrap, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none; border: none;} .flexslider {position: relative;margin: 0; padding: 0;} .flexslider .slider-wrap > .slide {display: none; -webkit-backface-visibility: hidden;} .flexslider .slider-wrap img {width: 100%; display: block;} .flex-pauseplay span {text-transform: capitalize;} /* FlexSlider Necessary Styles *********************************/ .flexslider {margin: 0 auto; padding: 0; max-width:980px; } .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */ /*.vc_recent_posts .flexslider .slides > li { display: list-item; }*/ .flexslider .slides img {max-width: 100%; display: block; height:auto; width:100%;} .slider-wrap:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slider-wrap {display: block;} * html .slider-wrap {height: 1%;} .no-js .slider-wrap > .slide:first-child {display: block;} .flex-control-nav { display: none; } .flex-control-thumbs { display: none; } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; } /* ---------------------------------------------------------------- Slider with Thumbs -----------------------------------------------------------------*/ #slider.thumb-slider .flex-control-thumbs { display: block; } #slider.thumb-slider .flex-control-thumbs, #slider.thumb-slider .rs-thumb-wrap { display: block; position: relative; background: #FFF; height: 55px; text-align: center !important; } .flex-control-thumbs li, .rs-thumb-wrap a { display: inline-block !important; width: 102px !important; height: 55px !important; cursor: pointer; margin: 0 !important; } .rs-thumb-wrap a { height: 50px !important; border-top: 5px solid #CCC; } .flex-control-thumbs li img, .rs-thumb-wrap a img { display: block !important; width: 102px !important; height: 50px !important; border-top: 5px solid #CCC; } .rs-thumb-wrap a img { border: none; } .flex-control-thumbs li img.flex-active, .rs-thumb-wrap a.active { border-top-color: #f96e5b; } /* ---------------------------------------------------------------- Slider Navigation -----------------------------------------------------------------*/ .flex-prev, .flex-next, .rs-prev, .rs-next, .nivo-prevNav, .nivo-nextNav, .camera_prev, .camera_next, .camera_commands, .tp-leftarrow.large, .tp-rightarrow.large, .ls-noskin .ls-nav-prev, .ls-noskin .ls-nav-next { display: block; position: absolute !important; z-index: 10; cursor: pointer; top: auto; left: auto; bottom: 50px; right: 38px; width: 36px !important; height: 36px !important; /*text-indent: -9999px;*/ background: rgba(11,11,11,0.8) /* url("images/icons/slider-nav.png") no-repeat 0 0 */; transition: background-color .2s linear; -moz-transition: background-color .2s linear; -webkit-transition: background-color .2s linear; -ms-transition: background-color .2s linear; -o-transition: background-color .2s linear; font-size:35px; line-height:32px; } .flex-prev i, .flex-next i { position: relative; left: -5px; color: #fff; } .flex-next i { left:-2px; } .tp-leftarrow.large, .tp-rightarrow.large { background: rgba(11,11,11,0.8) url("images/icons/slider-nav.png") no-repeat 0 0 !important; } .ls-noskin .ls-nav-prev, .ls-noskin .ls-nav-next { top: 50%; margin-top: -18px; left: 20px; right: auto; } #slider.thumb-slider .flex-prev, #slider.thumb-slider .flex-next { bottom: 105px; } .flex-next, .rs-next, .nivo-nextNav, .camera_next, .ls-noskin .ls-nav-next { right: 0; background-position: -36px 0; } .ls-noskin .ls-nav-next { right: 20px; left: auto; } .tp-rightarrow.large { background-position: -36px 0 !important; } .portfolio-image .flex-prev, .portfolio-image .flex-next { position: absolute !important; top: auto; left: 0; bottom: 0; width: 28px !important; height: 28px !important; background-image: url("images/icons/portfolio-slider-nav.png"); transition: background-color .2s linear; -moz-transition: background-color .2s linear; -webkit-transition: background-color .2s linear; -ms-transition: background-color .2s linear; -o-transition: background-color .2s linear; } .portfolio-image .flex-next { left: 30px; background-position: -28px 0; } .flex-prev:hover, .flex-next:hover, .rs-prev:hover, .rs-next:hover, .nivo-prevNav:hover, .nivo-nextNav:hover, .camera_prev:hover, .camera_next:hover, .camera_commands:hover, .tp-leftarrow.large:hover, .tp-rightarrow.large:hover, .ls-noskin .ls-nav-prev:hover, .ls-noskin .ls-nav-next:hover { background-color: #f96e5b !important; } /* ---------------------------------------------------------------- Slider Caption -----------------------------------------------------------------*/ .slide-caption, .rs-caption, .nivo-caption { display: block; position: absolute; z-index: 8; top: auto; left: auto; bottom: 50px; right: 76px; line-height: 24px; padding: 6px 15px; font-size: 14px; width: auto !important; max-width: 500px; background-color: rgba(11,11,11,0.8); border-left: 3px solid #f96e5b; color: #FFF; text-shadow: 1px 1px 1px rgba(0,0,0,0.5); } .slide-caption2 { line-height: 20px; padding: 15px; font-size: 12px; font-family: 'Open Sans', sans-serif; max-width: 200px; background-color: rgba(11,11,11,0.8); } .slide-caption2 h3 { font-size: 15px; line-height: 20px; font-weight: bold; padding-bottom: 10px; color: #EEE; } .slide-caption2 p { margin: 0; } .slide-caption-left { left: 50px; right: auto; } /* ---------------------------------------------------------------- Main Content -----------------------------------------------------------------*/ #content { position: relative; } .content-wrap { position: relative; padding: 40px 0; } /* ---------------------------------------------------------------- Page Title -----------------------------------------------------------------*/ #page-title, #countdown-wrap { position: relative; background-color: #f7f7f7; padding: 5px 0; border-bottom: 1px solid #e8e8e8; } #page-title ul.breadcrumbs{ list-style:none; margin:0; margin-left:3px; margin-top:5px; padding:0; } #page-title ul.breadcrumbs li{ margin:0; padding:0; display:inline; color:#888; font-size:12px; margin-right:5px; } #page-title ul.breadcrumbs li a{ color:#888; padding-right:5px; } #page-title ul.breadcrumbs li a:hover{ color:#f96e5b; } #page-title ul.breadcrumbs li:after{ content:'/'; } #page-title ul.breadcrumbs li:last-child:after{ content:''; } #page-title h1 { font-size: 24px; line-height: 28px; padding-bottom: 0; color: #555; } #page-title h1 span { display: inline-block; position: relative; font-size: 16px; line-height: 22px; margin-left: 10px; color: #AAA; } .page_title_inner { padding:15px 0; } #top-search { position: absolute; width: 180px; top: 50%; left: auto; right: 0; margin-top: -20px; } #top-search form { margin: 0; } #top-search input { width: 131px; background-image: url("images/icons/search.png"); background-repeat: no-repeat; background-position: left; padding-left: 38px; color: #999; } /* ---------------------------------------------------------------- Landing Page -----------------------------------------------------------------*/ #lp-contacts { margin: 0; } #lp-contacts li { float: left; position: relative; height: 40px; overflow: hidden; margin: 40px 0 0 40px; padding-left: 48px; font-family: "Open Sans", sans-serif; font-weight: 600; font-size: 17px; line-height: 22px; color: #555; } #lp-contacts li:first-child { margin-left: 0; } #lp-contacts li i { display: block; position: absolute; font-size: 40px; line-height: 40px; width: 40px; height: 40px; text-align: center; top: 0; left: 0; overflow: hidden; } #lp-contacts li span { display: block; font-size: 13px; line-height: 18px; color: #f96e5b; font-weight: normal; } #landing-area { position: relative; background-color: #EEE; padding: 40px 0; } #landing-area h1 { font-weight: 600; font-size: 26px; line-height: 32px; text-shadow: 1px 1px 1px #FFF; } #landing-area p.landing-desc { font-size: 14px; color: #333; text-shadow: 1px 1px 1px #FFF; } #landing-area ul.landing-features { list-style: none; margin: 0; font-size: 16px; line-height: 22px; color: #555; text-shadow: 1px 1px 1px #FFF; } ul.landing-features li { margin-top: 7px; } ul.landing-features li:first-child { margin-top: 0; } ul.landing-features li:hover { font-weight: bold; } .landing-offer-media, .landing-offer-text, .landing-offer-half { margin-bottom: 0; } .landing-action { position: relative; margin-top: 20px; text-align: center; } .landing-action > span { display: block; margin-top: 10px; font-size: 14px; text-shadow: 1px 1px 1px #FFF; } /* ---------------------------------------------------------------- Coming Soon -----------------------------------------------------------------*/ #countdown-wrap { padding: 50px 0; } #countdown-wrap h1 { font-size: 28px; line-height: 36px; padding-bottom: 50px; text-shadow: 1px 1px 1px #FFF; font-weight: 400; color: #555; text-align: center; } .countdown_row { display: block; position: relative; text-align: center; text-shadow: 1px 1px 1px #FFF; } .countdown_section { display: inline-block; font-size: 17px; line-height: 22px; text-align: center; width: 180px; color: #999; text-transform: lowercase; } .countdown_amount { font-size: 96px; line-height: 100px; color: #444; } .countdown_descr { display: block; width: 100%; } .lp-subscribe { position: relative; text-align: center; } .lp-subscribe form { display: inline-block; position: relative; margin: 5px auto 0; max-width: 600px; } .lp-subscribe input[type="text"] { display: block; float: left; width: 360px; padding: 13px 12px 11px 46px; font-size: 16px; color: #999; background: url("images/icons/subscribe.png") left no-repeat; margin: 0 !important; } .lp-subscribe input[type="submit"] { position: relative; cursor: pointer; display: block; float: left; border: none; font-size: 13px; font-weight: bold; color: #FFF; text-shadow: 1px 1px 1px rgba(0,0,0,0.2); padding: 0 15px; height: 49px; line-height: 49px; background: #f96e5b; text-align: center; text-transform: uppercase; margin: 0 !important; -webkit-border-radius: 0; border-radius: 0; } .lp-subscribe input[type="submit"]:hover { background-color: #444; } /* ---------------------------------------------------------------- Portfolio -----------------------------------------------------------------*/ #portfolio-filter, #faq-filter, ul[id*="faq-filter"] { position: relative; margin: 0 0 30px 0; border-bottom:1px solid #eee; } #portfolio-filter.portfolio-center { text-align:center; } #portfolio-filter.portfolio-right { text-align:right; } #portfolio-filter li, #faq-filter li, ul[id*="faq-filter"] li { float: left; position: relative; padding: 0 0 12px; bottom:-1px; } #portfolio-filter.portfolio-center li { float: none; display: inline-block; } #portfolio-filter.portfolio-right li { float: none; display: inline-block; } #portfolio-filter li a, #faq-filter li a, ul[id*="faq-filter"] li a { display: block; position: relative; padding: 0 15px; font-size: 12px; line-height: 15px; color: #888; border-left: 1px dotted #ddd; } #portfolio-filter li:first-child a, #faq-filter li:first-child a, ul[id*="faq-filter"] li:first-child a { border-left: none; } #portfolio-filter li a:hover, #faq-filter li a:hover, #portfolio-filter li.activeFilter a, #faq-filter li.activeFilter a, ul[id*="faq-filter"] li.activeFilter a { color: #f96e5b; } #faq-filter li.activeFilter, ul[id*="faq-filter"] li.activeFilter { border-bottom: 1px solid #f96e5b; } /* ---------------------------------------------------------------- Portfolio Image -----------------------------------------------------------------*/ #portfolio, #portfolio-shortcode { position: relative; margin: 0 -12px -12px 0; } .portfolio-item { position: relative; float: left; margin: 0 12px 12px 0; width: 231px; } .portfolio-item .portfolio-image, .portfolio-item .portfolio-image a, .portfolio-item .portfolio-image img { display: block; position: relative; width: 231px; height: 157px; overflow:hidden; } .portfolio-item .portfolio-image-round, .portfolio-item .portfolio-image-round img { display: block; position: relative; width: 231px; height: 231px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; overflow:hidden; } .portfolio-item .portfolio-image-round.hexagonal, .portfolio-item .portfolio-image-round.hexagonal img { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; } .portfolio-image-round .item-mask{ background: url(images/image-mask.png) no-repeat 0 0 transparent; background-size:100%; width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .portfolio-image-round .item-mask-hexa{ background: url(images/image-mask-hex.png) no-repeat 0 0 transparent; background-size:100%; width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .postcontent #portfolio { margin: 0 -8px -8px 0; } .postcontent .portfolio-item { margin: 0 13px 13px 0; width: 174px; } .postcontent.columns .portfolio-item { margin: 0 7px 7px 0; width: 174px; } .postcontent .portfolio-item .portfolio-image, .postcontent .portfolio-item .portfolio-image a, .postcontent .portfolio-item .portfolio-image img { width: 231px; height: 180px; } .postcontent.columns .portfolio-item .portfolio-image, .postcontent.columns .portfolio-item .portfolio-image a, .postcontent.columns .portfolio-item .portfolio-image img { width: 174px; height: 118px; } #portfolio.portfolio-3 { margin: 0 -15px -15px 0; } .portfolio-3 .portfolio-item { margin: 0 15px 15px 0; width: 310px; } .portfolio-3 .portfolio-item .portfolio-image, .portfolio-3 .portfolio-item .portfolio-image a, .portfolio-3 .portfolio-item .portfolio-image img { width: 310px; height: 210px; } .postcontent #portfolio.portfolio-3 { margin: 0 -13px -13px 0; } .postcontent .portfolio-3 .portfolio-item { margin: 0 13px 13px 0; width: 231px; } .postcontent .portfolio-3 .portfolio-image, .postcontent .portfolio-3 .portfolio-image a, .postcontent .portfolio-3 .portfolio-image img { width: 231px; height: 180px; } .postcontent.columns .portfolio-3 .portfolio-image, .postcontent.columns .portfolio-3 .portfolio-image a, .postcontent.columns .portfolio-3 .portfolio-image img { width: 231px; height: 156px; } #portfolio.portfolio-5 { margin: 0 -15px -15px 0; } .portfolio-5 .portfolio-item { margin: 0 15px 15px 0; width: 310px; } .portfolio-5 .portfolio-item .portfolio-image, .portfolio-5 .portfolio-item .portfolio-image img { width: 310px; height: auto; } .portfolio-5 .portfolio-item .portfolio-image a { width: 310px; height: 100%; } #portfolio.portfolio-2 { margin: 0 -20px -20px 0; } .portfolio-2 .portfolio-item { margin: 0 20px 20px 0; width: 470px; } .portfolio-2 .portfolio-item .portfolio-image, .portfolio-2 .portfolio-item .portfolio-image a, .portfolio-2 .portfolio-item .portfolio-image img { width: 470px; height: 320px; } .postcontent .portfolio-2 .portfolio-item { width: 350px; } .postcontent .portfolio-2 .portfolio-image, .postcontent .portfolio-2 .portfolio-image a, .postcontent .portfolio-2 .portfolio-image img { width: 350px; height: 223px; } .postcontent.columns .portfolio-2 .portfolio-image, .postcontent.columns .portfolio-2 .portfolio-image a, .postcontent.columns .portfolio-2 .portfolio-image img { width: 350px; height: 238px; } .title-outer{ border-bottom:1px solid #e5e5e5; margin-bottom:20px; } .title-outer h3{ border-bottom:1px solid #f96e5b; display:inline-block; padding-bottom:5px; position:relative; bottom:-1px; font-size:11px; color:#888; text-transform:uppercase; } .title-outer i{ float: right; border-bottom: 1px solid #f96e5b; font-size: 16px; position: relative; /* bottom: -2px; */ padding-bottom: 8px; line-height:22px; /*color: #999;*/ } .portfolio-title { position: relative; text-align: center; padding: 7px 0; border-bottom: 1px dotted #DDD; background-color: #fff; transition: background-color .2s linear; -moz-transition: background-color .2s linear; -webkit-transition: background-color .2s linear; -ms-transition: background-color .2s linear; -o-transition: background-color .2s linear; } .postcontent .portfolio-title h3 { font-size: 13px; } .portfolio-title h3 { padding-bottom: 0; font-size: 14px; font-weight: normal; } .portfolio-3 .portfolio-title h3 { font-size: 15px; } .portfolio-2 .portfolio-title h3 { font-size: 18px; } .portfolio-title h3 a { color: #555; text-transform:uppercase; } .portfolio-item:hover h3 a { color: #fff ; } .portfolio-item:hover .portfolio-title { border-bottom-color: #ddd; background-color:#f96e5b; } #portfolio .slider-wrap, .postcontent #portfolio.portfolio-3 .slider-wrap { height: 180px; } .postcontent #portfolio .slider-wrap { height: 136px; } #portfolio.portfolio-3 .slider-wrap { height: 210px; } #portfolio.portfolio-2 .slider-wrap { height: 300px; } .postcontent #portfolio.portfolio-2 .slider-wrap { height: 223px; } /* ---------------------------------------------------------------- Home Portfolio -----------------------------------------------------------------*/ .scroll-portfolio { margin-bottom: 15px !important; } .scroll-portfolio .portfolio-item { width: 231px !important; } .scroll-portfolio .portfolio-item .portfolio-image, .scroll-portfolio .portfolio-item .portfolio-image a, .scroll-portfolio .portfolio-item .portfolio-image img { width: 231px !important; height: 157px; } .vc_span2 .scroll-portfolio .portfolio-item { width: 128px !important; } .vc_span3 .scroll-portfolio .portfolio-item { width: 210px !important; } .vc_span4 .scroll-portfolio .portfolio-item { width: 140px !important; } .vc_span6 .scroll-portfolio .portfolio-item { width: 222px !important; } .vc_span8 .scroll-portfolio .portfolio-item { width: 198px !important; } .vc_span9 .scroll-portfolio .portfolio-item { width: 226px !important; } .vc_span10 .scroll-portfolio .portfolio-item { width: 253px !important; } .vc_span2 .scroll-portfolio .portfolio-item .portfolio-image, .vc_span2 .scroll-portfolio .portfolio-item .portfolio-image a, .vc_span2 .scroll-portfolio .portfolio-item .portfolio-image img { width: 128px !important; height: 87px; } .vc_span3 .scroll-portfolio .portfolio-item .portfolio-image, .vc_span3 .scroll-portfolio .portfolio-item .portfolio-image a, .vc_span3 .scroll-portfolio .portfolio-item .portfolio-image img { width: 210px !important; height: 143px; } .vc_span4 .scroll-portfolio .portfolio-item .portfolio-image, .vc_span4 .scroll-portfolio .portfolio-item .portfolio-image a, .vc_span4 .scroll-portfolio .portfolio-item .portfolio-image img { width: 140px !important; height: 95px; } .vc_span6 .scroll-portfolio .portfolio-item .portfolio-image, .vc_span6 .scroll-portfolio .portfolio-item .portfolio-image a, .vc_span6 .scroll-portfolio .portfolio-item .portfolio-image img { width:222px !important; height: 151px; } .vc_span8 .scroll-portfolio .portfolio-item .portfolio-image, .vc_span8 .scroll-portfolio .portfolio-item .portfolio-image a, .vc_span8 .scroll-portfolio .portfolio-item .portfolio-image img { width: 198px !important; height: 135px; } .vc_span9 .scroll-portfolio .portfolio-item .portfolio-image, .vc_span9 .scroll-portfolio .portfolio-item .portfolio-image a, .vc_span9 .scroll-portfolio .portfolio-item .portfolio-image img { width: 226px !important; height: 154px; } .vc_span10 .scroll-portfolio .portfolio-item .portfolio-image, .vc_span10 .scroll-portfolio .portfolio-item .portfolio-image a, .vc_span10 .scroll-portfolio .portfolio-item .portfolio-image img { width: 253px !important; height: 172px; } .scroll-portfolio .widget-scroll-prev, .scroll-portfolio .widget-scroll-next { top: 0; } /* ---------------------------------------------------------------- Portfolio Overlay -----------------------------------------------------------------*/ .portfolio-overlay { display: none; position: absolute; background-color:rgba(0,0,0,0.6); top: 0; left: 0; width: 100%; height: 100%; z-index: 5; opacity: 1; text-align:center; } .portfolio-overlay-inside { position: absolute; z-index: 15; opacity: 1; text-align:center; color:#fff; height:100%; width:100%; } .portfolio-overlay-inside span { padding:5px; background-color:#f96e5b; opacity:1; display:block !important; float:left; width:35px !important; height:35px !important; position:absolute; top: 50%; left: 50%; margin-top:-22.5px; margin-left:-22.5px; font-size: 25px; line-height: 35px; padding: 5px; border-radius: 35px; -moz-border-radius: 35px; -webkit-border-radius: 35px; z-index:100; } /* .ipost-image .portfolio-overlay-inside span { left:43%; top:39%; } .portfolio-2 .portfolio-overlay-inside span { left:45%; top:43%; } */ .portfolio-overlay-inside > div { font-size:13px; text-transform:uppercase; color:#fff; position:relative; /*top:40%;*/ display:block !important; width:200px; text-align:center; } .portfolio-overlay-round { display: none; position: absolute; /*background:url(images/image-mask.png) no-repeat 0 0 #f96e5b;*/ background-size:100%; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; text-align:center; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; overflow: hidden; } .portfolio-overlay-round.hexagonal { border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; } .change-hexa{ background:url(images/image-mask-hex.png) no-repeat 0 0 #f96e5b; border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; } .portfolio-overlay-round div{ padding: 9%; } .portfolio-overlay-round div h3{ padding: 9% 7% 2% 7%; font-size:16px; font-weight:300; color:#fff; } .portfolio-overlay-round div h4{ padding-bottom:0; } .portfolio-overlay-round div a{ font-size: 10px; line-height: 14px; color: #444; margin-bottom: 0; font-weight:300; padding-bottom:0; text-transform:uppercase; } .portfolio-overlay-round div a:hover{ border-bottom:1px dotted #444; } .portfolio-overlay-round div a.linkage{ font-size:14px; color:#fff; background-color:#333; padding:5px 8px; line-height:14px; border-radius:20px; -moz-border-radius:20px; border-bottom:none; } .portfolio-overlay-round div a.linkage:hover { background-color:#555; } .portfolio-overlay-round div p{ margin-top:5px; padding-top:5px; color:#fff; font-size:11px; } .port-gallery .portfolio-overlay { background: transparent; } .portfolio-overlay-wrap { position: relative; padding: 15px; color: #FFF; text-align:center; top:40%; } .portfolio-overlay-wrap p { color: #FFF; text-shadow: 1px 1px 1px rgba(0,0,0,0.2); margin-bottom: 15px; } .portfolio-overlay-wrap span { display: block; margin-bottom: 15px; } .portfolio-overlay-wrap span span { margin: 0; width: 15%; border-bottom: 1px solid #FFF; } .portfolio-overlay-wrap a { display: inline !important; width: auto !important; height: auto !important; color: #FFF; text-shadow: 1px 1px 1px rgba(0,0,0,0.2); border-bottom: 1px dotted #FFF; font-style: italic; } .portfolio-overlay-wrap a:hover { border-style: solid; } .portfolio-2 .portfolio-overlay-wrap { font-size: 16px; line-height: 24px; } .p-overlay-icons, .postcontent #portfolio.portfolio-3 .p-overlay-icons, .postcontent #portfolio.portfolio-2 .p-overlay-icons { width: 60px; height: 28px; margin: 0 auto; } .p-overlay-icons a { display: block; float: left; margin-left: 2px; width: 28px !important; height: 28px !important; text-indent: -9999px; background-color: #222; background-repeat: no-repeat; background-image: url("images/icons/portfolio-overlay.png"); } .p-overlay-icons a:first-child { margin-left: 0; } .p-overlay-icons a.p-o-image { background-position: -28px 0; } .p-overlay-icons a.p-o-video { background-position: 0 0; } .p-overlay-icons a.p-o-gallery { background-position: -56px 0; } .p-overlay-icons a.p-o-link { background-position: -84px 0; } .portfolio-5 .p-overlay-icons, .portfolio-widget .p-overlay-icons, .postcontent #portfolio .p-overlay-icons { top: 50%; margin-top: -14px; width: 58px; left: 50%; margin-left: -29px; } .portfolio_tags{ margin:2px 0; } .portfolio_tags a{ color:#555; } .portfolio-item:hover .portfolio_tags a, .portfolio-item:hover .portfolio_tags{ color:#fff; } .portfolio-item:hover .portfolio_tags a:hover{ border-bottom:1px dotted #fff; } /* ---------------------------------------------------------------- Portfolio Single -----------------------------------------------------------------*/ #portfolio-single-wrap { position: relative; } /* ---------------------------------------------------------------- Portfolio Single - Slider -----------------------------------------------------------------*/ #portfolio-single-wrap #slider { float: left; } #portfolio-single-wrap.portfolio-single-left #slider { float: right; } #portfolio-single-wrap.portfolio-single-full #slider, .postcontent #portfolio-single-wrap #slider { float: none; margin-bottom: 30px; } #portfolio-single-wrap #slider { width: 680px; height: auto; } #portfolio-single-wrap.portfolio-single-full-slider #slider { width: 960px; height: auto; } .postcontent #portfolio-single-wrap #slider { width: 100%; } #portfolio-single-wrap .slider-wrap, #portfolio-single-wrap .slide, #portfolio-single-wrap #slider a, #portfolio-single-wrap #slider img { z-index:0; width: 100%; height: auto; } #portfolio-single-wrap #slider iframe { display: block; } #portfolio-single-wrap.portfolio-single-full #slider { width: 960px; height: auto; } #portfolio-single-wrap.portfolio-single-full .slider-wrap, #portfolio-single-wrap.portfolio-single-full .slide, #portfolio-single-wrap.portfolio-single-full .slide a, #portfolio-single-wrap.portfolio-single-full .slide img { width: 100%; height: auto; } #portfolio-single-wrap .flex-prev, #portfolio-single-wrap .flex-next, .entry_image .flex-prev, .entry_image .flex-next, .fslider .flex-prev, .fslider .flex-next { top: 50%; left: 0; bottom: auto; right: auto; margin-top: -18px; } #portfolio-single-wrap .flex-next, .entry_image .flex-next, .fslider .flex-next { left: auto; right: 0; } .portfolio-item .portfolio-image .flex-prev, .portfolio-item .portfolio-image .flex-next { margin-top: -14px; } /* ---------------------------------------------------------------- Portfolio Single - Details -----------------------------------------------------------------*/ #portfolio-details-wrap { float: right; width: 250px; margin-left: 30px; } #portfolio-single-wrap.portfolio-single-left #portfolio-details-wrap { float: left; margin: 0 30px 0 0; } #portfolio-single-wrap.portfolio-single-full #portfolio-details-wrap, .postcontent #portfolio-single-wrap #portfolio-details-wrap { float: none; margin: 0; width: auto; } /* #portfolio-details-wrap h3 { font-size: 14px; line-height: 20px; font-weight: bold; } */ #portfolio-details-wrap span.page-divider { margin-top: 10px; } #portfolio-details-wrap .port-details { margin-top: 35px; } #portfolio-single-wrap.portfolio-single-full .port-desc, #portfolio-single-wrap.portfolio-single-full.portfolio-single-full-left .port-desc, .postcontent #portfolio-single-wrap .port-desc { float: right; margin: 0; width: 680px; } #portfolio-single-wrap.portfolio-single-full .port-desc.port-full{ width:100%; float:none; } .postcontent #portfolio-single-wrap .port-desc { width: 440px; } #portfolio-single-wrap.portfolio-single-full .port-details, #portfolio-single-wrap.portfolio-single-full.portfolio-single-full-left .port-details, .postcontent #portfolio-single-wrap .port-details { float: left; margin: 0 30px 0 0; width: 250px; } #portfolio-single-wrap.portfolio-single-full.portfolio-single-full-left .port-desc, .postcontent #portfolio-single-wrap.portfolio-single-left .port-desc { float: left; } #portfolio-single-wrap.portfolio-single-full.portfolio-single-full-left .port-details, .postcontent #portfolio-single-wrap.portfolio-single-left .port-details { float: right; margin: 0 0 0 30px; } #portfolio-details-wrap .port-details h4 { font-size: 14px; line-height: 20px; font-weight: bold; } #portfolio-details-wrap .port-terms { position: relative; border-bottom: 1px dotted #DDD; margin-bottom: 15px; padding-bottom: 15px; } #portfolio-details-wrap .port-terms h5 { color: #333; margin: 0 !important; float: left; width: 110px; font-size: 12px; line-height: 20px; padding: 0; } #portfolio-details-wrap .port-terms span { display: block; position: relative; overflow: hidden; } .word-wrap { white-space: -moz-pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; white-space: pre-wrap; white-space: pre-line; } /* ---------------------------------------------------------------- Portfolio Navigation -----------------------------------------------------------------*/ #portfolio-navigation { position: absolute; top: 50%; left: auto; right: 0; max-width: 96px; height: 40px; margin-top: -25px; } #portfolio-navigation .port-nav-next, #portfolio-navigation .port-nav-prev { float:left; } #portfolio-navigation .port-nav-next{ margin-right:5px; } #portfolio-navigation .port-nav-next a, #portfolio-navigation .port-nav-prev a { display: block; float: left; /* text-indent: -9999px; */ width: 32px; height: 32px; /* background: #f9f9f9 url("images/icons/portfolio-nav.png") no-repeat 0 0; */ transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; } #portfolio-navigation .port-nav-next a i, #portfolio-navigation .port-nav-prev a i { position: relative; top: 4px; left: 8px; font-size:40px; transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; /* opacity:0.4; filter: alpha(opacity=40); */ } #portfolio-navigation .port-nav-next a:hover i { transform: translate(-10px); -ms-transform: translate(-10px); /* IE 9 */ -webkit-transform: translate(-10px); } #portfolio-navigation .port-nav-prev a:hover i { transform: translate(10px); -ms-transform: translate(10px); /* IE 9 */ -webkit-transform: translate(10px); } #portfolio-navigation a:first-child { margin-left: 0; } /* #portfolio-navigation .port-nav-prev a { background-position: -64px 0; } #portfolio-navigation .port-nav-next a:hover { background-position: 0 -32px; background-color: #f96e5b; } #portfolio-navigation .port-nav-prev a:hover { background-position: -64px -32px; background-color: #f96e5b; } */ .pagination { margin-top:30px !important; } .pagination span.current, .pagination a{ margin-right: 10px; padding: 7px 12px; border-radius: 3px; } .pagination span.current { text-decoration: none; background-color: #f96e5b; border: 1px solid #f96e5b; color:#fff; } .pagination a{ text-decoration: none; background-color: #fff; border: 1px solid #ddd; } .pagination a:hover{ background-color: #f5f5f5; } /* .pagination-prev{ display:none; } /* ---------------------------------------------------------------- Related Portfolio Items -----------------------------------------------------------------*/ #portfolio-related { position: relative; margin: 30px 0 0 0; } #portfolio-related-items { position: relative; margin: 0 -5px 0 0; } #portfolio-related-items li { position: relative; float: left; margin: 0 5px 0 0; } #portfolio-related-items li, #portfolio-related-items li > a, #portfolio-related-items li > img { display: block; width: 188px !important; height: 146px; overflow:hidden; } .postcontent #portfolio-related-items li, .postcontent #portfolio-related-items li > a, .postcontent #portfolio-related-items li > img { width: 176px !important; height: 137px; } #portfolio-related-items li .p-overlay-icons { top: 50%; margin-top: -14px; width: 28px; left: 50%; margin-left: -14px; } /* ---------------------------------------------------------------- Isotope -----------------------------------------------------------------*/ .isotope, .isotope .isotope-item { /* change duration value to whatever you like */ -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: top, left, opacity; transition-property: transform, opacity; } /**** disabling Isotope CSS3 transitions ****/ .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } /* ---------------------------------------------------------------- Posts -----------------------------------------------------------------*/ #posts { position: relative; } .entry { position: relative; margin-bottom: 30px; padding-bottom: 30px; border-bottom: 3px double #E5E5E5; } .entry_image { position: relative; width: 100%; margin-bottom: 20px; } .small-posts .entry_image { float: left; width: 300px; margin: 0; } .small-posts .entry_image_sh { float: left; width: 150px; margin: 0 20px 0 0; position: relative; height:102px; overflow: hidden; } .entry_image a, .entry_image img { display: block; position: relative; width: 100%; } .recent_posts_sh h5 { padding-bottom:3px; } .date_sh { margin-bottom:10px; font-size:10px; } .date_sh i { margin-right:5px; line-height:20px; font-size:14px; } .entry_image iframe, .ipost-image iframe { display: block; } .entry_image .slider-wrap, .entry_image .slide, .entry_image .slide a, .entry_image .slide img { display: block; position: relative; width: 100%; height: auto; z-index:1; } .entry_date { float: left; width: 62px; text-align: center; } .entry_date_thin{ float:left; width:40px; text-align:center; position:absolute; top:0px; } .postcontent .small-posts .entry_date { width: 50px; margin-right: 10px; } .col_full .small-posts .entry_date { margin-right: 15px; } .entry_date div.month, .entry_date div.day, .entry_date div.year { background-color: #f96e5b; color: #FFF; font-size: 14px; line-height: 1; font-weight: 600; padding: 4px 0; text-transform:uppercase; } .entry_date div.day { padding: 0; font-size: 26px; font-weight: 600; } .entry_date_thin div.month, .entry_date_thin div.day { background-color: #f96e5b; color: #FFF; font-size: 16px; line-height: 1; font-weight: 300; padding: 0 0 10px; } .entry_date_thin div.day { font-weight: normal; padding: 10px 0 0; font-size: 24px; font-weight: 600; } .postcontent .small-posts .entry_date div.month, .postcontent .small-posts .entry_date div.day { font-size: 14px; padding: 2px 0; } .postcontent .small-posts .entry_date div.day { font-size: 20px; padding: 0; } .entry_date div.post-icon { position: relative; color: #999; font-size: 42px; line-height: 42px; margin:0; padding:20px 0; } .entry_date div.post-icon.post-icon-solo{ padding-top:5px; } .entry_date div.post-icon.post-icon-solo-alt{ padding-top:0px; } .entry_date_thin div.post-icon { position: relative; color: #fff; background-color:#f96e5b; font-size: 16px; margin:0; padding:5px 0 10px 0; } div.post-icon i { display: block; padding: 0; margin: 0; } .entry_c { float: left; margin-left: 20px; width: 628px; } .entry_c_solo { width:100%; margin-left:0px; } .col_full .entry_c { width: 868px; } .postcontent .small-posts .entry_c { width: 400px; } .col_full .small-posts .entry_c { width: 640px; } .col_full .small-posts .entry_c_sh { max-width: 300px; float: left; margin-left: 20px; } .entry_title { margin-bottom: 5px; } .entry_title h2 { padding: 0; color: #444; font-weight: 400; font-size: 20px; line-height: 26px; } .postcontent .small-posts .entry_title h2 { font-size: 16px; line-height: 20px; } .entry_title h2 a { color: #555; } .entry_title h2 a:hover { color: #888; } .entry_meta { position: relative; margin: 0; } .post-single .entry_meta { margin-bottom: 12px; } .entry_meta li { margin: 0 7px 3px 0; float: left; font-size: 11px; color: #999; text-transform:uppercase; } .entry_meta li a { color: #999; font-family: "Open Sans", sans-serif; } .entry_meta li a:hover { color: #f96e5b; } .entry_meta li i { display: inline-block; position: relative; top: 1px; margin-right: 5px; font-size: 14px; } .entry_meta li span { display: inline-block; margin-left: 7px; font-size: 13px; } .entry span.page-divider { margin: 12px 0; } .entry span.page-divider span { } .small-posts span.page-divider { margin: 20px 0 12px; } .postcontent .small-posts span.page-divider span { width: 20%; } .entry_content { position: relative; font-size: 13px; padding-top: 10px; } .entry_share { position: relative; margin: 30px 0 0 0; padding: 10px 0; line-height: 32px; } .entry_share span { display: block; float: left; margin-right: 15px; } .entry_share a { display: block; float: left; width: 32px; height: 32px; margin-left: 15px; } .entry_share a img { display: block; margin: 0; width: 32px; height: 32px; } .ipost { position: relative; } .ipost .ipost-image { position: relative; overflow:hidden; } .ipost .ipost-image a, .ipost .ipost-image img { display: block; width: 100%; height: auto; } .ipost .ipost-title h5 { font-size: 18px; line-height: 25px; padding: 15px 0 5px; font-weight: 400; } .ipost .ipost-title a { color: #555; } .ipost .ipost-title a:hover { color: #f96e5b; } .ipost .ipost-meta { position: relative; margin: 0 -10px 0 0; } .ipost-meta li { float: left; font-size: 13px; margin: 0 10px 0 0; color: #AAA; } .ipost-meta li span { margin-right: 10px; } .ipost-meta li a { color: #888; } .ipost-meta li a:hover { color: #000; } .ipost-content { margin-top: 10px; margin-bottom:15px; } .related-posts { position: relative; margin: 0 -20px 0 0; } .related-posts li { position: relative; float: left; margin: 0 20px 0 0; width: 165px !important; list-style: none; } .related-posts li .rpost-image { position: relative; margin-bottom: 10px; } .rpost-image, .rpost-image a, .rpost-image img { display: block; width: 165px !important; height: 112px; } .rpost-title { text-align: center; font-size: 13px; text-transform:uppercase; } /* .rpost-title a { color: #666; } .rpost-title a:hover { color: #000; } */ .post-overlay { display: block; position: absolute; top: 0; left: 0; width: 24px; height: 24px; padding: 6px; line-height: 24px; text-align: center; background-color: #f96e5b; font-size: 20px; color: #FFF; text-shadow: 1px 1px 1px rgba(0,0,0,0.3); z-index:200; } /* ---------------------------------------------------------------- Post Elements -----------------------------------------------------------------*/ img.alignleft, div.alignleft { float: left; margin: 5px 20px 13px 0; max-width: 100%; } div.alignleft > img, div.alignnone > img, div.aligncenter > img, div.alignright > img { display: block; float: none; } img.alignnone, img.aligncenter, div.alignnone, div.aligncenter { display: block; margin: 10px 0; float: none; } img.aligncenter, div.aligncenter, div.aligncenter img { margin-left: auto; margin-right: auto; clear: both; } img.alignright, div.alignright { float: right; margin: 5px 0 13px 20px; } .wp-caption { text-align: center; margin: 10px 20px 13px 20px; font-style: italic; } .wp-caption img, .wp-caption img a { display: block; margin: 0; } p.wp-caption-text { display: inline-block; margin: 10px 0 0 0; padding: 5px 10px; background-color: #EEE; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; } .wp-smiley { max-height: 13px; margin: 0 !important; } /* ---------------------------------------------------------------- Comments List -----------------------------------------------------------------*/ #comments { position: relative; margin-top: 30px; } .commentlist { list-style-type: none; border-bottom: 1px solid #E5E5E5; padding-bottom: 30px; margin: 0 0 30px; } .commentlist li, .commentlist li ul, .commentlist li ul li { margin: 10px 0 0 0; } .commentlist ul:first-child { margin-top: 0; } .commentlist li { position: relative; padding-top: 10px; margin-top: 10px; border-top: 1px solid #EEE; } .commentlist ul .comment-wrap { margin-left: 30px; } .commentlist > li { } .commentlist > li:first-child { padding-top: 0; border-top: 0; margin-top: 0; } .commentlist li .children { margin-top: 0; } .commentlist li li .children { margin-left: 30px; } .commentlist li .comment-content, .pingback { position: relative; overflow: hidden; } .commentlist li .comment-content p, .pingback p { margin: 20px 0 0 0; } .commentlist li .comment-content { padding: 0 0 0 15px; } .commentlist li .comment-meta { float: left; margin-right: 0; line-height: 1; } .comment-avatar img { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .comment-content .comment-author { margin-bottom: -10px; font-size: 13px; color: #555; text-transform:uppercase; } .comment-content .comment-author a { border: none; color: #333; } .comment-content .comment-author a:hover { color: #f96e5b; border-color: #f96e5b; } .comment-content .comment-author span { display: block; } .comment-content .comment-author span, .comment-content .comment-author span a { font-size: 11px; font-weight: normal; color: #AAA; } .comment-content .comment-author span a { border-bottom: 1px dotted #AAA; } .comment-content .comment-author span a:hover { color: #888; background: none; border-bottom: 1px solid #AAA; } .comment-wrap { padding: 10px; transition: all .2s linear; -moz-transition: all .2s linear; -webkit-transition: all .2s linear; -ms-transition: all .2s linear; -o-transition: all .2s linear; } .comment-wrap .comment-avatar img{ transition: all .2s linear; -moz-transition: all .2s linear; -webkit-transition: all .2s linear; -ms-transition: all .2s linear; -o-transition: all .2s linear; } .comment-wrap:hover{ background-color:#f4f4f4; } .comment-wrap:hover .comment-avatar img { box-shadow: 2px 2px 4px rgba(0,0,0,0.4); -moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.4); -webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.4); } .comment-wrap:hover a{ color:#f96e5b; } /* ---------------------------------------------------------------- Comment Form -----------------------------------------------------------------*/ #respond, #respond form { margin-bottom: 0; } .commentlist li #respond { margin: 30px 0 0; } .commentlist li li #respond { margin-left: 30px; } #respond p { margin: 10px 0 0 0; } #respond p:first-child { margin-top: 0; } #respond label small { color: #999; font-weight: normal; } #respond input[type="text"], #respond textarea { margin-bottom: 0; } #respond .col_one_third, #respond .col_full { margin-bottom: 15px; } #disqus_thread button, #disqus_thread input[type="submit"] { margin: 0 !important; } #disqus_thread h3 { padding-bottom: 0; } #disqus_thread a { border: none; } #disqus_thread a:hover { color: #888; background-color: transparent; } /* ---------------------------------------------------------------- Side Navigation -----------------------------------------------------------------*/ .sidenav { width: 100%; padding: 0; background-color: #fff; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.065); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.065); box-shadow: 0 1px 4px rgba(0,0,0,.065); } .sidenav > li > a { display: block; margin: 0 0 -1px; padding: 9px 14px; font-size: 13px; border: 1px solid #E5E5E5; border-right-width: 2px; color: #777; } .sidenav > li:first-child > a { -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; } .sidenav > li:last-child > a { -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; } .sidenav > .active > a, .sidenav > .active > a:hover { position: relative; z-index: 2; padding: 10px 15px; border: 0; color: #FFF; font-weight: bold; background-color: #f96e5b; text-shadow: 0 1px 0 rgba(0,0,0,.15); -webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -2px 0 0 rgba(0,0,0,.1); -moz-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -2px 0 0 rgba(0,0,0,.1); box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -2px 0 0 rgba(0,0,0,.1); } .sidenav li i { font-size: 14px; } /* Chevrons */ .sidenav .icon-chevron-right { float: right; margin-top: 1px; margin-right: -6px; opacity: .4; font-size: 13px !important; } .sidenav > li > a:hover { background-color: #F5F5F5; color: #222; } .sidenav a:hover .icon-chevron-right { opacity: .5; } .sidenav .active .icon-chevron-right, .sidenav .active a:hover .icon-chevron-right { opacity: 1; } /* ---------------------------------------------------------------- Sitemap -----------------------------------------------------------------*/ .sitemap { position: relative; list-style-type: square; font-size: 14px; font-weight: bold; margin-bottom: 0; } .sitemap ul { list-style-type: circle; font-size: 13px; font-weight: normal; margin: 5px 0 5px 20px; } .sitemap span { display: block; margin: 2px 0 5px; font-size: 12px; font-weight: normal; color: #999; } .sitemap span a { color: #777; } .sitemap span a:hover { color: #000; } .sitemap ul ul { list-style-type: disc; } /* ---------------------------------------------------------------- Promo -----------------------------------------------------------------*/ .promo-box-wrap { position: relative; z-index:1; } .promo-box{ padding: 5px; background-color: #f7f7f7; /*margin-bottom: 30px;*/ border: 1px solid #e8e8e8; } .promo { position: relative; background-color: #f9f9f9; padding: 15px 18px; } .promo-desc { position: relative; } .promo h3 { font-size: 19px; font-weight: 300; line-height: 24px; padding-bottom: 0; margin-bottom:10px; } .promo h3 > span { color: #f96e5b; } .promo-desc > span { display: block; margin-top: 3px; font-size: 15px; line-height: 22px; color: #777; } .promo-action { position: absolute; right: 20px; top: 48%; margin-top: -20px; /*max-width: 150px;*/ } .center .promo-action { position:relative; right:auto; top: auto; margin-top:10px; } .promo-shadow:before, .promo-shadow:after { bottom: 15px; left: 10px; width: 50%; height: 20%; max-width: 300px; max-height: 100px; position: absolute; content: ''; z-index: -1; -webkit-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7); -moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7); box-shadow: 0 15px 10px rgba(0,0,0,0.7); -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -ms-transform: rotate(-3deg); -o-transform: rotate(-3deg); transform: rotate(-3deg); } .promo-shadow:after { right: 10px; left: auto; -webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -ms-transform: rotate(3deg); -o-transform: rotate(3deg); transform: rotate(3deg); } /* .promo-action a { display: block; color: #FFF; font-size: 14px; font-family: "Open Sans"; padding: 0 15px; font-weight: bold; line-height: 40px; background: #333; text-shadow: 1px 1px 1px rgba(0,0,0,0.3); transition: background-color .2s linear; -moz-transition: background-color .2s linear; -webkit-transition: background-color .2s linear; -ms-transition: background-color .2s linear; -o-transition: background-color .2s linear; } .promo-action a:hover { background: #f96e5b; } */ .well.callout h2 { font-size: 24px; line-height: 28px; font-weight: 600; padding-bottom: 15px; } .well.callout p { font-size: 13px; color: #999; } /* ---------------------------------------------------------------- 404 -----------------------------------------------------------------*/ .error404-page { position: relative; text-align: center; font-size: 216px; line-height: 1; color: #f96e5b; font-family: "Open Sans", sans-serif; } .error404-page span { display: block; font-size: 32px; color: #444; margin-bottom: 20px; font-weight:200; } .searchtop-meta{ position:absolute; margin-top:-20px; top:50%; left:auto; right:0; } .error404-page-meta { position: relative; margin: 40px 0 20px; } .error404-page-meta form, .searchtop-meta form { position: relative; margin: 0 auto; width: 236px; } .error404-page-meta form{ width:436px; } .error404-page-meta input[type="text"], .searchtop-meta input[type="text"], .searchtop-meta input[type="search"], .widget_product_search input[type="text"] { display: block; width: 200px; border-radius: 18px; -moz-border-radius: 18px; -webkit-border-radius: 18px; padding: 7px 17px; } .widget_product_search input[type="text"] { width: 170px; } .error404-page-meta input[type="text"] { width:400px; } .error404-page-meta input[type="submit"], .searchtop-meta input[type="submit"], .widget_product_search input[type="submit"] { position: absolute; cursor: pointer; top: 0; left: auto; right: 0; display: block; border: none; width: 36px; height: 36px; background: #444 url("images/icons/search-404.png") no-repeat center center; text-indent: -9999px; border-radius: 24px; -moz-border-radius: 24px; -webkit-border-radius: 24px; } .widget_product_search input[type="submit"] { top: auto; bottom: 20px; } .error404-page-meta input[type="submit"]:hover, .searchtop-meta input[type="submit"]:hover { background-color: #f96e5b; } /* ---------------------------------------------------------------- Tabs -----------------------------------------------------------------*/ .tab_widget, .side-tabs { display: block; position: relative; margin: 0 0 30px 0; } .tab_widget ul.tabs { display: block; position: relative; list-style: none; height: 40px; border-bottom: 1px solid #DDD; margin: 0; padding: 0; } #footer.footer-dark .tab_widget ul.tabs { border-bottom-color: #282828; } .side-tabs ul.tabs { float: left; width: 250px; height: auto; border-bottom: none; padding: 20px 0; /*border-right: 1px solid #DDD;*/ } .tab_widget ul.tabs li { float: left; margin: 0; padding: 0; height: 39px; line-height: 39px; border: 1px solid #e6e6e6; overflow: hidden; position: relative; background-color: #f4f4f4; margin-left:-1px; /* transition: border-color 0.2s linear; -webkit-transition: border-color 0.2s linear; -o-transition: border-color 0.2s linear; -moz-transition: border-color 0.2s linear; /* background-image: linear-gradient(bottom, rgb(230,230,230) 9%, rgb(238,238,238) 55%); background-image: -o-linear-gradient(bottom, rgb(230,230,230) 9%, rgb(238,238,238) 55%); background-image: -moz-linear-gradient(bottom, rgb(230,230,230) 9%, rgb(238,238,238) 55%); background-image: -webkit-linear-gradient(bottom, rgb(230,230,230) 9%, rgb(238,238,238) 55%); background-image: -ms-linear-gradient(bottom, rgb(230,230,230) 9%, rgb(238,238,238) 55%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.09, rgb(230,230,230)), color-stop(0.55, rgb(238,238,238)) ); */ } .side-tabs ul.tabs li { transition:none; } .side-tabs ul.tabs li { float: none; border: 1px solid #DDD; border-top: none; border-right: none; height: 40px; line-height: 40px; margin-top: 0; margin-left:0; } .tab_widget ul.tabs li:first-child { border-left: 1px solid #DDD; margin-left:0; } .tab_widget ul.tabs li a { text-decoration: none; color: #888; font-size: 13px; display: block; padding: 0 10px; outline: none; font-weight: 500; font-family: "Open Sans", sans-serif; border: none; /* text-shadow: 1px 1px 1px #FFF; border-left: 1px solid #F9F9F9; */ } .tabbed-widget .tab_widget ul.tabs a { padding: 0 13px; } .side-tabs ul.tabs li a { border-left: 0; } .tab_widget ul.tabs li a i { float: left; font-size: 15px; width: 25px; height: 39px; margin-right: 5px; } .side-tabs ul.tabs li a i { position: relative; top: -1px; margin-right: 12px; } .tab_widget ul.tabs li:first-child a { border-left: none; } .tab_widget ul.tabs li a:hover { background: none; } .tab_widget ul.tabs li.active,.tab_widget ul.tabs li.ui-tabs-active, .tab_widget ul.tabs li.active a:hover { background: #FFF; border-bottom: 1px solid transparent; } .tab_widget ul.tabs li.active { border-top: 1px solid #f96e5b; } .tab_widget ul.tabs li.active a { color: #f96e5b; } .side-tabs ul.tabs li.active, .side-tabs ul.tabs li.active a:hover, .side-tabs ul.tabs li.ui-tabs-active { border-bottom: 1px solid #DDD; border-right: 1px solid #FFF; } .side-tabs ul.tabs li.active, .side-tabs ul.tabs li.ui-tabs-active { border-top: none; border-left: 1px solid #f96e5b; margin-right: 0; z-index:200; } .side-tabs ul.tabs li:first-child { border-top: 1px solid #DDD } .tab_widget .tab_container { display: block; /*overflow: hidden;*/ position: relative; clear: both; background: #FFF; border: 1px solid #e6e6e6; border-top: none; } .side-tabs .tab_container { clear: none; border: none; /*box-shadow: -8px 0px 20px -10px rgba(0, 0, 0, 0.2);*/ box-shadow: 0px 0px 20px -3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 20px -3px rgba(0, 0, 0, 0.2); -o-box-shadow: 0px 0px 20px -3px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0px 0px 20px -3px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 0px 20px -3px rgba(0, 0, 0, 0.2); } .tab_widget .tab_content { display: block; position: relative; padding: 15px; } .side-tabs .tab_content { padding: 20px; } #footer.footer-dark .tab_widget ul.tabs li { border-color: #282828; background-image: linear-gradient(bottom, rgb(51,51,51) 9%, rgb(59,59,59) 55%); background-image: -o-linear-gradient(bottom, rgb(51,51,51) 9%, rgb(59,59,59) 55%); background-image: -moz-linear-gradient(bottom, rgb(51,51,51) 9%, rgb(59,59,59) 55%); background-image: -webkit-linear-gradient(bottom, rgb(51,51,51) 9%, rgb(59,59,59) 55%); background-image: -ms-linear-gradient(bottom, rgb(51,51,51) 9%, rgb(59,59,59) 55%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.09, rgb(51,51,51)), color-stop(0.55, rgb(59,59,59)) ); } #footer.footer-dark .tab_widget ul.tabs li:first-child { border-color: #282828; } #footer.footer-dark .tab_widget ul.tabs li a { color: #EEE; text-shadow: 1px 1px 1px rgba(0,0,0,0.3); border: 0; } #footer.footer-dark .tab_widget ul.tabs li.active, #footer.footer-dark .tab_widget ul.tabs li.active a:hover { background: #555; border-bottom: 1px solid #555; } #footer.footer-dark .tab_widget .tab_container { background: #555; border-color: #282828; } /* ---------------------------------------------------------------- Toggle -----------------------------------------------------------------*/ .toggle { display: block; position: relative; margin: 0 0 10px 0; border-bottom: 1px dotted #e5e5e5; padding-bottom: 10px; } .toggle .togglet, .toggle .toggleta { display: block; position: relative; line-height: 24px; padding-left: 32px; cursor: pointer; margin: 0; font-size: 15px; font-family: 'Open Sans', sans-serif; color: #333; background: url("images/icons/toggle-plus2.png") no-repeat left; } .toggle .toggleta, .toggle .toggleta.open{ background: url("images/icons/toggle-minus2.png") no-repeat left; } .toggle .togglec, .toggle .togglec.open { display: block; position: relative; padding: 10px 0 0 32px; } /* ---------------------------------------------------------------- Alert Messages -----------------------------------------------------------------*/ .style-msg, .style-msg2 { display: block; border-left: 4px solid rgba(0,0,0,0.1); } .style-msg2 { border-left: 4px solid rgba(0,0,0,0.2); } .successmsg { background: #C1FFCC; color: #184B21; } .errormsg { background: #F9BBB9; color: #740D0A; } .infomsg { background: #B9DFF4; color: #124F70; } .alertmsg { background: #FCE0B6; color: #975E06; } .style-msg .sb_msg, .style-msg2 .msgtitle, .style-msg2 .sb_msg { display: block; padding: 10px 15px; border-left: 1px solid rgba(255,255,255,0.5); font-size: 13px; text-shadow: 1px 1px 1px rgba(255,255,255,0.6); } .style-msg2 .msgtitle { background: rgba(0,0,0,0.1); border-top: none; border-bottom: none; font-size: 13px; border-bottom: 1px solid rgba(255,255,255,0.6); } .style-msg2 .sb_msg { font-weight: normal; } .style-msg2 ol, .style-msg2 ul { margin: 0 0 0 30px; } .style-msg2 ol { list-style-type: decimal; } .style-msg2 ul { list-style-type: disc; } .alert { position:relative; } .alert span{ display:block; position: absolute; left: 0; top: 0; margin: 0; padding: 10px; width: 30px; height: 36px; font-size:29px; line-height:30px; } /* ---------------------------------------------------------------- Quotes -----------------------------------------------------------------*/ .quote { background: url("images/icons/quote.png") left top no-repeat; margin: 10px 0; padding: 0 0 0 15px; font-size: 15px; font-style: italic; color: #777; text-shadow: 1px 1px 1px #FFF; border: 0; } blockquote.quote-left, blockquote.quote-right { font-size: 15px; line-height: 20px; padding-left: 15px; } .quote-left { float: left; width: 150px; margin-right: 20px; margin-left: 0; margin-bottom: 5px; } .quote-right { float: right; width: 150px; margin-left: 20px; margin-bottom: 5px; } /* ---------------------------------------------------------------- Category Description -----------------------------------------------------------------*/ .category_description { background-color: #f8f8f8; padding: 10px; margin-bottom: 40px; border: 1px solid #f2f2f2; } .category_description p { margin-bottom:0; } /* ---------------------------------------------------------------- Gallery -----------------------------------------------------------------*/ .gallery { margin: 20px auto; float: left; width: 100%; line-height: 1; } .gallery .gallery-item { float: left; text-align: center; margin-left: 0; width: auto !important; margin: 10px 10px 0 0 !important; } .gallery-item img { margin: 0 !important; padding: 0 !important; width: auto !important; height: auto !important; } .gallery-item a { float: left; border: none !important; margin: 0 !important; padding: 0 !important; } .gallery .gallery-caption { margin-left: 0; } .gallery br { clear: both } .col-0 { width: 100% } .col-1 { width: 100% } .col-2 { width: 50% } .col-3 { width: 33.333% } .col-4 { width: 25% } .col-5 { width: 20% } .col-6 { width: 16.666% } .col-7 { width: 14.285% } .col-8 { width: 12.5% } .col-9 { width: 11.111% } /* ---------------------------------------------------------------- Features -----------------------------------------------------------------*/ .product-feature { position: relative; padding-left: 50px; /* margin-top: 30px;*/ } .product-feature.toright { padding-left:0; padding-right: 50px; text-align:right; } .product-feature.style2 { padding-left:0; text-align:center; } .product-feature:first-child { margin-top: 0; } .product-feature h3 { padding-bottom: 7px; } .product-feature.style2 h3 { padding: 15px; } .product-feature p { margin: 0; } .product-feature img, .product-feature > span { display: block; position: absolute; left: 0; top: 0; margin: 0; padding: 6px; width: 24px; height: 24px; background-color: #333; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; transition: background-color .2s linear; -moz-transition: background-color .2s linear; -webkit-transition: background-color .2s linear; -ms-transition: background-color .2s linear; -o-transition: background-color .2s linear; } .product-feature.style2 img{ width: auto; height: auto; max-width:64px; max-height:64px; } .product-feature.toright > span { left: auto; right: 0; } .product-feature img{ background: none; border-radius:0; -moz-border-radius: 0; -webkit-border-radius: 0; width:32px; height:32px; } .product-feature.style2 img { position: relative; margin: 0 auto; } .product-feature > span.inverse{ display: block; position: absolute; left: 0; top: 0; margin: 0; padding: 6px; width: 24px; height: 24px; background-color: #f96e5b; border-radius: 24px; -moz-border-radius: 24px; -webkit-border-radius: 24px; } .product-feature > span { font-size: 20px; color: #FFF; text-align: center; line-height: 23px; } /* .product-feature:hover >span { background-color:#f96e5b; } .product-feature:hover >span.inverse { background-color:#333; } */ .product-feature2 { padding-left: 52px; } .product-feature2 img, .product-feature2 > span, .product-feature3 img, .product-feature3 > span { padding: 0; width: 40px; height: 40px; background-color: transparent !important; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; font-size: 40px; color: #333; text-align: center; line-height: 1; } .product-feature3 { padding: 15px; background-color: #F5F5F5; text-align: center; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: inset 0 0 15px rgba(0,0,0,0.1); -moz-box-shadow: inset 0 0 15px rgba(0,0,0,0.1); -webkit-box-shadow: inset 0 0 15px rgba(0,0,0,0.1); } .product-feature3 img, .product-feature3 > span { position: relative; margin: 0 auto 5px; width: 96px; height: 96px; font-size: 95px; } .product-feature3:hover span { color: #f96e5b; } /* ---------------------------------------------------------------- Clients -----------------------------------------------------------------*/ .clients_wrapper{ padding-bottom:30px; position: relative; } .clients_wrapper.extra_class{ padding:30px 0; } .portfolio-wrapper .caroufredsel_wrapper { min-height:100px !important; /*width: 100% !important;*/ } .caroufredsel_wrapper { min-height: 90px; position: relative; } .our-clients { position: relative; margin: 0 -12px 0 0; } .our-clients li, .our-clients .item { margin: 0 12px 0 0; position: relative; float: left; border: 5px solid #F5F5F5; transition: border-color .2s linear; -moz-transition: border-color .2s linear; -webkit-transition: border-color .2s linear; -ms-transition: border-color .2s linear; -o-transition: border-color .2s linear; /*min-height:80px;*/ } .our-clients li:hover, .our-clients .item:hover { border-color: #f96e5b; } /* .our-clients li, .our-clients li a, .our-clients li img { display: block; width: 140px !important; height: 90px; background: #F9F9F9; } */ .our-clients li, .our-clients li a, .our-clients li img, .our-clients .item, .our-clients .item a, .our-clients .item img { display: block; width: 138px; height:auto; } .vc_span2 .our-clients li a, .vc_span2 .our-clients li a img { width: 118px; } .vc_span3 .our-clients li a, .vc_span3 .our-clients li a img { width: 89px; } .vc_span4 .our-clients li a, .vc_span4 .our-clients li a img { width: 130px; } .vc_span6 .our-clients li a, .vc_span6 .our-clients li a img { width: 134px; } .vc_span8 .our-clients li a, .vc_span8 .our-clients li a img { width: 136px; } .vc_span9 .our-clients li a, .vc_span9 .our-clients li a img { width: 120px; } .vc_span10 .our-clients li a, .vc_span10 .our-clients li a img { width: 137px; } .vc_span2 .our-clients .item a, .vc_span2 .our-clients .item a img { width: 118px; } .vc_span3 .our-clients .item a, .vc_span3 .our-clients .item a img { width: 89px; } .vc_span4 .our-clients .item a, .vc_span4 .our-clients .item a img { width: 130px; } .vc_span6 .our-clients .item a, .vc_span6 .our-clients .item a img { width: 134px; } .vc_span8 .our-clients .item a, .vc_span8 .our-clients .item a img { width: 136px; } .vc_span9 .our-clients .item a, .vc_span9 .our-clients .item a img { width: 120px; } .vc_span10 .our-clients .item a, .vc_span10 .our-clients .item a img { width: 137px; } /* ---------------------------------------------------------------- Team Members -----------------------------------------------------------------*/ .our-team { position: relative; margin: 0 -30px 0 0; } .our-team.team-4 { margin: 0 -28px 0 0; } .team-member { position: relative; margin: 0 0 30px 0; /* margin: 0 30px 30px 0; width: 300px; float: left; */ } .team-4 .team-member { margin: 0 28px 28px 0; width: 219px; } .team-member .team-image { position: relative; margin-bottom: 15px; } .team-image, .team-image img { display: block; /* width: 300px; height: 250px; */ } .team-4 .team-image, .team-4 .team-image img { width: 209px; height: 209px; border-radius: 105px; -moz-border-radius: 105px; -webkit-border-radius: 105px; } .team-4 .team-image { border: 5px solid #EEE; text-align: center; border-radius: 110px; -moz-border-radius: 110px; -webkit-border-radius: 110px; } .team-image span { display: block; position: absolute; background-color: #f96e5b; color: #FFF; top: auto; bottom: 0; left: 0; padding: 0 10px; line-height: 22px; font-size: 12px; text-transform: uppercase; } .team-4 .team-image span { display: inline-block; position: relative; top: -35px; bottom: auto; left: auto; z-index: 2; } .team-member .team-desc { position: relative; } .team-desc h4 { font-size: 14px; line-height: 22px; font-weight: bold; padding-bottom: 5px; margin-bottom: 5px; } .team-desc p { margin-bottom: 0; } .team-social { position: absolute; top: 5px; left: auto; right: 0; } .team-social a { float: left; margin-left: 10px; } .team-social a:first-child { margin-left: 0; } .team-social a, .team-social img, .team-skills li a, .team-skills li img, .team-social i { display: block; width: 16px; height: 16px; text-align: center; line-height: 1; } .team-social i { position: relative; color: #666; font-size: 14px; } .team-social i:hover { color: #888; } .team-skills { margin: 10px 0 0; padding: 7px 0 2px; border-top: 1px dotted #DDD; border-bottom: 1px dotted #DDD; } .changed{ border:none; margin:0; padding:0; } .team-skills li { display: inline-block; margin: 0; line-height: 22px; font-size: 12px; text-transform: uppercase; font-family: "Open Sans"; } .team-skills li span { display: inline-block; position: relative; top: 1px; font-size: 14px; color: #f96e5b; margin-right: 2px; text-shadow: 0px 0px 0px #FFF; } .social_links .team-skills li span { margin-right: 0px; } .team-skills li .social-icons a{ background: transparent url("images/icons/social/social-icons-mono-smaller.png"); } .team-skills.changed li .social-icons a{ background: url("images/icons/social/social-icons-mono-smaller.png"); } .social_links .team-skills li span a { background-color:#fff; } .team-skills li a{ display:block; width:39px; height:39px; line-height:39px; } .team-skills li a i { font-size:15px; } .team-skills li .social-icons a.facebook, .team-skills.changed li .social-icons a.facebook{ background-position: -28px, center; } .team-skills li .social-icons a.twitter, .team-skills.changed li .social-icons a.twitter{ background-position: 4px, center; } .team-skills li .social-icons a.gplus, .team-skills.changed li .social-icons a.gplus{ background-position: -252px, center; } .team-skills li .social-icons a.linkedin, .team-skills.changed li .social-icons a.linkedin{ background-position: -188px, center; } .team-skills li .social-icons a.dribbble, .team-skills.changed li .social-icons a.dribbble{ background-position: -60px, center; } .team-skills li .social-icons a.vimeo, .team-skills.changed li .social-icons a.vimeo{ background-position: -92px, center; } .team-skills li .social-icons a.tumblr, .team-skills.changed li .social-icons a.tumblr{ background-position: -124px, center; } .team-skills li .social-icons a.skype, .team-skills.changed li .social-icons a.skype{ background-position: -476px, center; } .team-skills li .social-icons a.flickr, .team-skills.changed li .social-icons a.flickr{ background-position: -284px, center; } .team-skills li .social-icons a.pinterest, .team-skills.changed li .social-icons a.pinterest{ background-position: -380px, center; } .team-skills li .social-icons a.youtube, .team-skills.changed li .social-icons a.youtube{ background-position: -316px, center; } .team-skills li .social-icons a.behance, .team-skills.changed li .social-icons a.behance{ background-position: -348px, center; } /* ---------------------------------------------------------------- FAQs -----------------------------------------------------------------*/ #faqs { margin: 0 0 -15px; } .faq { border-bottom: 1px dotted #DDD; } .faq .togglet, .faq .toggleta { background-image: none !important; line-height: 24px; padding-left: 32px; } .faq .togglet i, .faq .toggleta i { display: block; position: absolute; font-size: 18px; width: 18px; text-align: center; top: 0; left: 0; } .faq .togglec, .faq .togglec.open { padding: 10px 0 0 32px; } /* ---------------------------------------------------------------- About -----------------------------------------------------------------*/ .skills { margin: 0; } .skills li { position: relative; margin-top: 15px; } .skills li:first-child { margin-top: 0; } .skills li .progress { height: 30px; margin: 0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .skills li span { position: absolute; top: 0; left: 0; padding-left: 10px; height: 30px; line-height: 30px; font-family: "Open Sans", sans-serif; font-size: 13px; color: #FFF; } /* ---------------------------------------------------------------- Icons -----------------------------------------------------------------*/ .icon-rounded, .icon-plain, .icon-circled { display: block !important; float: left !important; margin: 12px 12px 12px 0; text-align: center !important; font-size: 28px; line-height: 30px; color: #FFF; text-shadow: 1px 1px 1px rgba(0,0,0,0.3); cursor: pointer; } .icon-rounded, .icon-circled { width: 32px; height: 32px; padding: 8px; background-color: #444; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .icon-plain { width: 48px; height: 48px; font-size: 47px; line-height: 50px; color: #444; text-shadow: 1px 1px 1px #FFF; } .icon-plain:hover { color: #777; } .icon-circled { border-radius: 24px; -moz-border-radius: 24px; -webkit-border-radius: 24px; } .icon-light { background-color: #F5F5F5; color: #444; text-shadow: 1px 1px 1px #FFF; box-shadow: inset 0 0 15px rgba(0,0,0,0.2); -moz-box-shadow: inset 0 0 15px rgba(0,0,0,0.2); -webkit-box-shadow: inset 0 0 15px rgba(0,0,0,0.2); } .icon-rounded:hover, .icon-circled:hover { background-color: #f96e5b; color: #FFF; text-shadow: 1px 1px 1px rgba(0,0,0,0.3); box-shadow: 0 0 0 rgba(0,0,0,0.2); -moz-box-shadow: 0 0 0 rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 0 rgba(0,0,0,0.2); } /* ---------------------------------------------------------------- Dropcap -----------------------------------------------------------------*/ .dropcap { font-size:62px; margin-right:6px; padding-top:11px; text-transform: uppercase; float: left; position: relative; top: 5px; color:#f96e5b; padding-bottom:11px;} /* ---------------------------------------------------------------- Highlight -----------------------------------------------------------------*/ .highlight1 { display: inline; padding: 0 2px; color: #FFF; background-color: #f96e5b; } .highlight2 { display: inline; padding: 0 2px; color: #FFF; } /* ---------------------------------------------------------------- Checklist -----------------------------------------------------------------*/ .checklist{ } .default { list-style:disc; } /* ---------------------------------------------------------------- Buttons -----------------------------------------------------------------*/ /* .wpb_wrapper .wpcf7-submit { background-image: none ; padding: 0 15px ; outline: none ; border: none ; box-shadow: none; border-radius:3px; } */ .button { display: inline-block; position: relative; cursor: pointer; outline: none; white-space: nowrap; margin: 5px; padding: 0; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; box-shadow: 0 1px 0px rgba(114,114,114,0.3); -moz-box-shadow: 0 1px 0px rgba(114,114,114,0.3); -webkit-box-shadow: 0 1px 0px rgba(114,114,114,0.3); } .button:hover { background-color: #666 ; text-decoration: none; } .button:active { top: 1px; } .button span { display: inline-block; padding: 0 18px; height: 29px; line-height: 29px; color: #FFF; font-size: 13px; font-weight: 400; border-top: 1px solid rgba(255,255,255,0.2); border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; text-shadow: 1px 1px 1px rgba(0,0,0,0.4); } .button span i{ padding-right:5px; } .red_btn { background-color: #f96e5b !important; } .green_btn { background-color: #2ecc71 !important; } .blue_btn { background-color: #3498db !important; } .brown_btn { background-color: #DE8E36 !important; } .white_btn, .white_btn:hover { background-color: #F6F6F6 !important; } .white_btn span { color: #444 !important; text-shadow: 1px 1px 1px rgba(255,255,255,0.8); } .orange_btn { background-color: #f39c12 !important; } .purple_btn { background-color: #9b59b6 !important; } .black_btn, .black_btn:hover { background-color: #494949 !important; } .black_btn span { color: #FFF; text-shadow: 1px 1px 1px rgba(0,0,0,0.6); } button.button { margin: 5px 0 ; background-color: #F6F6F6 ; } button.button:hover { background-color: #F6F6F6 ; } button.button span { color: #555 !important; text-shadow: 1px 0 1px rgba(255,255,255,0.8) !important; } .simple-button,.simple-button-3d, .woocommerce #content button.button, #content .return-to-shop a.button, .woocommerce #payment #place_order, .woocommerce-page #payment #place_order, #content .woocommerce input.button, #content .woocommerce a.button { display: inline-block; position: relative; cursor: pointer; outline: none; /*white-space: nowrap;*/ margin: 5px; color: #FFF; font-size: 14px; padding: 9px 15px; font-weight: 400; line-height: normal; /*min-height: 36px;*/ background: #f96e5b; border: none; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; transition: all .2s linear; -moz-transition: all .2s linear; -webkit-transition: all .2s linear; -ms-transition: all .2s linear; -o-transition: all .2s linear; } .simple-button-3d { transition: none; -moz-transition: none; -webkit-transition: none; -ms-transition: none; -o-transition: none; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .smaller { font-size:11px; text-transform:uppercase; line-height:26px; min-height:26px; } .simple-button-3d:hover { color:#fff; } .simple-button-3d { box-shadow: 0px 3px 0px 0px #c14e3f; } .simple-button-3d:active, .simple-button-3d:active.red, .simple-button-3d:active.dark_red, .simple-button-3d:active.blue, .simple-button-3d:active.orange, .simple-button-3d:active.emerald, .simple-button-3d:active.turquoise, .simple-button-3d:active.amethyst, .simple-button-3d:active.wet_asphalt, .simple-button-3d:active.light, .simple-button-3d:active.dark { box-shadow: 0px 0px 0px 0px #c14e3f; top:2px; } .simple-button.large, .simple-button-3d.large { /*line-height: 48px;*/ font-size: 16px; padding:13px 15px; } .simple-button i,.simple-button-3d i { /*display: block;*/ font-size: 14px; height: 16px; width: 18px; padding: 0 8px 0 0; line-height: 16px; } .simple-button.large i, .simple-button-3d.large i { font-size: 16px; width: 18px; height: 20px; line-height:18px; } .simple-button:hover { background: #f96e5b; color: #FFF; } .simple-button.inverse:hover { background: #333; } .round { border-radius:3px; } .taptocall { display:none; margin-bottom:10px; } .taptocall i{ float:none; } /* ---------------------------------------------------------------- Pricing Boxes -----------------------------------------------------------------*/ .pricing { display: block; position: relative; margin: 40px 0; } .pricing .pricing-wrap { float: left; width: 24.8%; position: relative; background-color:#fff; } .pricing3 .pricing-wrap { width: 33%; } .pricing5 .pricing-wrap { width: 20%; } .pricing .pricing-wrap.best-price { margin-left: -1px; margin-top:-20px; box-shadow: 0px 0px 16px rgba(0,0,0,0.3); z-index: 99; } .pricing-wrap .pricing-inner { position: relative; border: 1px solid #E5E5E5; margin-left: -1px; text-align: center; } .pricing-wrap:first-child { margin-left: 1px; } .pricing-wrap:first-child .pricing-inner { border-left: 1px solid #E5E5E5; } .best-price .pricing-inner { border-left: 1px solid #E5E5E5; } .pricing-inner .pricing-title { position: relative; padding: 20px 0; } .pricing-title h4 { font-size: 17px; line-height: 24px; text-transform:uppercase; padding-bottom: 0; color: #444; } .best-price .pricing-inner .pricing-title { padding-top:30px; } .best-price .pricing-action{ padding-bottom:25px; } .best-price .pricing-title h4 { color: #f96e5b; font-size:22px; line-height:34px } .pricing-title h4 span { display: block; font-size: 13px; font-weight: normal; color: #BBB; } .pricing-inner .pricing-price { padding: 15px 0; font-size: 36px; line-height: 40px; color: #444; border-top: 1px solid #E5E5E5; border-bottom: 1px solid #E5E5E5; } .best-price .pricing-price { color: #f96e5b; } .pricing-price .price-sub { display: inline-block; position: relative; font-size: 16px; vertical-align: top; top: -7px; margin-left: 2px; } .pricing-price .price-tenure { display: block; font-size: 13px; line-height: 20px; font-family: "Open Sans", sans-serif; color: #AAA; text-transform:uppercase; } .pricing-inner .pricing-features { /*padding: 10px 0; border-bottom: 1px solid #E5E5E5; */ padding-bottom: 0; } .pricing-features ul { margin: 0; } .pricing-inner .pricing-features ul { padding-left: 0; list-style: none; } .pricing-features li { position: relative; padding: 6px 0; border-top: 1px solid #EEE; } .pricing-features li:nth-child(odd) { background-color:#f8f8f8; } .pricing-features li span { font-weight: bold; color: #333; } .pricing-features li:first-child { border-top: 0; } .pricing-action { padding: 15px 0; border-top: 1px solid #E5E5E5; } .pricing-action a { margin: 0 !important; } .pricing-style2 .pricing-price { padding: 15px 0; font-size: 36px; line-height: 40px; color: #444; } .pricing-style2 .best-price .pricing-price { background-color: #f96e5b; margin: 0 -1px; } .pricing-style2 .best-price .price-tenure { color: #EEE; } .pricing-wrap.pricing-defines .pricing-inner { border-color: transparent; border-right: 1px solid #E5E5E5; text-align: left; } .best-price .pricing-inner .pricing-price{ color:#fff; } .pricing-wrap.pricing-defines .pricing-title, .pricing-wrap.pricing-defines .pricing-price, .pricing-wrap.pricing-defines .pricing-action { visibility: hidden; } .pricing-wrap.pricing-defines .pricing-features { padding: 10px 15px; border: 1px solid #E5E5E5; border-right: none; background-color: #EEE; } .pricing-wrap.pricing-defines .pricing-features li { border-top: 1px solid #E5E5E5; font-weight: bold; color: #AAA; } .pricing-wrap.pricing-defines .pricing-features li a.icon-question-sign { display: block; position: absolute; width: 17px; height: 17px; text-align: center; top: 6px; left: auto; right: 0; font-size: 17px; color: #AAA; } .pricing-wrap.pricing-defines .pricing-features li a.icon-question-sign:hover { color: #666; } .pricing-wrap.pricing-defines .pricing-features li:first-child { border-top: 0; } .pricing3.spacing .pricing-wrap { margin-right:2%; width: 31%; } .pricing4.spacing .pricing-wrap { margin-right:1%; width: 23.8%; } .pricing5.spacing .pricing-wrap { margin-right:1%; width: 19%; } .pricing3.spacing .pricing-wrap:last-child, .pricing4.spacing .pricing-wrap:last-child, .pricing5.spacing .pricing-wrap:last-child { margin-right: 0; } /* ---------------------------------------------------------------- Accordions -----------------------------------------------------------------*/ .acctitle, .acctitlec { display: block; position: relative; cursor: pointer; border-top: 1px dotted #DDD; line-height: 24px; padding: 12px 0 12px 32px; margin: 0; font-size: 15px; font-family: 'Open Sans', sans-serif; color: #333; background: url("images/icons/toggle-plus2.png") no-repeat left; } .wpb_accordion_section { border-bottom: 1px dotted #ddd; } .wpb_accordion_section:last-child { border-bottom: none; } .acctitlec, .ui-state-active { background: url("images/icons/toggle-minus2.png") no-repeat left; cursor: auto; } .acctitle.render-icon { background: none; transition: color 0.3s linear; } .acctitle.render-icon i{ position:absolute; left:0; display:block; font-size:18px; width:18px; } .acctitle.render-icon.acctitlec, .acctitle.acctitlec { color: #f96e5b; } .acctitle:first-child { border-top: none; } .acc_content { position: relative; padding: 0 0 15px 32px; } /* ---------------------------------------------------------------- Google Maps -----------------------------------------------------------------*/ #google-map { position: relative; width: 100%; height: 100%; } #google-map h3 { padding-bottom: 12px; } #google-map h3, #google-map h3 span { font-size:18px; font-weight:600; } .gmap img { max-width: none !important; } .google_map_render.contact_map { height:400px; } /* ---------------------------------------------------------------- reCaptcha -----------------------------------------------------------------*/ .recaptcha_widget { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 10px; background-color: #EEE; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; margin: 10px 0; } #recaptcha_image { width: 100% !important; height: auto !important; } #recaptcha_image img { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; height: auto; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; border: 15px solid #FFF; } .recaptcha_is_showing_audio embed { height: 0; width: 0; overflow: hidden; } .recaptcha_is_showing_audio #recaptcha_image { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 60px; background: #FFF; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; border: 10px solid #FFF; } .recaptcha_is_showing_audio #recaptcha_image br { display: none;} .recaptcha_is_showing_audio #recaptcha_image #recaptcha_audio_download { display: block; } .recaptcha_input label { margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .recaptcha_input input { width: 100%; } .recaptcha_options { list-style: none; margin: 4px 0 0; height: 14px; } .recaptcha_options li { float: left; margin: 0 6px 0 0; } .recaptcha_options li a { text-decoration: none; text-shadow: 0 1px 1px #FFF; font-size: 14px; color: #777; display: block; width: 14px; height: 14px; text-align: center; } .recaptcha_options li a:active { position: relative; top: 1px; text-shadow: none; } .captcha_hide { display:none; } body > iframe { display: none; } /* ---------------------------------------------------------------- Testimonials -----------------------------------------------------------------*/ .testimonials_outer { position: relative; } .testimonial-scroller { position: relative; padding-bottom:20px; } .testimonial-scroller, .clients_wrapper, .portfolio-wrapper { display: none; } .testimonial-item { float: left; } .testimonial-item .testi-content { background-color: #EEE; padding: 15px; font-size: 13px; margin-bottom: 10px; position: relative; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .slide_css .testimonial-item .testi-content { width:80%; margin:0 auto 10px; } .testimonial-item .testi-content.right, .testimonial-item .testi-author.right { text-align: right; } .testimonial-item .testi-author.right { padding-right:30px; padding-left:0; } .testimonial-item .testi-content.center, .testimonial-item .testi-author.center { text-align: center; } .testimonial-item .testi-author.center { padding-left:0; } .testimonial-item .testi-content.left, .testimonial-item .testi-author.left { text-align:left; } .testimonial-item .testi-author-img { max-width:50px; float:left; margin-right:10px; margin-left:17px; } .testimonial-item .right .testi-author-img { float:right; margin-right:-10px; margin-left:10px; } .testimonial-item .center .testi-author-img { float: none; margin: 0 auto; } .testimonial-item .testi-author { padding-top:5px; margin-left:30px; } .testimonial-item .center.testi-author { margin-left:0; } .testimonial-item .testi-author.display_image { margin-left:0; } .testimonial-item .testi-author.display_image .author_info { margin-top:5px; display:inline-block; } .testimonial-item .testi-author-img img{ border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; } #footer .testimonial-item .testi-content { background-color: #E2E2E2; } #footer.footer-dark .testimonial-item .testi-content { background-color: #282A2B; /*text-shadow: 1px 1px 1px rgba(0,0,0,0.3);*/ } .testimonial-item .testi-author { text-align: center; color: #222; font-size: 13px; font-weight: 600; padding-left: 30px; } .slide_css .testimonial-item .testi-author { max-width:80%; margin:0 auto; } .testimonial-item .testi-author span { display: block; color: #999; font-size: 11px; line-height: 16px; font-style: italic; font-weight: normal; } #footer.footer-dark .testimonial-item .testi-author { color: #FFF; padding-left:0; } #footer.footer-dark .testimonial-item .testi-author span { color: #CCC; } /* .testimonial-item .testi-content:before, .testimonial-item .testi-content:after { content: '"'; } */ .testimonial-item .testi-content span, .testimonial-item .testi-content span.left { position: absolute; bottom: -8px; left: 35px; display: block; width: 14px; height: 14px; border: 1px solid #ededed; border-top: 0; border-left: 0; background-color: #eee; content: ""; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); } .testimonial-item .testi-content span.right{ left:auto; right: 35px; } .testimonial-item .testi-content span.center{ left:50%; margin-left: -7px; } #footer .testimonial-item .testi-content span { border: 1px solid #fff; border-top: 0; border-left: 0; background-color: #282A2B; } /* ---------------------------------------------------------------- Go To Top -----------------------------------------------------------------*/ #gotoTop { display: none; position: fixed; width: 40px; height: 80px; background-color: #444; font-size: 28px; line-height: 35px; text-align: center; color: #FFF; top: auto; left: auto; right: 30px; bottom: -30px; cursor: pointer; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; transition: background-color .2s linear; -moz-transition: background-color .2s linear; -webkit-transition: background-color .2s linear; -ms-transition: background-color .2s linear; -o-transition: background-color .2s linear; } #gotoTop:hover { background-color: #f96e5b; } #imageBackground { display: block; position: fixed; top: 0; left: 0; min-width: 100%; min-height: 100%; z-index: -99; } /* ---------------------------------------------------------------- Footer -----------------------------------------------------------------*/ #call_action{ padding:60px 0; background-color:#f2f2f2; } #call_action .promo-text { padding:0; } #call_action h3 { font-size:20px; padding-bottom:0; } #call_action .promo-action { margin-top:-25px; max-width:none; } #twitter_bar { position:relative; background-color:#f96e5b; padding:15px 0; color:#fff; } #twitter_bar ul{ margin:0; } #twitter_bar ul li{ /*padding-left:25px; background: url("images/twitter-bird.png") no-repeat;*/ } #twitter_bar ul li:before{ font-family: "fontawesome"; content: "\f099"; font-size:22px; position: relative; top:3px; padding-right:5px; } #twitter_bar ul li a{ border-bottom:1px dotted #fff;; color:#fff; } #twitter_bar ul li a:hover{ border-bottom:none; } #footer { position: relative; background-color: #EEE; padding: 40px 30px; border-bottom:1px solid #3f3f3f; } #footer .contact_info { background: url("images/world_map.png") no-repeat center 65%; } #footer.footer-dark { background-color: #363839; color: #DDD; } #footer.footer-dark a { color: #CCC; /* text-shadow: 1px 1px 1px rgba(0,0,0,0.6); */ } #footer.footer-dark a:hover { color: #CCC; border-bottom-style: solid; } .footer-widgets-wrap { overflow: hidden; margin-bottom: -40px; } #footer .col_one_fourth { width: 210px; margin: 0 40px 40px 0; } #footer .col-footer-4 .col_one_fourth { width: 22.75%; margin-right:3%; } #footer .col-footer-3 .col_one_fourth { width: 31.3%; margin-right:3%; } #footer .col-footer-3 .col_one_fourth:nth-child(3n+1) { clear:left; } #footer .col-footer-2 .col_one_fourth { width: 48%; margin-right:4%; } #footer .col_one_fourth:nth-child(4n), #footer .col-footer-4 .col_one_fourth:nth-child(4n), #footer .col-footer-3 .col_one_fourth:nth-child(3n), #footer .col-footer-2 .col_one_fourth:nth-child(2n) { margin-right: 0; } #copyrights-social a, #copyrights-social a:hover { border-bottom-style: none; } ul.footer-menu{ position: relative; margin-bottom:0; } ul.footer-menu li{ display: inline-block; } ul.footer-menu li a{ margin:0 4px; } ul.footer-menu li:before{ content:"/ "; } ul.footer-menu li:first-child:before{ content:""; } /* ---------------------------------------------------------------- Widgets -----------------------------------------------------------------*/ .widget { display: block; position: relative; padding-top: 30px; margin-top:20px; width: 100%; /*overflow:hidden;*/ } .container .widget ul { padding-left: 0; list-style: none; } .widget a{ } .widget a:hover{ } .widget h4 { font-size: 11px; font-weight: bold; padding-bottom: 15px; line-height: 24px; } #footer .widget h4 { padding-bottom: 5px; } #footer .widget .comp { margin-bottom: 30px; border-bottom: 1px solid #4b4b4b; } #footer.footer-dark .widget h4 { color: #EEE; text-transform: uppercase; border-bottom:1px solid #676767; display:inline-block; position:relative; bottom:-1px; font-weight:400; } #footer .widget { padding: 0; border: none; margin: 40px 0 0 0; } .widget:first-child { margin-top: 0 !important; padding-top: 0; border-top: none; } .widget_search form { margin: 0; } .widget_text input[type="text"] { width: 192px; } .widget_search input[type="text"] { margin: 0 !important; background: url("images/icons/search.png") no-repeat left center; padding-left: 39px; width: 162px; } .widget_search input[type="submit"], .widget_search button { display: none; } .widget .custom_recent_posts { max-width: 210px; overflow:hidden; } /* ---------------------------------------------------------------- Twitter Widget -----------------------------------------------------------------*/ .twitter-widget ul, .twitter-widget ul li { margin: 0; } .twitter-widget ul li { padding: 0 0 0 21px; margin-top: 15px; /*background: url("images/icons/twitter.png") 0 2px no-repeat;*/ } #footer.footer-dark .twitter-widget ul li { /* background: url("images/icons/twitter.png") top left no-repeat; */ } .twitter-widget ul li:first-child { margin-top: 0; } .twitter-widget ul li span { display: block; } .twitter-widget ul li a{ color:#f96e5b;} .twitter-widget ul li a:hover{ color:#777 !important; } #footer.footer-dark .twitter-widget ul li a:hover{ color: #fff !important; } a.twitter-follow-me { display: block; position: relative; float: right; padding: 5px 10px; font-size: 11px; margin-top: 15px; color: #888; background-color: #E5E5E5; border: none !important; text-shadow: 1px 1px 1px #FFF; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #footer.footer-dark a.twitter-follow-me { background-color: #282A2B; } a.twitter-follow-me:hover, #footer.footer-dark a.twitter-follow-me:hover { background-color: #f96e5b; color: #FFF; text-shadow: 1px 1px 1px rgba(0,0,0,0.3); } /* ---------------------------------------------------------------- Posts List -----------------------------------------------------------------*/ .sposts-list { margin: 0; } .sposts-list li { margin: 15px 0 0 0; } .sposts-list li:first-child { margin-top: 0; } .sposts-list .spost-image { float: left; margin: 0 10px 0 0; background-color: #DDD; } .sposts-list a { border: none !important; /* color: #f96e5b; */ } .sposts-list a:hover { color:#777 !important; } .sposts-list .spost-image, .sposts-list .spost-image a { display: block; width: 46px; height: 46px; } .sposts-list .spost-image img { width: 42px; height: 42px; padding: 2px; } .sposts-list .spost-content { position: relative; overflow: hidden; } .sposts-list .spost-title { font-size: 12px; line-height: 20px; font-weight: 600; } .tabbed-widget .spost-title { font-size: 12px; } .sposts-list .spost-meta, .sposts-list .spost-meta ul { margin: 0 !important; } .sposts-list .spost-meta { font-size: 11px; } .sposts-list .spost-meta li { float: left; margin: 0 0 0 4px; color: #BBB; } .spost-meta li i { font-size: 14px; } .sposts-list .spost-meta a { color: #000; } .sposts-list .spost-meta a:hover { color: #888; } .sposts-list .spost-meta span { display: block; float: left; margin: 0 4px 0 0; font-size: 15px; height: 20px; line-height: 18px; } .sposts-list .spost-meta li:first-child { margin-left: 0; } #footer.footer-dark .spost-title a:hover { color: #AAA; } #footer.footer-dark .sposts-list .spost-meta a:hover { color: #FFF; } #footer.footer-dark .sposts-list .spost-image { background: #282A2B; } .sposts-list .spost-image:hover, #footer.footer-dark .sposts-list .spost-image:hover { background: #f96e5b; } /* ---------------------------------------------------------------- Flickr Widget -----------------------------------------------------------------*/ .flickr-widget .flickr-widget-wrap { position: relative; margin: 0 -1px -1px 0; } .flickr-widget .flickr_badge_image { margin: 0 1px 1px 0; } .flickr-widget a { border: none !important; line-height: 1 !important; } .flickr-widget .flickr_badge_image, .flickr-widget .flickr_badge_image a { float: left; } .flickr-widget .flickr_badge_image, .flickr-widget .flickr_badge_image a, .flickr-widget .flickr_badge_image img { display: block; width: 69px; height: 69px; } /* ---------------------------------------------------------------- Widgets Menu Style -----------------------------------------------------------------*/ .widget_nav_menu ul, .widget_nav_menu li, .widget_links ul, .widget_links li, .widget_meta ul, .widget_meta li, .widget_archive ul, .widget_archive li, .widget_recent_comments ul, .widget_recent_comments li, .widget_recent_entries ul, .widget_recent_entries li, .widget_categories ul, .widget_categories li, .widget_product_categories ul, .widget_product_categories li, .widget_pages ul, .widget_pages li { margin: 0; } .widget_nav_menu li, .widget_links li, .widget_meta li, .widget_archive li, .widget_recent_comments li, .widget_recent_entries li, .widget_categories li, .widget_product_categories li, .widget_pages li { font-family: "Open Sans", sans-serif; padding: 0 4px; } .widget_nav_menu li a, .widget_links li a, .widget_meta li a, .widget_archive li a, .widget_recent_entries li a, .widget_categories li a, .widget_product_categories li a, .widget_pages li a, .widget_recent_comments li { display: inline-block; padding: 3px 3px 3px 15px; } .widget_recent_comments li { display: block; background: url("images/icons/sidebar-comment.png") left top no-repeat; padding: 4px 0 4px 20px; } #footer.footer-dark .widget_recent_comments li { background: url("images/icons/footer-comment.png") left top no-repeat; } .widget_nav_menu li a, .widget_links li a, .widget_meta li a, .widget_archive li a, .widget_recent_entries li a, .widget_categories li a, .widget_product_categories li a, .widget_pages li a, .widget_recent_comments li a { background: url("images/icons/arrow.png") 0 11px no-repeat; border: none !important; font-size: 13px; } #footer.footer-dark .widget_nav_menu li a, #footer.footer-dark .widget_links li a, #footer.footer-dark .widget_meta li a, #footer.footer-dark .widget_archive li a, #footer.footer-dark .widget_recent_comments li a, #footer.footer-dark .widget_recent_entries li a, #footer.footer-dark .widget_categories li a, #footer.footer-dark .widget_pages li a { background: url("images/icons/farrow.png") 0 11px no-repeat; } .widget_recent_comments li a { display: inline; padding: 0; background: none !important; font-size: 12px; } .widget_nav_menu > ul > li:first-child, .widget_links > ul > li:first-child, .widget_meta > ul > li:first-child, .widget_archive > ul > li:first-child, .widget_recent_comments > ul > li:first-child, .widget_recent_entries > ul > li:first-child, .widget_categories > ul > li:first-child, .widget_pages > ul > li:first-child { border-top: 0 !important; } .widget_nav_menu > ul, .widget_links > ul, .widget_meta > ul, .widget_archive > ul, .widget_recent_comments > ul, .widget_recent_entries > ul, .widget_categories > ul, .widget_pages > ul { margin-top: -4px !important; } .widget_nav_menu ul ul, .widget_links ul ul, .widget_meta ul ul, .widget_archive ul ul, .widget_recent_comments ul ul, .widget_recent_entries ul ul, .widget_categories ul ul, .widget_pages ul ul { margin-left: 15px; } #footer.footer-dark .widget_nav_menu li a:hover, #footer.footer-dark .widget_links li a:hover, #footer.footer-dark .widget_meta li a:hover, #footer.footer-dark .widget_archive li a:hover, #footer.footer-dark .widget_recent_comments li a:hover, #footer.footer-dark .widget_recent_entries li a:hover, #footer.footer-dark .widget_categories li a:hover, #footer.footer-dark .widget_pages li a:hover { color: #BBB; } /* ---------------------------------------------------------------- Tag Cloud -----------------------------------------------------------------*/ .tagcloud { margin-bottom: -2px; } .tagcloud a { display: block; float: left; /*margin-right: 4px;*/ margin-bottom: 2px; padding: 3px 6px; background-color: #EEE; font-size: 11px !important; color: #666; text-shadow: 1px 1px 1px #FFF; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; text-transform:uppercase; margin: 2px; } #footer.footer-dark .tagcloud a { border: none !important; background-color: #282A2B; } .tagcloud a:hover, .widget .tagcloud a:hover, #footer.footer-dark .tagcloud a:hover { background-color: #f96e5b; color: #FFF; text-shadow: 1px 1px 1px rgba(0,0,0,0.3); } /* ---------------------------------------------------------------- Portfolio Widget -----------------------------------------------------------------*/ .portfolio-widget .portfolio-item { position: relative; float: left; margin: 0; width: 210px; } .portfolio-widget .portfolio-item .portfolio-image, .portfolio-widget .portfolio-item .portfolio-image a, .portfolio-widget .portfolio-item .portfolio-image img { display: block; position: relative; width: 210px; height: 143px; } .portfolio-widget .portfolio-title { padding: 10px 0; } .portfolio-widget a { border: none !important; } .portfolio-widget .portfolio_tags a:hover { color: #fff !important; border-bottom:1px dotted #fff !important; } #footer.footer-dark .portfolio-title { background-color: #282A2B; border-bottom-color: #222; } #footer.footer-dark .portfolio-item:hover .portfolio-title { border-bottom-color: #f96e5b; } /* ---------------------------------------------------------------- Widget Scroll Arrows -----------------------------------------------------------------*/ .widget-scroll-prev, .widget-scroll-next { display: block; position: absolute; cursor: pointer; width: 10px; height: 20px; top: 3px; left: auto; /* width: 20px; right: 22px; background: #ccc url('images/icons/widget-scroll2.png') no-repeat -2px -2px; */ right:14px; /* border-radius:2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; */ font-size:13px; } .widget-scroll-prev i, .widget-scroll-next i { transition: opacity .3s ease; -moz-transition: opacity .3s ease; -webkit-transition: opacity .3s ease; -ms-transition: opacity .3s ease; -o-transition: opacity .3s ease; filter: alpha(opacity=40); opacity: 0.4; } .widget-scroll-prev.disabled i, .widget-scroll-next.disabled i, .widget-scroll-prev.disabled:hover i, .widget-scroll-next.disabled:hover i { cursor: auto; opacity:0.2; filter: alpha(opacity=20); } /* #footer.footer-dark .widget-scroll-prev, #footer.footer-dark .widget-scroll-next { background-color: #282A2B; } */ .widget .widget-scroll-prev, .widget .widget-scroll-next { top: 30px; } .widget:first-child .widget-scroll-prev, .widget:first-child .widget-scroll-next { top: 0; } .widget-scroll-next { right: 0; /*background-position: -26px -2px;*/ } .widget-scroll-prev.disabled, .widget-scroll-next.disabled { cursor: auto; /* background-color: #ddd !important; */ } #footer.footer-dark .widget-scroll-prev.disabled, #footer.footer-dark .widget-scroll-next.disabled { opacity: 0.5; } /* .widget-scroll-prev:hover, .widget-scroll-next:hover, #footer.footer-dark .widget-scroll-prev, #footer.footer-dark .widget-scroll-next { background-color: #fff } */ .widget-scroll-prev:hover i, .widget-scroll-next:hover i { filter: alpha(opacity=100); opacity: 1; } .testimonial-scroller .widget-scroll-prev, .testimonial-scroller .widget-scroll-next { top: -45px; } .testimonial-scroller.slide_css .widget-scroll-prev, .testimonial-scroller.slide_css .widget-scroll-next { top: 25%; left:0 ; right: auto; margin-top:-20px; } .slide_css .widget-scroll-prev, .slide_css .widget-scroll-next { height: 40px; width: 40px; } .slide_css i { font-size:40px; } .testimonial-scroller.slide_css .widget-scroll-next { left:auto; right: 0; text-align:right; } #footer .testimonial-scroller .widget-scroll-prev, #footer .testimonial-scroller .widget-scroll-next { top: -60px; } .testimonial-scroller.extra_class{ padding-top: 20px; } .testimonial-scroller .widget-scroll-prev.extra_position, .testimonial-scroller .widget-scroll-next.extra_position { top:-5px; } /* ---------------------------------------------------------------- Copyrights -----------------------------------------------------------------*/ #copyrights { position: relative; padding: 22px 30px; line-height: 20px; font-size: 12px; background-color: #E5E5E5; overflow: hidden; color: #888; border-top: 1px solid #1a1a1a; } #copyrights a { display: inline-block; margin-left: 0px; color: #666; } #copyrights span.link-divider { display: inline-block; margin-left: 7px; } #copyrights a:hover { color: #000; } #copyrights.copyrights-dark { background-color: #282A2B; color: #999; } #copyrights.copyrights-dark a { color: #AAA; } #copyrights.copyrights-dark a:hover { color: #DDD; } #copyrights .col_half { margin-bottom: 0 !important; } #copyrights #copyrights-social { text-align: right; margin-top: 2px; line-height: 1; } #copyrights-social a { display: inline-block; width: 16px; height: 16px; margin-left: 5px; } #copyrights-social img { display: block; width: 16px; height: 16px; } /* ---------------------------------------------------------------- Stretched Layout -----------------------------------------------------------------*/ .stretched #wrapper{ margin: 0 auto; width: 100%; } .stretched #top-social { margin-right: 0; } .stretched #header, .stretched .content-wrap { } .stretched #slider { padding: 0; } .stretched #portfolio-single-wrap #slider { padding: 0; /* background: none; */ } #slider-output { } .stretched #slider .container { width: 960px; } .stretched #slider.elastic-slideshow, .stretched #slider.revolution-slider, .stretched #slider.layerslider-wrap { padding: 0; } .stretched #slider.camera-slideshow { padding: 0; height: auto; } .stretched #slider.slider-nivo { height: auto; } .stretched #slider.elastic-slideshow .container, .stretched #slider.camera-slideshow .container, .stretched #slider.revolution-slider .container, .stretched #slider.layerslider-wrap .container { width: 100%; } .stretched #piecemaker { margin-bottom: -35px; } .stretched .slider-3d { margin-left: -30px; } .stretched #slider .kwicks .kwick-panel { width: 192px; } .stretched #slider.thumb-slider .flex-control-thumbs, .stretched #slider.thumb-slider .rs-thumb-wrap { background: transparent; } .stretched .slider-line { display: none; } .stretched .slider-shadow { display: block; } .stretched #page-title { padding: 5px 0; } /*.stretched #copyrights { margin-bottom: -20px; } */ /* ---------------------------------------------------------------- Featured Services -----------------------------------------------------------------*/ .inner{ /* Old browsers */ -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear; overflow:hidden; background-color:#f9f9f9; border:1px solid #f2f2f2 } /* .inner a{ text-align: left; width: 100%; height: 100%; display: block; color: #333; } */ .inner:hover a, .inner a:hover{ color:#fff; } .inner .ca-icon{ display:block; font-size: 40px; color: #777; line-height: 120px; height: 121px; text-align: center; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear; } .paddingtop { padding-top:30px; } .inner .ca-icon i{ } .inner .ca-icon img { /*padding-top: 30px;*/ max-width:100px; max-height:100px; } .inner .ca-main{ display:block; font-size: 20px; opacity: 0.8; text-align: center; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear; line-height:normal; color:#f96e5b; } .inner .ca-sub{ display:block; text-align:center; font-size: 12px; color: #777; opacity: 0.8; padding:10px 10px 20px 10px; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear; } .inner:hover{ background:#f96e5b; } .inner:hover .ca-icon{ color: #fff; height: 121px; font-size: 60px; /*text-shadow: 2px 1px 1px rgba(0,0,0,0.3);*/ opacity: 0.9; -webkit-animation: moveFromLeft 400ms ease; -moz-animation: moveFromLeft 400ms ease; -ms-animation: moveFromLeft 400ms ease; } .inner:hover .ca-main{ color: #fff; -webkit-animation: moveFromRight 300ms ease; -moz-animation: moveFromRight 300ms ease; -ms-animation: moveFromRight 300ms ease; /*text-shadow: 2px 1px 1px rgba(0,0,0,0.3);*/ } .inner:hover .ca-sub{ color: #fff; -webkit-animation: moveFromBottom 400ms ease; -moz-animation: moveFromBottom 400ms ease; -ms-animation: moveFromBottom 400ms ease; /*text-shadow: 2px 1px 1px rgba(0,0,0,0.3);*/ } @-webkit-keyframes moveFromLeft{ from { -webkit-transform: translateX(-100%); } to { -webkit-transform: translateX(0%); } } @-moz-keyframes moveFromLeft{ from { -moz-transform: translateX(-100%); } to { -moz-transform: translateX(0%); } } @-ms-keyframes moveFromLeft{ from { -ms-transform: translateX(-100%); } to { -ms-transform: translateX(0%); } } @-webkit-keyframes moveFromRight { from { -webkit-transform: translateX(100%); } to { -webkit-transform: translateX(0%); } } @-moz-keyframes moveFromRight { from { -moz-transform: translateX(100%); } to { -moz-transform: translateX(0%); } } @-ms-keyframes moveFromRight { from { -ms-transform: translateX(100%); } to { -ms-transform: translateX(0%); } } @-webkit-keyframes moveFromBottom { from { -webkit-transform: translateY(100%); } to { -webkit-transform: translateY(0%); } } @-moz-keyframes moveFromBottom { from { -moz-transform: translateY(100%); } to { -moz-transform: translateY(0%); } } @-ms-keyframes moveFromBottom { from { -ms-transform: translateY(100%); } to { -ms-transform: translateY(0%); } } td.product-subtotal { width: 14%; }