/****************************** - BASICS - ********************************/ body { font-family: 'Open Sans', sans-serif; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; background-repeat: repeat; color:#777: } /*! MODIFICATION OF DEFAULT CSS VIA THEMEPUNCH */ 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; } ol, ul { list-style: none; } ul.list-style { padding-left:19px} ul.list-style li { list-style:disc; line-height:30px;} .clear { clear:both; } /********************************* - TITLE AND TEXT STYLES - ***********************************/ strong { font-weight:900;} a, a.hoverblack span, a.hoverblack i { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; } a, a:visited { text-decoration: none; color:#14b9d6} a:hover { text-decoration:none; color:#14b9d6} a.hoverblack:hover, a.hoverblack:hover span, a.hoverblack:hover i { color:#000 !important; text-decoration: none;} .footer a, .footer a:visited { color:#14b9d6} .smokewhitebg { background-color:#f5f5f5;} h1, h2, h3, h4, h5, h6 { font-weight:300; font-family: 'Open Sans', sans-serif; margin-bottom:10px; color:#000;} h1 { font-size:32px; line-height:36px; } h2 { font-size:28px; line-height:32px; } h3 { font-size:24px; line-height:28px; } h4 { font-size:20px; line-height:24px; } h5 { font-size:18px; line-height:22px; } h6 { font-size:16px; line-height:20px; } .hiddenatstart { display:none;} p,span { font-size:14px; color:#aaa; line-height:26px;} i, [class^="icon-"], [class*=" icon-"] { font-size:18px; line-height:23px;} span.verysmall, p.verysmall, .verysmall { font-size:10px; line-height:21px;} span.small, p.small, a.small, a.small:visited, a.small:hover { font-size:12px; line-height:22px;} span.medium, p.medium, a.medium, a.medium:visited, a.medium:hover { font-size:16px; line-height:24px; } span.big, p.big { font-size:18px; line-height:26px;} .italic { font-style:italic;} span.thin, p.thin { font-weight:300;} span.quote, p.quote { font-size:20px; line-height:25px; color:#000; font-weight:400; } .subfooter p { color:#b2b2b2; line-height:15px; font-size:13px;} .footer p { color:#ffffff;} span.mc1, p.mc1, .mc1, a.mc1, a.mc1:visited, a.mc1:hover, h1.mc1, h2.mc1, h3.mc1, h4.mc1, h5.hightlight, h6.mc1 { color:#14b9d6} span.mc1_light, p.mc1_light, .mc1_light, a.mc1_light, a.mc1_light:visited, a.mc1_light:hover, h1.mc1_light, h2.mc1_light, h3.mc1_light, h4.mc1_light, h5.hightlight, h6.mc1_light { color:#91d7e7} span.mc1_lighter, p.mc1_lighter, .mc1_lighter, a.mc1_lighter, a.mc1_lighter:visited, a.mc1_lighter:hover, h1.mc1_lighter, h2.mc1_lighter, h3.mc1_lighter, h4.mc1_lighter, h5.hightlight, h6.mc1_lighter { color:#2cc0da} span.white, p.white, .white, a.white, a.white:visited, a.white:hover { color:#fff !important;} span.black, p.black, .black, a.black, a.black:visited, h1.black, h2.black, h3.black, h4.black { color:#000 !important;} i.gray, span.gray, p.gray, .gray, a.gray, a.gray:visited { color:#6F6D6C;} i.darkgray, span.darkgray, p.darkgray, .darkgray, a.darkgray, a.darkgray:visited { color:#525565;} span.lightgray, p.lightgray, i.lightgray, a.lightgray, a.lightgray:visited,h1.lightgray, h2.lightgray, h3.lightgray, h4.lightgray { color:#ccc;} .bold { font-weight:700 !important;} a.condensed, a.condensed:visited, a.condensed:hover, p.condensed { font-family:'Roboto Condensed',sans-serif; } a.shadow, p.shadow, h1.shadow, h2.shadow, h3.shadow, h4.shadow, h5.shadow,h6.shadow { text-shadow:0px 1px rgba(0,0,0,0.4);} .widget-title, .widget-title a, .widget-title a:visited, .widget-title a:hover { font-size:18px;font-weight:600; line-height:26px; font-family: 'Signika', sans-serif;} .footer .widget-title, .footer .widget-title a, .footer .widget-title a:visited, .footer .widget-title a:hover { color:#fff; font-size:18px;font-weight:600; line-height:22px; font-family: 'Signika', sans-serif;} .bigintro, .bigintro a, .bigintro a:visited, .bigintro a:hover { font-size:38px; line-height:50px; font-weight:400; font-family:'Open Sans', sans-serif;} .mediumintro, .mediumintro a, .mediumintro a:visited, .mediumintro a:hover { font-size:26px; line-height:35px; font-weight:300; font-family:'Open Sans', sans-serif;} .blog-title, .blog-title a, .blog-title a:visited, .blog-title a:hover { font-size:24px; line-height:25px; font-weight:600; font-family:'Open Sans', sans-serif;} .content-title, .content-title a, .content-title a:visited, .content-title a:hover { font-size:20px; line-height:25px; font-family:'Open Sans', sans-serif; font-weight:400;} .breadcrumb, .breadcrumb span, .breadcrumb i, .breadcrumb a, .breadcrumb a:visited, .breadcrumb a:hover { font-size:20px; line-height:24px; font-family:'Open Sans', sans-serif; font-weight:400; background:none; padding:0; margin-bottom:0px; } .breadcrumb i:hover, .breadcrumb a:hover { color:#000 !important} .paragraph-title, .paragraph-title a, .paragraph-title a:visited, .paragraph-title a:hover { font-size:14px; line-height:20px; font-family:'Open Sans', sans-serif; font-weight:400;} .boxed-title, .boxed-title a, .boxed-title a:visited, .boxed-title a:hover { font-size:18px; line-height:22px; font-family:'Open Sans', sans-serif; font-weight:600;} .showbiz-title, .showbiz-title a, .showbiz-title a:visited, .showbiz-title a:hover { font-size:18px; line-height:22px; font-family:'Open Sans', sans-serif; font-weight:600; text-transform: none !important} .callout-title, .callout-title a, .callout-title a:visited, .callout-title a:hover { font-size:27px; line-height:30px; font-family:'Open Sans', sans-serif; font-weight:600;} .pagesubtitle, .pagesubtitle a, .pagesubtitle a:visited, .pagesubtitlea:hover { font-size:27px; line-height:35px; font-family:'Open Sans', sans-serif; font-weight:300;} .simple-title, .simple-title a, .simple-title a:visited, .simple-title a:hover { font-size:24px; line-height:22px; font-family: 'Signika', sans-serif; font-weight:400;} .huge-title, .huge-title a, .huge-title a:visited, .huge-title a:hover { font-size:36px; line-height:40px; font-family: 'Signika', sans-serif; font-weight:400;} .portfolio-title, .portfolio-title a, .portfolio-title a:visited, .portfolio-title a:hover { font-size:24px; line-height:26px; font-family: 'Open Sans', sans-serif; font-weight:300; text-shadow:-1px 1px 4px #6b6b6b;} .blog-title, .blog-title a, .blog-title a:visited, .blog-title a:hover { font-size:28px; line-height:34px; font-family: 'Open Sans', sans-serif; font-weight:600;} .article-title, .article-title a, .article-title a:visited, .article-title a:hover { font-size:22px; line-height:29px; font-family: 'Signika', sans-serif; font-weight:400;} .blogii-title, .blogii-title a, .blogii-title a:visited, .blogii-title a:hover { font-size:24px; line-height:29px; font-family: 'Open Sans', sans-serif; font-weight:600; color:#000;} .mini-title, .mini-title a, .mini-title a:visited, .mini-title a:hover { font-size:12px; line-height:13px; font-family:'Open Sans', sans-serif; } .footer .recent-post-title, .footer .recent-post-title a, .footer .recent-post-title a:visited, .footer .recent-post-title a:hover { color:#fff; font-size:16px; line-height:19px; font-weight:400;} .footer .recent-post .postdate, .footer .recent-post .postcomment, .footer .recent-post .postcomment a, .footer .recent-post .postcomment a:visited { color:#888;font-family:Georgia;} /* THE ICON SETTINGS */ i.mini { font-size:10px; line-height:12px !important; margin-top:2px; padding:0px 1px 0px 1px;} i.verysmall { font-size:12px; line-height:21px !important;} i.small { font-size:15px; line-height:21px !important;} i.normal { font-size:18px; line-height:18px !important;} i.medium { font-size:26px; line-height:25px !important;} i.big { font-size:30px; line-height:28px !important;} i.large { font-size:40px; line-height:45px !important;} i.extralarge { font-size:70px; line-height:75px !important;} i.close_subheader, i.open_subheader { cursor: pointer} i.open_subheader { display:none} i.close_subheader { right:20px; top:20px; position: absolute} @media only screen and (max-width: 768px) { i.close_subheader { right:20px; top:20px; position: absolute} } i.roundbutton { background-color:#e5e5e5; color:#b7b7b7 !important; border-radius:30px;-moz-border-radius:30px; -webkit-border-radius:30px; padding:9px;} i.roundbutton:hover { color:#fff !important; background:#000;} i.roundbutton.mc1 { background-color:#14b9d6; color:#fff !important} i.roundbutton.mc1:hover { color:#fff !important; background:#000;} [class^="icon-"], [class*=" icon-"] { display: inline-block; width: auto; height:auto; line-height: auto; vertical-align: top; background-image: none; background-position: left top; background-repeat: no-repeat; margin-top: 0; } /* ICON ROUNDED */ i.roundborder { border-radius:75px; -moz-border-radius:75px; -webkit-border-radius:75px; width:120px;height:120px; border:1px solid rgba(0,0,0,0.19); background:rgba(0,0,0,0.1); vertical-align:middle !important; line-height:114px !important; } i.roundborder-small { border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%; padding:5px 7px; border:none; background:rgba(255,255,255); background:rgba(0,0,0,0.2); -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; } i.roundborder-small:hover { background:rgb(255,255,255); background:rgba(255,255,255,1); } i.roundborder-medium { border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%; padding:8px 10px; border:none; background:rgba(255,255,255); background:rgba(0,0,0,0.2); -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; } i.roundborder-medium:hover { background:rgb(0,0,0); background:rgba(0,0,0,1); } /****************************** - TESTIMONIAL - ********************************/ .testimonial { background-color: #dde3f2; padding: 25px 60px; border-radius: 8px; } .testimonial:after { content: ""; border-bottom: 18px solid transparent; border-right: 18px solid #f1f1f1; border-top: 18px solid transparent; width: 0px; height: 0px; margin: auto; position: absolute; left: 50%; margin-top: 8px;} /************************************* - BG COLORS AND IMAGES - *************************************/ .bgwhite { background-color:#fff} .bgmc1 { background-color:#14b9d6} .bgmc1_light { background-color:#2cc0da} .bggray { background-color:#f0f0f0} .bgdarkgray { background-color:#323a45} .bgmc1overlay { background:#14b9d6; -moz-opacity:0.8; filter:alpha(opacity=80); opacity:0.8;width:100%; height:100%; position:absolute; top:0px; left:0px;} .bgmc1overlay_light { background:#2cc0da; -moz-opacity:0.3; filter:alpha(opacity=30); opacity:0.3; width:100%; height:100%; position:absolute; top:0px; left:0px;} .bgcloud { background:url(../images/assets/cloudblue.jpg) no-repeat center center; background-size: cover;} .bgblue { background:#14b9d6} .bgimage1, .bgimage { background:url(../images/content/bg1.jpg) no-repeat; background-size:cover; background-position: center center; position:relative;} .bgimage2 { background:url(../images/content/bg2.jpg) no-repeat; background-size:cover; background-position: center center; position:relative;} .bgimage3 { background:url(../images/content/bg3.jpg) no-repeat; background-size:cover; background-position: center center; position:relative;} .bgimage4 { background:url(../images/content/bg4.jpg) no-repeat; background-size:cover; background-position: center center; position:relative;} .bgimage5 { background:url(../images/content/bg5.jpg) no-repeat; background-size:cover; background-position: center center; position:relative;} .bgimage6 { background:url(images/parallax/bgs.jpg) } .bgimage7 { background:url(../images/parallax/25.jpg) } .bgimage8 { background:url(../images/parallax/25.jpg) } .overindex { position: relative; z-index:2;} .parallax { -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; margin: 0 auto !important; overflow: hidden !important; padding: 0 !important; background-attachment: fixed !important; background-position: 50% 0px !important; background-repeat: no-repeat !important; } /***************************************** - DIVIDERS AND MARGINS - ******************************************/ .divide0 {width:100%; height:0px;} .divide2 {width:100%; height:2px;} .divide3 {width:100%; height:3px;} .divide5 {width:100%; height:5px;} .divide10 {width:100%; height:10px;} .divide15 {width:100%; height:15px;} .divide20 {width:100%; height:20px;} .divide25 {width:100%; height:25px;} .divide30 {width:100%; height:30px;} .divide35 {width:100%; height:35px;} .divide40 {width:100%; height:40px;} .divide45 {width:100%; height:40px;} .divide50 {width:100%; height:50px;} .divide55 {width:100%; height:55px;} .divide60 {width:100%; height:60px;} .divide65 {width:100%; height:65px;} .divide70 {width:100%; height:70px;} .divide75 {width:100%; height:75px;} .divide80 {width:100%; height:80px;} .divide85 {width:100%; height:85px;} .divide90 {width:100%; height:90px;} .divide200 {width:100%; height:200px;} .rm1 { margin-right:1px;} .rm2 { margin-right:2px;} .rm5 { margin-right:5px;} .rm10 { margin-right:10px;} .rm15 { margin-right:15px;} .rm20 { margin-right:20px;} .rm25 { margin-right:25px;} .rm30 { margin-right:30px;} .rm40 { margin-right:40px;} .lm1 { margin-left:1px;} .lm5 { margin-left:5px;} .lm7 { margin-left:7px;} .lm10 { margin-left:10px;} .lm15 { margin-left:15px;} .lm20 { margin-left:20px;} .lm25 { margin-left:25px;} .lm30 { margin-left:25px;} .lm40 { margin-left:40px;} .rp10 { padding-right:10px;} .rp20 { padding-right:20px;} .lp20 { padding-left:20px;} .lp60 { padding-left:60px;} .tm4 { margin-top:4px;} .tm5 { margin-top:5px;} .tm7 { margin-top:7px;} .tm10 { margin-top:10px;} .tm15 { margin-top:15px;} .tm20 { margin-top:20px;} .mbm1 { margin-bottom:-1px;} .bm5 { margin-bottom:5px !important;} .bm10 { margin-bottom:10px !important;} .bm15 { margin-bottom:15px !important;} .bm20 { margin-bottom:20px !important;} .nobottommargin { margin-bottom:0px !important;} hr { margin:16px 0px; border-top:1px solid #d8d8d8;border-bottom:none;} hr.dark { margin:20px 0px; border-top:1px solid #555;border-bottom:none;} hr.big { border-top-width:5px; margin:21px 0px;} hr.lower { margin:8px 0px;} .smartdivider i.small { line-height:30px !important;} .smartdivider .nobreak.verysmall { line-height:30px;} .smartdivider span { padding-bottom:9px;} .bottomhr { border-bottom:1px solid #d8d8d8;} .coloredbottomhr { border-bottom:1px solid #000; margin-bottom:-1px;line-height:22px;} .lh28 { line-height:28px !important;} .lh30 { line-height:30px !important;} .lh35 { line-height:35px !important;} .lh40 { line-height:40px !important;} .lh45 { line-height:45px !important;} .lh50 { line-height:50px !important;} .w100 { width:100%;} .smartdivider .verysmall.lh30 { line-height:33px !important;} .reddivider { width:100%;height:4px;background-color:#000; } /***************************************** - FLOATINGS AND ALIGNS - ******************************************/ .txt-center, .centered { text-align:center;} .mcentered { margin:auto;} .txt-left { text-align:left;} .txt-right { text-align:right;} .imgfloat { float:left; margin:5px 30px 20px 0px} .leftfloat { float:left} .rightfloat { float:right;} .righttoleftfloat { float:right;} @media only screen and (max-width: 767px) { .righttoleftfloat { clear:left; float:left;} .txt-right.toleft { text-align:left;} } .fullwidththumb { width:100%;} .nowrap, .nobreak { white-space:nowrap;} .inblock { display:inline-block} .centered-button { float:left; position: relative; left:50%;} .centered-button button { margin-left:-50%;} /***************************** - ICONS - *****************************/ .linkicon { position:absolute; left:50%;top:50%; } .lupeicon { position:absolute; left:50%;top:50%;} .linkicon.notalone { margin-left:5px;} .lupeicon.notalone { margin-left:-15px;} /************************************ - CONTENT SHORTCODES - ************************************/ .one_half { width: 49%; position:relative;} .one_third { width: 32%; position:relative;} .two_third { width: 66%; position:relative;} .three_fourth { width: 74%; position:relative;} .four_fifth { width: 78% position:relative;} .one_fourth { width: 23.5%; position:relative;} .one_fifth { width: 18.2%; position:relative;} .two_fifth { width: 39%; position:relative;} .three_fifth { width: 58.3%; position:relative;} .one_sixth { width: 13.33%; position:relative;} .one_half, .one_third, .two_third, .one_fourth, .one_fifth, .three_fourth, .one_sixth, .four_fifth, .two_fifth, .three_fifth { margin-right: 2%; margin-bottom: 0px; float: left; } .lastcolumn { margin-right: 0!important; clear: right; } @media only screen and (min-width: 768px) and (max-width: 979px) { } @media only screen and (max-width: 767px) { .one_half, .one_third, .two_third, .one_fourth, .one_fifth, .one_sixth, .two_fifth, .three_fifth { width: 100%; margin-bottom:30px;} .lastcolumn { margin-bottom:0px;} .mobilecentered { text-align:center;} } .table { display:table; } .table-cell.fullwidth { width:100%;} .table-cell { display:table-cell; vertical-align:bottom;} .table-cell.top { vertical-align:top;} .table-cell.middle { vertical-align:middle;} @media only screen and (max-width: 768px) { .table.breakonmobile { display:block;} .table.breakonmobile .table-cell { display:block;} } .ovhidden { overflow:hidden;} /************************* - SOCIALS - *************************/ .socials { position:relative; height:16px; float:right;} ul.socials { margin-top:10px; margin-bottom:0px;} .socials li { position:relative; float:left; margin-right:25px; z-index:100; cursor:pointer;} .socials li:last-child { margin-right:0px; } .socials .soc .bg { background-position:top left; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-in-out; } .socials li:last-child .soc { margin-right:0px; } .socials .soc:hover .bg { background-position:bottom left;} .socials .bg { width:30px; height:30px; background-repeat:no-repeat; } ul.socials li p { display:none;} .sharings { margin-top: 3px;} @media only screen and (max-width: 520px) { ul.socials li { margin-right:15px;} ul.socials li:last-child { margin-right:0px;} } .soc { width:16px; height:16px; background-size:16px 16px; } .soc.twitter { background-image:url(../images/socials/black/twitter-icon.png); } .soc.rss { background-image: url(../images/socials/black/rss-icon.png); } .soc.facebook { background-image: url(../images/socials/black/facebook-icon.png); } .soc.twitter { background-image: url(../images/socials/black/twitter-icon.png); } .soc.dribbble { background-image: url(../images/socials/black/dribbble-icon.png); } .soc.pinterest { background-image: url(../images/socials/black/pinterest-icon.png); } .soc.linkedin { background-image: url(../images/socials/black/linkedin-icon.png); } .soc.vimeo { background-image: url(../images/socials/black/vimeo-icon.png); } .soc.youtube { background-image: url(../images/socials/black/youtube-icon.png); } .soc.tumblr { background-image: url(../images/socials/black/tumblr-icon.png); } .soc.forrst { background-image: url(../images/socials/black/forrst-icon.png); } .soc.skype { background-image: url(../images/socials/black/skype-icon.png); } .soc.flickr { background-image: url(../images/socials/black/flickr-icon.png); } .soc.digg { background-image: url(../images/socials/black/digg-icon.png); } .soc.google { background-image: url(../images/socials/black/google-icon.png); } /****************************** - HEADER - ********************************/ .subheader_wrapper { background-color:#f27935;padding:19px 0px;} .subheader_wrapper .container { position: relative} .header_wrapper { } .logoholder { text-align: center; margin:auto; position: relative} /****************************** - CONTAINERS - ********************************/ .header { } .maincontent { background-color:#fff; } .container { padding:0px 40px;} .footer .container { padding:90px 40px;} .callout { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding:30px 20px;} @media only screen and (max-width: 768px) { .container { padding:0px 20px;} .footer .container { padding:40px 20px;} body.boxedlayout { padding:0px 0px;} } /****************************** - SUBFOOTER - ********************************/ .subfooter { background-color:#CE2027; padding:25px 0px;} .footer { background-color:#373E96; } /********************************************** - THE NAVIGATION MENU - ************************************************/ #nav { position:relative; z-index:1005; margin-bottom: 0px; margin:auto;} #nav, #nav a, #nav a:visited { text-decoration: none; font-family:'Open Sans', Sans Serif; font-weight:400; color:#aaa; letter-spacing: 1px;} #nav a.activepage { font-weight:400; font-family:'Open Sans', Sans Serif; color:#f27935;} #nav a:hover { color:#f27935 !important} /***************************** THE 1ST LEVEL MAIN MENU ******************************/ #nav >ul>li { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-in-out; } #nav >ul>li { float:left; position:relative; border-left:1px solid transparent; border-right:1px solid transparent; margin-left:-1px;margin-bottom:-1px; } #nav >ul>li:last-child { padding:0px 1px; } #nav >ul>li>a, #nav >ul>li>a.visited, #nav >ul>li>span, #nav >ul>li>span.visited { line-height:65px; color:#aaa; font-size:16px; padding:15px 18px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; cursor:pointer; } #nav >ul>li:hover, #nav >ul>li.active, #nav >ul>li>a:hover #nav >ul>li:hover>a #nav >ul>li>span:hover, #nav >ul>li:hover>span { color:#f27935} /********************** THE 2st LEVEL MENU **********************/ #nav >ul>li>ul { position:absolute; left:-1px; top:64px; width:100%; background-color:#fff; visibility: hidden; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-in-out; -moz-opacity:0; filter:alpha(opacity=0); opacity:0; box-shadow:0px 5px 8px 0px rgba(0,0,0,0.1); -moz-box-shadow:0px 5px 8px 0px rgba(0,0,0,0.1); -webkit-box-shadow:0px 5px 8px 0px rgba(0,0,0,0.1); padding-bottom:15px; border-top:none; } #nav >ul>li:hover >ul { visibility:visible; -moz-opacity:1; filter:alpha(opacity=100); opacity:1;} #nav >ul>li>ul>li { position:relative;width:100%;padding:9px 0px 8px!important; b} #nav >ul>li>ul>li:first-child { padding-top:0px;} #nav >ul>li>ul>li:last-child { padding-bottom:0px;border-bottom:none;} #nav >ul>li>ul>li a, #nav >ul>li>ul>li span, #nav >ul>li>ul>li a:visited { color:#aaa; font-size:14px; font-weight:400; padding:9px 18px; white-space:nowrap; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; cursor:pointer; } #nav >ul>li>ul>li:hover { } #nav >ul>li>ul>li:hover, #nav >ul>li>ul>li:hover >span, #nav >ul>li>ul>li:hover >a { color:#f27935; } /********************** THE 3nd LEVEL MENU **********************/ #nav >ul>li>ul>li >ul { position:absolute; left:-200px; width:200px; visibility: hidden; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-in-out; -moz-opacity:0; filter:alpha(opacity=0); opacity:0; text-align:right; white-space:nowrap; box-shadow:-4px 5px 8px 0px rgba(0,0,0,0.1); -moz-box-shadow:-4px 5px 8px 0px rgba(0,0,0,0.1); -webkit-box-shadow:-4px 5px 8px 0px rgba(0,0,0,0.1); top:-1px; border:1px solid #d5d5d5; } #nav >ul>li>ul>li >ul>li { background:#fff; padding-right:10px;} #nav >ul>li>ul>li >ul>li:first-child { } #nav >ul>li>ul>li >ul>li:last-child { border-bottom:none;} #nav >ul>li>ul>li:hover >ul { visibility:visible; -moz-opacity:1; filter:alpha(opacity=100); opacity:1; } #nav >ul>li>ul>li>ul>li, #nav >ul>li>ul>li>ul>li >a, #nav >ul>li>ul>li>ul>li >a.visited { color:#aaa; line-height:25px; padding:6px 20px 6px 10px; font-weight:600; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-in-out; } #nav >ul>li>ul>li>ul>li:hover, #nav >ul>li>ul>li>ul>li:hover >a { color:#f27935; } @media only screen and (min-width: 980px) and (max-width: 1199px) { } @media only screen and (min-width: 768px) and (max-width: 979px) { } @media only screen and (min-width: 480px) and (max-width: 767px) { } @media only screen and (min-width: 0px) and (max-width: 479px) { } /****************************** - RESOPNSIVE MENU - ******************************/ .responsive_wrapper { z-index:10000;display:none; position:absolute; top:0px;right:0px; width:100%;height:1500px; overflow:hidden;} .responsive_wrapper.active { display:block;} .resp-navigator { cursor:pointer; width:25px; height:25px; position:absolute;right:0px;top:10px; display:none; background-size: 32px 32px;} .resp-closer { position:absolute;top:0px;left:-48px; width:48px;height:48px; background-color:#000; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; cursor:pointer; } .resp-closer:hover { color:#565656;} #responsive-menu { z-index:30000;position:absolute; top:84px; right:-400px; max-width:250px; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out; -moz-box-shadow: -3px 0px 4px 0px rgba(0,0,0,0.2); -webkit-box-shadow: -3px 0px 4px 0px rgba(0,0,0,0.2); box-shadow: -3px 0px 4px 0px rgba(0,0,0,0.2); } #responsive-menu.active { right:0px;} .resp-menuheader { line-height:48px; background:#fff; color:#000; text-align:center;font-size:19px; } #responsive-menu ul { box-shadow:4px 4px 10px 0px rgba(0,0,0,0.3);-moz-box-shadow:4px 4px 10px 0px rgba(0,0,0,0.3);-webkit-box-shadow:4px 4px 10px 0px rgba(0,0,0,0.3);} #responsive-menu ul li { line-height:40px; padding:0px 20px;color:#000; border-bottom: 1px solid #eee; text-transform:capitalize; } #responsive-menu ul li, #responsive-menu ul li a, #responsive-menu ul li a:visited, #responsive-menu ul li a:focus, #responsive-menu ul li a:hover { color:#000 !important; font-weight:600; text-transform:capitalize !important;} #responsive-menu ul li.rev-sublevel, #responsive-menu ul li.rev-sublevel a, #responsive-menu ul li.rev-sublevel a:visited, #responsive-menu ul li.rev-sublevel a:focus, #responsive-menu ul li.rev-sublevel a:hover { color:#000 !important; font-weight:300; text-transform:capitalize !important;} #responsive-menu ul li.rev-toplevel { background:#f1f1f1;} #responsive-menu ul li.rev-sublevel { background:#fff; padding-left:30px;color:#000;} #responsive-menu ul li.rev-subsublevel { background:#fff; padding-left:45px;color:#000; font-weight:300;} #responsive-menu ul li.rev-subsublevel a, #responsive-menu ul li.rev-subsublevel a:visited, #responsive-menu ul li.rev-subsublevel a:hover { font-weight:300;} @media only screen and (min-width: 768px) and (max-width: 979px) { } @media only screen and (min-width: 480px) and (max-width: 767px) { .resp-navigator { display:block;} } @media only screen and (min-width: 0px) and (max-width: 479px) { .resp-navigator { display:block;} } /**************************************************************************************************** - GOOGLE MAP - *****************************************************************************************************/ .gmap_inner img { max-width: none; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); } .gmap_inner { width:100%; position:relative; height:270px; z-index:5; } .gmap_inner.big { height:450px} .gmapfw_wrap { z-index:8;position:absolute; top:0px; left:0px; width:100%; height:100%; background:url(../images/tiles/gmapfw.png) no-repeat center center;} .maptopleft { position:absolute; width:50%;height:50%; left:0px; top:0px;} .maptopright { position:absolute; width:50%;height:50%; top:0px; text-align:right;right:0px;} .mapbottomleft { position:absolute; width:50%;height:50%; left:0px; top:50%;} .mapbottomright { position:absolute; width:50%;height:50%; top:50%; text-align:right;right:0px;} .fullwidthmap-boxxer h3 { font-size:22px; font-weight:bold; color:#000; } .fullwidthmap-boxxer p { color:#fff; font-weight:400;} @media only screen and (min-width: 980px) and (max-width: 1199px) { } @media only screen and (min-width: 768px) and (max-width: 979px) { } @media only screen and (min-width: 480px) and (max-width: 767px) { .mapbottomleft, .maptopleft { left:35px} .mapbottomright, .maptopright { right:35px} } @media only screen and (min-width: 0px) and (max-width: 479px) { .mapbottomleft, .maptopleft { left:20px} .mapbottomright, .maptopright { right:20px} } /****************************** - BTN SETTINGS - ********************************/ .btn { background:#14b9d6; border: 2px solid #14a0b9; box-shadow: none; text-shadow: none; border-radius: 2px; padding: 14px 35px; font-weight: 200; letter-spacing: 0px !important; font-family: 'Signika', sans-serif; font-size:16px; } .btn.small { font-size:11px; padding:8px 20px} .btn.big { font-size:19px; padding:18px 60px; font-weight:300} .btn.glas { background: rgba(255,255,255,0.2);border: 2px solid rgba(255,255,255,0.38);} .btn.glas:hover { background: rgba(255,255,255,0.5);border: 2px solid rgba(255,255,255,0.68);} .btn.btnmc1 { background: #14b9d6; border: 2px solid #14aac4;} .btn.btnmc1:hover { background:#1aa8c1; border-color:#1c8496; } .btn.btnmc2 { background: #f27935;border: 2px solid #b15521; } .btn.btnmc2:hover { background: #d16a30;border: 2px solid #863f17; } .btn.btngray { background: #323a45;border: 2px solid #1d2229; } .btn.btngray:hover { background: #232930;border: 2px solid #000; } /****************************** - ALERTS - ********************************/ .alert { padding: 20px 40px } .alert-warning { background: #f1773b; border: 2px solid #b05426; color:white; } .alert-success { background: #54d614; border: 2px solid #4AB813; color:white; } .alert-info { background: #14b9d6; border: 2px solid #14aac4; color:white; } .alert-error { background: #f24735; border: 2px solid #bc2d1d; color:white; } .alert-gray { background: #323a45; border: 2px solid #1d2229; color:white; } /****************************** - ACCORDION ITEMS - ********************************/ .accordion-group { background: none; border: none } .accordion-heading { background: #323a45; padding:10px; } .accordion-body { background:#f0f0f0; border:none;} .accordion-group { margin-bottom:5px} .accordion-inner { border:none; padding:20px;} /****************************** - FADED ITEMS - *******************************/ .nhitem { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out;-moz-opacity:1; filter:alpha(opacity=100); opacity:1;} .nhitem.faded { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -moz-opacity:0.5; filter:alpha(opacity=50); opacity:0.5;} /****************************** - BANNERCONTAINER - ********************************/ .fullwidthbanner-container { position:relative; width:100%; max-height:450px; overflow: hidden} .fullwidthbanner-container ul { visibility: hidden;} .fullwidthabanner { position:relative; max-height:450px;} /****************************** - SHOWBIZ CONTAINER - ********************************/ .showbiz-container { max-width:1210px; min-width:300px; overflow:hidden; padding:0px 20px;margin:0px auto 50px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } .sb-grey-skin .mediaholder { padding:0; background:#000; border:none !important} .showbiz-title, .showbiz-title a, .showbiz-title a:visited, .showbiz-title a:hover { color:#000;} .hovercover .lupeicon { background-color: #fff; color: #000; padding: 10px; top: auto !important;bottom: 0px;left: -30px;margin-left: 0px; } .hovercover .linkicon { background-color: #fff; color: #000; padding: 10px;top: auto !important;bottom: 0px;left: -30px;margin-left: 0px; } .hovercover .linkicon.notalone { bottom:40px; } li:hover .mediaholder .lupeicon { top: auto !important; bottom: 0px; left: 0px;margin-left: 0px; } li:hover .mediaholder .linkicon { top: auto !important; bottom: 0px;left: 0px;margin-left: 0px; } li:hover .mediaholder .linkicon.notalone { top: auto;bottom: 40px;left: 0px; margin-left: 0px; } .detailholder-blog, .detailholder-team { background-color:#e7f8fb; padding:15px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; } li:hover .detailholder-blog, li:hover .detailholder-team { background-color:#14b9d6; } .detailholder-team { padding-bottom:30px;} .detailholder-team .showbiz-title, .detailholder-team .showbiz-title a, .detailholder-team .showbiz-title a:visited, .detailholder-blog .showbiz-title, .detailholder-blog .showbiz-title a, .detailholder-blog .showbiz-title a:visited { color:#14b9d6; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; } .detailholder-team .teamdate .detailholder-blog .blogdate { color:#777; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; } .detailholder-blog .blogcomment i, .detailholder-blog .blogcomment, .detailholder-blog .blogcomment a, .detailholder-blog .blogcomment a:visited .detailholder-blog .blogauthor, .detailholder-blog p.blogauthor, .detailholder-blog .blogauthor a, .detailholder-blog .blogauthor a:visited { color:#000; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; } .detailholder-team .teamcomment i, .detailholder-team .teamcomment, .detailholder-team .teamcomment a, .detailholder-team .teamcomment a:visited .detailholder-team .teamauthor, .detailholder-team p.teamauthor, .detailholder-team .teamauthor a, .detailholder-team .teamauthor a:visited { color:#000; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; } .detailholder-team a.social { color:#aaa !important;} li:hover .detailholder-team a, li:hover .detailholder-team a.visited, li:hover .detailholder-blog a, li:hover .detailholder-blog a.visited, li:hover .detailholder-team *, li:hover .detailholder-blog * { color:#fff !important;} li:hover .teamtitle { color:#6bd3e5 !important;} li:hover .teamdesc { color:#e0f6fa !important;} /****************************** - SEARCHFORM - ********************************/ .nav_wrapper { position:relative; width:100%;} input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; background: #f2f2f2;border:none; border-radius: 3px; -moz-border-radius: 3px;-webkit-border-radius: 3px; line-height: 25px; height: 45px; padding: 10px 20px; color: #999; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box; font-size:16px; font-weight:300;text-shadow:none; font-family:'Open Sans', arial; } textarea { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; background: #f2f2f2;border:none; border-radius: 3px; -moz-border-radius: 3px;-webkit-border-radius: 3px; line-height: 25px; padding: 10px 20px; color: #999; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box; font-size:16px; font-weight:300;text-shadow:none; font-family:'Open Sans', arial; } input:focus, textarea:focus { border:none !important; box-shadow: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; } #searchform { position:absolute; right:13px; top:18px; z-index:2000;} #searchform .searchinput { width:0px; border: none; line-height: 25px; height: 43px; background-color: transparent; box-shadow:none; -webkit-box-shadow: none; -moz-box-shadow:none; font-size: 16px; color: #777; padding: 10px; margin-top: -9px; font-family:'Open Sans', arial; border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px; } #searchform.active .searchinput { width:0px; background-color: #f0f0f0; margin-right:-44px;padding-right:44px; } #searchform .search_toggler { cursor: pointer;} #searchform .icon-search { font-size:20px !important} #searchform_side { position: relative; } #searchform_side .searchinput { width:100%; padding-right:50px;} #searchform_side .searchsubmit { position: absolute; top:0px; right:0px; height:45px; line-height:45px; background:none; border:none; width:40px;z-index:2;} #searchform_side .searchicon { position: absolute; top:0px; right:10px; height:45px; line-height:45px; background:none; border:none; z-index:1;} @media only screen and (max-width: 767px) { #searchform { position:relative;right:auto;top:auto; max-width:100% !important; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; margin-top:10px;margin-bottom:10px; } #searchform .searchinput { width:100%; background-color: #f0f0f0; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; height:42px; } #searchform .search_toggler { display:none;} } /****************************** - CSS TRANSITIONS - ********************************/ .flipp3d:hover { -webkit-animation: rollit 0.5s ease-out backwards; -moz-animation: rollit 0.5s ease-out backwards; -ms-animation: rollit 0.5s ease-out backwards; animation: rollit 0.5s ease-out backwards; } @-webkit-keyframes rollit{ 40%{ -webkit-transform: rotateZ(120deg); } 100%{ -webkit-transform: rotateZ(0deg); } } @-moz-keyframes rollit{ 40%{ -moz-transform: rotateZ(120deg); } 100%{ -moz-transform: rotateZ(0deg); } } @keyframes rollit{ 40%{ transform: rotateZ(120deg); } 100%{ transform: rotateZ(0deg); } } /********************************** - ISOTOP ANIMATIONS - ***********************************/ /**** Isotope Filtering ****/ .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } /**** Isotope CSS3 transitions ****/ .isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform, opacity; } /**** disabling Isotope CSS3 transitions ****/ .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } .filter { padding: 0 0 25px 0; text-align: center; } .filter li, .filter li a, .filter li a.visited { margin: 0; background: none; font-size: 14px; font-weight: 400; border: none; cursor: pointer; color: #999; display:inline; } .filter li a {margin:0px 10px;} .filter li a:hover { color:#14b9d6;} .filter li a.active { color:#000;} .filter li:last-child a { margin-right:0px;} /***************************************** - PORTFOLIO COLUMNS - ******************************************/ #portfolio-grid ul, #portfolio-grid li img { width:100%;} #portfolio-grid { width:120%;} #portfolio-grid .paragraph-title, #portfolio-grid .paragraph-title a, #portfolio-grid .paragraph-title a:visited, #portfolio-grid .paragraph-title a:hover { color:#000 !important} @media only screen and (min-width: 1200px) { #portfolio-grid .items .span3 { width:277px;} #portfolio-grid .items .span4 { width:375px;} #portfolio-grid .items .span6 { width:575px;} .withsidebar #portfolio-grid .items .span4 { width:243px;} } @media only screen and (max-width: 768px) { #portfolio-grid { width:100%;} } #portfolio-grid ul, #portfolio-grid li { padding:0; margin:0; list-style:none;} #portfolio-grid .span4 { margin:0px 20px 35px 0px !important;} #portfolio-grid .span3 { margin:0px 20px 50px 0px !important;} .span8 #portfolio-grid .span3 { margin:0px 20px 35px 0px !important;} #portfolio-grid .span6 { margin:0px 20px 50px 0px !important;} #portfolio-grid .span12 { margin:0px 0px 50px 0px !important;} /***************************************** - HOVER ICONS AND ANIMATIONS - ******************************************/ .linkicon, .lupeicon { position:absolute; left:50%;top:50%; -webkit-transform: translateZ(10); -webkit-backface-visibility: hidden; -webkit-perspective: 1000; color:#fff; font-size:28px; font-weight:bold; margin-top:-16px; margin-left:-15px; } .linkicon.notalone { margin-left:8px;} .lupeicon.notalone { margin-left:-38px;} .mediaholder .linkicon, .mediaholder .lupeicon { top:65%; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -moz-opacity:0; filter:alpha(opacity=0); opacity:0; } li:hover .mediaholder .linkicon, li:hover .mediaholder .lupeicon { top:50%; -moz-opacity:1; filter:alpha(opacity=100); opacity:1;} li:hover .mediaholder .lupeicon { transition-delay: 0.1s; -moz-transition-delay: 0.1s; /* Firefox 4 */ -webkit-transition-delay: 0.1s; /* Safari and Chrome */ -o-transition-delay: 0.1s; /* Opera */ } .overflowholder { overflow: hidden;position: relative;width: 100%; z-index:2;} .overflowholder ul { width:100000px; position: absolute; top: 0px; left: 0px; } .overflowholder ul li { float: left !important; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; position:relative; } .mediaholder { position:relative; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; background:transparent;padding:0px; border:none;} .mediaholder_innerwrap { position:relative; overflow:hidden; width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } .mediaholder img { width:100%; position:relative; margin-bottom:-5px; vertical-align: bottom; display: block;} .hovercover { width:100%;height:100%; position:absolute; top:0px; left:0px; background-color:#52bde9;background-color:rgba(82,189,233,0.85); -webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-ms-transition: all 0.2s ease-out; -moz-opacity:0; filter:alpha(opacity=0); opacity:0; -webkit-transform: translateZ(10); -webkit-backface-visibility: hidden; -webkit-perspective: 1000; } li:hover .hovercover { -moz-opacity:0.75; filter:alpha(opacity=75); opacity:0.75; } /***************************** - REFERALS - *****************************/ .referals { text-align:center;} /****************************** - CAROUSEL STYLE - ********************************/ .carousel-inner img { width:100%} .carousel-indicators { margin:10px auto;} .carousel-indicators li { width:10px; height:10px; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; background: #aaa; position:relative; float:left; margin-right:5px; cursor: pointer; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; } .carousel-indicators li.active, .carousel-indicators li:hover { background-color:#000;} .maxh530 .carousel-inner { max-height:530px;} /****************************** - SOCIAL SHARES - ********************************/ .mr_social_sharing_wrapper { height: auto; width: 100%; margin: 0; padding: 0; border: 0; line-height: 0; } div.mr_social_sharing_top, span.mr_social_sharing_top { vertical-align: top; float:left;} span.mr_social_sharing, span.mr_social_sharing_top { display: inline-block; } div.mr_social_sharing, span.mr_social_sharing, div.mr_social_sharing_top, span.mr_social_sharing_top { display: block; width: auto; height: auto; margin: 0px 10px 0px 0px; padding: 0; vertical-align: bottom; } /****************************** - LIKE STYLES - ********************************/ .fb-like-style { display: inline-block; width: 83px; height: 20px; overflow: hidden;} .fb-like-style-span { height: 20px; width: 75px;} .fb-like-iframe { border: none; overflow: hidden; height: 20px; width: 225px;} .google-like-style { height: 20px; width: 32px; display: inline-block; text-indent: 0px; margin: 0px; padding: 0px; background-color: transparent; border-style: none; float: none; line-height: normal; font-size: 1px; vertical-align: baseline; background-position: initial initial; background-repeat: initial initial;} .google-like-iframe { position: static; top: 0px; width: 32px; margin: 0px; border-style: none; left: 0px; visibility: visible; height: 20px;} .twitter-like-iframe { width: 65px; height: 20px;} /******************************** - WIDGET LISTS - *********************************/ .widget-list a { color:#000; line-height:27px; font-weight:400} .media-wrapper-widget li { margin-bottom:30px;} .media-wrapper-widget li:last-child { margin-bottom:0px;} /****************************** - TABS - ********************************/ .centeredtabs { text-align:center; position:relative; display:block} .centeredtabs li { display:inline-block; float:none; border-right: 1px solid #91d7e7;} .centeredtabs li:last-child { border-right:none} .centeredtabs a { color:#91d7e7;} /* SIMPLETABS */ .simpletabs.nav-tabs > li > a { border:none; background:none;} .simpletabs.nav-tabs > .active > a, .simpletabs.nav-tabs > .active > a:hover, .simpletabs.nav-tabs > li > a:hover, .simpletabs.nav > li > a:hover { color:#fff; border:none; background:none; } .simpletabs.nav-tabs { border:none;} /****************************** - PRICETABLES - ********************************/ .pricetable .mediaholder { width:100%; height:144px;position:relative;overflow: hidden} .priceholder { padding:30px 0px; text-align: center} .pricetable .currency, .pricetable .price { font-size:44px; font-family:'Open Sans', Arial; line-height:45px; font-weight: 300} .pricetable .subprice { font-size:22px; font-family:'Open Sans', Arial; line-height:30px; vertical-align: top; font-weight: 300} .pricetable .pricetable-content { background-color:#DEEFF2; padding:15px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} .pricetable .pricetable-content ul li { line-height:31px; color:#000; text-align: center; font-size:12px;} .pricetable.mc1 .pricetable-content { background-color:#14b8d6; padding:15px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} .pricetable.mc1 .pricetable-content ul li { line-height:31px; color:#fff; text-align: center; font-size:12px;} .pricetable.mc1 .currency, .pricetable.mc1 .price, .pricetable.mc1 .subprice { font-weight:400;} @media only screen and (max-width: 768px) { .pricetable .mediaholder { width:100%; height:auto; overflow:auto} } /**************************** - BLOG SPECIALS - ****************************/ .mediaholder.h290 { max-height:290px; overflow:hidden;} .mediaholder.h450 { max-height:450px; overflow:hidden;} /***************************** - ICON LISTS - *****************************/ .iconlist li { float:left; margin-right:20px; margin-bottom:10px;} .iconlist li span { display:none;} /*************************** - SLIDER BUTTON - ****************************/ .tparrows:before { font-family: 'fontello'; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; margin-right: 0; margin-top: 40px; text-align: center; width: 50px; font-size: 15px; color:#000; } .tp-rightarrow.default { width:50px;height:100px; background:none; background-color:#fff;} .tp-leftarrow.default { width:50px;height:100px; background:none; background-color:#fff;} .tp-rightarrow:before { content: '\e84a'; } .tp-leftarrow:before { content: '\e84b'; } /*********************************** - SLIDER EXTRA CAPTIONS - ************************************/ .tp-caption.slide-title{ position: absolute; color: #fff; text-shadow: 0px 1px 0px #000; font-weight: 700; font-size: 72px; line-height: 72px; font-family: 'Open Sans', sans-serif; } .tp-caption.slide2-title{ position: absolute; color: #000; text-shadow: none; font-weight: 700; font-size: 72px; line-height: 72px; font-family: 'Open Sans', sans-serif; } .tp-caption.slide3-title{ position: absolute; color: #000; text-shadow: none; font-weight: 700; font-size: 48px; line-height: 48px; font-family: 'Open Sans', sans-serif; } .tp-caption.slide1-paragraph{ position: absolute; color: #fff; text-shadow: 0px 1px 0px #000; font-weight: 300; font-size: 19px; line-height: 25px; font-family: 'Open Sans', sans-serif; } .tp-caption.slide2-paragraph{ position: absolute; color: #000; text-shadow: none; font-weight: 400; font-size: 14px; line-height: 20px; font-family: 'Open Sans', sans-serif; } .tp-caption.slide3-paragraph{ position: absolute; color: #888; text-shadow: none; font-weight: 400; font-size: 14px; line-height: 22px; font-family: 'Open Sans', sans-serif; } @media only screen and (min-width: 0px) and (max-width: 479px) { .tp-caption button { padding:5px 5px !important; font-size:12px !important; line-height:15px !important } } .centeredparallax{ text-align: center; }