/* Table of Content * - Display * - Default Layout * - Layout with Fancy Divider Type 1 * - Layout with Fancy Divider Type 2 */ 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-family: inherit; vertical-align: baseline; zooom: 1; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } img { max-width: 100%; height: auto; } img { -ms-interpolation-mode: bicubic; } object, embed { max-width: 100%; } /* Foundation Style */ * { box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -khtml-box-sizing: border-box; -webkit-box-sizing: border-box; } .container { margin: 0px auto; padding: 0 25px; width: 100%; max-width: 1150px; } .container .container{ padding:0 20px; } .row-fluid { width: 100%; max-width: 100%; margin: 0 auto; clear:both; } .row-fluid .row-fluid { width: auto; max-width: none; min-width: 0; margin: 0 -20px 0; } .row [class*="span"] , .row-fluid [class*="span"], .row-fluid .one_fifth { float: left; padding:0 20px; position: relative; min-height:1px; text-align: center; /*border:1px solid red;*/ } .row [class*="span"] , .row-fluid [class*="span"], .row-fluid .one_fifth { /* margin-bottom:40px; */ } .section-content > .row-fluid > .row-fluid > .span12{ margin-bottom:0!important } .section-column{ -webkit-background-size:cover; -moz-background-size:cover; background-size:cover; background-repeat:no-repeat; } .section-column > .inner-content{ position:relative; z-index:10; } /* Element padding no */ .row-fluid.element-padding-no { margin:0; } .row-fluid.element-padding-no > [class*="span"] , .row.element-padding-no > [class*="span"]{ padding:0; margin-bottom:0; } .row-fluid.element-vpadding-no > [class*="span"] , .row.element-vpadding-no > [class*="span"]{ margin-bottom:0 } /* Element padding large */ .row-fluid.element-padding-large, .row.element-padding-large{ margin:0 -30px; } .row-fluid.element-padding-large > [class*="span"] , .row.element-padding-large > [class*="span"]{ /* padding:0 30px; */ padding:15px; } .row-fluid.element-vpadding-large > [class*="span"] , .row.element-vpadding-large > [class*="span"]{ margin-bottom:60px; } /*elemet padding 50px */ .row-fluid.element-padding-large2, .row.element-padding-large2{ margin:0 -25px; } .row-fluid.element-padding-large2 > [class*="span"] , .row.element-padding-large2 > [class*="span"]{ padding:0 25px; } .row-fluid.element-vpadding-large2 > [class*="span"] , .row.element-vpadding-large2 > [class*="span"]{ margin-bottom:50px; } /*elemet padding 40px */ .row-fluid.element-padding-medium2, .row.element-padding-medium2{ margin:0 -15px; } .row-fluid.element-padding-medium2 > [class*="span"] , .row.element-padding-medium2 > [class*="span"]{ padding:0 15px; } .row-fluid.element-vpadding-medium2 > [class*="span"] , .row.element-vpadding-medium2 > [class*="span"]{ margin-bottom:30px; } /* Element padding Small*/ .row-fluid.element-padding-small, .row.element-padding-small { margin:0 -10px; } .row-fluid.element-padding-small > [class*="span"], .row.element-padding-small > [class*="span"]{ padding:0 10px; } .row-fluid.element-vpadding-small > [class*="span"], .row.element-vpadding-small > [class*="span"]{ margin-bottom:20px; } /* Element padding 10px*/ .row-fluid.element-padding-small2, .row.element-padding-small2 { margin:0 -5px; } .row-fluid.element-padding-small2 > [class*="span"], .row.element-padding-small2 > [class*="span"]{ padding:0 5px; } .row-fluid.element-vpadding-small2 > [class*="span"], .row.element-vpadding-small2 > [class*="span"]{ margin-bottom:10px; } /* Element padding Narrow */ .row-fluid.element-padding-narrow, .row.element-padding-narrow{ margin:0 -3px; } .row-fluid.element-padding-narrow > [class*="span"], .row.element-padding-narrow > [class*="span"]{ padding:0 2px; } .row-fluid.element-vpadding-narrow > [class*="span"], .row.element-vpadding-narrow > [class*="span"]{ margin-bottom:4px; } .row:before, .row:after , .row-fluid:before, .row-fluid:after{ display: table; line-height: 0; content: ""; } .row-fluid:after , .row:after { clear: both; } .row.columns-12 [class*="span"] , .row-fluid .span1, .row-fluid.columns-12 .span { width: 8.333%; } .row.columns-6 [class*="span"] , .row-fluid .span2, .row-fluid.columns-6 .span { width: 16.667%; } .row.columns-4 [class*="span"] , .row-fluid .span3, .row-fluid.columns-4 .span { width: 25%; } .row.columns-3 [class*="span"] , .row-fluid .span4, .row-fluid.columns-3 .span { width: 33.333%; } .row-fluid .span5 { width: 41.667%; } .row.columns-2 [class*="span"] , .row-fluid .span6 , .row-fluid.columns-2 .span { width: 50%; } .row-fluid .span7 { width: 58.333%; } .row-fluid .span8 { width: 66.667%; } .row-fluid .span9 { width: 75%; } .row-fluid .span10{ width: 83.333%; } .row-fluid .span11{ width: 91.667%; } .row-fluid .span12, .row-fluid.columns-1 [class*="span"]{ width: 100%; } .row.columns-5 [class*="span"] , .row-fluid .spanone_fifth, .row-fluid.columns-5 .span { width: 20%; } .row-fluid .span6:nth-child(2n+1),.row-fluid.columns-2 .span:nth-child(2n+1), .row-fluid .span4:nth-child(3n+1),.row-fluid.columns-3 .span:nth-child(3n+1), .row-fluid .span3:nth-child(4n+1),.row-fluid.columns-4 .span:nth-child(4n+1), .row-fluid .spanone_fifth:nth-child(5n+1),.row-fluid.columns-5 .span:nth-child(5n+1), .row-fluid .span2:nth-child(6n+1),.row-fluid.columns-6 .span:nth-child(6n+1){ clear:both; } /* Row Style 2 */ .row-fluid.style2 , .row.style2 { margin: 0!important; } .row.style2 > [class*="span"] , .row-fluid.style2 > [class*="span"] { padding: 0!important; margin-bottom:0!important; position: relative; } .row.style2 > [class*="span"] > .inner-content , .row-fluid.style2 > [class*="span"] > .inner-content { padding: 20px 30px; } .row-fluid.style2.element-padding-no > [class*="span"] > .inner-content{ padding:0; } .row-fluid.style2.element-padding-large > [class*="span"] > .inner-content{ padding:35px 45px; } .row-fluid.style2.element-padding-large2 > [class*="span"] > .inner-content{ padding:25px 30px; } .row-fluid.style2.element-padding-narrow > [class*="span"] > .inner-content{ padding:2px; } .row-fluid.style2.element-padding-small > [class*="span"] > .inner-content{ padding:10px; } .row-fluid.style2.element-padding-small2 > [class*="span"] > .inner-content{ padding:5px; } .row.style2 > [class*="span"]:after{ content: ""; position: absolute; display: inline-block; height: 90%; width: 1px; right: -1px; top: 5%; background: #e8e8e8; z-index:5; } .row-fluid.style2 .not-right-columns:before{ content: ""; position: absolute; display: inline-block; height: 90%; width: 1px; right: -1px; top: 5%; background: #e8e8e8; z-index:5 } .content-box.scheme1 .row-fluid.style2 > [class*="span"]:after, .content-box.scheme1 .row-fluid.style2 > [class*="span"]:before { background-color:#aaa; background-color:rgba(255,255,255,0.5); } .row-fluid.style2 .not-bottom-columns:after { content: ""; position: absolute; display: inline-block; width: 90%; height: 1px; left: 5%; bottom: -1px; background: #e8e8e8; z-index:5 } .row-fluid.style3.background-radius-yes [class*="span"] > .inner-content, .row.style3.background-radius-yes [class*="span"] > .inner-content{ -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; border-radius:4px; } .row-fluid.style3.background-radius-yes.background-radius-full [class*="span"] > .inner-content, .row.style3.background-radius-yes.background-radius-full [class*="span"] > .inner-content { -webkit-border-radius:9999px; -moz-border-radius:9999px; -ms-border-radius:9999px; border-radius:9999px; } .row-fluid.style3.background-shadow-yes [class*="span"] > .inner-content, .row.style3.background-shadow-yes [class*="span"] > .inner-content{ -moz-box-shadow:0 2px 2px rgba(0,0,0,0.05); -ms-box-shadow:0 2px 2px rgba(0,0,0,0.05); -webkit-box-shadow:0 2px 2px rgba(0,0,0,0.05); box-shadow:0 2px 2px rgba(0,0,0,0.05); } .row-fluid.style3 > [class*="span"] > .inner-content, .row.style3 > [class*="span"] > .inner-content{ padding:25px 25px; border:1px solid transparent; -webkit-transition:background-color 0.3s ease-in-out, border-color 0.3s ease-in-out; -moz-transition:background-color 0.3s ease-in-out , border-color 0.3s ease-in-out; -ms-transition:background-color 0.3s ease-in-out, border-color 0.3s ease-in-out; transition:background-color 0.3s ease-in-out , border-color 0.3s ease-in-out; } .row-fluid.style3.element-inner-vertical-padding-narrow [class*="span"] > .inner-content, .row.style3.element-inner-vertical-padding-narrow [class*="span"] > .inner-content{ padding-top:5px; padding-bottom:5px; } .row-fluid.style3.element-inner-horizental-padding-narrow [class*="span"] > .inner-content, .row.style3.element-inner-horizental-padding-narrow [class*="span"] > .inner-content{ padding-left:5px; padding-right:5px; } .row-fluid.style3.element-inner-vertical-padding-large [class*="span"] > .inner-content, .row.style3.element-inner-vertical-padding-large [class*="span"] > .inner-content{ padding-top:35px; padding-bottom:35px; } .row-fluid.style3.element-inner-horizental-padding-large [class*="span"] > .inner-content, .row.style3.element-inner-horizental-padding-large [class*="span"] > .inner-content{ padding-left:35px; padding-right:35px; } .carousel-items [class*="span"]{ margin-bottom:0!important; } /* Table of Content * - Required Fonts * - Typography * - Header * - Titlebar * - All Post Styles * - Single Post * - Pagination styles * - Default social Icons Styles * - Widgets * - Footer * - Default Carousel Styles and Navigation */ /* Main Body Styles */ html{ width: 100%!important; min-height: 100%!important; height:100%!important; } .brad-loader-overlay{ position:fixed; height:100%; width:100%; z-index:10000; top:0; left:0; background-color:#fff; } .bubblingG { text-align: center; width: 80px; height: 50px; position: absolute; top: 50%; left: 50%; margin-top: -25px; margin-left: -40px; } .bubblingG span { display: inline-block; vertical-align: middle; width: 10px; height: 10px; margin: 25px auto; background: #454545; -moz-border-radius: 50px; -moz-animation: bubblingG 0.9s infinite alternate; -webkit-border-radius: 50px; -webkit-animation: bubblingG 0.9s infinite alternate; -ms-border-radius: 50px; -ms-animation: bubblingG 0.9s infinite alternate; -o-border-radius: 50px; -o-animation: bubblingG 0.9s infinite alternate; border-radius: 50px; animation: bubblingG 0.9s infinite alternate; } #bubblingG_1 { -moz-animation-delay: 0s; -webkit-animation-delay: 0s; -ms-animation-delay: 0s; -o-animation-delay: 0s; animation-delay: 0s; } #bubblingG_2 { -moz-animation-delay: 0.27s; -webkit-animation-delay: 0.27s; -ms-animation-delay: 0.27s; -o-animation-delay: 0.27s; animation-delay: 0.27s; } #bubblingG_3 { -moz-animation-delay: 0.54s; -webkit-animation-delay: 0.54s; -ms-animation-delay: 0.54s; -o-animation-delay: 0.54s; animation-delay: 0.54s; } @-moz-keyframes bubblingG { 0% { width: 10px; height: 10px; opacity:1; -moz-transform: translateY(0); } 100% { width: 24px; height: 24px; opacity:0.1; -moz-transform: translateY(-21px); } } @-webkit-keyframes bubblingG { 0% { width: 10px; height: 10px; opacity:1; -webkit-transform: translateY(0); } 100% { width: 24px; height: 24px; opacity:0.1; -webkit-transform: translateY(-21px); } } @-ms-keyframes bubblingG { 0% { width: 10px; height: 10px; opacity:1; -ms-transform: translateY(0); } 100% { width: 24px; height: 24px; opacity:0.1; -ms-transform: translateY(-21px); } } @-o-keyframes bubblingG { 0% { width: 10px; height: 10px; opacity:1; -o-transform: translateY(0); } 100% { width: 24px; height: 24px; opacity:0.1; -o-transform: translateY(-21px); } } @keyframes bubblingG { 0% { width: 10px; height: 10px; opacity:1; transform: translateY(0); } 100% { width: 24px; height: 24px; opacity:0.1; transform: translateY(-21px); } } .brad-loader-overlay .spinner{ position:absolute; left:50%; top:50%; margin-top:-20px; margin-left:-20px; } body { width: 100%!important; min-height: 100%!important; height:100%!important; font-family:"Raleway", sans-serif; font-size: 15px; line-height: 26px; color: #777; font-weight:400; letter-spacing: normal; -webkit-font-smoothing: antialiased!important; font-smoothing: antialiased!important; word-spacing:normal; background-color:#f3f3f3; -webkit-transition: margin-left 0.3s; -moz-transition: margin-left 0.3s; -ms-transition: margin-left 0.3s; -o-transition: margin-left 0.3s; transition: margin-left 0.3s; -webkit-text-size-adjust: none; } .body-container{ position:static; background-color:#f3f3f3; z-index:100; } body.expanded { margin-left: -300px } .boxed-layout { max-width: 1250px; margin: 0px auto; background-color:#fff; position:relative; } .boxed-layout.vpadding-yes{ padding-top:20px!important; } .boxed-layout.style-minimal{ margin-top:100px; margin-bottom:100px; } .boxed-layout.padding-yes{ padding:50px 100px; } .boxed-layout.boxed-shadow-yes{ -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0 12px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0 0 12px rgba(0, 0, 0, 0.15); -o-box-shadow: 0 0 12px rgba(0, 0, 0, 0.15); box-shadow: 0 0 12px rgba(0, 0, 0, 0.15); } /* Default Typography */ a { color: #1abc9c; -o-transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease, opacity 0.3s ease; -webkit-transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease, opacity 0.3s ease; -moz-transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease, opacity 0.3s ease; transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease, opacity 0.3s ease; text-decoration: none; } a:active, a:focus { text-decoration: none; outline: none!important; background-color:transparent; } a:hover{ color: #2d2d2d; text-decoration: none; } /* Default styles for headings */ h1, h2, h3, h4, h5, h6 { color: #222; margin: 0 0 20px; padding: 0; -webkit-font-smoothing: antialiased!important; font-family: "Raleway", sans-serif; font-weight:normal; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #222; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: #1abc9c; } h1 i, h2 i, h3 i, h4 i, h5 i, h6 i{ margin:0 8px; vertical-align:-2px; } h1 { font-size:36px; line-height:48px; letter-spacing:1px; text-transform:uppercase; } h2 { font-size: 30px; line-height:40px; letter-spacing:0px; text-transform:uppercase; } h3 { font-size: 20px; line-height:29px; font-weight:normal; color:#444; letter-spacing:1px; } h4 { font-size: 16px; line-height:26px; font-weight:400; color:#333; text-transform:uppercase; letter-spacing:1px; } h5 { font-size: 21px; letter-spacing: 0.6px; line-height:31px; font-weight:400; } h6 { font-size: 15px; color: #aaa; line-height: 24px; font-weight:400; letter-spacing:1px; } h1 a , h2 a , h3 a , h4 a , h5 a , h6 a { color:inherit; opacity:1; } h1 a:hover , h2 a:hover , h3 a:hover , h4 a:hover , h5 a:hover, h6 a:hover{ color:inherit; opacity:0.8; } .mb30{ margin-bottom:30px; } .mb40{ margin-bottom:40px; } .mb20{ margin-bottom:20px; } .mb10{ margin-bottom:10px; } /* Defaul style for paragrpah and siblings */ p { padding: 0; margin: 0 0 20px } p:last-child{ margin-bottom:0; } .lightbox-video{ display:none; } /* clearfix class */ .clearfix { *zoom:1; } .clearfix:before, .clearfix:after { display: table; line-height: 0; content: ""; } .hidden { display:none!important } .clearfix:after { clear: both; } /* small Fixtures when readmore button show more blank space */ p + p.sp-container, p + a.readmore, .column-text + p.sp-container , .column-text + a.readmore { margin-top:-5px!important; margin-bottom:0; } /* Image class small fixtures for chrome and other browser*/ .image { position: relative; overflow: hidden; } .image .image-overlay{ position:absolute; width:100%; height:100%; overflow:hidden; z-index:10; text-align:center; left:0; bottom:0; background-color:#fff; background-color:rgba(255,255,255,0.8); opacity:0; filter:alpha(opacity=0); transition:all 0.2s; -webkit-transition:all 0.2s; } .no-touch .hoverlay:hover .image-overlay, .hoverlay.hover .image-overlay{ opacity:1; filter:alpha(opacity=100); } .image .image-overlay .image-overlay-content{ display:table; width:100%; height:100%; } .image .image-overlay .image-overlay-content >div{ display:table-cell; vertical-align:middle; padding:35px 50px; color:#555; } .image .image-overlay-content.scheme1{ background-color:#555; background-color:rgba(0,0,0,0.8); } .image .image-overlay-content h3{ margin-bottom:10px; } .image-wrapper{ overflow:hidden; } .image-wrapper .image{ overflow:visible; } .image img { height: auto; width: 100%; max-width: 100%; display: block } .hoverlay { display: block; position: relative } /*----------------------------------------------*/ /* Common Css /*----------------------------------------------*/ span.divider { color:#ddd!important; } /*------------------------------------------------*/ /* Post Meta /*------------------------------------------------*/ .post-meta-data{ margin-bottom:10px; color:#aaa; } .post-meta-data > span { display: inline-block; position:relative; margin-bottom:3px; line-height: 1; color:#404040; } .post-meta-data.clear-all > span{ clear:both; padding-right:0!important; margin-right:0!important; display:block; margin-bottom:10px; } .post-meta-data:not(.no-dash) > span:after{ content:"/"; padding-left:5px; padding-right:5px; color:#aaa; } .post-meta-data.style2 > span:after{ content:""; display:inline-block; width:4px; height:4px; background-color:#ccc; border-radius:50%; -webkit-border-radius:50%; vertical-align:middle; padding:0; margin:0 5px 0 7px; } .post-meta-data > span a{ color:#bbb; } .post-meta-data > span a:hover{ color:#3498db; } .post-meta-data > span.love-it i{ display:none; } .post-meta-data > span a:hover i{ background-color:#333; } .post-meta-data > span:last-child:after, .post-meta-data > span.no-dash:after{ display:none; } .post-meta-data.style2 .post-meta-cats, .post-meta-data.style2 .post-meta-cats a{ color:#3498db; } .post-meta-data.style2 .post-meta-date{ color:#bbb; } .post-meta-data.style2{ font-weight:500; } .tel,.tel:visited { color:inherit!important; } /* Form elements */ input[type="text"], input[type="password"], input[type="email"], textarea, select { -webkit-appearance: searchfield; background: #EDE5D7; padding:10px 15px ; margin: 0; max-width: 100%; display: block; width: 180px; border:1px solid #e8e8e8; font-size:13px; } ::-webkit-input-placeholder { /* WebKit browsers */ color: #000; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #999; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #999; } :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #999; } input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus { border-color:#696969; } select{ background-image : url(../images/dropdown.png) ; background-repeat:no-repeat; background-position:right center; padding-left:15px!important; } .content-box.scheme1 input[type="text"], .content-box.scheme1 input[type="password"], .content-box.scheme1 input[type="email"], .content-box.scheme1 textarea, .content-box.scheme1 select { background-color:transparent; background-color:rgba(255,255,255,0.6); border:none!important; color:#252525!important; } .content-box.scheme1 input[type="text"]:focus, .content-box.scheme1 input[type="password"]:focus, .content-box.scheme1 input[type="email"]:focus, .content-box.scheme1 textarea:focus { background-color:rgba(0,0,0,0.5); color:#fff!important; } .content-box.scheme1 ::-webkit-input-placeholder { /* WebKit browsers */ color: #252525; } .content-box.scheme1 :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #252525; } .content-box.scheme1 ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #252525; } .content-box.scheme1 :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #252525; } .content-box.scheme1 input:focus::-webkit-input-placeholder, .content-box.scheme1 textarea:focus::-webkit-input-placeholder { /* WebKit browsers */ color: #eee; } .content-box.scheme1 input:focus:-moz-placeholder, .content-box.scheme1 textarea:focus:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #eee; } .content-box.scheme1 input:focus::-moz-placeholder, .content-box.scheme1 textarea:focus::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #eee; } .content-box.scheme1 input:focus:-ms-input-placeholder, .content-box.scheme1 textarea:focus:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #eee; } textarea { min-height: 100px } .special_amp { font-family: "Baskerville", "Palatino Linotype", "Palatino", "Times New Roman", serif; font-style: italic; font-size: inherit; font-weight: inherit; color: # } .color-primary, .primary-color{ color:#1abc9c!important; } /*------------------------------------------------*/ /* Top bar /*------------------------------------------------*/ #top_bar { height:35px; line-height: 35px; background-color:#f5f5f5; border-bottom:1px solid transparent; font-size:12px; position:relative; color: #aaa; } #top_bar .social-icons { margin-top:0!important; white-space:nowrap; } #top_bar .topbar-right-content .social-icons, #top_bar .topbar-right-content .top-menu, #top_bar .topbar-right-content .contact-info{ float:right; } #top_bar .social-icons li { display:inline-block; width:35px; height:35px; float:left; margin:0!important; border-color:#ddd; border-style:solid; border-right-width:1px; } #top_bar .social-icons li:first-child{ border-left-width:1px; } #top_bar .social-icons li a { height: 35px; line-height: 35px; width: 35px; font-size: 16px; color:#bbb; border:none!important; text-align:center; } #top_bar .social-icons li a .ss-icons-regular{ font-size:12px; } #top_bar .social-icons li a:hover { color:#1abc9c; } #top_bar .contact-info span { line-height: 1; padding: 0px 10px; border-right: 1px solid #d8d8d8; } #top_bar .contact-info span i{ margin:1px 3px 0 0; font-size:110%; vertical-align:-2px } #top_bar .contact-info span:first-child { padding-left:0 } #top_bar .contact-info span:last-child { border-right: 0 } #top_bar .contact-info span i { margin-right: 5px } /* Topbar and Footer Navigation */ #top_bar .top-menu, .footer-menu { list-style:none; margin:0 -15px; padding:0; margin-top:12px; margin-bottom:10px; } .footer-menu { margin:10px 0 0; float:right; } #top_bar .top-menu > li , .footer-menu > li{ list-style-type:none; padding:0 15px; display:inline-block; float:left; border-right:1px solid #d8d8d8; line-height:1; overflow:visible!important } #top_bar .top-menu > li{ position:relative; } #top_bar .top-menu > li .sub-menu{ display:none; opacity:0; list-style:none; padding:25px 15px 15px; margin:0; position:absolute; left:0; top:100%; background-color:#fff; -webkit-transition:opacity 0.3s; -moz-transition:opacity 0.3s; transition:opacity 0.3s; opacity:0; filter:alpha(opacity=0); z-index:10005; width:180px; } #top_bar .top-menu > li:hover .sub-menu{ display:block; opacity:1; filter:alpha(opacity=100) } #top_bar .top-menu > li .sub-menu li{ list-style-type:none; } #top_bar .top-menu > li .sub-menu li a{ display:inline-block; padding:5px 15px; } #top_bar .top-menu > li .sub-menu li a img{ vertical-align:middle; } #top_bar .top-menu > li:last-child , .footer-menu > li:last-child{ border-right:0!important; } #top_bar .top-menu > li a , .footer-menu > li a{ color:#aaa; } #top_bar .top-menu > li a:hover , .footer-menu > li a:hover{ color:#1abc9c; } /*------------------------------------------------*/ /* Header /*------------------------------------------------*/ #header_wrapper{ position:relative; width:100%; display:block; } .transparent-header #header_wrapper{ position:absolute; left:0; top:0; -webkit-transition: left 0.3s; -moz-transition: left 0.3s; -ms-transition: left 0.3s; -o-transition: left 0.3s; transition: left 0.3s; } body.expanded #header_wrapper.transparent-header{ left:-300px; } body.expanded .boxed-layout #header_wrapper.transparent-header{ left:-300px; } #header { position:relative; width: 100%; overflow: visible; z-index:9998; display:block; } .header-fullwidth-yes #header_wrapper .container{ max-width:100%; padding:0 4%; } #header.sticky-nav { position:relative; left:0; top:0; -webkit-transition:left 0.3s; -moz-transition:left 0.3s; -ms-transition:left 0.3s; transition:left 0.3s; } #header.to-stuck{ position:fixed; left:0; top:-84px; opacity:0; filter:alpha(opacity=0); z-index: 10001; } body.expanded #header.to-stuck{ left:-300px; } #header.to-stuck.stucked{ top:0; opacity:1; filter:alpha(opacity=100); -webkit-transition:all 0.3s; transition:all 0.3s; } #header.stuck{ position:fixed; left:0; top:0; } .boxed-layout #header.stuck{ max-width:1250px; width:100%; left:auto; } .boxed-layout #header.to-stuck.stucked{ max-width:1250px; width:100%; left:auto; } /*------------------------------------------------*/ /* main Navigation /*------------------------------------------------*/ #main_navigation { width: 100%; text-align: left; background-color: #fff; padding: 0; position: relative; overflow:visible; transition: all 0.15s; -webkit-transition: all 0.15s; -moz-transition: all 0.15s; min-height:84px; } #header_wrapper.transparent-header #main_navigation , #header_wrapper.transparent-header .header_container{ background-color:transparent!important; } #header_wrapper.transparent-header.semitrans-header-yes #main_navigation{ background-color:rgba(255,255,255,0.74)!important; } #header_wrapper.transparent-header.header-scheme-light.semitrans-header-yes #main_navigation{ background-color:rgba(53,53,53,0.75)!important; } #secondary_navigation{ display:none; top:-65px; position:fixed; opacity:0; filter:alpha(opacity=100); left:auto; z-index:1000; transition:all 0.2s ease; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; } #secondary_navigation.show-nav{ top:0; opacity:1; filter:alpha(opcity=100); display:block; } /* logo */ #main_navigation .logo-container{ float:left; padding:0 20px; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box; overflow:hidden; } /* Logo display */ #logo { height:84px; max-height:84px; transition: none; transition: all 0.15s; -webkit-transition: all 0.15s; -moz-transition: all 0.15s; display:block; } #logo img { display:inline-block; max-height: 100%; max-width: 100%; width:auto; height:auto; vertical-align:middle; } #logo .white-logo , #header_wrapper.transparent-header.header-scheme-light .default-logo{ display:none; } #header_wrapper.transparent-header.header-scheme-light #logo .white-logo{ display:inline-block; } #header-search-button, .cart-container, .header-social-icons{ margin-left:25px!important; } .cart-container + #header-search-button{ margin-left:10px!important; } #main_navigation .nav-container{ float:right; width:auto; padding:0; } ul.main_menu { padding: 0; list-style: none; margin: 0; } ul.main_menu > li { padding:0; display: inline-block; position: relative; overflow: visible!important; margin: 0; margin-left:20px; border: 0; list-style-type:none!important; cursor:pointer; } ul.main_menu > li:first-child{ margin-left:0; } /* ul.main_menu > li.menu-item-has-children > a:after{ content: "\e6eb"; font-family:"fontAwesome"; display:inline-block; margin-left:5px; } */ ul.main_menu > li > a { font-size: 13px; font-weight:400; line-height: 1; padding:0 1px; height:auto; display:inline-block; letter-spacing: 1px; color: #696969; text-transform:uppercase; font-family: "Raleway", sans-serif; transition: all 0.15s; -webkit-transition: all 0.15s; -moz-transition: all 0.15s; position:relative; -webkit-font-smoothing:antialiased!important } #header_wrapper.transparent-header ul.main_menu > li > a{ color:#222; } #header_wrapper.transparent-header.header-scheme-light ul.main_menu > li > a{ color:#ffffff!important; } .brad-mega-menu .brad-megamenu-title i , ul.main_menu a i { margin-right:5px; vertical-align:middle; } .main_menu > li.hover > a, .main_menu > li > a:hover, { color: #1abc9c } .main_menu > li.active a, .main_menu > li.active a:hover{ color: #1abc9c; } #header_wrapper.transparent-header.header-scheme-light .main_menu > li.hover > a, #header_wrapper.transparent-header.header-scheme-light .main_menu > li > a:hover{ color: #fffffff!important; } #header_wrapper.transparent-header.header-scheme-light .main_menu > li.hover > a, #header_wrapper.transparent-header.header-scheme-light .main_menu > li > a:hover{ color: #222222; } #header_wrapper.transparent-header .main_menu > li.active > a, #header_wrapper.transparent-header .main_menu > li.active > a:hover{ color: #222222; } #header_wrapper.transparent-header.header-scheme-light .main_menu > li.active > a, #header_wrapper.transparent-header.header-scheme-light .main_menu > li.active > a:hover{ color: #ffffff!important; } .main_menu .sub-menu { margin:0; padding:15px 0 20px!important; background-color:#fff; position: absolute; top: 100%; left: 0; display: none; text-align: left; opacity:0; filter:alpha( opacity = 0); -webkit-transition:opacity 0.3s ease; -moz-transition:opacity 0.3s ease; -ms-transition:opacity 0.3s ease; transition:opacity 0.3s ease; width:230px; border-top:3px solid #2092ef; } #header.type3 .border-center .main_menu .sub-menu{ margin-top:20px; } .main_menu.style2 .sub-menu{ border-top:none; border:1px solid #eee; padding:0!important; } .main_menu.style2 .sub-menu li a{ border-bottom:1px solid #eee; line-height:45px; } .main_menu ul.sub-menu li { display: block; width: 100%; margin: 0!important; position: relative; background-color:transparent; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; } .main_menu ul.sub-menu li a { font-size: 11px; text-transform: none; font-family:"Raleway",sans-serif; color: #ddd; letter-spacing:0; text-transform:uppercase; line-height: 30px; font-weight: 400; display: block; padding:0 25px; display:block; width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } .main_menu ul.sub-menu > li:last-child a{ border-bottom: none!important; } .main_menu .sub-menu li a:hover { color: #666; } .main_menu > li > ul.sub-menu.brad-mega-menu{ padding:25px 0!important } .main_menu > li > ul.sub-menu.brad-mega-menu .sub-menu{ width:100%; display:block; position:relative; left:0; top:0; -webkit-box-shadow:none; -moz-box-shadow:none; -ms-box-shadow:none; box-shadow:none; z-index:auto; background-color:transparent; padding:0!important; opacity:1; filter:alpha(opacity=100); border:0!important; margin:0!important; text-align:left!important; } .main_menu > li > ul.sub-menu.brad-mega-menu > li { float:left; width:100%; padding:0px 30px!important; border-right:1px solid #eee; } .main_menu > li > ul.sub-menu.brad-mega-menu .sub-menu li { border-bottom:0!important; padding:0; } .main_menu > li > ul.sub-menu.brad-mega-menu .sub-menu li a { padding:0 10px; line-height:35px; border-bottom:0!important; } .brad-mega-menu .brad-megamenu-title { padding-bottom: 8px; margin:0 10px 0; color:#fff; display:block; clear:both; font-size:16px; line-height:20px; } .main_menu > li > ul.sub-menu.brad-mega-menu > li:last-child{ border-right:0; } .main_menu > li > ul.sub-menu.brad-mega-menu.columns-2 > li { width:50%; } .main_menu > li > ul.sub-menu.brad-mega-menu.columns-3 > li { width:33.333%; } .main_menu > li > ul.sub-menu.brad-mega-menu.columns-4 > li { width:25%; } .main_menu > li > ul.sub-menu.brad-mega-menu.columns-5 > li { width:20%; } .main_menu > li > ul.sub-menu.brad-mega-menu.columns-6 > li { width:16.667%; } .main_menu li.hover > ul.sub-menu{ display:block!important; opacity:1; filter:alpha(opacity=100); } .main_menu ul.sub-menu .sub-menu { left: 100%; top:0px; margin-top:-2px; } .main_menu ul.sub-menu.offset-left { left:auto; right:0; text-align:right; } .main_menu ul.sub-menu.offset-left-level3 .sub-menu{ left:auto; right:100%; } /*------------------------------------------------*/ /* header extra content /*------------------------------------------------*/ .cart-container { width: auto; overflow: visible; text-align: center; position: relative; } .header-nav .social-icons li a, #header-search-button a , .cart-icon-wrapper , .toggle-menu , .carticon-mobile, ul.main_menu > li > a.cart-icon-wrapper { color: #3d3d3d; font-size: 14px; display:inline-block; line-height:1; width:28px; height:28px; vertical-align:middle; padding-top: 6px; text-align:center; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; transition: all 0.15s; -webkit-transition: all 0.15s; -moz-transition: all 0.15s; } .header-nav .social-icons li a{ font-size:16px; } .cart-icon-wrapper{ position:relative; overflow:visible; } .cart-icon-wrapper .count{ display:inline-block; width:18px; height:18px; font-size:10px; line-height:18px; border-radius:50%; -webkit-border-radius:50%; color:#fff; background-color:#3498db; position:absolute; right:-3px; top:-3px; text-align:center; } #header.type3 .cart-icon-wrapper .count{ width:20px; height:20px; line-height:20px; right:-1px; top:-1px; } #header-search-button a:hover { color: #3d3d3d; } #header_wrapper.transparent-header .search-button ,#header_wrapper.transparent-header .search-button:hover , #header_wrapper.transparent-header .header-nav .social-icons li a, #header_wrapper.transparent-header .header-nav .social-icons li a:hover ,#header_wrapper.transparent-header .cart-icon-wrapper , #header_wrapper.transparent-header .cart-icon-wrapper:hover , #header_wrapper.transparent-header .toggle-menu , #header_wrapper.transparent-header .toggle-menu:hover , #header_wrapper.transparent-header .carticon-mobile , #header_wrapper.transparent-header .carticon-mobile:hover{ color:#454545; background-color:transparent!important; } #header_wrapper.transparent-header.header-scheme-light .search-button ,#header_wrapper.transparent-header.header-scheme-light .search-button:hover , #header_wrapper.transparent-header.header-scheme-light .header-nav .social-icons li a, #header_wrapper.transparent-header.header-scheme-light .header-nav .social-icons li a:hover , #header_wrapper.transparent-header.header-scheme-light .cart-icon-wrapper , #header_wrapper.transparent-header.header-scheme-light .cart-icon-wrapper:hover , #header_wrapper.transparent-header.header-scheme-light .toggle-menu , #header_wrapper.transparent-header.header-scheme-light .toggle-menu:hover , #header_wrapper.transparent-header.header-scheme-light .carticon-mobile , #header_wrapper.transparent-header.header-scheme-light .carticon-mobile:hover{ color:#fff!important; background-color:transparent!important; } #header-search{ -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; } /* Header Variations */ /* Header Type 2*/ #header.type2 #main_navigation_container{ position:relative; } #header.type2 .logo-container{ position:absolute; left:50%; margin-left:-42px; text-align:center; padding:0; box-sizing:border-box; -webkit-box-sizing:border-box; -webkit-box-sizing:border-box; } #header.type2 #logo img { margin:0 auto; } #header.type2 .left-nav-container{ width:50%; float:left; padding-right:67px; } #header.type2 .right-nav-container{ width:50%; float:right; padding-left:67px; } #header.type2 .left-nav-container ul.main_menu{ float:right; } #header.type2 .right-nav-container ul.main_menu{ float:left; } /* Header type 3 */ #header.type3 #top_navigation_container{ position:relative; text-align:center; } #header.type3 #logo img{ margin:0 auto; } #header.type3 #main_navigation .logo-container{ display:inline-block; float:none; } #header.type3 .nav-container{ position:relative; text-align:center; } #header.type3 .nav-container .header-divider, #header.type3 .nav-container .header-divider{ position:absolute; left:0; top:0; height:1px; display:inline-block; z-index:1; width:100%; background-color:#eee; } #header.type3 .nav-container.dw-grid .full-divider{ display:none; } #header.type3 .nav-container.dw-grid .grid-divider{ display:inline-block; } #header.type3 .nav-container.border-center .header-divider-bottom{ display:none; } #header.type3 .nav-container.border-center .header-divider{ top:50%; } #header.type3 .nav-container .header-divider-bottom{ top:auto; bottom:0; } /*#header.type3 .nav-container.dw-grid #main_navigation_container{ position:relative; } */ #header.type3 .nav-container.border-no .header-divider{ display:none; } #header.type3 ul.main_menu{ width:100%; text-align:center; float:none; } #header.type3 .nav-container.border-center ul.main_menu{ background-color:#fff; width:auto; display:inline-block; padding:0 60px; position:relative; z-index:2; } #header.type3 ul.main_menu > li:first-child{ margin-left:0!important; } #header.type3 ul.main_menu > li{ line-height:70px!important; height:70px!important; } #header.type3 .border-center ul.main_menu > li{ line-height:1!important; height:auto!important; } #header.type3 .header-nav .social-icons{ float:none; margin-left:0!important; position:absolute; left:0; top:0; } #header.type3 .header-nav .social-icons{ float:none; margin-left:0!important; position:absolute; left:0; top:0; } #header.type3 .header-right-content{ float:none; position:absolute; right:0; top:0; } #header.type3 #header-search-button, #header.type3 .cart-container{ float:right; margin-left:15px!important; } #header.type3 .header-nav .social-icons li a , #header.type3 #header-search-button a , #header.type3 .cart-icon-wrapper{ width:45px; height:45px; font-size:24px; padding-top:9px; } #header.type3 #header-search-button a , #header.type3 .cart-icon-wrapper{ font-size:21px; } #header.type3 .nav-container{ transition: all 0.15s; -webkit-transition: all 0.15s; -moz-transition: all 0.15s; } /* Header 4 */ body.type4{ padding-left:400px; } body.type4 #header_wrapper{ display:none; } #side_header{ position:fixed; left:0; top:0; width:400px; height:100%; overflow:hidden; padding:40px 45px; } @media only screen and (max-width: 1460px) and (min-width: 1000px){ body.type4 .container{ max-width:1020px; } body.type4{ padding-left:300px; } #side_header{ width:300px; } } #side_header ul.side_menu{ float:none; text-align:left; list-style:none; margin:30px 0 0; padding:0; } #side_header ul.side_menu li{ margin:0; padding:0; list-style-type:none; display:block; } #side_header ul.side_menu > li > a{ display:block; width:100%; line-height:125%; padding:18px 5px; border-bottom:1px solid #e8e8e8; color:#454545; } #side_header ul.side_menu li.menu-item-has-children > a{ position:relative; padding-right:30px; } #side_header ul.side_menu li.menu-item-has-children > a:after{ content:"\4c"; position:absolute; right:10px; top:18px; display:inline-block; font-family:"fontAwesome"; } #side_header ul.side_menu ul li.menu-item-has-children > a:after{ top:10px; } #side_header ul.side_menu li.menu-item-has-children.selected > a:after{ content:"\4b"; } #side_header ul.side_menu li:last-child a{ border-bottom:none; } #side_header ul.side_menu li ul{ padding:10px 0 15px 10px; display:none; margin:0; } #side_header ul.side_menu > li > ul{ border-bottom:1px solid #eee; } #side_header ul.side_menu li ul ul{ padding:0; padding-left:15px; border-bottom:0; } #side_header .sub-menu li a{ color:#666; padding:10px 0; display:block; font-size:12px; line-height:120%; } #side_header .sub-menu .sub-menu li a{ padding:8px 0; } #side_header.header-nav .social-icons{ margin:30px 0 0; float:none; display:block; text-align:left; } #side_header.header-nav .social-icons li{ height:auto!important; line-height:1!important; } #side_header .side-nav-extra{ margin:40px 0 0; } #side_header .contact-info{ margin:20px 0 0; padding:20px 0 0; list-style:none; border-top:1px solid #e8e8e8; display:block; } #side_header .contact-info li{ color:#454545; display:block; line-height:120%; padding:4px 0; } #side_header .contact-info li i{ margin-right:5px; vertical-align:middle; font-size:120%; } /* Shrinked Navigation */ #header #main_navigation { min-height:65px; } #header:not(.type3).shrinked #main_navigation { -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.11); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.11); box-shadow: 0 1px 3px rgba(0,0,0,0.11); } #header.shrinked #main_navigation #logo, #header.shrinked #main_navigation ul.main_menu > li{ height: 65px!important; max-eight: 65px!important; line-height:65px!important; } #header.type3.shrinked .header-nav .social-icons li a , #header.type3.shrinked #main_navigation #header-search-button a , #header.type3.shrinked #main_navigation .cart-icon-wrapper{ height:30px; width:30px; font-size:15px; padding-top:6px; } #header.type3.shrinked .nav-container{ opacity:0; filter:alpha(opacity=0); height:0; max-height:0; } #header.type3.shrinked:hover .nav-container{ max-height:none; height:auto; opacity:1; filter:alpha(opacity=100); } #header.type3.shrinked ul.main_menu > li { line-height:50px!important; height:50px!important } #mobile-menu-container{ display:none; float:right; width:auto; padding-right:25px; line-height:80px; height:80px; } #header_wrapper.transparent-header.header-scheme-light .toggle-menu , #header_wrapper.transparent-header.header-scheme-light .carticon-mobile{ color:#ffffff!important; background-color:transparent!important } .toggle-menu:hover, .toggle-menu.active { color: #2ac4ea; } .carticon-mobile:hover{ color:#444; } /*------------------------------------------------*/ /* Mobile Navigation /*------------------------------------------------*/ #mobile_navigation { position: fixed; top: 0; right: -300px; width: 300px; height: 100%; background-color: #222; color: #666666; display: block; z-index: 30; -webkit-transition: right 0.3s; -moz-transition: right 0.3s; -ms-transition: right 0.3s; -o-transition: right 0.3s; transition: right 0.3s; overflow-y: scroll; -webkit-overflow-scrolling: touch; } #close-mobile-menu{ position:absolute; right:15px; top:30px; color:#888; border:1px solid #888; font-size:10px; line-height:23px; width:25px; height:25px; text-align:center; display:inline-block; border-radius:50%; -webkit-border-radius:50%; z-index:10; } #close-mobile-menu:hover{ color:#fff; border-color:#fff; } #mobile_navigation .mobile_menu { padding:20px 30px; margin:0; list-style: none; max-height: 100%; } #mobile_navigation .mobile_menu > li { display:block; width:100% } #mobile_navigation .mobile_menu > li > a { color: #aaa; font-weight: 600; font-size: 12px; line-height: 40px; height: 40px; display: block; position: relative; padding:0 5px; text-transform:uppercase; letter-spacing:1px; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; } #mobile_navigation .mobile_menu > li.active > a, #mobile_navigation .mobile_menu > li.active > a:hover { color: #fff ; } #mobile_navigation .mobile_menu > li .sub-menu { margin: 0; padding: 0; list-style: none; } #mobile_navigation .mobile_menu > li .sub-menu li { width:100%; padding:0; margin:0 } #mobile_navigation .mobile_menu > li .sub-menu li a { color: #888; font-size: 11px; line-height:25px; text-transform:uppercase; letter-spacing:1px; font-weight:600; padding:0 0 0 20px; display:block; position:relative; overflow:hidden; text-overflow:ellipsis; white-space:nowrap } #mobile_navigation .mobile_menu > li .sub-menu li a:hover { color: #eee } body.expanded #mobile_navigation { right: 0em; } /*------------------------------------------------*/ /* header sticky panel /*------------------------------------------------*/ #header-search-panel { height:auto; position:absolute; right:0px; top:50%; margin-top:-18px; width:100%; background-color:#EDE5D7; display: none; z-index:10004; width:420px; border:2px solid #eee; } #header.type3 #header-search-panel{ margin-top:-30px; } #header-search-panel > div{ position:relative; } #header-search-panel > div .close-icon{ position:absolute; right:13px; top:13px; font-size:14px; line-height:1; border-bottom:none!important; z-index:1; } #header.type3 #header-search-panel > div .close-icon{ font-size:21px; right:15px; top:17px; } #header-search { width: 100%; color: #666!important; border: none!important; height:40px; } #header.type3 #header-search{ padding:20px; } #header-search:focus { outline: none!important; color: #222; } #header-search-panel input[type="submit"] { opacity: 0!important; filter:alpha(opacity=0)!important; display:none!important; } /*------------------------------------------------*/ /* Titlebar /*------------------------------------------------*/ #titlebar { background: #f6f6f6; border-top:none; position:relative; } #titlebar .titlebar-overlay{ position:absolute; left:0; top:0; width:100%; height:100%; display:block; filter:alpha(opacity=100); opacity:1; } #titlebar .titlebar-wrapper{ display:table; width:100%; height:auto; min-height:auto; padding:5px 0; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box; z-index:1; position:relative; } .type3.border-center #titlebar .titlebar-wrapper{ padding-bottom:10px; } #titlebar.titlebar-type-transparent .titlebar-wrapper{ padding:0 0 25px; } .semitrans-header-yes #titlebar.titlebar-type-transparent .titlebar-wrapper{ padding-bottom:15px!important; } #titlebar.titlebar-type-transparent{ padding-top:84px; } body.type4 #titlebar.titlebar-type-transparent{ padding-top:0!important; } body.type4 #titlebar.titlebar-type-transparent .titlebar-wrapper{ padding-bottom:0!important; } #titlebar .titlebar-content{ display:table-cell; vertical-align:middle; text-align:center; } #titlebar.titlebar-valignment-top .titlebar-content{ vertical-align:top; } #titlebar.titlebar-valignment-bottom .titlebar-content{ vertical-align:bottom; } #titlebar { background-position: center center; } /* Titlebar content */ #titlebar .titlebar-heading h1 { font-size:14px; line-height:25px; color:#454545; margin-bottom:0; font-family:inherit; letter-spacing:1px; font-weight:600; text-transform:uppercase; } #titlebar .titlebar-subcontent{ font-size:16px; font-weight:400; line-height:25px; clear:left; color:#696969; } #titlebar.titlebar-size-medium .titlebar-heading h1 { font-size:29px; line-height:40px; } #titlebar.titlebar-size-medium .titlebar-subcontent{ font-size:18px; line-height:28px; } #titlebar.titlebar-size-large .titlebar-heading h1 { font-size:55px; line-height:60px; font-weight:700; letter-spacing:3px; text-transform:uppercase; } #titlebar.titlebar-size-large .titlebar-subcontent{ font-size:20px; line-height:30px; font-weight:300; } #titlebar.border-yes{ border-bottom:1px solid #eee; border-top:1px solid #eee; } .type3 #titlebar.border-yes{ border-top:none; } #titlebar .titlebar-heading{ width:50%; float:left; padding:0 20px; text-align:left; margin-bottom:0; } #titlebar #breadcrumbs{ width:50%; text-align:right; float:right; padding:0 20px; font-size:12px; line-height:18px; margin-bottom:0; } #titlebar #breadcrumbs span{ display:inline-block; padding:0 2px; color:#999; } #titlebar #breadcrumbs span a{ color:#666; } #titlebar #breadcrumbs span a:hover{ color:#444; } #titlebar .post-meta-data{ color:#fff; text-align:center; width:100%; } #titlebar .post-meta-data span a { color:#fff!important; } #titlebar .post-meta-data span:after{ background-color:#fff; } #titlebar.titlebar-alignment-center .titlebar-heading, #titlebar.titlebar-alignment-center .titlebar-subcontent, #titlebar.titlebar-alignment-center #breadcrumbs{ float:none; width:100%; clear:both; text-align:center; } #titlebar.titlebar-alignment-center .titlebar-heading{ margin-bottom:10px; } #titlebar.titlebar-alignment-center .titlebar-heading + #breadcrumbs{ margin-top:-5px; margin-bottom:10px; } #titlebar.titlebar-type-transparent.titlebar-alignment-center .titlebar-heading{ margin-bottom:35px; } body.type4 #titlebar.titlebar-type-transparent.titlebar-alignment-center .titlebar-heading, .semitrans-header-yes #titlebar.titlebar-type-transparent.titlebar-alignment-center .titlebar-heading{ margin-bottom:0!important; } #titlebar .titlebar-subcontent{ margin-top:5px; } #titlebar.titlebar-alignment-center #breadcrumbs{ margin-top:5px; margin-bottom:5px; } #titlebar.titlebar-scheme-light .post-meta-data{ color:#696969; } #titlebar.titlebar-scheme-light .post-meta-data span a { color:#696969!important; } #titlebar.titlebar-scheme-light .post-meta-data span:after{ background-color:#696969; } #titlebar.titlebar-scheme-light .titlebar-content h1 { color:#fff!important; } #titlebar.titlebar-scheme-light .titlebar-subcontent{ color:#f0f0f0!important; } #titlebar.titlebar-scheme-light #breadcrumbs span{ color:#eee; } #titlebar.titlebar-scheme-light #breadcrumbs a, #titlebar.titlebar-scheme-light #breadcrumbs a:hover{ color:#fcfcfc; } /*------------------------------------------------*/ /* Bloackquote /*------------------------------------------------*/ blockquote { -webkit-font-smoothing: antialiased; border: 0; margin:0 0 20px; padding-left:20px; border-left:3px solid #3498db; max-width: 100%; position: relative; font-size: 20px; font-weight:400; line-height:33px; } blockquote p { margin-bottom:0 } /*========================================================*/ /* social icons /*========================================================*/ .social-icons, .brad-icons { list-style: none; margin: 0; padding: 0; } .brad-icons.icons-align-center{ text-align:center; } .brad-icons.icons-align-right{ text-align:right; } .social-icons > li , .brad-icons > li { display: inline-block; list-style-type: none; padding: 0; margin:2px; } .social-icons > li:last-child , .brad-icons > li:last-child { margin-right: 0 } .social-icons a , .brad-icons a { background: transparent; display: inline-block; width:auto; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; line-height: 29px; color: #444444; font-size: 16px; font-weight: normal!important; } .social-icons.style2 a, .brad-icons.style2 a{ color:#fff; background-color:#333333; width: 30px; height: 30px; } .social-icons.large a, .brad-icons.large a{ font-size:31px; width:50px; } .social-icons.style2.large a, .brad-icons.style2.large a{ height:60px; width:60px; line-height:60px; font-size:28px; } .brad-icons.style2 a, .social-icons.style2 a, .brad-icons.style3 a, .social-icons.style3 a{ text-align:center; } .social-icons.medium a , .brad-icons.medium a{ font-size:20px; width:32px; margin-bottom:3px; } .social-icons.medium2 a , .brad-icons.medium2 a{ font-size:25px; width:40px; margin-bottom:6px; } .social-icons.style2.medium a, .brad-icons.style2.medium a{ width:32px; height:32px; font-size:14px; line-height:34px; } .social-icons.style2.medium2 a, .brad-icons.style2.medium2 a{ width:40px; height:40px; font-size:16px; line-height:42px; } .social-icons .brad-icon, .brad-icons .brad-icon{ width:auto; display:inline-block; } .social-icons a:hover, .brad-icons a:hover { color:#1abc9c; } /*-----------------------------------------------*/ /* Additonal Support for Post Types /*-----------------------------------------------*/ .posts-grid .post-blockquote .inner-content{ position:relative; padding:30px 30px 25px!important; } .post-blockquote-image{ position:absolute; left:0; top:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover; z-index:1; } .post-blockquote-image-overlay{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:2; } .post-blockquote .post-blockquote-content{ position:relative; z-index:3; padding:60px; } .post-format-blockquote{ margin-bottom:25px; position:relative; padding-left:40px; } .post-format-blockquote i{ font-size:24px; position:absolute; left:0; top:10px; } .post-blockquote blockquote{ background:transparent; padding:0; margin:1; border:0; font-size:25px; letter-spacing:0; font-weight:300; line-height:35px; color:#444; } .posts-grid .post-blockquote blockquote{ font-size:20px; line-height:30px; } .post-blockquote.scheme-light blockquote{ color:#fff; } .post-blockquote.scheme-light .post-format-blockquote i{ color:#eee; } .posts-grid .post-format-blockquote{ margin-bottom:20px; } .grid-post-format-container .post-blockquote blockquote{ font-size:19px; line-height:30px; } .post-blockquote blockquote a{ color:#555; } .post-blockquote blockquote a:hover{ color:#2d2d2d; } .post-blockquote.scheme-light blockquote a{ color:#eee; } .post-blockquote.scheme-light blockquote a:hover{ color:#fff; } .posts-carousel .excerpt{ margin-bottom:0; } .post-blockquote blockquote p{ margin-bottom:0; } .post-blockquote blockquote cite{ font-style:italic; font-weight:normal; font-size:14px; color:#aaa; margin-top:5px; display:block; letter-spacing:0px; } .post-blockquote blockquote cite a{ color:#aaa; } .post-blockquote blockquote cite a:hover{ color:#454545; } /*------------------------------------------------*/ /* Standard post /*------------------------------------------------*/ .post-standard { margin-bottom:80px; padding-bottom:60px; border-bottom:2px solid #d8d8d8; position:relative; } .post-standard:last-child{ margin-bottom:50px!important; } .post-standard.post-single{ margin-bottom:60px; } .post-standard.post-blockquote{ padding-bottom:0!important; } .post-standard .bx-wrapper , .post-standard > .image{ margin-bottom:50px; } .post-standard.hide-border{ border-bottom:0!important; padding-bottom:0; } /* post upper*/ .post-standard .post-upper{ margin-bottom:30px; } .post-standard .post-upper h2{ margin-bottom:0; } .post-standard .post-upper .post-meta-data{ margin-bottom:5px; } /* post botton */ .post-bottom{ margin-top:50px; } .post-bottom .button + .post-meta-data{ float:right; text-align:right; padding-top:15px; } .post-bottom .post-single-tags + .post-meta-data{ float:right; text-align:right; padding-top:2px; } .post-bottom .post-meta-data{ margin-bottom:0; } .post-standard .post-bottom{ margin-top:30px; } /* post alignment top */ .post-standard.post-alignment-top .bx-wrapper , .post-standard.post-alignment-top > .image{ margin-top:40px; } .post-standard.post-alignment-bottom .bx-wrapper , .post-standard.post-alignment-bottom > .image{ margin-bottom:0 } .post-standard.maxwidth-yes .post-content, .post-standard.maxwidth-yes .post-bottom, .post-standard.maxwidth-yes .post-share-container{ max-width:940px; margin-left:auto; margin-right:auto; } /*post different bg style */ .post-standard.bg-style-grey{ background-color:#f6f6f6; border-bottom:2px solid #ddd; } .post-standard.bg-style-white{ background-color:#fff; border-bottom:2px solid #ddd; } .post-standard.bg-style-stroke{ border:1px solid #ddd; border-bottom:2px solid #ddd; } .post-standard.bg-style-grey .post-content, .post-standard.bg-style-white .post-content, .post-standard.bg-style-stroke .post-content, .post-standard.bg-style-stroke .post-bottom, .post-standard.bg-style-white .post-bottom, .post-standard.bg-style-grey .post-bottom{ padding-left:35px; padding-right:35px; } .post-standard.bg-style-grey .post-upper, .post-standard.bg-style-white .post-upper, .post-standard.bg-style-stroke .post-upper{ padding:35px 35px 0; } /* post share container for all posts */ .post-share-container{ width:100%; height:auto; text-align:center; background:transparent; border:none; margin-top:35px; position:relative; } .post-share-container:after{ content:""; position:absolute; display:inline-block; width:100%; left:0; bottom:0; height:2px; background-color:#eee; } .post-share-container .post-share{ display:inline-block; position:relative; padding:0 20px; overflow:visible; z-index:1; top:10px } .post-share-container .share-label{ text-transform:uppercase; letter-spacing:1px; color:#999; font-size:13px; font-weight:500; position:relative; padding:0 15px; background-color:#fff; } .post-share-container .share-label:hover{ color:#555; } .post-share-container .post-share .post-share-menu{ left:50%; margin-left:-22px; margin-top:20px; } /* About the author */ .about-the-author{ margin-bottom:60px; } .about-the-author > .avatar{ float:left; } .about-the-author > .avatar img{ -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; } .about-the-author .author-info{ margin-left:90px; } .no-comments{ margin-top:20px; } /*------------------------------------------------*/ /* Post items grid and post carousel /*------------------------------------------------*/ .blog-gird{ position:relative; } .blog-gird .spinner-block{ position:absolute; left:50%; top:15%; margin-left:-20px; width:40px; height:40px; margin-top:-20px; z-index:5; } .posts-grid { opacity : 0; list-style: none; padding: 0; } .posts-grid > li { float: left; list-style:none; } .posts-grid .image img{ transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; } .posts-grid a:hover .image img{ -ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1); } .posts-grid .post-meta-data{ margin-bottom:5px; line-height:115%; } .posts-grid .post-blockquote .post-meta-data{ margin-bottom:10px; } .posts-grid h4{ margin-bottom:10px; } .posts-grid > li .excerpt{ clear:both; margin-bottom:10px!important; font-size:14px; line-height:25px; } .posts-grid .post-bottom{ margin-top:12px; } .posts-grid.posts-grid-bg-grey > li .inner-content { background-color: #f6f6f6; } .posts-grid.posts-grid-bg-stroke > li .inner-content { border:1px solid #e8e8e8; } .posts-grid.posts-grid-bg-pstroke > li .inner-content { border:1px solid #e8e8e8; padding:25px 25px 5px; } .posts-grid.posts-grid-bg-white > li .inner-content { background-color: #ffffff; } .posts-grid .post-text-container{ padding:25px 0; } .posts-grid .post-blockquote .post-text-container{ padding:0!important; } .posts-grid.posts-grid-bg-white .post-text-container, .posts-grid.posts-grid-bg-grey .post-text-container, .posts-grid.posts-grid-bg-stroke .post-text-container{ padding:25px 25px 30px; position:relative; } .posts-grid.posts-grid-bg-white .post-text-container:after, .posts-grid.posts-grid-bg-grey .post-text-container:after{ content:""; position:absolute; display:inline-block; border:10px solid transparent; border-bottom:10px solid #fff; left:25px; top:-20px; } .posts-grid .post-blockquote .post-text-container:after{ content:none!important; } .posts-grid.posts-grid-bg-grey .post-text-container:after{ border-bottom-color:#f6f6f6; } /* sticky post */ .sticksy-post{ position:absolute; left:0; z-index:1000; display:inline-block; padding:20px; bottom:0; font-size:15px; text-transform:uppercase; letter-spacing:1px; color:#fff; background-color:#2b2b2b; font-weight:600; } .posts-grid .sticksy-post{ padding:10px; font-size:13px; } /*----------------------------------------------*/ /* Related Posts ------------------------------------------------*/ .related-posts-container{ margin-bottom:60px; } .related-posts-container.no-border{ border-top:0; padding-top:0; } .related-posts { margin:0; padding:0; list-style:none; } .related-posts li{ list-style-type:none; padding:7px 0; line-height:1; } .related-posts li a{ padding-left:12px; position:relative; } .related-posts li a:after{ content: "\f105"; font-family: "fontAwesome"; position:absolute; left:0; top:3px; } .related-posts li:last-child{ border-bottom:none; } .related-posts li span{ color:#aaa; margin-left:10px; } /*------------------------------------------------*/ /* page nav /*------------------------------------------------*/ .page-nav { margin:30px auto 20px!important; width:100%; max-width:1200px; text-align:center; } .page-nav span, .page-nav a{ color: #333; margin: 0 1px; display: inline-block; font-size: 13px; line-height: 1; width: 45px; height: 45px; background-color:#fafafa; font-weight:500; line-height:45px; text-align: center; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .page-nav span.active { color:#222; background-color:#f0f0f0; } .page-nav a:hover{ background-color:#f5f5f5; } .page-nav a.next, .page-nav a.prev{ width:auto; padding:0 15px; } .page-nav a.next i , .page-nav a.prev i { vertical-align:-2px; margin-left:5px; font-size:120%; } .page-nav a.prev i { margin-left:0px; margin-right:5px } /*------------------------------------------------*/ /* Single Page Links /*------------------------------------------------*/ .page-links { margin-top: 20px; margin-bottom:20px; border: 1px solid #e4e4e4; padding: 10px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .page-links p{ margin-bottom: 0; } .page-links:empty { display: none!important; } /*------------------------------------------------*/ /* search Result Page /*------------------------------------------------*/ .search-results-box { padding:0px 0px 50px; border-bottom:1px solid #ddd; margin-bottom:50px; } .search-results-box > h4 { margin-bottom:5px; } .search-results-box p { margin-bottom:20px; } .post-search-container{ margin-top:20px; } .post-search-container > h4 { margin-bottom:40px; } .post-search { position:relative; padding-left:110px; margin-bottom:50px; min-height:80px; } .post-search .search-type { width:80px; height:80px; line-height:80px; display:inline-block; font-size:32px; color:#999999; border:1px solid #bbb; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; text-align:center; position:absolute; left:0; top:0 } .post-search .search-image img { position:absolute; left:0; top:0; width:80px; height:80px; -webkit-border-radius:50%; border-radius:50%; } .post-search .search-info h3{ margin-bottom:5px } .post-search .search-info .excerpt { margin-top:20px; margin-bottom:0; } /*------------------------------------------------*/ /* Post Content /*------------------------------------------------*/ ul , ol { margin-left: 20px; margin-bottom: 20px; } ul ul , ol ol , ul ol , ol ul { margin-bottom:0; } dl { margin-bottom:20px; } dt { float: left; width: auto; font-weight: bold; padding-right:10px; } dl dd{ padding-left:0; } ul li { list-style: disc; list-style-position: outside; } ol li { list-style: decimal; list-style-position: outside; line-height:23px } img { max-width: 100%; height: auto; image-rendering: optimizeQuality; } code { display: block; padding: 15px 20px 15px 20px; background-color: #ebebeb; font: 12px "Andale Mono",Courier,"Courier New",monospace; max-width:100%; } .form-allowed-tags code { margin-top:15px; } pre { background: #e4e4e4; font-family: Consolas, "Liberation Mono", Courier, monospace; font-weight: bold; padding: 22px; color: #777; font-size: 14px; line-height:1.32; margin-bottom: 22px; max-width: 100%; overflow: auto; white-space: pre-wrap!important; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; } table, th, td { border: 1px solid rgba(0, 0, 0, 0.1); } table { border-collapse: separate; border-spacing: 0; border-width: 1px 0 0 1px; margin-bottom: 24px; width: 100%; } caption, th, td { font-weight:inherit; text-align: left; padding:8px 15px; } th { border-width: 0 1px 1px 0; font-weight: bold; } td { border-width: 0 1px 1px 0; } del { color: #767676; } mark{ color:#000; background-color:transparent; } hr { background-color: rgba(0, 0, 0, 0.1); border: 0; height: 1px; margin-bottom: 23px; } .wp-caption { max-width: 100%; } .wp-caption .wp-caption-text { text-align: center; margin-top: 5px; margin-bottom: 5px; font-size:12px; } /* Native wordpress gallery code */ .gallery { margin-bottom: 20px!important; } .gallery-item { float: left; margin: 0 4px 4px 0; overflow: hidden; position: relative; } .gallery-icon{ width:100%!important; padding:0!important; } .gallery-icon a , .gallery-icon a img{ display:block!important; width:100%!important; height:auto!important; } .gallery-columns-1 .gallery-item { max-width: 100%; } .gallery-columns-1 .gallery-item { width:100%!important; height:auto; } .gallery-columns-2 .gallery-item { max-width: 48%; max-width: -webkit-calc(50% - 4px); max-width: calc(50% - 4px); } .gallery-columns-3 .gallery-item { max-width: 32%; max-width: -webkit-calc(33.3% - 4px); max-width: calc(33.3% - 4px); } .gallery-columns-4 .gallery-item { max-width: 23%; max-width: -webkit-calc(25% - 4px); max-width: calc(25% - 4px); } .gallery-columns-5 .gallery-item { max-width: 19%; max-width: -webkit-calc(20% - 4px); max-width: calc(20% - 4px); } .gallery-columns-6 .gallery-item { max-width: 15%; max-width: -webkit-calc(16.7% - 4px); max-width: calc(16.7% - 4px); } .gallery-columns-7 .gallery-item { max-width: 13%; max-width: -webkit-calc(14.28% - 4px); max-width: calc(14.28% - 4px); } .gallery-columns-8 .gallery-item { max-width: 11%; max-width: -webkit-calc(12.5% - 4px); max-width: calc(12.5% - 4px); } .gallery-columns-9 .gallery-item { max-width: 9%; max-width: -webkit-calc(11.1% - 4px); max-width: calc(11.1% - 4px); } .gallery-columns-1 .gallery-item:nth-of-type(1n), .gallery-columns-2 .gallery-item:nth-of-type(2n), .gallery-columns-3 .gallery-item:nth-of-type(3n), .gallery-columns-4 .gallery-item:nth-of-type(4n), .gallery-columns-5 .gallery-item:nth-of-type(5n), .gallery-columns-6 .gallery-item:nth-of-type(6n), .gallery-columns-7 .gallery-item:nth-of-type(7n), .gallery-columns-8 .gallery-item:nth-of-type(8n), .gallery-columns-9 .gallery-item:nth-of-type(9n) { margin-right: 0; } .gallery-caption { background-color: rgba(0, 0, 0, 0.7); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #fff; font-size: 12px; line-height: 1.5; margin: 0; max-height: 50%; opacity: 0; padding: 6px 8px; position: absolute; bottom: 0; left: 0; text-align: left; width: 100%; } .gallery-caption:before { content: ""; height: 100%; min-height: 49px; position: absolute; top: 0; left: 0; width: 100%; } .gallery-item:hover .gallery-caption { opacity: 1; } .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none; } .post-password-form input[type="password"]{ width:100%; margin-bottom:10px; margin-top:10px; } /*--------------------------------------------------*/ /* Comments /*--------------------------------------------------*/ #comments { margin-top: 50px } #comments > h4 { margin-bottom: 0px } .commentlist { margin-left: 0px!important; } .commentlist > li { padding-bottom: 20px; } .commentlist li { list-style: none!important; } .commentlist li h5 { margin-bottom:3px; } .commentlist li.comment > div , .commentlist li.pingback > div { margin: 0; overflow: hidden; margin-top: 35px; position: relative; padding-left:80px; position:relative; } .commentlist li.pingback > div { padding-left:0; } /* Comments Children */ .commentlist .children { border-left: 1px dashed #ddd; position: relative; margin-left: 30px; padding-left: 30px } .commentlist .children:after { content: ""; position: absolute; display: inline-block; width: 20px; border-bottom: 1px dashed #d8d8d8; left: 0; top: 30px } .commentlist li.comment > div img.avatar { position: absolute; left:0; top:0; border-radius: 50% } .commentlist .comment-author { color: #333; font-weight: 400; font-size: 14px; margin-bottom: -1px } .commentlist .comment-author:first-letter { text-transform: uppercase } .commentlist .comment-meta { font-size: 13px; line-height: 13px; color:#aaa; } .commentlist .comment-meta a { color: #999; } .commentlist .comment-meta a:hover { color: #1abc9c } .commentlist li.comment > div p { padding-bottom: 0px; margin-top: 10px; margin-bottom: 8px } .comment-reply-title { display:none; } #cancel-comment-reply-link { margin-bottom:10px; display:inline-block; } .comment-author a { color: inherit; } #respond > p { margin: 0 0 20px; color: #999 } #respond .title{ margin-bottom:20px; } #respond form { padding: 0; margin:0; } .logged-in-as{ margin-bottom:35px; } .commentlist .reply{ position:absolute; right:0; top:0; width:auto; } .commentlist .reply a { display:inline-block; margin-right:10px; border:1px solid #2092ef; color:#2092ef; padding:7px 10px 7px; line-height:1; font-size:12px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; } .commentlist .reply a:hover { color:#fff; background-color:#2092ef; } /*------------------------------------------------*/ /* single-page-nav /*------------------------------------------------*/ .page-nav-container{ } .page-nav-next, .page-nav-prev{ padding:0 20px; width:50%; float:left; min-height:1px; } .page-nav-next{ text-align:right; } .page-nav-prev a, .page-nav-next a{ color:#999; display:block; position:relative; padding-right:40px; -webkit-transition:none; -moz-transition:none; transition:none; } .page-nav-next a h4 , .page-nav-next a i, .page-nav-next a p, .page-nav-prev a h4 , .page-nav-prev a i, .page-nav-prev a p{ -webkit-transition:all 0.2s; -moz-transition:all 0.2s; transition:all 0.2s; } .page-nav-prev a{ padding-left:40px; padding-right:0; } .page-nav-next a h4, .page-nav-prev a h4{ margin-bottom:0; color:#777; } .page-nav-prev a i, .page-nav-next a i{ position:absolute; right:0; top:-8px; font-weight:normal; font-size:60px; line-height:1; } .page-nav-prev a i{ left:0; right:auto; } .page-nav-prev a:hover, .page-nav-next a:hover, .page-nav-next a:hover h4, .page-nav-prev a:hover h4{ color:#222; } /*------------------------------------------------*/ /* post share /*------------------------------------------------*/ .post-share .post-share-menu{ list-style:none; margin:10px 0 0; padding:10px 0; display:inline-block; position:absolute; left:0; top:100%; background-color:#333; background-color:rgba(33,33,33,0.9); color:#fff; opacity:0; z-index:105; filter:alpha(opacity=0); -webkit-transition:opacity 0.3s; -moz-transition:opacity 0.3s; transition:opacity 0.3s; width:45px; height:auto; display:none; } .post-share.hover .post-share-menu{ opacity:1; filter:alpha(opacity=100); display:inline-block; } .post-share .post-share-menu:after{ content:""; position:absolute; top:-14px; left:15px; display:inline-block; border:7px solid transparent; border-bottom:7px solid #333; border-bottom-color:rgba(33,33,33,0.9); } .post-share .post-share-menu li{ padding:0; list-style-type:none; margin:0; } .post-share .post-share-menu li a{ color:#eee; width:45px; display:inline-block; text-align:center; height:25px; line-height:25px; } .post-share .post-share-menu li a:hover{ color:#fff; } /*------------------------------------------------*/ /* Project Info /*------------------------------------------------*/ .project-info > div { margin-top:5px; display: block; clear: both; } .project-info a{ color:#666; } .project-info a:hover{ color:#454545; } .project-info > div:first-child{ padding-top:0; } .project-info > div:last-child{ border-bottom:0; } .project-info{ margin-bottom:30px; } .project-info > div h4{ display:inline-block; margin-right:4px; margin-bottom:0; font-size:14px; line-height:24px; } .project-info > div a:first-letter{ text-transform:uppercase; } /*=========================================================*/ /* Sidebar native Behaviors + Wordpress /*=========================================================*/ .sidebar { min-height: 100% } .sidebar .widget { margin-bottom: 50px } .sidebar .widget > h4 { margin: 0; margin-bottom: 20px!important; position: relative; padding:0 15px; } .headline-bg-transparent .widget > h4 { padding-left:0!important; padding-right:0!important; } .sidebar .widget > h4 + ul{ margin-top:-10px!important; } /* Default styles can directly be used for wordpress*/ .aligncenter { display: block; margin: 0 auto; } .alignright { float: right; margin: 0 0 20px 20px; } .alignleft { float: left; margin: 0 20px 20px 0; } .alignjustify{ float:none; display:inline-block; vertical-align:middle; } .floatleft { float: left; } .floatright { float: right; } .textcenter { text-align: center; } .textuppercase { text-transform: uppercase; letter-spacing:1px; } .textright { text-align: right; } .textleft { text-align: left; } .wp-caption { } .wp-caption img { } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; } .wp-smiley { margin: 0!important; max-height: 1em; } blockquote.left { float: left; margin-left: 0; margin-right: 20px; text-align: right; width: 33%; } blockquote.right { float: right; margin-left: 20px; margin-right: 0; text-align: left; width: 33%; } /*-------------------------------------------*/ /* Widget settings /*-------------------------------------------*/ .widget > ul , .widget_nav_menu ul{ list-style: none; margin: -3px 0 0; padding: 0; } .widget:before, .widget:after { display: table; line-height: 0; content: ""; } .widget:after { clear: both; } .widget > ul li , .widget_nav_menu ul li { display: block; padding: 8px 0; } .widget_nav_menu ul ul{ margin-left:15px; margin-top:10px; } .widget > ul li a, .widget_nav_menu ul li a { display:block; } .widget_nav_menu ul ul li:last-child{ border-bottom:none!important; padding-bottom:0; } .widget > ul > li > a , .widget_nav_menu ul li a { line-height:110%; color:#555; } .widget > ul > li > a:hover , .widget_nav_menu ul li a:hover{ color:#3498db; } .widget_recent_entries li span { color: #aaa; font-size:13px; } .widget ul li a:first-letter { text-transform: uppercase } /*-------------------------------------------*/ /* Comments Widget /*-------------------------------------------*/ .widget_recent_comments ul { margin-top: 0 } .widget_recent_comments ul li { position:relative; } .widget_recent_comments ul li:last-child { margin-bottom: 0 } .widget_recent_comments > ul > li > a:after { display: none!important } /*-------------------------------------------*/ /* Recent Posts Widget /*-------------------------------------------*/ ul.widget-posts { margin-top: 0!important } .widget-posts li { padding: 10px 0 15px!important; position: relative!important; margin-bottom: 10px; min-height:90px; } .widget-posts li:last-child { margin-bottom: 0 } .widget-posts li img { width: 60px; height: 60px; float:left; margin-bottom:10px; margin-right:20px; } .widget-posts li h6 { margin-bottom: 5px; font-size: 15px; line-height: 17px; font-weight:500; color:#333; text-transform:none; letter-spacing:0; } .widget-posts li h6 a { color:#454545; } .widget-posts li h6 a:hover{ color:#1abc9c; } .widget-posts li .date { color: #aaa; padding: 0; margin: 0; font-size: 13px; font-weight: 400 } /*-------------------------------------------*/ /* Tag Colud widget & single post tags /*-------------------------------------------*/ .widget_tag_cloud a , .post-single-tags a { font-size: 13px !important; padding: 3px 10px; margin: 0 1px 1px 0; display: block; float: left; border-style: solid; border-width: 1px; text-decoration: none; border-color: #ddd; color: #999; } .widget_tag_cloud a:hover, .post-single-tags a:hover{ color:#666!important; border-color:#aaa; } .post-single-tags h5{ float:left; margin:5px 5px 0 0; letter-spacing:1px; color:#444; font-size:13px; } /*-------------------------------------------*/ /* widget Search Form /*-------------------------------------------*/ .search-form { position: relative; padding: 0; margin: 0; width: 100%; } .search-form > div { position:relative; padding:0; } .search-form > div:after{ content:"\f002"; position:absolute; right:15px; top:34px; color:#999; font-family:"fontAwesome"; font-size:14px; } .search-form input[type=text] { font-size: 13px; color: #aaa; width: 100%; } .search-form input[type="submit"] { display: none!important } /*-------------------------------------------*/ /* Recent Tweets widget /*-------------------------------------------*/ .recent-tweets > ul{ list-style:none; margin:0; padding:0; } .recent-tweets > ul li { position: relative; padding: 0 10px 25px 30px!important; border-bottom:none!important; list-style-type:none; } .recent-tweets > ul li:last-child { padding-bottom: 0!important } .recent-tweets > ul li:after { content: "\f099"; font-family: "fontAwesome"; position: absolute; top: 1px; left: 0; color: #aaa; font-size: 16px; -webkit-font-smoothing: antialiased!important } /*=========================================================*/ /* flickr widget + recent work /*=========================================================*/ .flickr_widget img, .recent-works-items img { display: block; width: 100%; border-radius: 2px; height: auto; } .flickr_widget a, .recent-works-items > a { float: left; padding: 0 0 5px 4px; width: 33.333% } .flickr_widget a:hover img, .recent-works-items a:hover img { opacity : 0.7; } /*------------------------------------------------*/ /* footer /*------------------------------------------------*/ .go-top{ padding: 10px 20px!important; min-width: initial!important; margin-top:-3px!important; } .go-top:hover{ background-color:transparent!important; } #footer{ position:relative; z-index:100; } .boxed-layout.padding-yes #footer.cover-padding-yes{ } .footer-widgets, .footer-widgets2{ padding-top: 50px; padding-bottom:20px; } #footer .widget span { color: #888 } #footer .widget h4 { color: #999; text-transform: uppercase; letter-spacing: 1px; font-size: 16px; font-family: "Open Sans", sans-serif; font-weight: 400; margin-bottom:20px; padding-left:15px; } #footer .widget { margin-bottom: 40px!important } #footer a { color: #bbb; } #footer a:hover { color: #ddd; } /*-------------------------------------------*/ /* Copyright bottom Section /*-------------------------------------------*/ #copyright{ padding:15px 0; background-color:#222; } #copyright .copyright-left, #copyright .copyright-right { float:left; padding:15px 15px; width:40%; } #copyright .copyright-right{ width:60%; } #copyright .social-icons li{ margin-right:10px } #copyright .social-icons li:last-child{ margin-right:0; } #copyright .social-icons li a { border-color: transparent!important; font-size: 16px; line-height:20px; color: #555 } #copyright .social-icons li a:hover { color: #fff!important; } /*------------------------------------------------*/ /* Isotope Settings /*------------------------------------------------*/ .isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: top, left, opacity; transition-property: transform, opacity; } .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; } .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } /*------------------------------------------------*/ /* Carousel setting navigation & pagination /*------------------------------------------------*/ .bx-carousel-container{ position:relative; opacity:0; } .bx-wrapper{ overflow:hidden; } .bx-carousel-container[data-pagination="yes"]{ padding-bottom:55px!important; } .bx-carousel-container .carousel-pagination{ position:absolute; left:0; bottom:0; min-height:11px; width:100%; } .flexible-slider > ul{ list-style-type:none; margin:0; padding:0; } .flexible-slider > ul > li{ list-style-type:none; } .bx-wrapper{ position:relative; } .bx-prev, .bx-next{ position:absolute; width:40px; top:50%; left:20px; display:inline-block; height:40px; line-height:34px; border:2px solid #fff; color:#fff; font-size:22px; margin-top:-20px; z-index:1001; text-align:center; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background-color:transparent; } .flexible-slider-container .bx-prev, .flexible-slider-container .bx-next{ opacity:0; filter:alpha(opacity=0) } .flexible-slider-container:hover .bx-prev, .flexible-slider-container:hover .bx-next{ opacity:1; filter:alpha(opacity=100) } .bx-carousel-container .bx-prev, .bx-carousel-container .bx-next , .clients-carousel-container .bx-prev, .clients-carousel-container .bx-next{ border-color:#444; color:#3d3d3d; background-color:transparent; } .bx-carousel-container .bx-prev:hover, .bx-carousel-container .bx-next:hover, .clients-carousel-container .bx-prev:hover, .clients-carousel-container .bx-next:hover{ color:#fff; background-color:#398ced; border-color:#398ced; } .content-box.scheme1 .bx-carousel-container .bx-prev, .content-box.scheme1 .bx-carousel-container .bx-next , .content-box.scheme1 .clients-carousel-container .bx-prev, .content-box.scheme1 .clients-carousel-container .bx-next{ border-color:#fff; color:#fff; background-color:transparent; } .content-box.scheme1 .bx-carousel-container .bx-prev:hover, .content-box.scheme1 .bx-carousel-container .bx-next:hover, .content-box.scheme1 .clients-carousel-container .bx-prev:hover, .content-box.scheme1 .clients-carousel-container .bx-next:hover{ color:#444; background-color:#fff; border-color:#fff; } .bx-next{ left:auto; right:20px; } .testimonials-carousel-container .bx-next, .clients-carousel-container .bx-next{ right:-20px; } .testimonials-carousel-container .bx-prev, .clients-carousel-container .bx-prev{ left:-20px; } .bx-prev:hover, .bx-next:hover{ color:#222; background-color:#fff; } .bx-prev.disabled, .bx-next.disabled{ display:none!important; } .bx-prev:after{ content: "\f104"; font-family:"fontAwesome"; } .bx-next:after{ content: "\f105"; font-family:"fontAwesome"; } .carousel-pagination:empty{ display:none; } .bx-pager{ display:block; height:20px; text-align:center; position:absolute; left:0; bottom:10px; width:100%; z-index:99; } .bx-carousel-container .bx-pager{ bottom:0; } .carousel-pagination .bx-pager{ position:relative; z-index:auto; bottom:0; } .bx-pager-item{ display:inline-block; width:15px; height:15px; margin:0 3px; } .pagination{ display:block; position:absolute; bottom:0; width:100%; line-height:1; left:0; text-align:center; } .bx-pager-item a , .pagination a{ display:inline-block; width:9px; height:9px; background-color:#d8d8d8; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; text-indent:-9999px; border:2px solid transparent; vertical-align:middle; } .content-box.scheme1 .bx-pager-item a , .content-box.scheme1 .pagination a{ background-color:rgba(255,255,255,0.45); } .flexible-slider-container .bx-pager-item a{ border:none!important; } .pagination a{ margin:0 3px; } .bx-pager-item a.active , .pagination a.selected{ border:2px solid #398ced; background-color:transparent; width:11px; height:11px; } .content-box.scheme1 .bx-pager-item a.active , .content-box.scheme1 .pagination a.selected{ border-color:#fff; background-color:transparent!important; } .flexible-slider-container .bx-pager-item a.active{ border:none!important; background-color:#fff!important; width:9px; height:9px; } .carousel-container.pagination-yes{ padding-bottom:40px; } .carousel-container.posts-carousel-container.pagination-yes{ padding-bottom:60px; } .carousel-container{ position:relative; opacity:0; } .carouel-outer{ overflow:hidden!important; } .portfolio-carousel > .bx-prev, .portfolio-carousel > .bx-next{ width:55px!important; height:55px!important; line-height:50px!important; background-color:#999; background-color:rgba(0,0,0,0.31); font-family:"fontAwesome"; color:#fff!important; -webkit-border-radius:0!important; -moz-border-radius:0!important; border-radius:0!important; border:none!important; margin-top:-25px!important; } .posts-carousel-container.portfolio-carousel > .bx-prev, .posts-carousel-container.portfolio-carousel > .bx-next{ margin-top:-100px!important; } .portfolio-carousel > .bx-prev:hover, .portfolio-carousel > .bx-next:hover{ background-color:rgba(0,0,0,0.5); } .portfolio-carousel > .bx-prev{ left:0px!important; } .portfolio-carousel > .bx-next{ right:0px!important; } .carousel-container > .bx-next, .carousel-container > .bx-prev { opacity:0; filter:alpha(opacity=0); -webkit-backface-visibility:hidden!important; } .carousel-container:hover > .bx-next, .carousel-container:hover > .bx-prev { opacity:1; filter:alpha(opacity=100); } .navigation-align-bottom{ padding-bottom:80px!important; } .navigation-align-bottom .bx-next, .navigation-align-bottom .bx-prev{ left:50%; margin-top:0; top:auto; bottom:0; margin-left:-40px; } .navigation-align-bottom .bx-next{ margin-left:8px; } .carousel-wrapper { margin:0 -20px!important; } .carousel-wrapper.carousel-padding-no{ margin:0!important; } .carousel-wrapper.carousel-padding-narrow{ margin:0 -1px!important; } .carousel-wrapper.carousel-padding-large{ margin:0 -30px!important; } .carousel-wrapper.carousel-padding-small{ margin:0 -10px!important; } .caroufredsel_wrapper{ cursor: -moz-grab!important; cursor: -webkit-grab!important; cursor: grab!important; } .carousel-items{ margin:0!important; } ul.carousel-items { list-style: none; } .carousel-items > li , .carousel-items > div { float: left; list-style-type:none; } /*---------------------------------------------------*/ /* Error 404 */ /*---------------------------------------------------*/ .section-error { padding:100px 0 150px!important; } #error-404{ text-align:center; } #error-404 h1 { font-size:105px; line-height:110px; color:#dddddd; margin-top:50px; } #error-404 p { font-size:16px; } .search-form-404 { margin-top:20px; padding-top:10px; padding-bottom:20px; margin-left:-40px; padding-left:40px; border-left:2px solid #eee } .search-form-404 h3{ font-family:inherit; text-transform:uppercase; letter-spacing:2px; margin-bottom:5px; font-size:16px; line-height:26px; font-weight:400; } .search-form-404 p{ margin-bottom:25px; } /*--------------------------------------------*/ /* load More Spinner /*--------------------------------------------*/ .spinner { width: 40px; height: 40px; display:inline-block; background-color: #aaa; border-radius: 100%; -webkit-animation: scaleout 1.0s infinite ease-in-out; animation: scaleout 1.0s infinite ease-in-out; } @-webkit-keyframes scaleout { 0% { -webkit-transform: scale(0.0) } 100% { -webkit-transform: scale(1.0); opacity: 0; } } @keyframes scaleout { 0% { transform: scale(0.0); -webkit-transform: scale(0.0); } 100% { transform: scale(1.0); -webkit-transform: scale(1.0); opacity: 0; } } #infinite_scroll_loading #infscr-loading img , .spinner-block img{ display:none; } .no-css-animations #infinite_scroll_loading #infscr-loading img , .no-css-animations .spinner-block img{ display:block; } .no-css-animations #infinite_scroll_loading #infscr-loading .spinner , .no-css-animations .spinner-block .spinner{ display:none; } #infscr-loading{ text-align:center; } #infinite_scroll_loading{ margin-top:0; } #infinite_scroll_loading.margin-on-narrow{ margin-top:30px; } #infinite_scroll_loading.margin-on-small{ margin-top:20px; } #infinite_scroll_loading.margin-on-no{ margin-top:55px; } .portfolio.padding-no + .page-nav{ margin-top:50px!important; } .vc_custom_1419483832206 { background-color:#f8f8f8 !important; } .vc_custom_1420109709566 { background-color:#ffffff !important; } .vc_custom_1419483903850 { background-color:#f8f8f8 !important; } .vc_custom_1420111407833 { background:#cccccc url(../upload/parallax15ea1.jpg) !important; } .vc_custom_1420109892934 { background:#f8f8f8 url(../upload/shutterstock_173748209.jpg) !important; } .vc_custom_1420460264115 { background-color: #f8f8f8 !important; } #feature_boxes_1 .feature_box > .brad-icon { -webkit-border-radius: 50%; border-radius: 50%; color: #ffffff; background-color: #f4bf1e; } #section_home1:after { border-top-color: #f6f6f6 } #section_home1.triangle-location-bottom:after { border-bottom-color: #f6f6f6 } #feature_boxes_2 .feature_box > .brad-icon { -webkit-border-radius: 4px; border-radius: 4px; color: #f4bf1e; border-color: #f4bf1e; border-width: 2px; } #feature_boxes_2 .feature_box:hover > .brad-icon { background-color: #f4bf1e; color: #ffffff; } .section_2:after { border-top-color: #ffffff } .section_2.triangle-location-bottom:after { border-bottom-color: #ffffff } #counter_1 .counter-box .title { color: #ffffff!important; } #counter_1 .counter-box .brad-icon { color: #ffffff!important; } #counter_1 .counter-box .counter-value { color: #ffffff!important; } #brad_icons_1 li a { color: #c0c0c0; } #brad_icons_1 li a:hover { color: #fff; } .boxed-layout{ border:1px solid #eee !important; } #titlebar .parallax-image { background-image: url("../upload/shutterstock_166552268.jpg"); background-repeat: no-repeat; background-position: center bottom; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #titlebar .section-overlay { background-color: #2c3e50 !important; opacity: 0.65 !important; filter: alpha(opacity=65) !important; } /*Miscellanious*/ #section_1974721584{padding-top:180px;padding-bottom:180px;background-color:#ffffff;background-image:url(../upload/blog3.jpg);} #section_8152_2{padding-top:90px;padding-bottom:0;background-color:#ffffff;background-image:url(../upload/manblur.jpg);} #feature_boxes_4 .feature_box > .brad-icon{-webkit-border-radius:50%;border-radius:50%;color:#f4bf1e;border-color:#f4bf1e;border-width:1px;}#feature_boxes_4 .feature_box:hover > .brad-icon{background-color:#f4bf1e;color:#ffffff;} #section_4:after{border-top-color:#f6f6f6}#section_4.triangle-location-bottom:after{border-bottom-color:#f6f6f6} #counter_2 .counter-box .title{color:#ffffff!important;}#counter_2 .counter-box .brad-icon{color:#ffffff!important;}#counter_2 .counter-box .counter-value{color:#ffffff!important;}} #feature_boxes_5 .feature_box > .brad-icon{color:#f4bf1e;} .feature_boxes_5 .feature_box > .brad-icon{color:#f4bf1e;} #counter_4 .counter-box .title{color:#ffffff!important;}#counter_4 .counter-box .brad-icon{color:#ffffff!important;}#counter_4 .counter-box .counter-value{color:#ffffff!important;}} .section_brown:after{border-top-color:#f6f6f6}.section_brown.triangle-location-bottom:after{border-bottom-color:#f6f6f6} .section_white:after{border-top-color:#f6f6f6}.section_white.triangle-location-bottom:after{border-bottom-color:#f6f6f6} #feature_boxes_6 .feature_box > .brad-icon{-webkit-border-radius:50%;border-radius:50%;color:#ffffff;border-color:#eeeeee;border-width:2px;}#feature_boxes_6 .feature_box:hover > .brad-icon{background-color:#ffffff;color:#444444;} #feature_boxes_7 .feature_box > .brad-icon{-webkit-border-radius:50%;border-radius:50%;color:#ffffff;background-color:#f4bf1e;} #feature_boxes_8 .feature_box > .brad-icon{-webkit-border-radius:50%;border-radius:50%;color:#ffffff;background-color:#f4bf1e;} #feature_boxes_9 .feature_box > .brad-icon{-webkit-border-radius:50%;border-radius:50%;color:#ffffff;border-color:#ffffff;border-width:1px;} #feature_boxes_10 .feature_box > .brad-icon{-webkit-border-radius:50%;border-radius:50%;color:#ffffff;background-color:#ebb129;} #counter_5 .counter-box .title{color:#ffffff!important;}#counter_5 .counter-box .brad-icon{color:#d8d8d8!important;}#counter_5 .counter-box .counter-value{color:#ffffff!important;}} #feature_boxes_11 .feature_box > .brad-icon{color:#ebb129;} #feature_boxes_13 .feature_box > .brad-icon{color:#ebb129;} #feature_boxes_12 .feature_box > .brad-icon{-webkit-border-radius:50%;border-radius:50%;color:#ffffff;background-color:#f4bf1e;}#feature_boxes_12 .feature_box:hover > .brad-icon{background-color:#f4bf1e;} #brad_slider1 .carousel-caption-content { max-width:1140px;} #feature_boxes_14 .feature_box > .brad-icon{-webkit-border-radius:50%;border-radius:50%;color:#ffffff;background-color:#f4bf1e;}#feature_boxes_14 .feature_box:hover > .brad-icon{background-color:#f4bf1e;} #feature_boxes_15 .feature_box > .brad-icon{-webkit-border-radius:50%;border-radius:50%;color:#ffffff;border-color:#eeeeee;border-width:2px;}#feature_boxes_15 .feature_box:hover > .brad-icon{background-color:#ffffff;color:#444444;} #brad_slider2 .carousel-caption-content { max-width:980px;} #feature_boxes_15 .feature_box > .brad-icon{-webkit-border-radius:50%;border-radius:50%;color:#ffffff;background-color:#f1c40f;}#feature_boxes_15 .feature_box:hover > .brad-icon{background-color:#333333;} #counter_6 .counter-box .brad-icon{color:#999999!important;} .feature_boxes_16 .feature_box > .brad-icon{color:#f4bf1e;} #clients_1 .span .inner-content{background-color:#f7f7f7;} #feature_boxes_17 .feature_box > .brad-icon{-webkit-border-radius:50%;border-radius:50%;color:#ffffff;background-color:#ebb129;}#feature_boxes_17 .feature_box:hover > .brad-icon{color:#ffffff;} #feature_boxes_18 .feature_box > .brad-icon{-webkit-border-radius:5px;border-radius:5px;color:#ebb129;border-color:#ebb129;border-width:2px;}#feature_boxes_18 .feature_box:hover > .brad-icon{background-color:#ebb129;color:#ffffff;} #feature_boxes_19 .feature_box > .brad-icon{-webkit-border-radius:4px;border-radius:4px;color:#ebb129;border-color:#ebb129;border-width:2px;}#feature_boxes_19 .feature_box:hover > .brad-icon{background-color:#ebb129;color:#ffffff;} #feature_boxes_20 .feature_box > .brad-icon{-webkit-border-radius:50%;border-radius:50%;color:#ffffff;background-color:#ebb129;} #counter_10 .counter-box .title{color:#ffffff!important;}#counter_10 .counter-box .brad-icon{color:#ffffff!important;}#counter_10 .counter-box .counter-value{color:#ffffff!important;}} #clients_960961628 .span .inner-content{background-color:#ffffff;border-color:#dddddd;}#clients_960961628 .span .inner-content:hover{border-color:#cccccc;} #clients_459503429 .span .inner-content{background-color:#ffffff;} #counter_2038799101 .counter-box .counter-value{color:#ebb129!important;}} #counter_1628191406 .counter-box .brad-icon{color:#999999!important;}} #counter_965703656 .counter-box-container{width:100%}#counter_965703656 .counter-box{height:180px}#counter_965703656 .counter-box .brad-icon{color:#ebb129!important;}#counter_965703656 .counter-box .counter-value{color:#ebb129!important;}#counter_965703656 .counter-box{border:2px solid #eeeeee;-webkit-border-radius:5px;border-radius:5px} #counter_1363055683 .counter-box-container{width:230px}#counter_1363055683 .counter-box{height:230px}#counter_1363055683 .counter-box .title{color:#ffffff!important;}#counter_1363055683 .counter-box .counter-value{color:#ffffff!important;}#counter_1363055683 .counter-box{border:2px solid #eeeeee;-webkit-border-radius:50%;border-radius:50%} #feature_boxes_1813648124 .feature_box > .brad-icon{-webkit-border-radius:2px;border-radius:2px;color:#ebb129;border-color:#ebb129;border-width:2px;}#feature_boxes_1813648124 .feature_box:hover > .brad-icon{background-color:#ebb129;color:#ffffff;} #feature_boxes_1878597027 .feature_box > .brad-icon{-webkit-border-radius:50%;border-radius:50%;color:#ebb129;border-color:#ebb129;border-width:1px;}#feature_boxes_1878597027 .span .inner-content{border-radius:0px;-webkit-border-radius:0px;min-height:50px;background-color:#ffffff;} #feature_boxes_1115300889 .feature_box > .brad-icon{-webkit-border-radius:50%;border-radius:50%;color:#ffffff;background-color:#ebb129;} #feature_boxes_1028218023 .feature_box > .brad-icon{-webkit-border-radius:50%;border-radius:50%;color:#ffffff;background-color:#ebb129;} #feature_boxes_1590060874 .feature_box > .brad-icon{-webkit-border-radius:50%;border-radius:50%;color:#ffffff;background-color:#454545;}#feature_boxes_1590060874 .feature_box:hover > .brad-icon{background-color:#333333;} #feature_boxes_164027756 .feature_box > .brad-icon{color:#2d2d2d;}#feature_boxes_164027756 .span .inner-content{border-radius:0px;-webkit-border-radius:0px;min-height:270px;background-color:#ebb129;} #feature_boxes_622641133 .feature_box > .brad-icon{color:#ebb129;}#feature_boxes_622641133 .span .inner-content{border-radius:0px;-webkit-border-radius:0px;min-height:270px;background-color:#ffffff;border-color:#ebb129;border-width:3px;} #feature_boxes_98168327 .feature_box > .brad-icon{-webkit-border-radius:50%;border-radius:50%;color:#ffffff;background-color:#ebb129;}#feature_boxes_98168327 .span .inner-content{border-radius:15px;-webkit-border-radius:15px;min-height:270px;background-color:#f7f7f7;border-color:#dddddd;border-width:1px;} #feature_boxes_1124989384 .feature_box > .brad-icon{-webkit-border-radius:50%;border-radius:50%;color:#ffffff;background-color:#1abc9c;}#feature_boxes_1124989384 .span .inner-content{border-radius:0px;-webkit-border-radius:0px;min-height:270px;background-color:#16a085;} #feature_boxes_844121451 .feature_box > .brad-icon{-webkit-border-radius:50%;border-radius:50%;color:#ebb129;border-color:#ebb129;border-width:1px;}#feature_boxes_844121451 .feature_box:hover > .brad-icon{background-color:#ebb129;color:#ffffff;} #counter_1024767791 .counter-box .title{color:#777777!important;}#counter_1024767791 .counter-box .brad-icon{color:#bbbbbb!important;}#counter_1024767791 .counter-box .counter-value{color:#555555!important;}} #message_1306658406 .close{border-color:#ebb129}#message_1306658406{ color:#ebb129; background-color:transparent; border:2px solid #ebb129; -webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;} #message_2024225599 .close{border-color:#ebb129}#message_2024225599{ color:#ebb129; background-color:transparent; border:3px solid #ebb129; -webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;} #message_1188219561 .close{border-color:#ebb129}#message_1188219561{ color:#ebb129; background-color:transparent; border:4px solid #ebb129; -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;} #message_251007049 .close{border-color:#ebb129}#message_251007049{ color:#ebb129; background-color:transparent; border:5px solid #ebb129; -webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;} #message_159369403 .close{border-color:#ebb129}#message_159369403{ color:#ebb129; background-color:transparent; border:7px solid #ebb129; -webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;} #message_1276433804 .close{border-color:#dddddd}#message_1276433804{ color:#888888; background-color:#ffffff; border:1px solid #dddddd; -webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;} #pricing_1443819961{background-color:#ffffff;color:}#pricing_1443819961 .title-box{color:#444444}#pricing_1443819961 .pricing-box > div {color:#999999}#pricing_1443819961 .title-box .brad-icon{color:; background-color:;} #pricing_1443819961 .pricing-box .price-info{color:}#pricing_1443819961:hover{background-color:#fcfcfc;color:}#pricing_1443819961:hover .pricing-box .price-info{color:}#pricing_1443819961:hover .title-box .brad-icon{color:;background-color:;}#pricing_1443819961:hover .pricing-box > div{color:#ffffff} #pricing_1443819961:hover .title-box{color:#ffffff}#pricing_1443819961 .title-box{background-color:#eeeeee}#pricing_1443819961:hover .title-box{background-color:#f1c40f}#pricing_1443819961 .pricing-box .price-content{background-color:#fcfcfc}#pricing_1443819961:hover .pricing-box .price-content{background-color:#3d3d3d} #pricing_101998654{background-color:;color:}#pricing_101998654 .title-box{color:}#pricing_101998654 .pricing-box > div {color:}#pricing_101998654 .title-box .brad-icon{color:; background-color:;} #pricing_101998654 .pricing-box .price-info{color:}#pricing_101998654:hover{background-color:#f1c40f;color:#ffffff}#pricing_101998654:hover .pricing-box .price-info{color:}#pricing_101998654:hover .title-box .brad-icon{color:#ebb129;background-color:#ffffff;}#pricing_101998654:hover .pricing-box > div{color:#eeeeee} #pricing_101998654:hover .title-box{color:#ffffff} #pricing_281947016{background-color:#f1c40f;color:#ffffff}#pricing_281947016 .title-box{color:#ffffff}#pricing_281947016 .pricing-box > div {color:#eeeeee}#pricing_281947016 .title-box .brad-icon{color:#ebb129; background-color:#ffffff;} #pricing_281947016 .pricing-box .price-info{color:} #pricing_1955756096{background-color:;color:}#pricing_1955756096 .title-box{color:}#pricing_1955756096 .pricing-box > div {color:}#pricing_1955756096 .title-box .brad-icon{color:; background-color:;} #pricing_1955756096 .pricing-box .price-info{color:}#pricing_1955756096:hover{background-color:#f1c40f;color:#ffffff}#pricing_1955756096:hover .pricing-box .price-info{color:}#pricing_1955756096:hover .title-box .brad-icon{color:#ebb129;background-color:#ffffff;}#pricing_1955756096:hover .pricing-box > div{color:#eeeeee} #pricing_1955756096:hover .title-box{color:#ffffff} #pricing_947864117{background-color:;color:}#pricing_947864117 .title-box{color:}#pricing_947864117 .pricing-box > div {color:}#pricing_947864117 .title-box .brad-icon{color:; background-color:;} #pricing_947864117 .pricing-box .price-info{color:#aaaaaa} #pricing_1324576291{background-color:;color:}#pricing_1324576291 .title-box{color:}#pricing_1324576291 .pricing-box > div {color:}#pricing_1324576291 .title-box .brad-icon{color:; background-color:;} #pricing_1324576291 .pricing-box .price-info{color:#aaaaaa}#pricing_1324576291:hover{background-color:#f1c40f;color:#ffffff}#pricing_1324576291:hover .pricing-box .price-info{color:#ffffff}#pricing_1324576291:hover .title-box .brad-icon{color:;background-color:;}#pricing_1324576291:hover .pricing-box > div{color:#ffffff} #pricing_1324576291:hover .title-box{color:#ffffff} #pricing_1209834050{background-color:;color:}#pricing_1209834050 .title-box{color:}#pricing_1209834050 .pricing-box > div {color:}#pricing_1209834050 .title-box .brad-icon{color:; background-color:;} #pricing_1209834050 .pricing-box .price-info{color:#aaaaaa} #pricing_1941099847{background-color:;color:}#pricing_1941099847 .title-box{color:}#pricing_1941099847 .pricing-box > div {color:}#pricing_1941099847 .title-box .brad-icon{color:; background-color:;} #pricing_1941099847 .pricing-box .price-info{color:#ffffff}#pricing_1941099847 .title-box{background-color:#f5d657}#pricing_1941099847:hover .title-box{background-color:}#pricing_1941099847 .pricing-box{background-color:#f4d03f}#pricing_1941099847:hover .pricing-box{background-color:} #pricing_576186029{background-color:;color:}#pricing_576186029 .title-box{color:}#pricing_576186029 .pricing-box > div {color:}#pricing_576186029 .title-box .brad-icon{color:; background-color:;} #pricing_576186029 .pricing-box .price-info{color:#ffffff}#pricing_576186029 .title-box{background-color:#f2ca27}#pricing_576186029:hover .title-box{background-color:}#pricing_576186029 .pricing-box{background-color:#f1c40f}#pricing_576186029:hover .pricing-box{background-color:} #pricing_113944670{background-color:#f9f9f9;color:}#pricing_113944670 .title-box{color:}#pricing_113944670 .pricing-box > div {color:}#pricing_113944670 .title-box .brad-icon{color:; background-color:;} #pricing_113944670 .pricing-box .price-info{color:#ffffff}#pricing_113944670 .title-box{background-color:#f5d657}#pricing_113944670:hover .title-box{background-color:}#pricing_113944670 .pricing-box{background-color:#f4d03f}#pricing_113944670:hover .pricing-box{background-color:} #pricing_111498046{background-color:;color:}#pricing_111498046 .title-box{color:}#pricing_111498046 .pricing-box > div {color:}#pricing_111498046 .title-box .brad-icon{color:; background-color:;} #pricing_111498046 .pricing-box .price-info{color:#ffffff}#pricing_111498046 .title-box{background-color:#f2ca27}#pricing_111498046:hover .title-box{background-color:}#pricing_111498046 .pricing-box{background-color:#f1c40f}#pricing_111498046:hover .pricing-box{background-color:} #pricing_211698049{background-color:#ffffff;color:}#pricing_211698049 .title-box{color:#ffffff}#pricing_211698049 .pricing-box > div {color:#999999}#pricing_211698049 .title-box .brad-icon{color:; background-color:;} #pricing_211698049 .pricing-box .price-info{color:}#pricing_211698049:hover{background-color:#fcfcfc;color:}#pricing_211698049:hover .pricing-box .price-info{color:}#pricing_211698049:hover .title-box .brad-icon{color:;background-color:;}#pricing_211698049:hover .pricing-box > div{color:#ffffff} #pricing_211698049:hover .title-box{color:#ffffff}#pricing_211698049 .title-box{background-color:#3d3d3d}#pricing_211698049:hover .title-box{background-color:#f1c40f}#pricing_211698049 .pricing-box .price-content{background-color:#f5f5f5}#pricing_211698049:hover .pricing-box .price-content{background-color:#3d3d3d} #pricing_953487848{background-color:#ffffff;color:}#pricing_953487848 .title-box{color:#444444}#pricing_953487848 .pricing-box > div {color:#999999}#pricing_953487848 .title-box .brad-icon{color:; background-color:;} #pricing_953487848 .pricing-box .price-info{color:}#pricing_953487848:hover{background-color:#fcfcfc;color:}#pricing_953487848:hover .pricing-box .price-info{color:}#pricing_953487848:hover .title-box .brad-icon{color:;background-color:;}#pricing_953487848:hover .pricing-box > div{color:#ffffff} #pricing_953487848:hover .title-box{color:#ffffff}#pricing_953487848 .title-box{background-color:#eeeeee}#pricing_953487848:hover .title-box{background-color:#f1c40f}#pricing_953487848 .pricing-box .price-content{background-color:#fcfcfc}#pricing_953487848:hover .pricing-box .price-content{background-color:#3d3d3d} #person_1924001887 .social-icons li a{color:#999999;}#person_1924001887 .social-icons li a:hover{color:#666666;} #person_325073977 .social-icons li a{color:#999999;}#person_325073977 .social-icons li a:hover{color:#454545;} #person_1066825957 .social-icons li a{color:#999999;}#person_1066825957 .social-icons li a:hover{color:#454545;} #person_761088216 .social-icons li a{color:#999999;}#person_761088216 .social-icons li a:hover{color:#454545;} #feature_boxes_826416044 .feature_box > .brad-icon{-webkit-border-radius:50%;border-radius:50%;color:#ffffff;background-color:#f4bf1e;}#feature_boxes_826416044 .feature_box:hover > .brad-icon{background-color:#f4bf1e;} #counter_451350066 .counter-box .title{color:#666666!important;}#counter_451350066 .counter-box .counter-value{color:#454545!important;}} #brad_slider1 .carousel-caption-content { max-width:1210px;} #section_1300744414{padding-top:90px;padding-bottom:0;background-color:#ffffff;} #div_c1fb_0{padding-top:0px;padding-bottom:0px;padding-left:0px;padding-right:0px;} #h2_c1fb_0{margin-bottom:0px} #div_c1fb_1{margin-top:15px;margin-bottom:20px;} #h6_c1fb_0{margin-bottom:0px} #div_c1fb_2{height:50px;line-height:50px;} #section_985239676{padding-top:110px;padding-bottom:80px;background-color:#f6f6f6;} #div_c1fb_3{padding-top:0px;padding-bottom:0px;padding-left:0px;padding-right:0px;} #section_home1{padding-top:90px;padding-bottom:80px;background-color:#ffffff;} #div_c1fb_4{padding-top:0px;padding-bottom:0px;padding-left:0px;padding-right:0px;} #h5_c1fb_0{margin-bottom:10px} #h1_c1fb_0{margin-bottom:0px} #div_c1fb_5{margin-top:25px;margin-bottom:65px;} #section_8152_0{padding-top:45px;padding-bottom:45px;background-color:#f6f6f6;} #div_8152_0{padding-top:0px;padding-bottom:0px;padding-left:0px;padding-right:0px;} #div_8152_1{background-color:rgba(44,62,80,0.45)} #div_8152_2{padding-top:0px;padding-bottom:0px;padding-left:0px;padding-right:0px;} #section_1910375768{padding-top:90px;padding-bottom:90px;background-color:#ffffff;} #div_8152_3{padding-top:0px;padding-bottom:0px;padding-left:0px;padding-right:0px;} #h1_8152_0{margin-bottom:0px} #div_8152_4{margin-top:20px;margin-bottom:25px;} #p_8152_0{text-align: center;} #section_8152_1{padding-top:0;padding-bottom:0;background-color:#ffffff;} #div_8152_5{padding-top:0px;padding-bottom:0px;padding-left:0px;padding-right:0px;} #section_1222425853{padding-top:90px;padding-bottom:100px;background-color:#ffffff;} #div_8152_6{padding-top:0px;padding-bottom:0px;padding-left:0px;padding-right:0px;} #h1_8152_1{margin-bottom:0px} #div_8152_7{margin-top:20px;margin-bottom:60px;} #span_8152_0{color: #696969;} #div_8152_8{background-color:rgba(52,73,94,0.25)} #div_8152_9{padding-top:0px;padding-bottom:0px;padding-left:0px;padding-right:0px;} #div_8152_10{padding-top:0px;padding-bottom:0px;padding-left:0px;padding-right:0px;} #div_8152_11{height:20px;line-height:20px;} #h2_8152_0{margin-bottom:0px} #div_8152_12{margin-top:20px;margin-bottom:30px;} #div_8152_13{height:35px;line-height:35px;} #div_8152_14{height:80px;line-height:80px;} #section_416941510{padding-top:90px;padding-bottom:100px;background-color:#ffffff;} #div_8152_15{padding-top:0px;padding-bottom:0px;padding-left:0px;padding-right:0px;} #h3_8152_0{margin-bottom:0px} #div_8152_16{margin-top:15px;margin-bottom:45px;} #section_8152_3{padding-top:50px;padding-bottom:50px;background-color:#f6f6f6;} #div_8152_17{padding-top:0px;padding-bottom:0px;padding-left:0px;padding-right:0px;} /*Buttons*/ #brad_button_1640218933{color:#ffffff;background-color:#3498db;border:0px solid transparent;}#brad_button_1640218933:hover{color:#eeeeee;background-color:#2980b9;border-color:transparent;} #brad_button_1114356766{color:#ffffff;background-color:#34495e;border:0px solid transparent;}#brad_button_1114356766:hover{color:#eeeeee;background-color:#2c3e50;border-color:transparent;} #brad_button_327500085{color:#34495e;background-color:#bdc3c7;border:0px solid transparent;}#brad_button_327500085:hover{color:#34495e;background-color:#ecf0f1;border-color:transparent;} #brad_button_157394919{color:#ffffff;background-color:#1abc9c;border:0px solid transparent;}#brad_button_157394919:hover{color:#eeeeee;background-color:#16a085;border-color:transparent;} #brad_button_533831293{color:#ffffff;background-color:#2ecc71;border:0px solid transparent;}#brad_button_533831293:hover{color:#eeeeee;background-color:#27ae60;border-color:transparent;} #brad_button_896007559{color:#ffffff;background-color:#ea7eca;border:0px solid transparent;}#brad_button_896007559:hover{color:#eeeeee;background-color:#ea00a4;border-color:transparent;} #brad_button_143574826{color:#ffffff;background-color:#e67e22;border:0px solid transparent;}#brad_button_143574826:hover{color:#eeeeee;background-color:#d35400;border-color:transparent;} #brad_button_1910482254{color:#ffffff;background-color:#a088ad;border:0px solid transparent;}#brad_button_1910482254:hover{color:#eeeeee;background-color:#9868ad;border-color:transparent;} #brad_button_705303922{color:#ebb129;background-color:transparent;border:1px solid #ebb129;}#brad_button_705303922:hover{color:#ebb129;background-color:transparent;border-color:#ebb129;} #brad_button_1981256118{color:#ebb129;background-color:transparent;border:2px solid #ebb129;}#brad_button_1981256118:hover{color:#ebb129;background-color:transparent;border-color:#ebb129;} #brad_button_1859896997{color:#ebb129;background-color:transparent;border:3px solid #ebb129;}#brad_button_1859896997:hover{color:#ebb129;background-color:transparent;border-color:#ebb129;} #brad_button_805435124{color:#ebb129;background-color:transparent;border:4px solid #ebb129;}#brad_button_805435124:hover{color:#ebb129;background-color:transparent;border-color:#ebb129;} #brad_button_2081383866{color:#ebb129;background-color:transparent;border:5px solid #ebb129;}#brad_button_2081383866:hover{color:#ebb129;background-color:transparent;border-color:#ebb129;} #brad_button_590485309{color:#ebb129;background-color:transparent;border:6px solid #ebb129;}#brad_button_590485309:hover{color:#ebb129;background-color:transparent;border-color:#ebb129;} #brad_button_1522590865{color:#ebb129;background-color:transparent;border:7px solid #ebb129;}#brad_button_1522590865:hover{color:#ebb129;background-color:transparent;border-color:#ebb129;} #brad_button_2001356853{color:#ebb129;background-color:transparent;border:8px solid #ebb129;}#brad_button_2001356853:hover{color:#ebb129;background-color:transparent;border-color:#ebb129;} #brad_button_992570405{color:#ebb129;background-color:transparent;border:1px solid #ebb129;}#brad_button_992570405:hover{color:#ebb129;background-color:transparent;border-color:#ebb129;} #brad_button_697342616{color:#ebb129;background-color:transparent;border:2px solid #ebb129;}#brad_button_697342616:hover{color:#ebb129;background-color:transparent;border-color:#ebb129;} #brad_button_1662831065{color:#ebb129;background-color:transparent;border:3px solid #ebb129;}#brad_button_1662831065:hover{color:#ebb129;background-color:transparent;border-color:#ebb129;} #brad_button_1331156599{color:#ebb129;background-color:transparent;border:4px solid #ebb129;}#brad_button_1331156599:hover{color:#ebb129;background-color:transparent;border-color:#ebb129;} #brad_button_1827203636{color:#ebb129;background-color:transparent;border:5px solid #ebb129;}#brad_button_1827203636:hover{color:#ebb129;background-color:transparent;border-color:#ebb129;} #brad_button_1870822432{color:#ebb129;background-color:transparent;border:6px solid #ebb129;}#brad_button_1870822432:hover{color:#ebb129;background-color:transparent;border-color:#ebb129;} #brad_button_68035634{color:#ebb129;background-color:transparent;border:7px solid #ebb129;}#brad_button_68035634:hover{color:#ebb129;background-color:transparent;border-color:#ebb129;} #brad_button_224151730{color:#ebb129;background-color:transparent;border:8px solid #ebb129;}#brad_button_224151730:hover{color:#ebb129;background-color:transparent;border-color:#ebb129;} /* SOTTOMENU CATALOGO */ .box1 {width:24%;border:1px solid #fff;border-top:0;border-bottom:0;border-left:0;padding:10px;float:left;text-align:center;min-height:110px;} .box1 select {width:90%;margin:0 auto;margin-top:5px} .box1a {border:0px solid #f00;width:50%;float:left;display:block} .box1b {width:100%;text-align:center;margin:0 auto} .box1c {float:right;width:95%;text-align:center;margin:0 auto} .box1c input {width:90%;margin:0 auto;margin-top:5px} .box2 {width:4%;border:1px solid #ff0;padding:10px;float:left;text-align:center} .top {border-top:5px} .last {border:0} /* Table of Content * - separator Text Header * - Sections * - Features + icon Box * - Portfolios * - Full Width Carousel * - Testimonials * - Dropcaps * - Buttons * - Tabs * - Accordions & Toggles * - Charts & Skill Bars * - Team Member * - Pricing Tables * - Dividers * - Clients * - Latest Posts * - Tooltips * - Posts Carousel * - Revolution Slider Styles ( Overwrite Default) * - Layer Slider Styles ( Overwrite Defaults) * - Counter Numbers * - CSS3 Animation Box */ /*------------------------------------------------*/f /* separator Text header /*------------------------------------------------*/ .separator_text { margin: 0 0 40px; } .separator_text p { margin: 30px auto 0; text-align: center; color: #858585; font-size: 13px; line-height: 21px; } .separator_text h4 { text-align: center; letter-spacing: 2px; font-size: 13px; text-transform: uppercase; font-family: "Open Sans", sans-serif; line-height: 20px; margin: 22px auto 0; overflow: hidden; color: #666; font-weight: 500; } .separator_text h4.first-title { margin: 0 auto 20px } .separator_text h4 span { padding: 0 15px; display: inline-block; position: relative; } .separator_text h4.first-title span:before, .separator_text h4.last-title span:before { content: ""; position: absolute; display: inline-block; height: 1px; width: 350px; left: -350px; top: 50%; background: #ddd; margin-top: -1px } .separator_text h4.first-title span:after, .separator_text h4.last-title span:after { content: ""; position: absolute; display: inline-block; height: 1px; width: 350px; right: -350px; top: 50%; background: #ddd; margin-top: -1px } .separator_text .big-title { text-align: center; display: block; clear: both } .separator_text .big-title > div { display: inline-block; overflow: hidden; } .separator_text .big-title > div > span { display: inline-block; font-size: 29px; line-height: 110%; margin: 0; color: #555; letter-spacing: 3px; font-family: "Open Sans", sans-serif; text-transform: uppercase; font-weight: 400; -webkit-font-smoothing: antialiased!important; min-width: 400px } .separator_text .big-title.extra-large-text > div > span { font-size: 39px; font-family: "Open Sans", sans-serif!important; color: #555; min-width: 500px; letter-spacing: 4px } .separator_text.style2 h4.first-title { max-width: 90% } .separator_text.style2 .big-title > div > span { padding-bottom: 30px; position: relative } .separator_text.style2 .big-title > div > span:after { content: ""; position: absolute; display: inline-block; bottom: 0; left: 0; height: 1px; width: 90%; margin-left: 5%; background: #ddd; } .separator_text.style2 p { margin-top: 30px } .section-white-text .separator_text h4, .section-white-text .separator_text .big-title > div > span { color: #fcfcfc!important } /*------------------------------------------------*/ /* Sections /*------------------------------------------------*/ .section { padding: 70px 0 80px; overflow: hidden; position:relative; clear:both; background-color:inherit; visibility:visible; z-index:100; } .section .parallax-image, #titlebar .parallax-image{ position:absolute; left:0; top:0; width:100%; display:block; height:100%; z-index:0; } .section .section-bg-video{ position:absolute; width:100%; left:0; top:0; } .section-bg-video .mejs-container .mejs-controls, .section-bg-video .mejs-overlay-loading, .mk-section-video .mejs-layers { display: none!important } .section .section-overlay, #titlebar .section-overlay{ position:absolute!important; width:100%; height:100%; background-color:transparent; left:0!important; top:0!important; z-index:1!important } .section.section-overlay-dot-style1 .section-overlay{ background:url(../images/dot.png) repeat repeat left top; } .section.section-overlay-dot-style2 .section-overlay{ background:url(../images/dot_3x3.png) repeat repeat left top; } .section.section-overlay-dot-style3 .section-overlay{ background:url(../images/dot_white.png) repeat repeat left top; } .section.section-overlay-dot-style4 .section-overlay{ background:url(../images/dot_white_3x3.html) repeat repeat left top; } .section .section-content{ position:relative; z-index:4 } .section.section-bborder-yes { border-bottom: 1px solid #e8e8e8; } .section.section-border-yes { border-top: 1px solid #e8e8e8; } .section.section-triangle-yes:after{ content:""; position:absolute; display:inline-block; border:20px solid transparent; border-top-color:#ffffff; top:-2px; z-index:999; left:50%; margin-left:-20px; } .section.section-triangle-yes.triangle-location-bottom:after{ top:auto; bottom:0px; border-top-color:transparent!important; border-bottom-color:#ffffff; } .section-box-shadow-yes { box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05); -moz-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05); -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05); } .section-padding-zero { padding: 0!important; } .remove-bottom-padding-yes { padding-bottom: 0!important; } .section-bgstyle-stretch { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center center; background-repeat:no-repeat; } .section-bgstyle-repeat{ background-repeat:repeat; background-position:left top; } .section-bgstyle-norepeat{ background-repeat:no-repeat no-repeat; background-position:center center; } .parallax-section-yes{ background-attachment:fixed!important; background-repeat:no-repeat no-repeat; } .section-fixed-background-yes{ background-attachment:fixed; } .section.full-width .container { width: 100%; max-width:100%; padding: 0!important; } .section.full-width-with-padding .container { width: 100%; max-width:100%; padding: 0 4%; } .grid-940 .container { max-width: 990px } .grid-1140 .container { max-width: 1150px; } .grid-1170 .container { max-width: 1220px; } .section.full-width .grid-1170 .container { max-width: 1220px; padding:0 25px!important; } .section-with-sidebar{ background-color:inherit; padding:0; } .section-with-sidebar > .container > .row-fluid > .row-fluid{ margin:0 -25px; } .section-with-sidebar .content { width:71%; padding:80px 25px 50px; margin-bottom:0; } .section-with-sidebar .sidebar { width:29%; padding:80px 25px 50px; margin-bottom:0; } .section-with-sidebar.single-blog-page .sidebar , .section-with-sidebar.single-blog-page .content , .single-blog-fullwidth-page{ padding-bottom:30px!important; } .section-with-sidebar .sidebar.sidebar-left { float:left; } .section-with-sidebar .content.content-right { float:right; } .section-with-sidebar .sidebar.sidebar-right { float:right; } .section-with-sidebar .content.content-left { float:left; } .side-navigation-wrapper{ background-color:#ffffff; } .side-navigation-wrapper .content{ border-right:1px solid #eee; padding:80px 60px 80px 20px; } .side-navigation-wrapper .content.content-right{ border-left:1px solid #eee; border-right:0; padding:80px 20px 80px 60px; } .side-navigation-wrapper .sidebar{ padding-right:0; padding:70px 40px 80px 0px; } .side-navigation-wrapper .sidebar.sidebar-left{ padding:70px 0px 80px 40px; } .side-navigation-wrapper .sidebar.sidebar-left:after{ left:auto; right:-1px; } .side-navigation-wrapper .sidebar:after{ content:""; position:absolute; display:inline-block; height:100%; width:1px; left:-1px; top:0; background-color:#eee; } .side-navigation{ margin:0; padding:0; list-style:none!important; } .side-navigation li { list-style-type:none; margin:1px 0; } .side-navigation ul{ margin-left:0; } .side-navigation li a { display:block; padding:10px 30px 10px; margin:0; color:#666; text-transform:uppercase; letter-spacing:0.5px; font-weight:600; font-size:12px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; text-align:left; } .side-navigation-wrapper .sidebar.sidebar-left .side-navigation li a{ text-align:right; } .side-navigation li.current_page_item a { background-color:#f6f6f6; border:1px solid #eee; border-left:none; } .side-navigation-wrapper .sidebar.sidebar-left .side-navigation li.current_page_item a { border-right:none; border-left:1px solid #eee; } .side-navigation li.current_page_item a:hover{ color:#454545; } .side-navigation li a:hover{ color:#454545; background-color:#f6f6f6 } .side-navigation li ul{ margin-left:20px; } .side-navigation-mobile{ position:relative; width:100%; display:none; background-color:#fff; z-index:10; } .side-navigation-mobile:after { content: "\f107"; font-family: "fontawesome"; color: #e5e5e5; font-size: 13px; position:absolute; right:15px; top:12px; } .side-navigation-mobile .current-page { color:#666; line-height:45px; padding:0 15px; font-size:13px; display:block; border:1px solid #eee; } .side-navigation-mobile ul{ margin:0; padding:0; } .side-navigation-mobile ul li{ list-style-type:none; } .side-navigation-mobile ul ul{ margin-left:10px; } .side-navigation-mobile > ul{ border:1px solid #eee; position:absolute; top:45px; width:100%; padding:20px 15px; height:300px; min-height:300px; margin:0; overflow:scroll; list-style:none; display:none; opacity:0; filter:alpha(opacity=0); transition:all 0.2s; -webkit-transition:all 0.2s; background-color:#fff; z-index:100; } .side-navigation-mobile ul li a{ display:block; overflow:scroll; width:100%; padding:5px 0; text-overflow:ellipsis; white-space:pre-wrap; color:#999; } .side-navigation-mobile ul li a:hover{ color:#555; } .side-navigation-mobile.clicked > ul{ display:block; opacity:1; filter:alpha(opacity=1); } /*------------------------------------------------*/ /* icons /*------------------------------------------------*/ .brad-icon { display:inline-block; -webkit-transition:all 0.3s; -ms-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; z-index:1; -webkit-backface-visibility:hidden; } a > .brad-icon{ -webkit-transition:none; -moz-transition:none; -ms-transition:none; transition:none; } .brad-icon.medium-size{ font-size:28px; } .brad-icon.large-size{ font-size:38px; } .brad-icon.ex-large-size{ font-size:44px; } .brad-icon.style2 { border: 1px solid #777; -webkit-border-radius: 50%; -moz-border-radius:50%; border-radius: 50%; display: inline-block; text-align: center; padding-top:3px; width: 35px; height: 35px; font-size:19px; } .brad-icon.style2.medium-size{ width:50px; height:50px; padding-top:8px; font-size:21px; } .brad-icon.style2.large-size{ width:70px; height:70px; padding-top:18px; font-size:30px; } .brad-icon.style2.ex-large-size{ width:100px; height:100px; padding-top:29px; font-size:40px; } .brad-icon.style2.icon-text.medium-size{ padding-top:9px; } .brad-icon.style2.icon-text.large-size{ padding-top:21px; } .brad-icon.style2.icon-text.ex-large-size{ padding-top:34px; } .brad-icon.style3 { background-color: #5d5d5d; color: #fff; border-radius: 50%; -moz-border-radius:50%; -webkit-border-radius: 50%; display: inline-block; text-align: center; padding-top:5px; width: 35px; height: 35px; font-size:19px; padding-top:4px; } .brad-icon.style3.medium-size{ width:50px; height:50px; padding-top:10px; font-size:21px; } .brad-icon.style3.large-size{ width:70px; height:70px; padding-top:21px; font-size:25px; } .brad-icon.style3.ex-large-size{ width:100px; height:100px; padding-top:31px; font-size:40px; } .brad-icon.icon-text{ font-family:inherit; } .brad-icon.style3.icon-text.medium-size{ padding-top:10px; } .brad-icon.style3.icon-text.large-size{ padding-top:22px; } .brad-icon.style3.icon-text.ex-large-size{ padding-top:35px; } .brad-icon .ss-navigateright{ margin-left:2px; } .brad-icon img, .brad-icon i { vertical-align: middle!important; } .brad-icon:not(.style1) .fa-play{ margin-left:2px; } .brad-icon.large-size:not(.style1) .fa-play{ margin-left:5px; } .brad-icon.ex-large-size:not(.style1) .fa-play{ margin-left:8px; } /*------------------------------------------------*/ /* feature box /*------------------------------------------------*/ .feature_box .heading h1, .feature_box .heading h2, .feature_box .heading h3, .feature_box .heading h4, .feature_box .heading h5, .feature_box .heading h6{ margin-bottom:0!important; } .feature_box .brad-icon { margin-right: 0!important } div.feature_box { margin: 0px auto 0; position: relative; } .ex_class1 h6{ font-size:14px!important; } .feature_box .heading { vertical-align: middle; margin: 0; margin-bottom:13px; } div.feature_box.no-content .heading{ margin-bottom:0!important; } .feature_boxes.iconbox-style3.crease-background-yes .feature_box > .brad-icon{ background-image:url(../images/crease.svg); background-repeat:no-repeat; background-size: 100% 100%; background-position:center center; } .feature_boxes.iconbox-style2.crease-background-yes .feature_box:hover > .brad-icon{ background-image:url(../images/crease.svg); background-repeat:no-repeat; background-size: 100% 100%; background-position:center center; } .feature_boxes.title-divider-yes .feature_box .heading { position:relative; padding-bottom:12px; margin-bottom:20px!important; min-height:1px!important; } .feature_boxes.box-style2.title-divider-yes .feature_box .heading { margin-bottom:18px!important; } .feature_box .subtitle{ font-size:13px; line-height:20px; margin-bottom:2px; color:#555; } .content-box.scheme1 .feature_box .subtitle{ color:#fff; } .feature_box .feature-content { margin-bottom: 0; } .feature_boxes .feature_box > .brad-icon{ font-size:30px; -webkit-backface-visibility:hidden; } .feature_boxes.large-size .feature_box > .brad-icon{ font-size:38px; } .feature_boxes.ex-large-size .feature_box > .brad-icon{ font-size:46px; } .feature_boxes.extra-large-size .feature_box > .brad-icon{ font-size:52px; } .feature_boxes.iconbox-style2 .feature_box > .brad-icon { border: 2px solid #777; -webkit-border-radius: 50%; -moz-border-radius:50%; border-radius: 50%; display: inline-block; text-align: center; padding-top:8px; width: 50px; height: 50px; font-size:21px; } .feature_boxes.iconbox-style2 .feature_box > .brad-icon.icon-text{ padding-top:9px; } .feature_boxes.iconbox-style2.large-size .feature_box > .brad-icon{ width:70px; height:70px; padding-top:20px; font-size:26px; } .feature_boxes.iconbox-style2.ex-large-size .feature_box > .brad-icon{ width:100px; height:100px; padding-top:33px; font-size:33px; } .feature_boxes.iconbox-style2.extra-large-size .feature_box > .brad-icon, .feature_boxes.iconbox-style3.extra-large-size .feature_box > .brad-icon{ width:135px; height:135px; font-size:42px; padding-top:42px; } .feature_boxes.iconbox-style3 .feature_box > .brad-icon { background-color: #5d5d5d; color: #fff; border-radius: 50%; -moz-border-radius:50%; -webkit-border-radius: 50%; display: inline-block; text-align: center; padding-top:5px; width: 50px; height: 50px; font-size:21px; padding-top:10px; } .feature_boxes.iconbox-style3.large-size .feature_box > .brad-icon{ width:70px; height:70px; padding-top:21px; font-size:26px; } .feature_boxes.iconbox-style3.ex-large-size .feature_box > .brad-icon{ width:100px; height:100px; padding-top:34px; font-size:33px; } .feature_boxes.iconbox-style3.ex-large-size .feature_box > .brad-icon.icon-text{ padding-top:37px; } .feature_boxes.iconbox-style3.extra-large-size .feature_box > .brad-icon.icon-text{ padding-top:50px; } /* Feature Box Style 1 */ .feature_boxes.box-style1 .feature_box .heading .heading-content{ display:table-cell; vertical-align:middle; } .feature_boxes.box-style1 .feature_box > .brad-icon { margin-right: 10px!important; float: left; font-size: 21px; } .feature_boxes.box-style1 .feature_box .heading { min-height:20px; padding-top:0; margin-bottom:25px; display:table; } .feature_boxes.box-style1.iconbox-style3 .feature_box > .brad-icon , .feature_boxes.box-style1.iconbox-style2 .feature_box > .brad-icon { margin-right: 10px; font-size:17px; width: 35px; height: 35px; padding-top:3px; } .feature_boxes.box-style1.iconbox-style3 .heading, .feature_boxes.box-style1.iconbox-style3 .heading { min-height:35px; } .feature_boxes.box-style1.iconbox-style3 .feature_box > .brad-icon{ padding-top:4px; } .feature_boxes.box-style1.large-size.iconbox-style2 .feature_box .heading, .feature_boxes.box-style1.large-size.iconbox-style3 .feature_box .heading { margin-bottom:30px; min-height:60px; } .feature_boxes.box-style1.large-size .feature_box > .brad-icon { font-size: 28px; margin-right: 15px!important; } .feature_boxes.box-style1.large-size.iconbox-style3 .feature_box > .brad-icon , .feature_boxes.box-style1.large-size.iconbox-style2 .feature_box > .brad-icon { font-size:23px; width: 60px; height: 60px; padding-top:13px; } .feature_boxes.box-style1.ex-large-size.iconbox-style3 .feature_box > .brad-icon{ padding-top:9px; } .feature_boxes.box-style1.ex-large-size.iconbox-style2 .feature_box .heading, .feature_boxes.box-style1.ex-large-size.iconbox-style3 .feature_box .heading { margin-bottom:50px; min-height:70px; } .feature_boxes.box-style1.ex-large-size .feature_box > .brad-icon { font-size: 34px; margin-right: 20px!important; } .feature_boxes.box-style1.ex-large-size.iconbox-style3 .feature_box > .brad-icon , .feature_boxes.box-style1.ex-large-size.iconbox-style2 .feature_box > .brad-icon { font-size:31px; width: 70px; height: 70px; padding-top:18px; } .feature_boxes.box-style1.ex-large-size.iconbox-style3 .feature_box > .brad-icon{ padding-top:20px; } .feature_boxes.box-style1.extra-large-size .feature_box > .brad-icon { font-size: 40px; margin-right: 20px!important; } .feature_boxes.box-style1.ex-large-size.iconbox-style3 .feature_box > .brad-icon , .feature_boxes.box-style1.ex-large-size.iconbox-style2 .feature_box > .brad-icon { font-size:33px; width: 100px; height: 100px; padding-top:33px; } /* Feature Box Style 2 */ .feature_boxes.box-style2 .feature_box { padding-left:40px; text-align: left; } .feature_boxes.box-style2 .feature_box .heading{ margin-bottom:8px; } .feature_boxes.box-style2.icon-side-right .feature_box { text-align:right; padding-left:0!important; padding-right:40px; } .feature_boxes.box-style2.iconbox-style2 .feature_box, .feature_boxes.box-style2.iconbox-style3 .feature_box { padding-left:75px; } .feature_boxes.box-style2.icon-side-right.iconbox-style2 .feature_box, .feature_boxes.box-style2.icon-side-right.iconbox-style3 .feature_box { padding-right:75px; } .feature_boxes.box-style2.large-size .feature_box{ padding-left:65px; } .feature_boxes.box-style2.icon-side-right.large-size .feature_box{ padding-right:55px; } .feature_boxes.box-style2.large-size.iconbox-style2 .feature_box, .feature_boxes.box-style2.large-size.iconbox-style3 .feature_box{ padding-left:105px; } .feature_boxes.box-style2.icon-side-right.large-size.iconbox-style2 .feature_box, .feature_boxes.box-style2.icon-side-right.large-size.iconbox-style3 .feature_box{ padding-right:95px; } .feature_boxes.box-style2.ex-large-size .feature_box{ padding-left:75px; } .feature_boxes.box-style2.icon-side-right.ex-large-size .feature_box{ padding-right:75px; } .feature_boxes.box-style2.ex-large-size.iconbox-style2 .feature_box, .feature_boxes.box-style2.ex-large-size.iconbox-style3 .feature_box{ padding-left:125px; } .feature_boxes.box-style2.icon-side-right.ex-large-size.iconbox-style2 .feature_box, .feature_boxes.box-style2.icon-side-right.ex-large-size.iconbox-style3 .feature_box{ padding-right:125px; } .feature_boxes.box-style2.extra-large-size .feature_box{ padding-left:85px; } .feature_boxes.box-style2.icon-side-right.extra-large-size .feature_box{ padding-right:85px; } .feature_boxes.box-style2.extra-large-size.iconbox-style2 .feature_box, .feature_boxes.box-style2.extra-large-size.iconbox-style3 .feature_box{ padding-left:170px; } .feature_boxes.box-style2.icon-side-right.extra-large-size.iconbox-style2 .feature_box, .feature_boxes.box-style2.icon-side-right.extra-large-size.iconbox-style3 .feature_box{ padding-right:170px; } .feature_boxes.box-style2 .feature_box > .brad-icon{ position:absolute; left:0; top:5px; } .feature_boxes.box-style2.icon-side-right .feature_box > .brad-icon{ left:auto; right:0; } /* Feature Box Style 3 */ .feature_boxes.box-style3 .heading { text-align:left; margin-bottom:10px;} .feature_boxes.box-style3 .heading + .feature-content { text-align:left; } .feature_boxes.box-style3 .feature-content { text-align:left; } .feature_boxes.box-style3 .readmore { text-align:left; } .feature_boxes.box-style3.align-content-center-yes .feature-content , .feature_boxes.box-style3.align-content-center-yes .heading + .feature-content , .feature_boxes.box-style3.align-content-center-yes .heading, .feature_boxes.box-style3.align-content-center-yes .readmore { text-align:center; } .feature_boxes.box-style3.align-icon-center-yes .feature_box { text-align: center; } .feature_boxes.box-style3 .feature_box > .brad-icon { margin-bottom:20px; } .feature_boxes.box-style3.large-size.iconbox-style1 .feature_box > .brad-icon { margin-bottom:20px; } .feature_boxes.box-style3.large-size.iconbox-style2 .feature_box > .brad-icon , .feature_boxes.box-style3.large-size.iconbox-style3 .feature_box > .brad-icon { margin-bottom:30px; } .feature_boxes.box-style3.ex-large-size.iconbox-style1 .feature_box > .brad-icon , .feature_boxes.box-style3.extra-large-size.iconbox-style1 .feature_box > .brad-icon { margin-bottom:35px; } .feature_boxes.box-style3.ex-large-size.iconbox-style2 .feature_box > .brad-icon , .feature_boxes.box-style3.ex-large-size.iconbox-style3 .feature_box > .brad-icon, .feature_boxes.box-style3.extra-large-size.iconbox-style2 .feature_box > .brad-icon , .feature_boxes.box-style3.extra-large-size.iconbox-style3 .feature_box > .brad-icon { margin-bottom:40px; } /*------------------------------------------------*/ /* lists styles /*------------------------------------------------*/ ul.styled-list { margin-left: 0; padding: 0; margin: 0 0 20px; list-style: none } ul.styled-list li { list-style: none; margin: 0 0 8px; padding: 0 0 0 30px; position: relative } ul.styled-list li i { position: absolute; left: 0; top: 1px; display: inline-block; width: 22px; height: 22px; line-height:1; padding-top:3px; border: 1px solid #48e0a4; text-align: center; color: #48e0a4; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius: 50%; } ul.styled-list.size-medium li{ padding-left:35px; margin-bottom:15px; } ul.styled-list.size-large li{ padding-left:40px; margin-bottom:18px; } ul.styled-list.size-medium li i { width:28px; height:28px; padding-top:6px; top:-1px } ul.styled-list.size-large li i { width:33px; height:33px; padding-top:8px; top:-5px; } ul.icon-list li i { font-size:14px; } ul.styled-list.style2 li i{ background: #1abc9c; border-color: #1abc9c; color: #fff; } ul.styled-list.style3 { margin-left: 20px; } ul.styled-list.style3 li { list-style-type: circle; padding-left: 0; margin-bottom: 6px } ul.styled-list.style3 li i { display: none; } ul.styled-list.style4 li { padding-left: 25px; } ul.styled-list.style4 li i { border: none; color: inherit; top: 0px; padding-top:0; } /*------------------------------------------------*/ /* gap /*------------------------------------------------*/ .gap { display: block; width: 100%; margin: 0; height: 20px; line-height: 20px } .gap.small { height: 10px; line-height: 20px } .gap.large { height: 30px; line-height: 30px } .gap.extra-large { height: 50px; line-height: 50px } .doublegap { display: block; width: 100%; height: 1px; margin: 50px 0; } /*------------------------------------------------*/ /* Google map /*------------------------------------------------*/ .google_map{ background-color:#f5f5f5; } .google_map img{ max-width:none } .google_map .entry-content img { max-width: 100000%; /* override */ } .brad-info-box{ padding:15px 15px 15px; background-color:#000; background-color:rgba(0,0,0,0.85); color:#fff; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; font-size:13px; line-height:21px; } /*------------------------------------------------*/ /* Portfolio Styles /*------------------------------------------------*/ .portfolio { position: relative; } .portfolio-items.sortable-items{ opacity:0; } .portfolio-items .portfolio-item .info h3 { line-height: 1.25; margin-bottom: 0px; color: #222; position:relative; padding-bottom:2px; font-size:17px; } .portfolio-items .portfolio-item .info h3 a { color: #222222!important; } .portfolio-items.portfolio-style1 .portfolio-item .info h3, .portfolio-items.portfolio-style1 .portfolio-item .info h3 a{ color:#fff!important; } .portfolio-items .portfolio-item .info h3:first-letter { text-transform: uppercase; } .portfolio-items .portfolio-item .info h5 { font-family: inherit; line-height: 1; margin:0; font-size: 13px; font-weight:400; padding-bottom:5px; padding-top:5px; text-transform:none; color: #999; -webkit-font-smoothing: antialiased!important; position:relative; letter-spacing:0; } .portfolio-items.portfolio-style1 .portfolio-item .info h5 { color:#fff!important; font-size:13px; margin-top:3px; position:relative; } .portfolio-items.portfolio-style1 .portfolio-item .info h5 a{ color:#fff!important; } .portfolio-items .portfolio-item .info h5 a { display: inline; color: #999 } .portfolio-items .portfolio-item .info h5 a:hover { color: #666 } .portfolio-items .portfolio-item .info { background-color:transparent; height: auto; width: 100%; padding: 20px; text-align: left; } .portfolio-items.portfolio-style1 .portfolio-item .info{ padding:25px 0; } .portfolio-items .portfolio-item .info{ text-align:center; } .portfolio-items .portfolio-item .image img{ -webkit-transition:all 0.8s; -moz-transition:all 0.8s; -ms-transition:all 0.8s; transition:all 0.8s; } .no-touch .portfolio-items.portfolio-style1 .portfolio-item .hoverlay:hover img, .portfolio-items.portfolio-style1 .portfolio-item .hoverlay.hover img{ transform:scale(1.05); -ms-transform:scale(1.05); /* IE 9 */ -moz-transform:scale(1.05); /* Firefox */ -webkit-transform:scale(1.05); /* Safari and Chrome */ -o-transform:scale(1.05); /* Opera */ } .portfolio-style1.portfolio-style1.info-style-left .portfolio-item .overlay-content{ display:block; width:100%; height:100%; padding:0; } .portfolio-style1.portfolio-style1.info-style-left .portfolio-item .info{ position:absolute; width:100%; top:35px; padding:0 40px; text-align:left; } .portfolio-style1.portfolio-style1.info-style-left .portfolio-item .overlay-icons{ position:absolute; bottom:35px; right:0; padding:0 30px; width:100%; height:auto; text-align:right; } .portfolio-style1.columns-4.portfolio-style1.info-style-left .portfolio-item .info{ top:25px; padding:0 30px; } .full-width .portfolio-style1.columns-4.portfolio-style1.info-style-left .portfolio-item .info{ top:35px; padding:0 40px; } .portfolio-style1.columns-5.portfolio-style1.info-style-left .portfolio-item .info{ top:20px; padding:0 25px; } .portfolio-style1.columns-6.portfolio-style1.info-style-left .portfolio-item .info{ top:10px; padding:0 15px; } .portfolio-style1.portfolio-style1.info-style-left .portfolio-item .overlay-icons{ position:absolute; bottom:35px; right:0; padding:0 30px; width:100%; height:auto; text-align:right; } .portfolio-style1.columns-4.portfolio-style1.info-style-left .portfolio-item .overlay-icons{ bottom:25px; padding:0 20px; } .full-width .portfolio-style1.columns-4.portfolio-style1.info-style-left .portfolio-item .overlay-icons{ bottom:35px; padding:0 30px; } .portfolio-style1.columns-5.portfolio-style1.info-style-left .portfolio-item .overlay-icons{ bottom:20px; padding:0 15px; } .portfolio-style1.columns-6.portfolio-style1.info-style-left .portfolio-item .overlay-icons{ bottom:5px; padding:0 10px; } .portfolio-style1.portfolio-style1.info-onhover-no .portfolio-item .overlay, .portfolio-style1.portfolio-style1.info-onhover-no .portfolio-item .overlay-content{ opacity:1; filter:alpha(opacity=100); background-color:transparent!important; } .portfolio-style1.portfolio-style1.info-onhover-no .portfolio-item.overlay-bg-yes .overlay{ background-color:rgba(0,0,0,0.1)!important; } .portfolio-items.portfolio-style1.info-onhover-no .portfolio-item .info h3, .portfolio-items.portfolio-style1.info-onhover-no .portfolio-item .info h3 a{ color:#fff!important; } .portfolio-items.portfolio-style1.info-onhover-no .portfolio-item.scheme-dark .info h3, .portfolio-items.portfolio-style1.info-onhover-no .portfolio-item.scheme-dark .info h3 a{ color:#222!important; } .portfolio-items.portfolio-style1.info-onhover-no .portfolio-item .info h5, .portfolio-items.portfolio-style1.info-onhover-no .portfolio-item .info h5 a{ color:#fff!important; } .portfolio-items.portfolio-style1.info-onhover-no .portfolio-item .info{ -webkit-transform: translate3d(0, 11px, 0); transform: translate3d(0, 11px, 0); transition: -webkit-transform 0.225s ease-in-out; transition: transform 0.225s ease-in-out; } .portfolio-items.portfolio-style1.info-onhover-no .portfolio-item .info h5{ opacity:0; filter:alpha(opacity=0); -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); transition: opacity 0.3s ease-in-out,-webkit-transform 0.3s ease-in-out; transition: opacity 0.3s ease-in-out,transform 0.3s ease-in-out; } .portfolio-items.portfolio-style1.info-onhover-no .portfolio-item .hoverlay:hover .info h5, .portfolio-items.portfolio-style1.info-onhover-no .portfolio-item .hoverlay:hover .info{ -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity:1; filter:alpha(opacity=100); } .portfolio-items.portfolio-style1.info-onhover-no .portfolio-item.scheme-dark .info h5, .portfolio-items.portfolio-style1.info-onhover-no .portfolio-item.scheme-dark .info h5 a{ color:#444!important; } .portfolio-style1.portfolio-style1.info-onhover-no .info h3 { font-size:19px; } /*.portfolio-items.portfolio-style4.portfolio-with-padding-yes { margin: 0 -6px 50px!important }*/ .portfolio-items.portfolio-style2 .portfolio-item .inner-content { background-color: #ffffff; } .portfolio-items.portfolio-style2.bg-style-white-smoke .portfolio-item .inner-content { background-color: #f6f6f6; } .portfolio-items.portfolio-style2.bg-style-stroke .portfolio-item .inner-content { background-color: transparent; border:1px solid #e8e8e8; } .portfolio-items.portfolio-style2.bg-style-transparent .portfolio-item .inner-content { background-color: transparent; } .portfolio-items.portfolio-style2.bg-style-transparent .portfolio-item .info { padding-left:0; padding-right:0; } .portfolio-items.portfolio-style2.bg-style-transparent.element-padding-no .portfolio-item .info, .portfolio-items.portfolio-style2.bg-style-transparent.element-padding-narrow .portfolio-item .info { padding-left:10px; padding-right:10px; } .portfolio-items.portfolio-style2.bg-style-stroke.element-padding-zero .portfolio-item .inner-content { position:relative; margin-left:-1px; margin-top:-1px; } /*------------------------------------------------*/ /* portfolio tabs /*------------------------------------------------*/ .portfolio-tabs { margin:0 auto; margin-bottom: 50px; text-align:center; } .portfolio-tabs.portfolio-tabs-blackbox{ background-color:#393939; padding:30px 0px; margin-bottom:0; } .portfolio-tabs.portfolio-tabs-blackbox + .portfolio { margin-top:40px; } .portfolio-tabs.portfolio-tabs-blackbox + .portfolio.padding-no{ margin-top:0; } .portfolio-tabs.portfolio-tabs-blackbox ul li.sort-label{ color:#eee; } .portfolio-tabs.portfolio-tabs-align-left{ text-align:left; } .portfolio-tabs.portfolio-tabs-align-right{ text-align:right; } .portfolio-tabs.portfolio-tabs-align-right ul li.sort-label{ float:left; } .portfolio-tabs ul { list-style: none; margin: 0; padding: 0; } .portfolio-tabs-container{ width:100%; margin:0 auto; max-width:1140px; } @media only screen and (max-width: 1460px) and (min-width: 1000px){ body.type4 .portfolio-tabs-container{ max-width:970px; } } .portfolio-tabs.portfolio-tabs-blackbox .portfolio-tabs-container{ padding:0 20px; } .portfolio-tabs ul li{ list-style-type:none; } .portfolio-tabs ul li.sort-label{ margin-right:30px; display:inline-block; color:#555; font-size:12px; letter-spacing:0.5px; text-transform:uppercase; font-weight:600; } .portfolio-tabs.scheme2 ul li.sort-label{ font-size:13px; letter-spacing:0; text-transform:none; font-weight:normal; } .portfolio-tabs ul li.sort-item { list-style-type:none; display:inline-block; } .portfolio-tabs ul li.sort-item a { color: #888; margin-right:30px; display:inline-block; padding-bottom:4px; font-size:12px; letter-spacing:0.5px; text-transform:uppercase; position:relative; font-weight:600; } .portfolio-tabs.scheme2 ul li.sort-item a { font-size:13px; letter-spacing:0; text-transform:none; font-weight:normal; } .portfolio-tabs ul li.sort-item a:after{ content:""; position:absolute; left:0; bottom:-10px; width:100%; display:inline-block; background-color:#2092ef; height:2px; opacity:0; filter:alpha(opacity=0); -webkit-transition:all 0.2s; transition:all 0.2s; } .portfolio-tabs ul li.sort-item.active a:after{ opacity:1; filter:alpha(opacity=100); bottom:0; } .portfolio-tabs.portfolio-tabs-blackbox ul li.sort-item a{ color:#ddd; } .portfolio-tabs ul li:last-child{ margin-right:0; } .portfolio-tabs ul li.sort-item.active a{ color:#2092ef!important; } .portfolio-tabs.portfolio-tabs-blackbox ul li.sort-item a{ color:#fff!important; } .portfolio-tabs.portfolio-tabs-blackbox ul li.sort-item.active a, .portfolio-tabs.portfolio-tabs-blackbox ul li.sort-item a:hover{ border-bottom-color:#fff!important; color:#fff!important; } .portfolio-tabs.portfolio-tabs-blackbox ul li.sort-item a:after{ background-color:#fff; } /*------------------------------------------------*/ /* Overlay /*------------------------------------------------*/ .overlay { position: absolute; top: 0; left: 0px; width: 100%; height: 100%; background-color:#398ced; background-color:rgba(57,140,237,0.75); opacity: 0; filter:alpha(opacity=0); -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; z-index: 99; } .no-touch .hoverlay:hover .overlay, .hoverlay.hover .overlay { opacity: 1; filter:alpha(opacity=100); } .overlay:after { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .overlay a { display: block; } .overlay a.button{ display:inline-block; } .overlay-content { position: relative; display: inline-block; vertical-align: middle; width: 95%; height: auto; text-align:center; -webkit-transition:opacity 0.4s ease; -moz-transition:opacity 0.4s ease; transition:opacity 0.4s ease; opacity:0; filter:alpha(opacity=0); color:#fff; padding:10px 20px; font-size:90%; line-height:1.80; overflow:hidden; } .no-touch .hoverlay:hover .overlay-content, .hoverlay.hover .overlay-content{ opacity:1; filter:alpha(opacity=100); } .overlay .lightbox-icon, .overlay .love-it { display: inline-block; width: 48px; height: 48px; line-height:1; padding-top:18px; font-size:13px; color:#fff; text-align: center; background-color:#333; -webkit-font-smoothing: antialiased!important; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; margin:0 7px; -webkit-backface-visibility: hidden!important; } .overlay .love-it{ padding-top:0; } .overlay .love-it i{ margin-right:1px; } .overlay .love-it a{ font-size: 11px; color:inherit; display:inline-block; width:48px; height:48px; padding-top:19px; } /*------------------------------------------------*/ /* Title styles /*------------------------------------------------*/ .title{ width:100%; overflow:hidden!important; text-align:center; } .title.style1 span { padding: 0 0 20px; display: inline-block; position: relative; white-space:inherit; } h6.title.style1 span { padding-bottom:8px; } h3.title.style1 span { padding-bottom:15px; } h4.title.style1 span { padding-bottom:15px; } .title.style1 span:after, .title.style2 span:after, .title.style3 span:after { content: ""; position: absolute; display: inline-block; left: 0; bottom: 0; width: 100px; background-color: #454545; height:2px; margin-top:-1px; z-index:-1; } .title.style2 span{ position:relative; padding-right:15px; } .title.style2 span:after, .title.style3 span:after { top:50%; left:100%; } .title.style3 span, .title.style4 span{ border:2px solid #444; padding:25px; position:relative; display:inline-block; } .title.style3.bc-light span, .title.style4.bc-light span{ border-color:#d8d8d8; } .title.style3.bc-primary span, .title.style4.bc-primary span{ border-color:#3498db; } .title.style3.bw-1px span , .title.style4.bw-1px span{border-width:1px;} .title.style3.bw-3px span , .title.style4.bw-3px span{border-width:3px;} .title.style3.bw-4px span , .title.style4.bw-4px span{border-width:4px;} .title.style3.bw-5px span , .title.style4.bw-5px span{border-width:5px;} /* border height variations */ .title.style1.dh-1px span:after, .title.style2.dh-1px span:after, .title.style3.dh-1px span:after, .title.style1.textcenter.dh-1px span:before, .title.style2.textcenter.dh-1px span:before, .title.style3.textcenter.dh-1px span:before { height:1px; } .title.style1.dh-3px span:after, .title.style2.dh-3px span:after, .title.style3.dh-3px span:after, .title.style1.textcenter.dh-3px span:before, .title.style2.textcenter.dh-3px span:before, .title.style3.textcenter.dh-3px span:before { height:3px; margin-top:-1px; } .title.style1.dh-4px span:after, .title.style2.dh-4px span:after, .title.style3.dh-4px span:after, .title.style1.textcenter.dh-4px span:before, .title.style2.textcenter.dh-4px span:before, .title.style3.textcenter.dh-4px span:before { height:4px; margin-top:-2px; } .title.style1.dh-5px span:after, .title.style2.dh-5px span:after, .title.style3.dh-5px span:after, .title.style1.textcenter.dh-5px span:before, .title.style2.textcenter.dh-5px span:before, .title.style3.textcenter.dh-5px span:before { height:5px; margin-top:-2px; } /* divider color variations */ .title.style1.divider-light span:after, .title.style2.divider-light span:after, .title.style3.divider-light span:after, .title.style1.textcenter.divider-light span:before, .title.style2.textcenter.divider-light span:before, .title.style3.textcenter.divider-light span:before{ background-color:#d8d8d8; } .title.style1.divider-primary span:after, .title.style2.divider-primary span:after, .title.style3.divider-primary span:after, .title.style1.textcenter.divider-primary span:before, .title.style2.textcenter.divider-primary span:before, .title.style3.textcenter.divider-primary span:before{ background-color:#3498db; } /* divider width variations */ .title.style1.dw-parent span:after{ left:0!important; margin-left:0!important; } .title.style1.dw-parent span:after, .title.style2.dw-parent span:after, .title.style3.dw-parent span:after { width:100%; } .title.style1.dw-medium span:after, .title.style2.dw-medium span:after, .title.style3.dw-medium span:after { width:300px; } .title.style1.dw-full span:after, .title.style2.dw-full span:after, .title.style3.dw-full span:after { width:1100px; } /* textcenter for all headings */ .title.style1.textcenter span:after { left:50%; margin-left:-50px; } .title.style1.dw-medium.textcenter span:after { left:50%; margin-left:-150px; } .title.style1.dw-full.textcenter span:after { margin-left:-550px; } .title.style2.textcenter span{ padding:0 15px; } .title.style2.textcenter span:after, .title.style3.textcenter span:after{ width:50px; } .title.style2.dw-parent.textcenter span:after, .title.style3.dw-parent.textcenter span:after{ width:50%; } .title.style2.dw-medium.textcenter span:after, .title.style3.dw-medium.textcenter span:after{ width:150px; } .title.style2.dw-full.textcenter span:after, .title.style3.dw-full.textcenter span:after{ width:550px; } .title.style2.textcenter span:before, .title.style3.textcenter span:before{ content: ""; position: absolute; display: inline-block; left: -50px; top: 50%; width: 50px; background-color: #454545; height:2px; margin-top:-1px; z-index:-1; } .title.style2.dw-parent.textcenter span:before, .title.style3.dw-parent.textcenter span:before{ width:50%; left:-50%; } .title.style2.dw-medium.textcenter span:before, .title.style3.dw-medium.textcenter span:before{ width:150px; left:-150px; } .title.style2.dw-full.textcenter span:before, .title.style3.dw-full.textcenter span:before{ width:550px; left:-550px; } /* textright for all headings */ .title.style1.dw-full.textright span:after{ content:none; } .title.style1.dw-full.textright{ border-bottom:2px solid #444; } .title.style1.divider-light.textright{ border-bottom-color:#d8d8d8; } .title.style1.divider-primary.textright{ border-bottom-color:#3498db; } .title.style1.dw-full.dh-1px.textright{ border-bottom-width:1px; } .title.style1.dw-full.dh-3px.textright{ border-bottom-width:3px; } .title.style1.dw-full.dh-4px.textright{ border-bottom-width:4px; } .title.style1.dw-full.dh-5px.textright{ border-bottom-width:5px; } .title.style2.textright span{ padding-right:0; padding-left:15px; } .title.style2.textright span:after, .title.style3.textright span:after { left:-100px; margin-left:0; } .title.style2.dw-medium.textright span:after, .title.style3.dw-medium.textright span:after { left:-100%; } .title.style2.dw-medium.textright span:after, .title.style3.dw-medium.textright span:after { left:-300px; } .title.style2.dw-full.textright span:after, .title.style3.dw-full.textright span:after { left:-1100px; } /*------------------------------------------------*/ /* Quote slider & Icon Tabs /*------------------------------------------------*/ .quotes-slider-container{ opacity:0; } .quotes-slider , .icon-tabs { list-style:none; padding:0; margin:0; } .quotes-slider > li .quote-sign{ font-size:32px; color:#ccc; width:48px; height:48px; line-height:48px; display:none; } .show-quote-icon-yes .quotes-slider > li .quote-sign{ display:inline-block; } .quotes-slider > li { list-style-type:none; text-align:center; } .quotes-slider > li .quote-logo{ margin-bottom:20px; } .quotes-slider > li .quote-logo img{ -webkit-border-radius:9999px; -moz-border-radius:9999px; border-radius:9999px; } .quotes-slider > li blockquote, .icon-tabs > li blockquote{ padding:0 60px; background:transparent!important; border:none!important; display:block; position:relative; margin:0 0 15px; font-family:inherit; font-size:20px; line-height:30px; font-style:normal; font-weight:inherit; cursor: -moz-grab!important; cursor: -webkit-grab!important; cursor: grab!important; letter-spacing:0; } .quotes-slider-container[data-navigation="no"] .quotes-slider > li blockquote{ padding:0!important; } .quotes-slider > li blockquote q { quotes:none; } .quotes-slider-container .carousel-pagination{ margin-top:20px; } .navigation-align-bottom .quotes-slider > li blockquote{ padding:0; } .quotes-slider > li .cite{ margin-bottom:0; font-size:14px; line-height:24px; font-style:normal!important; margin-bottom:0; letter-spacing:1px; } .quotes-slider > li cite .quote-desc{ } .quotes-slider > li .cite .quote-name{ display: inline-block; margin-right: 4px; } /* Box color Scheme Style 1 */ .content-box.scheme1 .quotes-slider > li blockquote, .content-box.scheme1 .icon-tabs > li blockquote{ color:#ccc; color:rgba(255,255,255,0.85); } .content-box.scheme1 .quotes-slider > li cite { color:#fcfcfc; } /* Icon Tabs */ .icon-tabs-container{ opacity:0; filter:alpha(opacity=0); } .icon-tabs-container .icons-tabs-nav{ display:block; text-align:center; margin-bottom:70px; } .icon-tabs-container .icons-tabs-nav a{ border: 1px solid #e5e5e5; color: #999; text-align: center; margin-left:-1px; padding: 15px 50px 0 80px; display:inline-block; height:100px; cursor: pointer; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; font-family:"museo-slab"; font-size:15px; font-weight:500; line-height:1; position:relative; background-color:#f9fafa; } .icon-tabs-container .icons-tabs-nav a:after, .icon-tabs-container .icons-tabs-nav a:before{ content: ''; position: absolute; left: 0; top: 0; width: 0; height: 0; border-top: 49px solid transparent; border-left-width: 24px; border-left-style: solid; border-left: 24px solid #e5e5e5; border-bottom: 49px solid transparent; -webkit-transition: border-color 300ms ease; -moz-transition: border-color 300ms ease; transition: border-color 300ms ease; } .icon-tabs-container .icons-tabs-nav a:after{ left:-1px; border-left-color:#f9fafa } .icon-tabs-container .icons-tabs-nav a.active + a:after, .icon-tabs-container .icons-tabs-nav a:hover + a:after{ border-left-color:#fff; } .icon-tabs-container .icons-tabs-nav a i{ display:block; font-size:34px; line-height:1; clear:both; margin-bottom:15px; color:#c0c0c0; transition:color 300ms ease; -webkit-transition:color 300ms ease; } .icon-tabs-container .icons-tabs-nav a:first-child{ padding-left:60px; } .icon-tabs-container .icons-tabs-nav a:last-child{ padding-right:65px; } .icon-tabs-container .icons-tabs-nav a:first-child:after, .icon-tabs-container .icons-tabs-nav a:first-child:before{ content:none; } .icon-tabs-container .icon-tab{ list-style-type:none; overflow:hidden; } .icon-tabs-container .icons-tabs-nav a:first-child{ border-top-left-radius:5px; border-bottom-left-radius:5px; -webkit-border-top-left-radius:5px; -webkit-border-bottom-left-radius:5px; } .icon-tabs-container .icons-tabs-nav a:last-child{ border-top-right-radius:5px; border-bottom-right-radius:5px; -webkit-border-top-right-radius:5px; -webkit-border-bottom-right-radius:5px; } .icon-tabs-container .icons-tabs-nav a.active, .icon-tabs-container .icons-tabs-nav a:hover{ background-color:#fff; color:#444; } .icon-tabs-container .icons-tabs-nav a.active i, .icon-tabs-container .icons-tabs-nav a:hover i{ color:#3498db; } .icon-tabs-container .icons-tabs-nav a:last-child{ margin-right:0; } /*------------------------------------------------*/ /* full width slider + carousel /*------------------------------------------------*/ .full-width-carousel , .quotes-slider-container { position:relative; padding-left:30px!important; padding-right:30px!important; opacity:0; } .section.full-width .full-width-carousel , .section-full-width .quotes-slider-container { padding-left: 50px!important; padding-right: 50px!important } .full-width-carousel > .container { width:100%; max-width:1140px!important; padding:0 20px!important } .section-full-width .quotes-slider-container{ max-width:1140px; width:100%; margin:0 auto; } .full-width-carousel .carousel-content-container { position: relative; padding-bottom: 12px } .full-width-carousel .pagination { position:relative; left:0; top:0; margin-top:10px; margin-left:5px } .full-width-carousel .pagination a { display: inline-block; margin-right: 5px } .carousel-content-container { position: relative } .full-width-carousel .carousel-prev { left: 0px; margin-top:-55px } .full-width-carousel .carousel-next { right:0px; margin-top:-55px } .section.full-width .full-width-carousel .carousel-prev { left: 20px; } .section.full-width .full-width-carousel .carousel-next { right: 20px; } .full-width-carousel .carousel-images { width: 100%; } .full-width-carousel .carousel-images img { display: block; width: 100%; height: auto; max-width: 100% } .carousel-ipad-slideshow-container { position: relative; padding: 20px } .carousel-ipad-slideshow { position: absolute; z-index:999; left: 0; top: 0; width: 100%; height: auto } /*------------------------------------------------*/ /* Testimonials /*------------------------------------------------*/ .testimonials-grid.masonry-yes [class*="span"]{ clear:none!important; } .testimonials-carousel [class*="span"]{ padding:0!important; margin-bottom:0!important; } .testimonials-grid .testimonial { width: 100%; background:#f6f6f6; -webkit-border-radius:4px; border-radius:4px; padding:25px 30px 30px; } .testimonials-carousel-container .bx-wrapper{ background:#f6f6f6; -webkit-border-radius:4px; border-radius:4px; padding:25px 30px 30px; } .appear2.testimonials-grid .testimonial, .appear2.testimonials-carousel-container .bx-wrapper{ background:#fff; } .appear3.testimonials-grid .testimonial, .appear3.testimonials-carousel-container .bx-wrapper{ border:1px solid #e8e8e8; background-color:transparent; } .style2.testimonials-grid .testimonial, .style2.testimonials-carousel-container .bx-wrapper{ border:none; background-color:transparent; padding:0; } .testimonial blockquote{ padding:0; margin:0; background:transparent; font-size:inherit; font-weight:inherit; font-family:inherit; border:none; line-height:inherit; color:inherit; font-style:normal; } .img-align-left blockquote.with-image{ margin-left:110px; } .testimonial blockquote q { quotes: "“" "”" "‘" "’"; } .testimonial blockquote q:before { content: open-quote; } .testimonial blockquote q:after { content: close-quote; } .testimonial .author-info { margin-top:15px; } .testimonial .author-info span{ line-height:1; color:#666; } .testimonial .author-info .author-name{ font-size:14px; line-height:23px; margin-bottom:0; display:inline-block; } .img-align-bottom .author-name{ margin-top:25px; } .testimonial .author-avatar { width:auto; float:left; width:200px; } .testimonial .author-avatar img { display:inline-block; width:200px; height:auto; } .rounded-image-yes .testimonial .author-avatar img{ /* -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; */ } .testimonial-carousel { cursor: -moz-grab!important; cursor: -webkit-grab!important; cursor: grab!important; } /*------------------------------------------------*/ /* Teaser /*------------------------------------------------*/ .teaser .image{ display:block; -webkit-transform: translateZ(0px); -moz-transform: translateZ(0px); -webkit-backface-visibility:hidden; } .teaser .image img{ -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-transform: scale(1,1); -moz-transform: scale(1,1); -ms-transform: scale(1,1); -o-transform: scale(1,1); transform: scale(1,1); } .no-touch .teaser .hoverlay:hover img , .teaser .hoverlay.hover img{ -webkit-transform: scale(1.025,1.025); -moz-transform: scale(1.025,1.025); -ms-transform: scale(1.025,1.025); -o-transform: scale(1.025,1.025); transform: scale(1.025,1.025); } .teaser .teaser-container{ width:100%; position:absolute; display:block; width:100%; min-width:100%; height:100%; padding:10px; left:0; top:0; } .teaser .box{ padding:10px; background-color:transparent; width:100%; height:100%; min-height:100%; text-align:center; } .teaser .box .box-inner{ padding:10px; width:100%; height:100%; display:table; } .teaser .box .box-inner > div{ display:table-cell; vertical-align:middle; } .teaser.valign-top.box .box-inner > div{ vertical-align:top; } .teaser.valign-bottom.box .box-inner > div{ vertical-align:bottom; } .teaser .teaser-heading{ margin: 0px; } .teaser .teaser-content{ margin-top:5px; } /*------------------------------------------------*/ /* Dropcap /*------------------------------------------------*/ .dropcap { display: block; float: left; font-size: 55px; font-weight: 600; color: #444; line-height: 55px; margin: 2px 12px 0 0; } .dropcap.container-enable { margin: 6px 12px 0 0; width: 60px; height: 60px; line-height: 58px; font-size: 36px; font-weight: 600; background-color:#555; padding: 0!important; text-align: center; color: #fff; box-sizing:content-box; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; } /*------------------------------------------------*/ /* Callout /*------------------------------------------------*/ .callout { padding:10px; } .callout h3{ margin-bottom:0; line-height:30px; text-align:center; } .callout.callout-align-justify .button{ margin-top:-8px!important; } .callout.callout-align-justify .button.button_large{ margin-top:-11px!important; } .callout.callout-align-justify .button.button_small{ margin-top:-5px!important; } .callout.callout-align-justify h3{ text-align:left; } .callout.callout-align-justify .button { float:right; margin-left:20px; } .callout h3 + div{ margin-top:10px; } .callout .button { margin-left:25px!important; vertical-align:middle; } /*------------------------------------------------*/ /* buttons /*------------------------------------------------*/ .sp-container .button{ margin:0 6px; } .readmore { line-height:1; font-size:13px; font-weight:700; letter-spacing:0; text-transform:uppercase; } .readmore .brad-icon{ margin-left:5px; vertical-align:1px; } p.sp-container.aligncenter{ margin-bottom:0; text-align:center; } .button , input[type="submit"] { width:100%; color: #fff; font-size:12px; letter-spacing:1px; background-color:#1abc9c; font-weight:700; display: inline-block; padding: 10px; line-height:19px!important; -webkit-font-smoothing: antialiased!important; opacity:1; border: none; outline: none!important; margin-top:5px; transition: all .2s ease; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; border-radius:999px; -webkit-border-radius:999px; -moz-border-radius:999px; -webkit-appearance: none!important; -moz-appearance:none!important; position:relative; -webkit-backface-visibility:hidden; backface-visibility:hidden; } .button.border-radius-small , input[type="submit"].border-radius-small{ -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; } .button.border-radius-no , input[type="submit"].border-radius-no{ -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; } .button:first-child{ margin-left:0; } .button:last-child{ margin-right:0; } input[type="submit"]:disabled { opacity:0.5!important; } .button:hover, input[type="submit"]:hover { opacity: 0.85; color: #fff } .button:active { opacity:1; } .button.button_alternate , .button.button_alternatewhite, .button.button_alternateprimary { background-color: transparent; border: 2px solid #444; color: #25252d; box-shadow: none; -moz-box-shadow:none; -webkit-box-shadow:none; -o-box-shadow:none; opacity:1!important; padding: 10px; } .button.button_alternatewhite{ color:#fff; border:2px solid #eee; } .button.button_alternate:hover{ background-color:#444; color:#fff; } .button.button_alternatewhite:hover{ background-color:#eee; color:#3498db; } .button.button_alternateprimary:hover{ background-color:#3489db; color:#fff; } .button i { display:inline-block; vertical-align:0; margin-left:8px; } .button.button_small i { margin-left:4px; } .button.button_small.icon-align-left i { margin-right:4px; } .button_button_large i { margin-left:10px; } .button.button_large.icon-align-left i { margin-right:10px; } .button_button_exlarge i { margin-left:10px; } .button.button_exlarge.icon-align-left i { margin-right:10px; } .button.icon-align-left i{ margin-left:0!important; margin-right:8px; } .button_small { padding: 8px 20px 8px; font-size: 11px; line-height: 1!important; letter-spacing:1px; } .button_small.button_alternate , .button_small.button_alternatewhite, .button_small.button_alternateprimary{ padding: 12px 20px 13px; } .button_large { padding:20px 35px 22px 35px; font-size: 13px; } .button_large.button_alternate , .button_large.button_alternatewhite, .button_large.button_alternateprimary{ padding:18px 35px 20px 35px; } .button_exlarge { padding:22px 55px 24px; font-size: 13px; } .button.button_color_grey { background-color:#95a5a6;} .button.button_color_blue { background-color:#3275d6;} .button.button_color_white { background-color:#ffffff; color:#555 } .button.button_color_white:hover { background-color:#ffffff; color:#444; } .button.button_color_red { background-color:#e74c3c;} .button.button_color_green { background-color:#7ab55c; } .button.button_color_seagreen { background-color:#85ccc2;} .button.button_color_yellow { background-color:#f1c40f;} .button.button_color_purple { background-color: #9b59b6;} .button.button_color_orange { background-color:#e67e22;} .button.button_color_black { background-color:#2d2d2d;} /*------------------------------------------------*/ /* tabs /*------------------------------------------------*/ .tabset > ul.tabs { margin:0; padding: 0; list-style: none /* IE6-9 */ } .tabset > ul.tabs > li { float: left; display: block; list-style-type:none; } .tabset > ul.tabs > li > a , .tabset.vertical-tabset > ul.tabs > li > a { color: #454545; padding: 15px 35px; display:inline-block; position:relative; font-weight:600; text-transform:uppercase; font-size:13px; margin-right:2px; background-color:#fafafa; color:#444; } .tabset > ul.tabs > li:first-child > a{ -webkit-border-bottom-left-radius:4px; -webkit-border-top-left-radius:4px; border-top-left-radius:4px; border-bottom-left-radius:4px; } .tabset > ul.tabs > li:last-child > a{ -webkit-border-bottom-right-radius:4px; -webkit-border-top-right-radius:4px; border-top-right-radius:4px; border-bottom-right-radius:4px; } .tabset.vertical-tabset > ul.tabs > li:first-child > a{ -webkit-border-top-right-radius:4px; -webkit-border-top-left-radius:4px; border-top-left-radius:4px; border-top-right-radius:4px; -webkit-border-bottom-left-radius:0; border-bottom-left-radius:0; } .tabset.vertical-tabset > ul.tabs > li:last-child > a{ -webkit-border-bottom-right-radius:4px; -webkit-border-bottom-left-radius:4px; border-bottom-right-radius:4px; border-bottom-left-radius:4px; border-top-right-radius:0; -webkit-border-top-right-radius:0; } .tabset > ul.tabs > li:first-child > a{ margin-left:0; } .tabset > ul.tabs > li > a i.pre-icon, .tabset.vertical-tabset > ul.tabs > li > a i.pre-icon{ display: inline-block; vertical-align:-2px; margin-left:5px; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; width: 0px; position: relative; left: 40px; opacity: 0; margin-right:0!important } .tabset > ul.tabs > li > a.selected i.pre-icon, .tabse.vertical-tabset > ul.tabs > li > a.selected i.pre-icon{ left: 0px; opacity: 1; width: 16px; } .tabset > ul.tabs > li > a:hover, .tabset.vertical-tabset > ul.tabs > li > a:hover { background-color:#f5f5f5; } .tabset ul.tabs > li > a i, .tabset.vertical-tabset ul.tabs > li > a i { margin-right: 5px; } .tabset > ul.tabs > li > a.selected, .tabset.vertical-tabset > ul.tabs > li > a.selected { color: #222; background-color: #f0f0f0; } .tabset .tab-content { padding: 30px 0 20px; } /* Vetical Tabs */ .tabset.vertical-tabset > ul.tabs { margin:0px; width:auto; float:left; width:20%; display:block; position:relative; } .tabset.vertical-tabset > ul.tabs > li { float:none; width:auto; margin-left:0; } .tabset.vertical-tabset > ul.tabs > li a{ margin-top:2px; width:100%; margin-right:0; } .tabset.vertical-tabset > ul.tabs > li:first-child a{ margin-top:0; } .tabset.vertical-tabset .tab-content{ margin-left:20%; width:80%; padding:0 0 0 20px; } /*------------------------------------------------*/ /* Single images /*------------------------------------------------*/ .single-image-container.img-align-center{ display:block; text-align:center; } .single-image-container.img-align-left{ float:left; } .single-image-container.img-align-right{ float:right; } .single-image{ max-width:100%!important; display:inline-block; position:relative; vertical-align: bottom; } .single-image img { max-width: 100%; display: block; } .single-image .image-lightbox .brad-icon { position:absolute; width:70px; height:70px; font-size:36px; line-height:68px; border:2px solid #ffffff; display:inline-block; left:50%; top:50%; margin-top:-30px; margin-left:-30px; color:#fff; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; -webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; text-align:center; } .single-image .image-lightbox:hover .brad-icon{ color:#2996cc; background-color:#ffffff; } /*------------------------------------------------*/ /* Accordions and toggles /*------------------------------------------------*/ .accordion, .toggle{ border-bottom:1px solid #ddd; } .toggle .toggle-title , .accordion .accordion-title { border: none; display: block; margin-bottom: 0; padding: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; font-size:13px; letter-spacing:0.5px; } .toggle .toggle-title a , .accordion .accordion-title a { display: block; padding: 25px 0 25px!important; background-color:transparent; line-height: 1; } .toggle .toggle-title.active a, .accordion .accordion-title.active a{ color:#333!important; } .toggle .toggle-title a:hover , .accordion .accordion-title a:hover{ color:#444; } .toggle .toggle-title a > .brad-icon , .accordion .accordion-title a > .brad-icon { font-weight: normal!important; font-size:16px!important; opacity:0.6; margin-right:8px; } .toggle .toggle-title.active a > .brad-icon, .accordion .accordion-title.active a > .brad-icon { opacity:1; } .toggle .toggle-title a span.plus , .accordion .accordion-title a span.plus { margin: -4px 0 0; float: right; font-size:14px; font-weight: normal!important; font-family:"fontAwesome"; font-weight:400; padding:0!important; display:inline-block; text-align:center!important; line-height:23px; width:24px; height:24px; color:#fff; background-color:#2929ef; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; } .toggle .toggle-title a span.plus:after, .accordion .accordion-title a span.plus:after{ content:"\e6ea"; } .toggle .toggle-title.active a span.plus:after, .accordion .accordion-title.active a span.plus:after{ content:"\e6d0"; } .toggle .toggle-inner , .accordion .accordion-inner{ padding: 0 0 35px; display: none; } /*------------------------------------------------*/ /* pie chart /*------------------------------------------------*/ .chart-shortcode { position: relative; text-align: center; } .chart-shortcode.chart-center-yes { margin: 0 auto; } .chart-shortcode canvas { position: absolute; top: 0; left: 0; } .chart-shortcode .pie-title { } @-webkit-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @-moz-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @-ms-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @-o-keyframes progress-bar-stripes { from { background-position: 0 0; } to { background-position: 40px 0; } } @keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } .progress { margin-bottom: 25px; background-color: #eeeeee; } .progress .bar { height: 12px; width: 0px; display: block; background-color: #1abc9c; position: relative; } .progress.progress-striped .bar { background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -webkit-background-size: 40px 40px; -moz-background-size: 40px 40px; -o-background-size: 40px 40px; background-size: 40px 40px; } .progress.animated-stripes .bar { -webkit-animation: progress-bar-stripes 2s linear infinite; -moz-animation: progress-bar-stripes 2s linear infinite; -ms-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; } .progress-wrap p { margin: 0px 0px 4px 0px!important; color:#555; font-size:15px; } .progress-wrap p:first-letter { text-transform: uppercase } .progress .bar { overflow: visible!important; position: relative; } .progress-wrap strong { color: #3d3d3d; font-weight: 600; line-height: 15px; margin-left: 8px; float:right; margin-top:3px; font-size:15px; letter-spacing:normal; } /*------------------------------------------------*/ /* Person /*------------------------------------------------*/ .person{ background-color:#fff; text-align:center; } .person-info{ padding: 25px 20px 25px; } .person h4 { margin-bottom:0; } .person p.role { margin-bottom:0; opacity:0.8; filter:alpha(opacity=80) } .person .overlay-content > p { margin:15px 0px 0px; text-align:center; } .social-icons-wrapper{ text-align:center; position:relative; } .person .divider{ position:relative; height:2px; margin:15px 0; width:100%; display:block; white-space:nowrap; } .person .divider span{ display:inline-block; height:2px; position:absolute; left:50%; margin-left:-15px; top:0; width:30px; background-color:#444; } .person .social-icons li{ margin:0; } .person .social-icons li a{ color:#aaa; font-size:19px; height:35px; width:35px; line-height:35px; } .person .social-icons li a:hover{ color:#666; } /*------------------------------------------------*/ /* Compare Product Tables /*------------------------------------------------*/ .compare-table{ margin:0 0 50px; width:100%;} .compare-table .table-left, .compare-table .table-right { width:50%; float:left; } .compare-table .table-element { float:left; width:100%; } .compare-table.elements-2 .table-element { width:50%; } .compare-table.elements-3 .table-element { width:33.3333%; } .compare-table.elements-4 .table-element { width:25%; } .compare-table.elements-5 .table-element{ width:20%; } .compare-table.elements-4 .table-element:nth-child(5), .compare-table.elements-3 .table-element:nth-child(n+4), .compare-table.elements-2 .table-element:nth-child(n+3){ display:none; } .compare-table .table-heading { background-color:#a0aaad; -webkit-border-top-left-radius:4px; -webkit-border-top-right-radius:4px; border-top-left-radius:4px; border-top-right-radius:4px; } .compare-table .table-heading-title, .compare-table .table-elements{ padding:30px 20px 30px 30px; } .compare-table .table-heading-title h4 { color:#ffffff; margin-bottom:0; padding:10px 0; } .compare-table .table-element { padding:0 10px; text-align:center; } .compare-table .table-element h4{ line-height:1; font-size:14px; color:#ffffff; margin-bottom:0; padding:10px 0; } .compare-table .table-element .brad-icon{ margin-bottom:10px; color:#ffffff; font-size:18px; } .compare-table .table-element .brad-icon + h4{ padding:0; } .compare-table .table-features{ border:1px solid #e5e5e5; border-top:0; -webkit-border-bottom-left-radius:4px; -webkit-border-bottom-right-radius:4px; border-bottom-left-radius:4px; border-bottom-right-radius:4px; } .compare-table .table-feature{ background-color:#ffffff; } .compare-table .table-feature-title , .compare-table .table-feature-elements{ padding:20px 30px; } .compare-table .table-feature-title p{ margin-bottom:0!important; } .compare-table .table-feature:nth-child(even){ background-color:#f5f5f5; } .compare-table .table-feature:last-child{ -webkit-border-bottom-left-radius:4px; -webkit-border-bottom-right-radius:4px; border-bottom-left-radius:4px; border-bottom-right-radius:4px; } .compare-table .table-feature .feature-element{ text-align:center; } .compare-table .table-feature .feature-element span{ display:inline-block; position:relative; width:16px; height:16px; text-align:center; line-height:16px; color:#aaa; } .compare-table .table-feature .feature-element span:after{ content:""; font-family:"fontAwesome"; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; font-size:11px; } .compare-table.included-sign-dot .table-feature .feature-included-yes:after{ content:"\e6f4"; } .compare-table.included-sign-correct .table-feature .feature-included-yes:after{ content:"\e60c"; } .compare-table.included-sign-correct-with-circle .table-feature .feature-included-yes:after{ content:"\e658"; } .compare-table.sign-remove .table-feature .feature-element .feature-included-no:after{ content:"\e003"; } .compare-table.sign-remove-with-circle .table-feature .feature-included-no:after{ content:"\e657"; } .compare-table.sign-hash .table-feature .feature-included-no:after{ content: "\e662"; } /*------------------------------------------------*/ /* Pricing Tables /*------------------------------------------------*/ /* Pricing box visual composer */ .price_box{ -webkit-transition:all 250ms; -moz-transition:all 250ms; transition:all 250ms; text-align:center; position:relative; } .price_box .feature-list ul { list-style: none; padding: 0; margin: 0; } .price_box .feature-list li { list-style-type:none; } .price_box .title-box .subtitle{ color:inherit; font-size:13px; text-transform:uppercase; letter-spacing:1px; } .price_box .title-box .brad-icon { color:#444; background-color:transparent; width:60px; height:60px; font-size:28px; padding-top:16px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; margin-bottom:10px; clear:both; } .price_box .title-box, .price_box .pricing-box{ -webkit-transition:background-color 250ms; -moz-transition:background-color 250ms; transition:background-color 250ms; } .price_box .title-box h1, .price_box .title-box h2, .price_box .title-box h3, .price_box .title-box h4, .price_box .title-box h5, .price_box .title-box h6{ color:inherit; } .price_box .pricing-box .price{ display: inline-block; font-size:90px; font-weight: 300; line-height:90px; position: relative; margin-left:10px; letter-spacing:-2px; } .price_box .pricing-box .price .dollor{ position:absolute; top:-15px; left:-15px; font-size:18px; } .price_box .pricing-box .month{ position: relative; bottom: -0px; font-size: 18px; left: 0px; font-weight:400; } .price_box .pricing-box .price-info{ font-size: 13px; font-style: italic; margin-top:5px; color:#aaa; opacity:0.8; width:100%; } .price_box.style1{ background-color:#fff; border:1px solid #eee; position:relative; overflow:visible; margin-left:-1px; } .price_box.style1 .title-box { color: #fff; padding: 50px 10px 0; display: block; text-align: center; margin-bottom: 0px; background-color:#333 } .price_box.style1 .title-box .brad-icon { margin-bottom:10px; } .price_box.style1 .title-box{ color:#fff; } .price_box.style1 .title-box h3 { margin:0; } .price_box.style1 .pricing-box { text-align: center; padding: 0 5px 50px; background-color:#333; } .price_box.style1 .pricing-box > div{ color:#fff; } .price_box.style1 .pricing-box .price { font-size: 100px; padding: 0 0 0 10px; line-height: 100px; } .price_box.style1 .pricing-box .dollor { font-size: 22px; left:-5px; } .price_box.style1 .pricing-box .price-info { margin-top: 10px } .price_box.style1 .feature-list li { padding: 18px 15px; border-top:1px solid #eee; } .price_box.style1 .feature-list li:first-child{ border-top:0; } .price_box.style1 .pricing-signup { padding: 20px 10px; margin:0 ; text-align: center; border-top:1px solid #eee; } .price_box .pricing-signup-button { position:relative; display:inline-block; } .price_box .button{ margin:0!important; } .price_box.hover-button-yes:hover .default-button{ opacity:0; filter:alpha(opacity=0) } .price_box .hover-button{ position:absolute; left:0; top:0; opacity:0; filter:alpha(opacity=0); } .price_box.hover-button-yes:hover .hover-button{ opacity:1; filter:alpha(opacity=100); } /* Price box style 2 */ .price_box.style2{ padding:45px 35px; background-color:#fff; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; } .price_box.style2 .title-box .brad-icon { color:#fff; background-color:#b0b0b0; width:110px; height:110px; font-size:40px; padding-top:35px; margin-bottom:35px; } .price_box.style2 .title-box h1, .price_box.style2 .title-box h2, .price_box.style2 .title-box h3, .price_box.style2 .title-box h4, .price_box.style2 .title-box h5, .price_box.style2 .title-box h6 { margin-bottom:0; } .price_box.style2 .pricing-box .price { display: inline-block; font-size:45px; font-weight: 700; line-height:45px; position: relative; letter-spacing:0; } .price_box.style2 .pricing-box .price .dollor { font-size:34px; position:static; left:0; right:0; } .price_box.style2 .pricing-box .month{ font-size:16px; bottom:-4px; margin-right:5px; } .price_box .title-box .subtitle{ margin-bottom:10px; } .price_box.style2 .feature-list { margin-top:30px; } .price_box.style2 .feature-list li { display: block; padding: 5px 0; } .price_box.style2 .pricing-signup { margin-top:30px; } /* price box style 3 */ .price_box.style3{ padding:50px 35px; text-align:center; background-color:#fff; } .price_box.style3 .title-box h1, .price_box.style3 .title-box h2, .price_box.style3 .title-box h3, .price_box.style3 .title-box h4, .price_box.style3 .title-box h5, .price_box.style3 .title-box h6 { margin-bottom:10px; } .price_box.style3 .pricing-box > div{ color: #ebb129; } .price_box.style3 .pricing-box .price { display: inline-block; font-size:110px; font-weight: 400; line-height:110px; margin-left:10px; letter-spacing:-2px; } .price_box.style3 .feature-list { margin-top:30px; } .price_box.style3 .feature-list li { display: block; padding: 5px 0; } .price_box.style3 .pricing-signup { margin-top:30px; } /* pricing table style 4 */ .price_box.style4{ padding:0; background-color:#fff; position:relative; margin-left:-1px; } .price_box.style4 .title-box{ background-color:#2d2d2d; padding:30px 10px 30px; color:#fff; } .price_box.style4 .title-box h1, .price_box.style4 .title-box h2, .price_box.style4 .title-box h3, .price_box.style4 .title-box h4, .price_box.style4 .title-box h5, .price_box.style4 .title-box h6 { margin-bottom:0; } .price_box.style4 .subtitle{ margin-bottom:0; } .price_box.style4 .pricing-box{ color: #fff; padding:25px 10px 45px; background-color:#3d3d3d; } .price_box.style4 .feature-list { border-left:1px solid #eee; border-right:1px solid #eee; } .price_box.style4 .feature-list li { display: block; padding: 18px 20px; border-bottom:1px solid #eee; } .price_box.style4 .pricing-signup { padding:25px 10px 30px; border:1px solid #eee; border-top:0!important } .price_box.style4 .pricing-box .price-info { margin-top: 10px } /* pricing table style 5 */ .price_box.style5{ padding:0 0 60px; background-color:#fff; position:relative; margin-left:-1px; border:1px solid #eee; } .price_box.style5 .title-box{ background-color:#2d2d2d; padding:45px 10px 100px; color:#fff; } .price_box.style5 .title-box h1, .price_box.style5 .title-box h2, .price_box.style5 .title-box h3, .price_box.style5 .title-box h4, .price_box.style5 .title-box h5, .price_box.style5 .title-box h6 { margin-bottom:0; } .price_box.style5 .pricing-box .price-content{ background-color:#f6f6f6; width:110px; height:110px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; margin:-65px auto 0; padding-top:25px; } .price_box.style5 .pricing-box .price{ font-size:35px; font-weight: 400; line-height:35px; letter-spacing:1px; margin-left:0; vertical-align:middle; display:block; } .price_box.style5 .pricing-box .price .dollor{ position:static; top:0; left:0; font-size:25px; } .price_box.style5 .pricing-box .month{ position: static; bottom:0; font-size: 12px; left: 0; font-weight:400; clear:both; display:block; line-height:12px; } .price_box.style5 .pricing-box .price-info { margin-top:20px; } .price_box.style5 .feature-list { margin-top:25px; } .price_box.style5 .feature-list li { display: block; padding:7px 0; } .price_box.style5 .pricing-signup { padding-top:25px; border-top:0!important } /*------------------------------------------------*/ /* Dividers /*------------------------------------------------*/ .hr { clear: both; border: 0; height: 2px; margin: 5px auto 25px; text-align:center; white-space:nowrap; overflow:hidden; } .counter-title .hr, .portfolio-item .hr, .feature_box .hr{ display:none; text-align:left; margin:15px 0 20px; } #titlebar .hr{ display:none; text-align:left; margin:15px 0 20px; } .hr-type-tiny .feature_box .hr{ margin:10px 0 20px!important; } .portfolio-item .hr{ margin:5px 8px; } .counters.align-center-yes .counter-title .hr, .portfolio-item .hr, .feature_boxes.box-style3.align-content-center-yes .feature_box .hr, #titlebar.titlebar-alignment-center .hr{ text-align:center; } .portfolio-style1.portfolio-style1.info-style-left .portfolio-item .hr{ text-align:left; } .feature_boxes.box-style2.icon-side-right .feature_box .hr{ text-align:right; } .enable-hr-yes .counter-title .hr , .enable-hr-yes .portfolio-item .hr, .enable-hr-yes .feature_box .hr, #titlebar.enable-hr-yes .hr{ display:block; } .hr.alignleft{ text-align:left; float:none; } .hr.alignright{ text-align:right; float:none; } .hr.hr-with-icon{ height:20px; } .hr span:before , .hr span:after{ content:""; position:relative; height:2px; width:50%; background-color:#555; vertical-align:top; display:inline-block; top:0; } .hr.hr-border-light span:before , .hr.hr-border-light span:after, .hr-color-light .hr span:after, .hr-color-light .hr span:before{ background-color:#d8d8d8; } .hr.hr-border-primary span:before , .hr.hr-border-primary span:after , .hr-color-primary .hr span:after, .hr-color-primary .hr span:before { background-color:#1abc9c; } .content-box.scheme1 .hr span:before, .content-box.scheme1 .hr span:after{ background-color:rgba(255,255,255,0.65); } .content-box.scheme1 .hr.hr-border-dark span:before, .content-box.scheme1 .hr.hr-border-dark span:after{ background-color:#fff!important; } .hr.hr-with-icon span:before{ margin-left:-10px; left:-13px; top:10px; } .hr.hr-with-icon span:after{ margin-right:-10px; right:-13px; top:10px; } .hr span i{ width:20px; height:20px; line-height:20px; text-align:center; color:#ccc; } .hr.hr-border-dark span i{ color:#666; } .hr.dh-1px , .hr.dh-1px span:before , .hr.dh-1px span:after, .hr-style-1px .hr , .hr-style-1px .hr span{ height:1px; } .hr.dh-3px , .hr.dh-3px span:before , .hr.dh-3px span:after, .hr-style-3px .hr , .hr-style-3px .hr span{ height:3px; } .hr.dh-4px , .hr.dh-4px span:before , .hr.dh-4px span:after, .hr-style-4px .hr , .hr-style-4px .hr span{ height:4px; } .hr.dh-5px , .hr.dh-5px span:before , .hr.dh-5px span:after, .hr-style-5px .hr , .hr-style-5px .hr span{ height:4px; } .hr span{ width:100%; display:inline-block; height:2px; vertical-align:top; } .hr.hr-with-icon{ height:20px; } .hr.hr-with-icon span{ height:20px; } .hr.border-small span, .hr-type-small .hr span{ width:120px; } .hr-type-small .portfolio-item .hr span{ width:80px; } .hr.border-medium span, .hr-type-medium .hr span { width:300px; } .hr.border-tiny span, .hr-type-tiny .hr span{ width:30px; } /*------------------------------------------------*/ /* highlight /*------------------------------------------------*/ .highlighted { display: inline-block; padding: 0px 2px; white-space: nowrap; vertical-align: baseline; font-weight: 500; color: #1abc9c } .highlighted.style2 { background-color: #1abc9c; padding: 0px 3px; color: #ffffff; font-weight:normal } /*------------------------------------------------*/ /* clients /*------------------------------------------------*/ .clients-wrapper{ text-align:center; display: block; max-width:100%; position:relative; } .clients-wrapper .hover-logo{ position:absolute; left:0; top:0; opacity:0; filter:alpha(opacity=0); width:100%; height:100%; -webkit-transition:opacity 0.2s ease; -moz-transition:opacity 0.2s ease; transition:opacity 0.2s ease; } .clients-wrapper:hover .hover-logo{ opacity:1; filter:alpha(opacity=100); } .clients-wrapper img { display: inline-block; vertical-align: middle; } /*------------------------------------------------*/ /* Latest posts /*------------------------------------------------*/ .latest-posts { margin: 0; padding: 0; list-style: none } .latest-posts > li { list-style: none; clear: both; padding: 0 0px 40px; } .latest-posts > li .latest-posts-content{ min-height:80px; display:table; } .latest-posts > li .latest-posts-content > div{ display:table-cell; vertical-align:middle; } .latest-posts > li:hover { } .latest-posts > li:last-child { border-bottom: 0; margin-bottom: 0; padding-bottom: 0!important; } .latest-posts > li .image { height: auto; float: left; clear:both; margin-right:20px; } .latest-posts > li .image img{ -webkit-border-radius:9999px; border-radius:9999px; width: 80px; max-width: 80px; } .latest-posts.image-size-small > li .image img{ width:50px; height:50px; } .latest-posts.image-size-large > li .image img{ width:150px; height:150px; } .latest-posts.image-size-small > li{ padding-bottom:20px; } .latest-posts.image-size-small > li .latest-posts-content{ min-height:50px; } .latest-posts.image-size-large > li .latest-posts-content{ min-height:150px; } .latest-posts > li .latest-posts-content h3 { margin: 0; font-size:16px; line-height:24px; } .latest-posts > li .latest-posts-content .post-meta-data { margin: 0; } .latest-posts > li .latest-posts-content p.excerpt { margin: 15px 0 0 } .latest-posts.style2 .date { width: 80px; height: 80px; text-align: center; border:1px solid #333; position: relative; margin-right: 20px; -webkit-border-radius:999px; border-radius:999px; -webkit-backface-visibility: hidden; float:left; } .latest-posts.style2 .day { font-size: 33px; color: #333; font-weight: 300; position: absolute; right: 0; width: 100%; top: 18px; text-align: center } .latest-posts.style2 .day { display: inline-block; } .latest-posts.style2 .month{ font-size: 13px; font-weight: 400; color: #666; text-transform: uppercase; position: absolute; left: 0px; width: 100%; bottom: 10px } /*------------------------------------------------*/ /* Tooltips /*------------------------------------------------*/ .tooltips a { border-bottom:1px dotted #1abc9c } .tooltip { position: absolute; z-index: 1030; display: block; visibility: visible; font-size: 12px; line-height: 1.4; opacity: 0; filter: alpha(opacity=0); } .tooltip.in { opacity: 0.8; filter: alpha(opacity=80); } .tooltip.top { margin-top: -3px; padding: 5px 0; } .tooltip.right { margin-left: 3px; padding: 0 5px; } .tooltip.bottom { margin-top: 3px; padding: 5px 0; } .tooltip.left { margin-left: -3px; padding: 0 5px; } .tooltip-inner { max-width: 200px; padding: 8px; color: #ffffff; text-align: center; text-decoration: none; background-color: #000000; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000000; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000000; } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000000; } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000000; } /*------------------------------------------------*/ /* Alert */ /*------------------------------------------------*/ .alert{ position: relative; display: block; font-weight:normal; text-align: center; padding: 20px 50px 20px 30px; margin-bottom: 20px; background-color: #e67e22; color:#fff; } .alert.custom{ background-color:transparent; color:#888; } .alert h1, .alert h2, .alert h3, .alert h4, .alert h5, .alert h6{ color:inherit; } .alert-success{ background-color: #3498db } .alert-success h4{ color:#88b12b; } .alert-error{ color: #fff; background-color: #e74c3c; } .alert-error h4{ color:#d25c5a; } .alert-info{ color: #3a87ad; background-color: #d9edf7; border-color: #bce8f1; } alert-info h4{ color:#468bbf; } .alert-message p{ margin:0; padding:0; } .alert span.close{ display:block; padding:8px 10px; line-height:1; font-size:15px; position: absolute; top:0; right: 0; cursor: pointer; border:1px solid #fff; border-right:0!important; border-top:0!important;; } /*------------------------------------------------*/ /* contact form 7 /*------------------------------------------------*/ .wpcf7-form input[type="text"],.wpcf7-form input[type="email"]{ width: 100%; max-width: 100%; margin: 0; } .wpcf7-form-control-wrap { position: relative; overflow: hidden; margin-bottom: 20px; margin-top:2px!important; } .wpcf7-form textarea { width: 100%; max-width: 100%; margin: 5px 0 0 0; } .wpcf7-form select { width: 100%; max-width: 100%; margin: 5px 0 0 0; padding: 8px; } .wpcf7-form input[type="checkbox"] { width: auto } .wpcf7 form.wpcf7-form p { font-weight: 400; margin: 0 0 20px 0 !important; } .wpcf7-list-item-label { font-weight: normal } .wpcf7-response-output { display: none } .wpcf7-form .invalid { color: #bf1515 !important } .wpcf7-not-valid { border: 1px solid #bf1515 !important } .wpcf7 span.wpcf7-not-valid-tip { display: none } div.wpcf7-response-output { margin: 0px !important; padding: 5px 10px !important; } div.wpcf7-mail-sent-ok, div.wpcf7-mail-sent-ng, div.wpcf7-spam-blocked, div.wpcf7-validation-errors { position: relative; border: 1px solid #ddd !important; display: block; background-image: linear-gradient(bottom, #f6f6f6 0%, #FFFFFF 100%); background-image: -o-linear-gradient(bottom, #f6f6f6 0%, #FFFFFF 100%); background-image: -moz-linear-gradient(bottom, #f6f6f6 0%, #FFFFFF 100%); background-image: -webkit-linear-gradient(bottom, #f6f6f6 0%, #FFFFFF 100%); background-image: -ms-linear-gradient(bottom, #f6f6f6 0%, #FFFFFF 100%); background-color: #f6f6f6; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.1); -moz-box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.1); box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.1); font-weight: bold; padding: 10px 40px !important; text-align: center; margin-bottom: 20px; } div.wpcf7-mail-sent-ok { background-image: linear-gradient(bottom, #e9f2d2 0%, #FFFFFF 100%); background-image: -o-linear-gradient(bottom, #e9f2d2 0%, #FFFFFF 100%); background-image: -moz-linear-gradient(bottom, #e9f2d2 0%, #FFFFFF 100%); background-image: -webkit-linear-gradient(bottom, #e9f2d2 0%, #FFFFFF 100%); background-image: -ms-linear-gradient(bottom, #e9f2d2 0%, #FFFFFF 100%); background-color: #e9f2d2; border-color: #c0da66 !important; color: #88b12b; } div.wpcf7-mail-sent-ng { background-image: linear-gradient(bottom, #ffe9e9 0%, #FFFFFF 100%); background-image: -o-linear-gradient(bottom, #ffe9e9 0%, #FFFFFF 100%); background-image: -moz-linear-gradient(bottom, #ffe9e9 0%, #FFFFFF 100%); background-image: -webkit-linear-gradient(bottom, #ffe9e9 0%, #FFFFFF 100%); background-image: -ms-linear-gradient(bottom, #ffe9e9 0%, #FFFFFF 100%); background-color: #ffe9e9; border-color: #e99f9f !important; color: #d25c5a; } div.wpcf7-spam-blocked { background-image: linear-gradient(bottom, #fbf6e3 0%, #FFFFFF 100%); background-image: -o-linear-gradient(bottom, #fbf6e3 0%, #FFFFFF 100%); background-image: -moz-linear-gradient(bottom, #fbf6e3 0%, #FFFFFF 100%); background-image: -webkit-linear-gradient(bottom, #fbf6e3 0%, #FFFFFF 100%); background-image: -ms-linear-gradient(bottom, #fbf6e3 0%, #FFFFFF 100%); background-color: #fbf6e3; border-color: #efd877 !important; color: #c4a80a; } div.wpcf7-validation-errors { background-image: linear-gradient(bottom, #fbf6e3 0%, #FFFFFF 100%); background-image: -o-linear-gradient(bottom, #fbf6e3 0%, #FFFFFF 100%); background-image: -moz-linear-gradient(bottom, #fbf6e3 0%, #FFFFFF 100%); background-image: -webkit-linear-gradient(bottom, #fbf6e3 0%, #FFFFFF 100%); background-image: -ms-linear-gradient(bottom, #fbf6e3 0%, #FFFFFF 100%); background-color: #fbf6e3; border-color: #efd877 !important; color: #c4a80a; } /*------------------------------------------------*/ /* Fancy contact form and comment form /*------------------------------------------------*/ .contact-form input[type="text"],.contact-form input[type="email"] , .contact-form textarea , .comment-form input[type="text"],.comment-form input[type="email"] , .comment-form textarea{ width:100%; max-width:100% } .contact-form input[type="text"].error , .contact-form input[type="email"].error , .contact-form textarea.error { border-color:#e99f9f!important; } .contact-form input[type="text"].valid , .contact-form input[type="email"].valid , .contact-form textarea.valid { border-color: #c0da66!important; } .contact-form .control-wrap .icon , .comment-form .control-wrap .icon { position: absolute; width: 45px; height:42px; text-align: center; text-align: center; line-height: 45px; left: 1px; top: 2px!important; z-index: 12; margin: 0!important; display:none; font-size:16px; color:#ccc; } /* Disable icons for contact form */ .contact-form.field-icons-yes input[type="text"],.contact-form.field-icons-yes input[type="email"], .comment-form input[type="text"],.comment-form input[type="email"]{ padding-left:45px; } .contact-form.field-icons-yes .control-wrap .icon ,.comment-form .control-wrap .icon { display:inline-block } .contact-form .control-wrap , .comment-form .control-wrap { position:relative; margin-bottom:0; } .contact-form .row-fluid, .comment-form .row-fluid { margin: 0 -10px!important } .contact-form .row-fluid [class*="span"], .comment-form .row-fluid [class*="span"] { padding: 0 10px!important; margin-bottom:30px;} /*------------------------------------------------*/ /* Counter numbers /*------------------------------------------------*/ .counter-title { padding: 0 5px; display:table-cell; vertical-align:middle; } .counter-box-container{ max-width:100%; width:100%; } .counter-box-container .counter-box{ display:table; padding:0 5px; width:100%; } .counters.align-center-yes .counter-box-container{ text-align:center; margin:0 auto; } .counter-title > span.counter-value { font-size: 55px; line-height:58px; color:#222; } .text-size-large .counter-title > span.counter-value { font-size: 70px; line-height:75px; letter-spacing:-1px; } .counter-box .brad-icon{ font-size:48px; margin-bottom:20px; color:#222; clear:both; display:block; } .counter-title p { margin:3px 0 0; line-height:125%; } .text-size-large .counter-title p{ font-size:15px; } /*-------------------------------------------------------*/ /* Box color Schem 1 */ /*-------------------------------------------------------*/ .box.border-top-radius-yes{ -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; border-top-left-radius:5px; border-top-right-radius:5px; } .box.border-bottom-radius-yes{ -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; border-bottom-left-radius:5px; border-bottom-right-radius:5px; } .content-box.scheme1 h1, .content-box.scheme1 h2, .content-box.scheme1 h3, .content-box.scheme1 h4, .content-box.scheme1 h5{ color:#ffffff; } .content-box.scheme1 h6{ color:#fafafa; color:rgba(255,255,255,0.85 ); } .content-box.scheme1 a { color:#fff; } .content-box.scheme1 a:hover { color:#eeeeee; } .content-box.scheme1, .content-box.scheme1 p { color:#eee; color:rgba(255,255,255,0.8) } .content-box.scheme1 strong{ color:#fff; } .content-box.scheme1 .counter-title > span { color:#fff; } /*-------------------------------------------------------*/ /* Gallery Images */ /*-------------------------------------------------------*/ .brad-gallery{ list-style:none; margin:0; padding:0; } .brad-gallery > li { list-style-type:none; overflow:hidden; } .brad-gallery > li > div{ width:100%; position:relative; overflow:hidden; } .brad-gallery .image img{ display:block; max-width:100%; width:100%; -webkit-transition:all 0.3s; transition:all 0.3s; } .brad-gallery .image:hover img{ transform:scale(1.02); -ms-transform:scale(1.02); /* IE 9 */ -moz-transform:scale(1.02); /* Firefox */ -webkit-transform:scale(1.02); /* Safari and Chrome */ -o-transform:scale(1.02); /* Opera */ } .brad-gallery.grey-yes .image img{ -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: gray; filter: grayscale(100%); } .brad-gallery.grey-yes .image:hover img{ -webkit-filter: grayscale(0); -moz-filter: grayscale(0); filter: none; filter: grayscale(0); } /*------------------------------------------------------*/ /* Brad Slider */ /*------------------------------------------------------*/ .brad-slider-wrapper{ width:100%; height:100%; position:relative; overflow:hidden; z-index:10; } .carousel { position: relative; width:100%; height:100%; } .carousel-inner { position: relative; width: 100%; height:100%; overflow: hidden; background-color:#ddd; } .carousel-inner.parallax-slider-yes{ position:fixed; left:0!important; top:0; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); transform: translate(0, 0); -o-transform: translate(0, 0); -webkit-transition: left .33s cubic-bezier(0.694,0.0482,0.335,1),margin .33s cubic-bezier(0.694,0.0482,0.335,1); -moz-transition: left .33s cubic-bezier(0.694,0.0482,0.335,1),margin .33s cubic-bezier(0.694,0.0482,0.335,1); -o-transition: left .33s cubic-bezier(0.694,0.0482,0.335,1),margin .33s cubic-bezier(0.694,0.0482,0.335,1); -ms-transition: left .33s cubic-bezier(0.694,0.0482,0.335,1),margin .33s cubic-bezier(0.694,0.0482,0.335,1); transition: left .33s cubic-bezier(0.694,0.0482,0.335,1),margin .33s cubic-bezier(0.694,0.0482,0.335,1); } body.type4 .carousel-inner.parallax-slider-yes{ left:auto!important; } .boxed-layout .carousel-inner.parallax-slider-yes, .parallax-disabled .carousel-inner.parallax-slider-yes { position:relative!important; -webkit-transform: translate(0, 0)!important; -moz-transform: translate(0, 0)!important; transform: translate(0, 0)!important; -o-transform: translate(0, 0)!important; } .boxed-layout .carousel-caption , .parallax-disabled .carousel-caption{ opacity: 1!important; transform: translate(0px, 0px)!Important; -webkit-transform: translate(0px, 0px)!Important; } .carousel[data-swipe="yes"]{ cursor: -moz-grab!important; cursor: -webkit-grab!important; cursor: grab!important; } .carousel .carousel-preloader{ position:absolute; left:50%; top:50%; width:50px; height:50px; margin-right:25px; margin-top:-25px; display:inline-block; z-index:1000; } .carousel .carousel-preloader .spinner{ background-color:#f0f0f0; } .no-css-animations .carousel .carousel-preloader .spinner , .carousel .carousel-preloader img { display:none; } .no-css-animations .carousel .carousel-preloader img{ display:block; } .carousel-inner > .item .image{ position:absolute; left:0; top:0; display:block; width:100%!important; height:100%!important; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size:cover; } .carousel-inner > .item .image.bg-size-contain { -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size:contain; } .carousel-inner > .item .image img{ display:none!important; } .carousel-inner > .item .carousel-video{ position:absolute; width:100%; left:0; top:0; display:block; height:auto; } .carousel-inner > .item .slider-bg-overlay{ position:absolute; display:block; left:0; top:0; width:100%; height:100%; background-color:#222; filter:alpha(opacity=0); opacity:0; } .carousel-inner > .item .carousel-video video{ width:100%; } .carousel-video .mejs-container .mejs-controls, .carousel-video .mejs-overlay-loading, .carousel-video .mejs-layers { display: none!important } .carousel-inner > .item { position: relative; display: none; width:100%; height:100%; -webkit-transition: .5s ease-in-out left; transition: .5s ease-in-out left; } .carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block; } .carousel-inner > .active { left: 0; } .carousel-inner > .next, .carousel-inner > .prev { position: absolute; top: 0; width: 100%; } .carousel-inner > .next { left: 100%; } .carousel-inner > .prev { left: -100%; } .carousel-inner > .next.left, .carousel-inner > .prev.right { left: 0; } .carousel-inner > .active.left { left: -100%; } .carousel-inner > .active.right { left: 100%; } .brad-slider.fade .carousel-inner > .item { -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -ms-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; opacity: 1; filter: alpha(opacity=100); } .brad-slider.fade .carousel-inner > .active.left, .brad-slider.fade .carousel-inner > .active.right { opacity: 0; filter: alpha(opacity=0); } .brad-slider.fade .carousel-inner > .active.item { opacity: 1; filter: alpha(opacity=100); } .brad-slider.fade .carousel-inner > .active.left, .brad-slider.fade .carousel-inner > .active.right { left: 0; z-index: 2; opacity: 0; filter: alpha(opacity=0); } .brad-slider.fade .carousel-inner > .next, .brad-slider.fade .carousel-inner > .prev { left: 0; z-index: 1; } @media only screen and (max-width: 1460px) and (min-width: 1000px){ body.type4 .carousel-caption h2{ font-size:36px!important; line-height:46px!important; } body.type4 .carousel-caption .slider-content{ font-size:16px!important; line-height:26px!important; } } .carousel-control { position: absolute; top: 50%; bottom: auto; left: 0; width:60px; height:60px; line-height:56px; text-align:center; margin-top:-30px; display:inline-block; font-size:30px; color: #fff; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; border:2px solid #fff; background-color:transparent; text-align: center; filter: alpha(opacity=0); opacity: 0; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; text-indent:-4px; z-index:1001; left:20px; } .brad-slider.color-dark .carousel-control{ color:#333; border-color:#333; } .carousel-control:after{ content: "\f104"; font-family:"fontAwesome"; } .carousel-control.right{ right:20px; left:auto; } .carousel-control.right:after{ content: "\f105"; margin-left:4px; } .carousel-control.right { right: 20px; left: auto; } .carousel-control:hover, .carousel-control:focus { color:#fff; } .brad-slider.color-dark .carousel-control:hover, .brad-slider.color-dark .carousel-control:focus { color:#333; } .carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right { position: absolute; top: 50%; z-index: 5; display: inline-block; } .carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left { left: 50%; } .carousel-control .icon-next, .carousel-control .glyphicon-chevron-right { right: 50%; } .carousel-control .icon-prev, .carousel-control .icon-next { width: 20px; height: 20px; margin-top: -10px; margin-left: -10px; font-family: serif; } .carousel-indicators { position: absolute; bottom: 10px; left: 50%; width: 60%; padding-left: 0; margin-left: -30%; text-align: center; list-style: none; z-index:1001; opacity:0; } .carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 3px; text-indent: -999px; cursor: pointer; background-color: transparent; border: 1px solid #fff; border-radius: 10px; } .carousel-indicators .active { width: 12px; height: 12px; margin: 2px; background-color: #fff; } .brad-slider.color-dark .carousel-indicators li{ border-color:#2d2d2d; } .brad-slider.color-dark .carousel-indicators .active{ background-color:#2d2d2d; } .carousel-caption { position: absolute; width:100%; height:100%; left: 0; z-index: 200; display:table; } .navigation-yes .carousel-caption { padding:0 80px; } .carousel-caption-wrapper{ display:table-cell; vertical-align:middle; } .transparent-header .header-slider-yes .carousel-caption{ padding-top:84px; } .transparent-header .header-slider-yes .carousel-caption-content{ padding-bottom:70px; } .carousel-caption.color-dark .slider-content{ color:#555; } .caption-halign-center .carousel-caption-inner-content{ text-align:center; } .caption-halign-center .carousel-caption .slider-content{ margin:0 auto; max-width:940px; } .caption-valign-top .carousel-caption-wrapper{ vertical-align:top; } .caption-valign-bottom .carousel-caption-wrapper{ vertical-align:bottom; } .caption-halign-left .carousel-caption-inner-content{ text-align:left; width:50%; } .caption-halign-right .carousel-caption-inner-content{ text-align:left; width:50%; margin-left:50%; } .carousel-caption-content{ opacity:0; padding:50px 25px; max-width:1210px; margin:0 auto; } .carousel-caption h6 a{ color:inherit!important; } .carousel-caption h6 span{ display:inline-block; padding:0 8px 0 14px; position:relative; } .carousel-caption h6 span:first-child:after{ content:none; } .carousel-caption h6 span:after{ content:"/"; position:absolute; left:0; top:0; } .carousel-caption h6{ font-family:inherit; text-transform:uppercase; letter-spacing:4px; color:#fff; font-size:16px; line-height:27px; margin-bottom:10px; } .carousel-caption h2{ font-size:60px; color:#ffffff; letter-spacing:2px; font-weight:bold; line-height:70px; position:relative; text-transform:none; margin-bottom:0; } .carousel-caption .slider-content{ color: #fff; font-size:20px; line-height:30px; font-weight:400; } .carousel-caption h2.title-di-yes span{ display:inline-block; padding-bottom:5px; position:relative; } .carousel-caption.color-dark h2{ color:#222; } .carousel-caption.color-dark h6{ color:#2d2d2d; } .carousel-caption h2.title-di-yes span:after{ content:""; position:absolute; width:100%; height:3px; display:inline-block; left:0; bottom:0; background-color:#fff; } .carousel-caption.color-dark h2.title-di-yes span:after{ background-color:#222; } .carousel-caption .slider-buttons{ margin-top:35px; } .carousel-caption .slider-buttons .button:first-child{ margin-left:0; margin-right:20px; } .carousel-caption .btn { text-shadow: none; } /*-------------------------------------------------------*/ /* Service Box */ /*-------------------------------------------------------*/ .service-box{ padding:0; text-align:center; width:100%; max-width:100%; position:relative; } .service-box .front-content, .no-touch .flip-yes.hoverlay:hover .flip-content, .flip-yes.hoverlay.hover .flip-content{ -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); z-index: 10; } .service-box .front-content{ background-color:#f6f6f6; } .service-box .front-content, .service-box .flip-content{ -webkit-perspective: 600px; -moz-perspective: 600px; -ms-perspective: 600px; perspective: 600px; padding:30px 35px; text-align: center; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; webkit-transition: all 0.4s cubic-bezier(0.2, 0.85, 0.4, 1.275) 0 !important; -moz-transition: all 0.4s cubic-bezier(0.2, 0.85, 0.4, 1.275) 0s !important; -o-transition: all 0.4s cubic-bezier(0.2, 0.85, 0.4, 1.275) 0 !important; transition: all 0.4s cubic-bezier(0.2, 0.85, 0.4, 1.275) 0 !important; } .service-box .flip-content{ position:absolute; left:0; top:0; width:100%; height:100%; -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); transform: rotateY(-180deg); z-index: -1; background-color:#3498db; } .service-box .flip-content > div , .service-box .front-content > div{ display:table; vertical-align:middle; width:100%; height:100%; } .service-box .front-content > div{ height:auto; } .service-box .flip-content > div > div , .service-box .front-content > div > div{ display:table-cell; vertical-align:middle; } .service-box .flip-content h4{ color:#fff; } .no-touch .flip-yes.hoverlay:hover .front-content, .flip-yes.hoverlay.hover .front-content{ -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); transform: rotateY(-180deg); z-index: -1; } .service-box .brad-icon{ margin-bottom:30px; -webkit-backface-visibility:visible;f } .service-box h4{ margin-bottom:0; } .service-box .service-content{ margin-top:10px; } .service-box .flip-content .service-content{ color:#f0f0f0; } /*------------------------------------------------*/ /* animated boxes /*------------------------------------------------*/ .animate-when-visible{ opacity: 0; } .animate-when-visible.portfolio-items .portfolio-item > .inner-content { opacity:0; } .no-js .animate-when-visible , .no-cssanimations .animate-when-visible , .animate-when-visible.portfolio-items , .no-cssanimations .animate-when-visible.portfolio-items .portfolio-item > .inner-content, .no-js .animate-when-visible.portfolio-items .portfolio-item > .inner-content { opacity:1!important; } .fadeIn.start-animation , .load-animation .fadeIn{ -webkit-animation: fadeIn 0.65s ease forwards; -moz-animation: fadeIn 0.65s ease forwards; animation: fadeIn 0.65s ease forwards; } @-webkit-keyframes fadeIn { to { opacity: 1; } } @-moz-keyframes fadeIn { to { opacity: 1; } } @keyframes fadeIn { to { opacity: 1; } } .fadeInTop.start-animation, .load-animation .fadeInTop { -webkit-transform: translateY(20px); -moz-transform:translateY(20px); transform:translateY(20px); -webkit-animation: fadeInTop 0.65s ease forwards; -moz-animation: fadeInTop 0.65s ease forwards; animation: fadeInTop 0.65s ease forwards; } @-webkit-keyframes fadeInTop { 100% { -webkit-transform: translateY(0); opacity: 1; } } @-moz-keyframes fadeInTop { 100% { -moz-transform: translateY(0); opacity: 1; } } @keyframes fadeInTop { 100% { transform: translateY(0); opacity: 1; } } .fadeInBottom.start-animation , .load-animation .fadeInBottom{ -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); transform: translateY(-20px); -webkit-animation: fadeInBottom 0.65s ease forwards; -moz-animation: fadeInBottom 0.65s ease forwards; -o-animation: fadeInBottom 0.65s ease forwards; animation: fadeInBottom 0.65s ease forwards; } @-webkit-keyframes fadeInBottom { 100% { -webkit-transform: translateY(0); opacity: 1; } } @-moz-keyframes fadeInBottom { 100% { -moz-transform: translateY(0); opacity: 1; } } @keyframes fadeInBottom { 100% { transform: translateY(0); opacity: 1; } } .fadeInLeft.start-animation , .load-animation .fadeInLeft{ -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); transform: translateX(-20px); -webkit-animation: fadeInLeft 0.65s ease forwards; -moz-animation: fadeInLeft 0.65s ease forwards; -o-animation: fadeInLeft 0.65s ease forwards; animation: fadeInLeft 0.65s ease forwards; } @-webkit-keyframes fadeInLeft { 100% { -webkit-transform: translateX(0); opacity:1; } } @-moz-keyframes fadeInLeft { 100% { -moz-transform: translateX(0); opacity:1 } } @keyframes fadeInLeft { 100% { transform: translateX(0); opacity:1; } } .fadeInRight.start-animation , .load-animation .fadeInRight { -webkit-transform: translateX(20px); -moz-transform: translateX(20px); transform: translateX(20px); -webkit-animation: fadeInRight 0.65s ease forwards; -moz-animation: fadeInRight 0.65s ease forwards; -o-animation: fadeInRight 0.65s ease forwards; animation: fadeInRight 0.65s ease forwards; } @-webkit-keyframes fadeInRight { 100% { -webkit-transform: translateX(0); opacity: 1; } } @-moz-keyframes fadeInRight { 100% { -moz-transform: translateX(0); opacity: 1; } } @keyframes fadeInRight { 100% { transform: translateX(0); opacity: 1; } } .fadeInTopBig.start-animation { -webkit-transform: translateY(200px); -moz-transform:translateY(200px); transform:translateY(200px); -webkit-animation: fadeInTop 1s ease forwards; -moz-animation: fadeInTop 1s ease forwards; animation: fadeInTop 1s ease forwards; } .fadeInBottomBig.start-animation, .load-animation .fadeInBottomBig { -webkit-transform: translateY(-200px); -moz-transform:translateY(-200px); transform:translateY(-200px); -webkit-animation: fadeInBottom 1s ease forwards; -moz-animation: fadeInBottom 1s ease forwards; animation: fadeInBottom 1s ease forwards; } .fadeInLeftBig.start-animation { -webkit-transform: translateX(-200px); -moz-transform: translateX(-200px); transform: translateX(-200px); -webkit-animation: fadeInLeft 1s ease forwards; -moz-animation: fadeInLeft 1s ease forwards; animation: fadeInLeft 1s ease forwards; } .fadeInRightBig.start-animation { -webkit-transform: translateX(200px); -moz-transform: translateX(200px); transform: translateX(200px); -webkit-animation: fadeInRight 1s ease forwards; -moz-animation: fadeInRight 1s ease forwards; animation: fadeInRight 1s ease forwards; } .animate-when-visible[data-animation-effect="appearFromCenter"] > li{ -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; } .appearFromCenter.start-animation { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); transform: scale(0.5); -webkit-animation: popUp .6s ease-in forwards; -moz-animation: popUp .6s ease-in forwards; animation: popUp .6s ease-in forwards; } .no-js .appearFromCenter, .no-cssanimation .appearFromCenter{ -webkit-transform: scale(1)!important; -moz-transform: scale(1)!important; transform: scale(1)!important; } @-webkit-keyframes popUp { 70% { -webkit-transform: scale(1.1); opacity: .8; -webkit-animation-timing-function: ease-out; } 100% { -webkit-transform: scale(1); opacity: 1; } } @-moz-keyframes popUp { 70% { -moz-transform: scale(1.1); opacity: .8; -moz-animation-timing-function: ease-out; } 100% { -moz-transform: scale(1); opacity: 1; } } @keyframes popUp { 70% { transform: scale(1.1); opacity: .8; animation-timing-function: ease-out; } 100% { transform: scale(1); opacity: 1; } } .animate-when-visible[data-animation-effect="fallPerspective"] > li { -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; } .fallPerspective.start-animation { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateZ(400px) translateY(300px) rotateX(-90deg); -moz-transform: translateZ(400px) translateY(300px) rotateX(-90deg); transform: translateZ(400px) translateY(300px) rotateX(-90deg); -webkit-animation: fallPerspective .8s ease-in-out forwards; -moz-animation: fallPerspective .8s ease-in-out forwards; animation: fallPerspective .8s ease-in-out forwards; } @-webkit-keyframes fallPerspective { 100% { -webkit-transform: translateZ(0px) translateY(0px) rotateX(0deg); opacity: 1; } } @-moz-keyframes fallPerspective { 100% { -moz-transform: translateZ(0px) translateY(0px) rotateX(0deg); opacity: 1; } } @keyframes fallPerspective { 100% { transform: translateZ(0px) translateY(0px) rotateX(0deg); opacity: 1; } } .animate-when-visible[data-animation-effect="fly"] > li{ -webkit-perspective: 600; -moz-perspective: 600; perspective: 600; } .fly.start-animation { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform:translateZ(300px) translateY(200px) rotateX(-70deg); -moz-transform:translateZ(300px) translateY(200px) rotateX(-70deg); transform:translateZ(300px) translateY(200px) rotateX(-70deg); -webkit-animation: fly .8s ease-in-out forwards; -moz-animation: fly .8s ease-in-out forwards; animation: fly .8s ease-in-out forwards; } /*pop up animation*/ @-webkit-keyframes fly { 100% { -webkit-transform:translateZ(0px) translateY(0px) rotateX(0deg); opacity: 1; } } @-moz-keyframes fly{ 100% { -moz-transform:translateZ(0px) translateY(0px) rotateX(0deg); opacity: 1; } } @-o-keyframes fly { 100% { -o-transform:translateZ(0px) translateY(0px) rotateX(0deg); opacity: 1; } } @keyframes fly { 100% { transform:translateZ(0px) translateY(0px) rotateX(0deg); opacity: 1; } } .animate-when-visible[data-animation-effect="flip"] > li { -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; } .flip.start-animation { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); transform: rotateY(-180deg); -webkit-animation: helix .8s ease-in-out forwards; -moz-animation: helix .8s ease-in-out forwards; animation: helix .8s ease-in-out forwards; } @-webkit-keyframes helix { 100% { -webkit-transform: rotateY(0deg); opacity: 1; } } @-moz-keyframes helix { 100% { -moz-transform: rotateY(0deg); opacity: 1; } } @keyframes helix { 100% { transform: rotateY(0deg); opacity: 1; } } /*------------------------------------------------*/ /* Revolution slider /*------------------------------------------------*/ .tp-leftarrow.large, .tp-leftarrow.default, .tp-rightarrow.large, .tp-rightarrow.default { font-family: 'fontAwesome'; display: block; text-decoration: none; position: absolute; width: 65px!important; text-align: center; height: 65px!important; line-height: 65px!important; font-size: 28px!important; top: 50%; margin: -32px 0 0; color: #ddd; background-color:#999; background-color:rgba(0,0,0,0.31); visibility: hidden; z-index: 10000; left: 0px; } .tp-leftarrow.large:hover, .tp-leftarrow.default:hover, .tp-rightarrow.large:hover, .tp-rightarrow.default:hover { background-color:#1abc9c; } .tp-rightarrow.large, .tp-rightarrow.default { left: auto; right: 0; } .tp-leftarrow.large::before, .tp-leftarrow.default::before, .tp-rightarrow.large::before, .tp-rightarrow.default::before { visibility: visible; display: block; position: absolute; z-index: 100; background-color:#999; background-color:rgba(0,0,0,0.25); opacity:1; top: 0; left: 0!important; right: 0!important; bottom: 0; text-align: center; } .tp-leftarrow.large:hover::before, .tp-leftarrow.default:hover::before, .tp-rightarrow.large:hover::before, .tp-rightarrow.default:hover::before{ background-color:rgba(0,0,0,0.5); } .tp-leftarrow.large::before, .tp-leftarrow.default::before { content: "\f104"; text-indent: -2px; } .tp-rightarrow.large::before, .tp-rightarrow.default::before { content: "\f105";text-indent: 4px; } .tp-bullets.simplebullets.round .bullet { cursor: pointer; background: #ddd!important; background:rgba(255,255,255,0.8)!important; width: 10px!important; height: 10px!important; margin: 0 5px!important; position: relative; float: left; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border: 1px solid transparent; vertical-align: middle } .tp-bullets.simplebullets.round .bullet:hover, .tp-bullets.simplebullets.round .bullet.selected, .tp-bullets.simplebullets.navbar .bullet:hover, .tp-bullets.simplebullets.navbar .bullet.selected { background: #ffffff!important; } /* Instagram widget fix */ .instag ul.thumbnails > li{ width:33.3333%!important; float:left; margin:0; padding:0 3px; }