/* Theme Name: Hello Elementor Child Theme URI: https://github.com/elementor/hello-theme-child/ Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team Author: Elementor Team Author URI: https://elementor.com/ Template: hello-elementor Version: 2.0.0 Text Domain: hello-elementor-child License: GNU General Public License v3 or later. License URI: https://www.gnu.org/licenses/gpl-3.0.html Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready */ /* Add your custom styles here */ /*--------------------------------- Theme Name: EasyWeb Author: WEBNUS /*------------------------------------------------------------------ [Typography] Body copy: 14px/22px Poppins, Helvetica, Arial, sans-serif; Headers: Poppins, Helvetica, Arial, sans-serif;; Input, textarea: 13px Poppins, Helvetica, Arial, sans-serif; Sidebar heading: 15px Poppins, Helvetica, Arial, sans-serif; [Color codes] Background: #ffffff (white) Content: #424242 (light black) Header h1: #0a0a0a (dark) Header h2: #0a0a0a (dark) Footer: #181818 (dark black) a (standard): #2174e2 (blue) a (hover): #fa5555 (ornage) ------------------------------------------------------------------------*/ /* Table of Content ================================================== #Reset & Basics #Basic Styles #Site Styles #Typography #Links #Lists #Images #Buttons #Forms #Misc #Bootstrap */ /* #Reset & Basics (Inspired by E. Meyers) ================================================== */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } :focus { outline:0; } /* #Basic Styles ================================================== */ body { background-color: #f4f7f8; font: 14px/25px sans-serif; font-family: 'Poppins', Helvetica, Arial, sans-serif; font-weight: 400; color: #626262; -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */ -webkit-text-size-adjust: 100%; overflow-x: hidden; } /* #Typography ================================================== */ h1, h2, h3, h4, h5, h6 { color: #171c24; font-weight: 300; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; } h1 { font-size: 50px; line-height: 1.16; margin-bottom: 12px; letter-spacing: -1px; } h2 { font-size: 36px; line-height: 1.14; margin-bottom: 10px; } h3 { font-size: 28px; line-height: 1.2; margin-bottom: 8px; } h4 { font-size: 24px; line-height: 1.2; margin-bottom: 10px; } h5 { font-size: 18px; line-height: 1.3; margin-bottom: 7px; } h6 { font-size: 16px; line-height: 1.3; margin-bottom: 4px; } .subheader { color: #849098; } h1.slight, h2.slight, h3.slight, h4.slight, h5.slight, h6.slight, p.slight, .blox.dark h4.tagline-thin.slight { color: #959da2; } h1.slight-dark, h2.slight-dark, h3.slight-dark, h4.slight-dark, h5.slight-dark, h6.slight-dark, p.slight-dark { color: #525558; } h1.extr { font-size:56px; font-weight:100; } h1.tagline-bold { font-size:36px; font-weight:800; line-height:1.24; } h4.tagline-thin { font-size:23px; line-height:32px; color:#464d52; font-weight:300; } h4.tagline-thin.slight { color: #858e93;} h4.slight { font-weight:300;} h5.title-bold { font-size:17px; font-weight:400; letter-spacing:1.6px; text-transform:uppercase;} h1 strong { font-weight:700;} h1.maxtitle { font-size:56px; line-height:60px; font-weight:100;} #wrap .slog-wrap-resp { max-width:1120px; margin-left:auto; margin-right:auto; position:relative; float:none;} #wrap .slog-tx1 { max-width:940px;} #wrap .slog-tx2 { max-width:762px;} #wrap .slog-tx3 { max-width:610px;} #wrap .slog-tx4 { max-width:400px;} #wrap .slog-tx5 { max-width:220px;} #wrap .slog-tx6 { max-width:482px;} .slog-tx1.aligncenter, .slog-tx2.aligncenter, .slog-tx3.aligncenter, .slog-tx4.aligncenter, .slog-tx5.aligncenter, .aligncenter .slog-tx1, .aligncenter .slog-tx2, .aligncenter .slog-tx3, .aligncenter .slog-tx4, .aligncenter .slog-tx5 { margin-left:auto; margin-right:auto; text-align:center;} p { margin: 0 0 20px 0; color:#616161; font-size:14px; line-height: 1.8; } p img { margin: 0; } p.lead { font-size: 21px; line-height: 27px; color: #818a92;} p.magic { font-size: 19px; line-height: 25px; margin: 0;} p.slog { font-size: 16px; line-height:26px; color: #6d6f71; font-weight:300;} em { font-style: italic; } strong { font-weight: bold; } small { font-size: 75%; color: #969a9e; } p small { font-size:12px; font-weight:400; } i:hover { cursor:default;} a i:hover { cursor:pointer;} /* Dropcaps */ .dropcap1, .dropcap2, .dropcap3 { text-transform:uppercase; line-height:1; float: left; font-size: 44px; margin: 0 8px 0 0; font-family: Times, serif, Arial; } .dropcap2, .dropcap3 { background: #4a4a4a; color: #fff; display: block; padding:10px; border-radius:5px; margin-top: -2px; } .dropcap3 { background: #0093d0; } /* Text Highlights */ .highlight1 { padding:2px 5px; background:#85bc36; color:#fff; vertical-align:baseline; } .highlight2 { padding:2px 5px; background:#f4f4f4; color:#666; vertical-align:baseline; } .highlight3 { padding:3px 6px; background:#00c2e5; color:#fff; vertical-align:baseline; } .highlight4 { background-color:#fffdcc; vertical-align:baseline; padding:1px 3px;} /* Blockquotes */ blockquote, blockquote p, q { font-size: 15px; line-height: 24px; color: #3a3b3c;} blockquote { position:relative; margin: 0 0 21px; padding: 18px 10px 14px 60px;} blockquote:before { position:absolute; left:12px; top:25px; content:'\201C'; font-size:62px; color:#bbb; font-weight:bold; font-family: Georgia, Times, serif; } blockquote cite { display: block; font-style: italic; font-family:Arial, Helvetica, sans-serif; margin-top:6px; font-size: 12px; color: #777f87; } blockquote cite:before { content: "\2014 \0020"; } blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; } blockquote small { font-size:13px; font-style: italic;} blockquote img { max-width:100%; width:auto; display:inline; } hr { border: solid #e5e5e5; border-width: 1px 0 0; clear: both; margin: 14px 0 35px; height: 0; width: auto; } hr.boldbx { border-width: 4px 0 0; border-color:#efefef; } .container hr { margin-right: 10px; margin-left: 10px;} .container .columns hr, .container .column hr, .container .wpb_column hr, .container .wpb_column hr { margin-right: 0px; margin-left: 0px;} pre, code { background:#f3f3f3; padding:5px 10px; font-family:"Courier New", Courier, monospace; font-size:12px; white-space:pre-wrap; } ::selection { background: #e4744f; color: #fff; } ::-moz-selection { background: #e4744f; color: #fff; } /* #Links ================================================== */ a, a:visited { color: #0099ff; text-decoration: none; outline: 0; } a:hover, a:focus { color: #ff9900; } a:active { outline:none; opacity: 0.92; } /* #Lists ================================================== */ ul, ol { margin-bottom: 21px; margin-left: 3px; } ul { list-style: inside; } ol { list-style: decimal; } ol, ul.disc { margin-left: 20px; } ul.disc { list-style: disc outside; } ul ul, ul ol, ol ol, ol ul { margin: 4px 0 5px 30px; font-size: 90%; } ul ul li, ul ol li, ol ol li, ol ul li { margin-bottom: 6px; } li { line-height: 23px; margin-bottom:4px; font-weight:400; } ul.large li { line-height: 21px; } li p { line-height: 18px; } ul.check li, li.check, ul.plus li, li.plus, ul.minus li, li.minus, ul.star li, li.star, ul.arrow li, li.arrow, ul.arrow2 li, li.arrow2, ul.square li, li.square, ul.circle li, li.circle, ul.cross li, li.cross { padding: 0; list-style:none; } /* #Images ================================================== */ img { height:auto; vertical-align:middle;} img.scale-with-grid { max-width: 100%; height: auto;} img.full-width { width: 100%; height: auto; } p img { margin-bottom:14px;} /* #Buttons ================================================== */ .button, button, a.price-send, input[type="submit"], input[type="reset"], input[type="button"], .button.green, button.green, input[type="submit"].green, input[type="reset"].green, input[type="button"].green { position:relative; border: 0 none; border-radius: 3px; color: #fff; display: inline-block; font-family: 'Poppins','Open Sans', Helvetica, Arial, sans-serif; font-size: 12px; letter-spacing:1px; line-height: 1.5; text-transform: uppercase; font-weight: 600; text-decoration: none; cursor: pointer; margin-bottom: 21px; margin-right:10px; line-height: 1; padding: 18px 20px 16px; background: #39c36e; -webkit-transition: all 0.21s ease; -moz-transition: all 0.21s ease; -o-transition: all 0.21s ease; transition: all 0.21s ease; } .button.theme-skin { background-color: #00c2e5;} .button:hover, button:hover, a.price-send:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .button.green:hover, button.green:hover, input[type="submit"].green:hover, input[type="reset"].green:hover, input[type="button"].green:hover, .button.theme-skin:hover { background: #292929; -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.2) inset; -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.2) inset; box-shadow: 0px 0px 4px rgba(0,0,0,0.2) inset; } .button.full-width, button.full-width, input[type="submit"].full-width, input[type="reset"].full-width, input[type="button"].full-width { width: 100%; padding-left: 0 !important; padding-right: 0 !important; text-align: center; } .button.large, button.large, input[type="submit"].large, input[type="reset"].large, input[type="button"].large { padding: 20px 30px 18px; font-size:15px; letter-spacing:1px; font-weight:700; } .button.small, button.small, input[type="submit"].small, input[type="reset"].small, input[type="button"].small { padding: 11px 18px; font-size: 11px; text-transform:uppercase; font-family: 'Open Sans', Helvetica, Arial, sans-serif; } .button.blue, button.blue, input[type="submit"].blue, input[type="reset"].blue, input[type="button"].blue { background: #128abc; } .button.blue:hover, button.blue:hover, input[type="submit"].blue:hover, input[type="reset"].blue:hover, input[type="button"].blue:hover { background: #292929; } .button.red, button.red, input[type="submit"].red, input[type="reset"].red, input[type="button"].red { background: #e53f51; } .button.red:hover, button.red:hover, input[type="submit"].red:hover, input[type="reset"].red:hover, input[type="button"].red:hover { background: #292929; } .button.gray, button.gray, input[type="submit"].gray, input[type="reset"].gray, input[type="button"].gray { color:#656f79; text-shadow: 0 -1px #fff; background: #f3f4f5; } .button.gray:hover, button.gray:hover, input[type="submit"].gray:hover, input[type="reset"].gray:hover, input[type="button"].gray:hover { background: #292929; color:#fff; text-shadow:none; } .button.cherry, button.cherry, input[type="submit"].cherry, input[type="reset"].cherry, input[type="button"].cherry { background: #93516a; } .button.cherry:hover, button.cherry:hover, input[type="submit"].cherry:hover, input[type="reset"].cherry:hover, input[type="button"].cherry:hover { background: #292929; } .button.orchid, button.orchid, input[type="submit"].orchid, input[type="reset"].orchid, input[type="button"].orchid { background: #9661ab; } .button.orchid:hover, button.orchid:hover, input[type="submit"].orchid:hover, input[type="reset"].orchid:hover, input[type="button"].orchid:hover { background: #292929; } .button.pink, button.pink, input[type="submit"].pink, input[type="reset"].pink, input[type="button"].pink { background: #e64883; } .button.pink:hover, button.pink:hover, input[type="submit"].pink:hover, input[type="reset"].pink:hover, input[type="button"].pink:hover { background: #292929; } .button.orange, button.orange, input[type="submit"].orange, input[type="reset"].orange, input[type="button"].orange { background: #f98805; } .button.orange:hover, button.orange:hover, input[type="submit"].orange:hover, input[type="reset"].orange:hover, input[type="button"].orange:hover { background: #292929; } .button.teal, button.teal, input[type="submit"].teal, input[type="reset"].teal, input[type="button"].teal { background: #1fa79e; } .button.teal:hover, button.teal:hover, input[type="submit"].teal:hover, input[type="reset"].teal:hover, input[type="button"].teal:hover { background: #292929; } .button.skyblue, button.skyblue, input[type="submit"].skyblue, input[type="reset"].skyblue, input[type="button"].skyblue { background: #03acdc; } .button.skyblue:hover, button.skyblue:hover, input[type="submit"].skyblue:hover, input[type="reset"].skyblue:hover, input[type="button"].skyblue:hover { background: #292929; } .button.jade, button.jade, input[type="submit"].jade, input[type="reset"].jade, input[type="button"].jade { background: #0aad80; } .button.jade:hover, button.jade:hover, input[type="submit"].jade:hover, input[type="reset"].jade:hover, input[type="button"].jade:hover { background: #292929; } .button.gold, button.gold, input[type="submit"].gold, input[type="reset"].gold, input[type="button"].gold { background: #d0ae5e; } .button.gold:hover, button.gold:hover, input[type="submit"].gold:hover, input[type="reset"].gold:hover, input[type="button"].gold:hover { background: #292929; } .button.white, button.white, input[type="submit"].white, input[type="reset"].white, input[type="button"].white, .button.black:hover, button.black:hover, input[type="submit"].black:hover, input[type="reset"].black:hover, input[type="button"].black:hover { background: #fff; color:#000; } .button.black, button.black, input[type="submit"].black, input[type="reset"].black, input[type="button"].black, .button.white:hover, button.white:hover, input[type="submit"].white:hover, input[type="reset"].white:hover, input[type="button"].white:hover { background: #000; color:#fff; } a.button, .button.blue, .button.red, .button.cherry, .button.orchid, .button.pink, .button.orange, .button.teal { color: #fff;} .button:active, button:active, a.price-send:active, input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active { color: #c1d7dc; opacity: 0.94; } /* Bordered Buttons */ .button.bordered-bot, button.bordered-bot, input[type="submit"].bordered-bot, input[type="reset"].bordered-bot, input[type="button"].bordered-bot { background:none; border:2px solid #dedede; color:#363f46; text-shadow:none; letter-spacing:2px; text-transform:uppercase; padding: 16px 19px 14px; } .button.large.bordered-bot, button.large.bordered-bot, input[type="submit"].large.bordered-bot, input[type="reset"].large.bordered-bot, input[type="button"].large.bordered-bot { padding: 19px 28px 18px; } .button.small.bordered-bot, button.small.bordered-bot, input[type="submit"].small.bordered-bot, input[type="reset"].small.bordered-bot, input[type="button"].small.bordered-bot { padding: 9px 13px 8px; } .button.bordered-bot:hover, button.bordered-bot:hover, input[type="submit"].bordered-bot:hover, input[type="reset"].bordered-bot:hover, input[type="button"].bordered-bot:hover { border-color:#363f46; color:#363f46; text-shadow:none; box-shadow:none; text-decoration:none; } .button.blue.bordered-bot, button.blue.bordered-bot, input[type="submit"].blue.bordered-bot, input[type="reset"].blue.bordered-bot, input[type="button"].blue.bordered-bot { border-color: #128abc; color: #128abc; } .button.blue.bordered-bot:hover, button.blue.bordered-bot:hover, input[type="submit"].blue.bordered-bot:hover, input[type="reset"].blue.bordered-bot:hover, input[type="button"].blue.bordered-bot:hover { border-color: #128abc; background-color: #128abc; color: #fff; } .button.red.bordered-bot, button.red.bordered-bot, input[type="submit"].red.bordered-bot, input[type="reset"].red.bordered-bot, input[type="button"].red.bordered-bot { border-color: #e53f51; color: #e53f51; } .button.red.bordered-bot:hover, button.red.bordered-bot:hover, input[type="submit"].red.bordered-bot:hover, input[type="reset"].red.bordered-bot:hover, input[type="button"].red.bordered-bot:hover { border-color: #e53f51; background-color: #e53f51; color: #fff; } .button.cherry.bordered-bot, button.cherry.bordered-bot, input[type="submit"].cherry.bordered-bot, input[type="reset"].cherry.bordered-bot, input[type="button"].cherry.bordered-bot { border-color: #93516a; color: #93516a; } .button.cherry.bordered-bot:hover, button.cherry.bordered-bot:hover, input[type="submit"].cherry.bordered-bot:hover, input[type="reset"].cherry.bordered-bot:hover, input[type="button"].cherry.bordered-bot:hover { border-color: #93516a; background-color: #93516a; color: #fff; } .button.orchid.bordered-bot, button.orchid.bordered-bot, input[type="submit"].orchid.bordered-bot, input[type="reset"].orchid.bordered-bot, input[type="button"].orchid.bordered-bot { border-color: #9661ab; color: #9661ab; } .button.orchid.bordered-bot:hover, button.orchid.bordered-bot:hover, input[type="submit"].orchid.bordered-bot:hover, input[type="reset"].orchid.bordered-bot:hover, input[type="button"].orchid.bordered-bot:hover { border-color: #9661ab; background-color: #9661ab; color: #fff; } .button.pink.bordered-bot, button.pink.bordered-bot, input[type="submit"].pink.bordered-bot, input[type="reset"].pink.bordered-bot, input[type="button"].pink.bordered-bot { border-color: #e64883; color: #e64883; } .button.pink.bordered-bot:hover, button.pink.bordered-bot:hover, input[type="submit"].pink.bordered-bot:hover, input[type="reset"].pink.bordered-bot:hover, input[type="button"].pink.bordered-bot:hover { border-color: #e64883; background-color: #e64883; color: #fff; } .button.orange.bordered-bot, button.orange.bordered-bot, input[type="submit"].orange.bordered-bot, input[type="reset"].orange.bordered-bot, input[type="button"].orange.bordered-bot { border-color: #f98805; color: #f98805; } .button.orange.bordered-bot:hover, button.orange.bordered-bot:hover, input[type="submit"].orange.bordered-bot:hover, input[type="reset"].orange.bordered-bot:hover, input[type="button"].orange.bordered-bot:hover { border-color: #f98805; background-color: #f98805; color: #fff; } .button.teal.bordered-bot, button.teal.bordered-bot, input[type="submit"].teal.bordered-bot, input[type="reset"].teal.bordered-bot, input[type="button"].teal.bordered-bot { border-color: #1fa79e; color: #1fa79e; } .button.teal.bordered-bot:hover, button.teal.bordered-bot:hover, input[type="submit"].teal.bordered-bot:hover, input[type="reset"].teal.bordered-bot:hover, input[type="button"].teal.bordered-bot:hover { border-color: #1fa79e; background-color: #1fa79e; color: #fff; } .button.skyblue.bordered-bot, button.skyblue.bordered-bot, input[type="submit"].skyblue.bordered-bot, input[type="reset"].skyblue.bordered-bot, input[type="button"].skyblue.bordered-bot { border-color: #03acdc; color: #03acdc; } .button.skyblue.bordered-bot:hover, button.skyblue.bordered-bot:hover, input[type="submit"].skyblue.bordered-bot:hover, input[type="reset"].skyblue.bordered-bot:hover, input[type="button"].skyblue.bordered-bot:hover { border-color: #03acdc; background-color: #03acdc; color: #fff; } .button.jade.bordered-bot, button.jade.bordered-bot, input[type="submit"].jade.bordered-bot, input[type="reset"].jade.bordered-bot, input[type="button"].jade.bordered-bot { border-color: #0aad80; color: #0aad80; } .button.jade.bordered-bot:hover, button.jade.bordered-bot:hover, input[type="submit"].jade.bordered-bot:hover, input[type="reset"].jade.bordered-bot:hover, input[type="button"].jade.bordered-bot:hover { border-color: #0aad80; background-color: #0aad80; color: #fff; } .button.green.bordered-bot, button.green.bordered-bot, input[type="submit"].green.bordered-bot, input[type="reset"].green.bordered-bot, input[type="button"].green.bordered-bot { border-color: #8fbe32; color: #8fbe32; } .button.green.bordered-bot:hover, button.green.bordered-bot:hover, input[type="submit"].green.bordered-bot:hover, input[type="reset"].green.bordered-bot:hover, input[type="button"].green.bordered-bot:hover { border-color: #8fbe32; background-color: #8fbe32; color: #fff; } .button.white.bordered-bot, button.white.bordered-bot, input[type="submit"].white.bordered-bot, input[type="reset"].white.bordered-bot, input[type="button"].white.bordered-bot { background: none; border-color: #fff; color:#fff; } .button.black.bordered-bot, button.black.bordered-bot, input[type="submit"].black.bordered-bot, input[type="reset"].black.bordered-bot, input[type="button"].black.bordered-bot { background: none; border-color: #000; color:#000; } .button.black.bordered-bot:hover, button.black.bordered-bot:hover, input[type="submit"].black.bordered-bot:hover, input[type="reset"].black.bordered-bot:hover, input[type="button"].black.bordered-bot:hover { background: #000; border-color: #000; color: #fff; } .button.white.bordered-bot:hover, button.white.bordered-bot:hover, input[type="submit"].white.bordered-bot:hover, input[type="reset"].white.bordered-bot:hover, input[type="button"].white.bordered-bot:hover { background: #fff; border-color: #fff; color:#000; } /* Buttons border Radius */ #wrap .button.rounded { border-radius:55px; letter-spacing: 0; padding-left:30px; padding-right:30px;} #wrap .button.rounded.large { letter-spacing: 1px;} #wrap .button.square { border-radius:0;} /* Buttons icon */ .button i, button i, input[type="submit"] i, input[type="reset"] i, input[type="button"] i { color: inherit; font-size:16px; vertical-align:baseline; line-height:1; display:inline; margin-right:7px; } .button i.fa-none { margin:0; display:none;} .button.large i { font-size:24px; vertical-align:text-top;} /* Fix for odd Mozilla border & padding issues */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } #wrap .button.gray.rounded.bordered-bot { border-color: #e5e5e5;padding: 10px 20px;text-transform: uppercase; color: #00c2e5; font-weight: 500; font-size: 12px; line-height: 15px; margin-bottom: 22px; letter-spacing: 1px;} #wrap .button.gray.rounded.bordered-bot:hover { background:#292929; border-color:#292929; color:#fff !important;} /* #Forms ================================================== */ form { margin-bottom: 20px; } fieldset { margin-bottom: 20px; } input[type="text"], input[type="password"], input[type="email"], textarea, select { border: 1px solid #e1e1e1; padding: 6px 4px; outline: none; -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; color: #888; margin: 0; min-width: 60px; width:99%; max-width: 100%; min-height: 36px; display: block; margin-bottom: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } select { padding: 5px ; outline:0 none; } input[type="text"]:hover, input[type="password"]:hover, input[type="email"]:hover, textarea:hover { border-color: #c1dfed; -moz-box-shadow: 0 0 1px rgba(0,0,0,.1); -webkit-box-shadow: 0 0 1px rgba(0,0,0,.1); box-shadow: 0 0 1px rgba(0,0,0,.1); } input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus { border: 1px solid #aaa; color: #444; background: #fff; -moz-box-shadow: 0 0 3px rgba(0,0,0,.2); -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2); box-shadow: 0 0 3px rgba(0,0,0,.2); } textarea { min-height: 60px; } label, legend { display: block; font-weight: bold; font-size: 13px; } select { width: 220px; } input[type="checkbox"] { display: inline; } label span, legend span { font-weight: normal; font-size: 13px; color: #444; } /* Elements page Icon list*/ ul.check li:before, li.check:before, ul.plus li:before, li.plus:before, ul.star li:before, li.star:before, ul.arrow li:before, li.arrow:before, ul.arrow2 li:before, li.arrow2:before, ul.square li:before, li.square:before, ul.circle li:before, li.circle:before, ul.cross li:before, li.cross:before, ul.minus li:before, li.minus:before { padding-right: 5px; font-family: FontAwesome; } ul.check li:before, li.check:before { content: "\f00c"; color: #6db01b;} ul.plus li:before, li.plus:before { content: "\f067"; color: #6db01b;} ul.minus li:before, li.minus:before { content: "\f068"; color: #ff0000;} ul.star li:before, li.star:before {content: "\f005";color: #f6dc15;font-size: 11px;} ul.arrow li:before, li.arrow:before { content: "\f105"; color: #00b1b7; font-weight: bold;} ul.arrow2 li:before, li.arrow2:before { content: "\f105"; color: #7d858d; } ul.square li, li.square {position: relative;display: inline-block;padding-left: 12px;} ul.square li:before, li.square:before {content: "";width: 1px;height: 5px;position: absolute;background: #43bae3;left: 0px;top: 8px;} ul.circle li:before, li.circle:before { content: "\f111"; font-size: 6px; color: #2ea392; } ul.cross li:before, li.cross:before { content: "\f00d"; color: #de3068; } ul.check li, li.check, ul.plus li, li.plus, ul.minus li, li.minus, ul.star li, li.star, ul.arrow li, li.arrow, ul.arrow2 li, li.arrow2, ul.square li, li.square, ul.circle li, li.circle, ul.cross li, li.cross { padding-bottom: 1px; list-style:none;} /* #Misc ================================================== */ .remove-bottom { margin-bottom: 0 !important; } .half-bottom { margin-bottom: 7px !important; } .add-bottom { margin-bottom: 21px !important; } /* #New2015 ================================================== */ .blog-single-post h2{margin-top:30px} address { font-style: italic; margin: 0 0 1.6em;} abbr[title] { border-bottom: 1px dotted #eaeaea;border-bottom: 1px dotted rgba(51, 51, 51, 0.1);cursor: help;} mark,ins { background-color: #fff9c0; text-decoration: none;} sup,sub { font-size: 75%; height: 0; line-height: 0; position: relative; vertical-align: baseline;} sup { bottom: 1ex;} sub { top: .5ex;} small {font-size: 75%;} big {font-size: 125%;} dl { margin-bottom: 1.6em;} dt { font-weight: bold;} dd {margin-bottom: 1.6em;} table,th,td { border: 1px solid #eaeaea; border: 1px solid rgba(51, 51, 51, 0.1);} table {border-collapse: separate;border-spacing: 0;border-width: 1px 0 0 1px;margin: 0 0 1.6em; table-layout: fixed; width: 100%;} caption,th,td {font-weight: normal;text-align: left;} th { border-width: 0 1px 1px 0;font-weight: 700;} td { border-width: 0 1px 1px 0;} th, td { padding: 0.4em;} del {opacity: 0.8;} /* --------------- .colorb { background-color:#00c2e5;} .colorf { color:#00c2e5;} /* Max Sliders */ .max-hero .slides-control {margin: 0px; padding: 0px; list-style: none; position: relative; height: 100%; display: block; background-color:#222;} .max-hero .slides-control .slides-container {display: none;} .max-hero .slides-control .sparallax .slide-image {background-attachment: fixed;background-size: cover; background-position: center center; background-repeat: no-repeat;} @media only screen and (min-device-width : 320px) and (max-device-width : 568px) { .max-hero .slides-control .sparallax .slide-image {background-attachment: scroll;} } .max-hero .slides-control .spattern .slide-image:after, .spattern.max-video:after, .video-sec .spattern:after{ background: url(../images/spattern.png); width:100%; height:100%; bottom:0; left:0; position:absolute; z-index: 1; content: "";} .max-hero .mejs-controls {display:none !important;} /* Max Sliders Navigation */ .max-hero .slides-navigation {margin: 0 auto;position: absolute;z-index: 3;top: 46%;width: 100%;} .max-hero .slides-navigation a {position: absolute;display: block;width:74px;height:74px;background:url(../images/arrows2.png);opacity:0;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;} .max-hero .slides-navigation a.prev {left: 1%;background-position:bottom center;} .max-hero .slides-navigation a.next {right: 1%;background-position:top center;} .max-hero .slides-navigation a:hover{opacity:1 !important;} .max-hero:hover .slides-navigation a{opacity:0.3;} /* Max Sliders Content */ .maxslider .slides-content {color:#fff; position: absolute; width: 100%; top: 38% ; margin: 0 auto; z-index: 2; background: transparent; height: 300px; min-height: 300px; text-align: center; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%);} .tagline-slider.flexslider{background: transparent; text-align:center; margin-bottom:20px;} .tagline-slider.flexslider .slides {height:auto; padding:0;margin:0 auto;position:relative; overflow:initial;} .tagline-slider.flexslider .slides li{word-break: break-word; color:#fff; list-style:none; font-size:49px;} .tagline-slider.flexslider .slides li span{color:#1bbc9b;} .tagline-slider .flex-direction-nav {display:none;} .tagline-slider .flex-control-nav {position: static;} .tagline-slider .flex-control-paging li a { background:none; width:12px; height:12px; border:2px solid rgba(255,255,255,0.6); text-shadow:1px 1px 2px rgba(0,0,0,5);} .tagline-slider .flex-control-paging li a.flex-active { border-color:#fff; background:none;} .slides-content p {line-height: 26px; width: 100%; max-width: 670px; margin: 15px auto; position: relative; text-align: center;color: #fff; font-size:16px; font-weight: 300; letter-spacing:0;} .slides-content .button.small { margin-top:50px; font-size: 12px; font-weight:bold; color: #fff; letter-spacing: 2px; text-transform: uppercase;text-shadow:1px 1px 1px rgba(0,0,0,0.28); padding:10px 25px; border-radius:25px;} .slides-content .button.small:after { display:none;} .slides-content .button.small.gray { background:none; border: 2px solid rgba(255,255,255,0.77); box-shadow:0px 1px 5px rgba(0,0,0,0.14) inset;} .slides-content .button.small:hover { background:rgba(0, 0, 0, 0.4);} .slides-content .button.small.black { background:rgba(0, 0, 0, 0.36); box-shadow: 0 0 10px rgba(0,0,0,0.12) inset;} .slides-content .button.small.black:hover { background:rgba(0, 0, 0, 0.88);} /* Video Play Button */ .video-play-btn-wrap { display:block; text-align:center;} .video-play-btn i { background:none; font-size:32px; border-radius:50%; color:#41474d; padding: 18px 18px 16px 23px; border: 4px solid; -webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;-o-transition: 0.3s;} .blox.dark .video-play-btn i { color:#fff;} .video-play-btn i:hover { color:#41474d !important; background-color:#fff !important; border:5px solid #fff !important; box-shadow:0px 1px 15px rgba(0,0,0,0.19);} @media (max-width: 767px) { .video-play-btn-wrap { line-height: 80px; height: 80px; padding-top:5px;} } .big-title1 { font-size: 58px; margin-bottom: 24px;} /* Max Title */ .max-title { text-align: center;} .max-title { position: relative;margin-bottom: 35px; margin-top:10px;} .max-title:before, .max-title:after { content: ''; position: absolute; bottom: 0; left: 50%; transform: translate(-50%,0); -webkit-transform: translate(-50%,0); height: 3px;} .max-title:before { width: 43%;} .max-title:after { background-color: #00c2e5; width: 140px;} #wrap .blox.dark .max-title:after { background-color: #fff;} .max-title h1, .max-title h2, .max-title h3, .max-title h4, .max-title h5, .max-title h6 { line-height: 1; font-size: 55px; text-transform: uppercase; color: #000; padding-bottom: 0; position: relative; font-weight: 100; padding-bottom: 45px; margin-bottom: 0;} .max-title h1:after, .max-title h2:after, .max-title h3:after, .max-title h4:after, .max-title h5:after, .max-title h6:after { content: ''; position: absolute;bottom: -5px; left: 50%; width: 13px; height: 13px; background-color: #fff; -webkit-backface-visibility: hidden; -webkit-transform: translate(-50%) rotate(45deg);transform: translate(-50%) rotate(45deg); border: 2px solid #00c2e5;z-index: 2;} @media only screen and (min-width: 961px) and (max-width: 1280px) { .max-title h1, .max-title h2, .max-title h3, .max-title h4, .max-title h5, .max-title h6 { font-size:45px;} } @media only screen and (min-width: 768px) and (max-width: 960px) { .max-title h1, .max-title h2, .max-title h3, .max-title h4, .max-title h5, .max-title h6 { font-size:40px;} } @media (max-width: 767px) { .max-title h1, .max-title h2, .max-title h3, .max-title h4, .max-title h5, .max-title h6 { font-size:35px;} } @media (max-width: 479px) { .max-title h1, .max-title h2, .max-title h3, .max-title h4, .max-title h5, .max-title h6 { font-size:30px;} } /* Max Title 2 */ .max-title2 h1:before, .max-title2 h2:before, .max-title2 h3:before, .max-title2 h4:before, .max-title2 h5:before, .max-title2 h6:before { content: ''; position: absolute; bottom: -5px; left: 50%;width: 0;height: 0;border-left: 12px solid transparent !important ;border-right: 12px solid transparent !important;border-bottom: 18px solid #00c2e5; z-index: 2; -webkit-transform: translate(-50%); transform: translate(-50%);} .max-title2 h1:after, .max-title2 h2:after, .max-title2 h3:after, .max-title2 h4:after, .max-title2 h5:after, .max-title2 h6:after { width: 0; height: 0;bottom: -3px; background-color: transparent; border: 0; border-left: 8px solid transparent !important; border-right: 8px solid transparent !important; border-bottom: 12px solid #fff !important; -webkit-transform: translate(-50%) rotate(0); transform: translate(-50%) rotate(0);} /* Max Title 3 */ .max-title3 h1, .max-title3 h2, .max-title3 h3, .max-title3 h4, .max-title3 h5, .max-title3 h6 { font-size: 32px; letter-spacing: -1px; color: #313132; padding-bottom: 34px;} .max-title3 h1:before, .max-title3 h2:before, .max-title3 h3:before, .max-title3 h4:before, .max-title3 h5:before, .max-title3 h6:before { content: ''; position: absolute; bottom: -5px; left: 50%;width: 0;height: 0; border-left: 12px solid transparent !important ; border-right: 12px solid transparent !important;border-bottom: 18px solid #00c2e5; z-index: 2; -webkit-transform: translate(-50%); transform: translate(-50%);} .max-title3 h1:after, .max-title3 h2:after, .max-title3 h3:after, .max-title3 h4:after, .max-title3 h5:after, .max-title3 h6:after { width: 0; height: 0;bottom: -3px;background-color: transparent; border: 0;border-left: 8px solid transparent !important;border-right: 8px solid transparent !important;border-bottom: 12px solid #fff !important; -webkit-transform: translate(-50%) rotate(0); transform: translate(-50%) rotate(0);} .max-title3:before {width: 35%;} .max-title3:after {width: 140px;} /* Max Title 4,5 */ .max-title4 h2, .max-title4 h3, .max-title4 h4, .max-title4 h5, .max-title4 h6, .max-title5 h2, .max-title5 h3, .max-title5 h4, .max-title5 h5, .max-title5 h6 { font-size: 25px; letter-spacing: -1px; padding-bottom: 40px;} .max-title4 h1, .max-title5 h1 { font-size:36px;} .max-title5 h1, .max-title5 h2, .max-title5 h3, .max-title5 h4, .max-title5 h5, .max-title5 h6 {padding-bottom: 35px; line-height: 1.3;} .max-title4:before, .max-title5:before { width: 100%;} .max-title4:after, .max-title5:after { width: 140px;} .max-title5 h1:after, .max-title5 h2:after, .max-title5 h3:after, .max-title5 h4:after, .max-title5 h5:after, .max-title5 h6:after { border-radius: 50%; width: 16px; height: 16px; bottom: -6px;} /* Subtitle New */ .subtitle-element { text-align: left;} .subtitle-element { position: relative; margin-bottom: 40px; margin-top: 10px; border-bottom: 3px solid #F4F3F3;} .blox .subtitle-element { border-bottom-color: #fff;} .subtitle-element:after { content: ''; position: absolute;bottom: -3px; height: 3px;} .subtitle-element:after {left: 0; background-color: #00c2e5;width: 106px;} .subtitle-element h1, .subtitle-element h2, .subtitle-element h3, .subtitle-element h4, .subtitle-element h5, .subtitle-element h6 { line-height: 1; font-size: 25px; text-transform: uppercase; color: #171c24; padding-bottom: 0; position: relative; font-weight: 100;padding-left: 0; padding-bottom: 35px; margin-bottom: 0;} .subtitle-element h1:after, .subtitle-element h2:after, .subtitle-element h3:after, .subtitle-element h4:after, .subtitle-element h5:after, .subtitle-element h6:after { content: ''; position: absolute;bottom: -8px;left: 26px; width: 13px; height: 13px; background-color: #fff; -webkit-transform: translate(-50%) rotate(45deg);transform: translate(-50%) rotate(45deg); border: 2px solid #00c2e5; z-index: 2;} /* subtitle-element 2 */ .subtitle-element2 h1:before, .subtitle-element2 h2:before, .subtitle-element2 h3:before, .subtitle-element2 h4:before, .subtitle-element2 h5:before, .subtitle-element2 h6:before { content: ''; position: absolute;bottom: -8px;left: 52px; width: 0; height: 0; border-left: 12px solid transparent !important ; border-right: 12px solid transparent !important; border-bottom: 18px solid #00c2e5; z-index: 2; -webkit-transform: translate(-50%); transform: translate(-50%);} .subtitle-element2 h1:after, .subtitle-element2 h2:after, .subtitle-element2 h3:after, .subtitle-element2 h4:after, .subtitle-element2 h5:after, .subtitle-element2 h6:after { width: 0; height: 0;bottom: -6px;left: 52px;background-color: transparent; border: 0; border-left: 8px solid transparent !important;border-right: 8px solid transparent !important;border-bottom: 12px solid #fff !important; -webkit-transform: translate(-50%) rotate(0); transform: translate(-50%) rotate(0);} /* subtitle-element 3,5 */ .subtitle-element3 h1:after, .subtitle-element3 h2:after, .subtitle-element3 h3:after, .subtitle-element3 h4:after, .subtitle-element3 h5:after, .subtitle-element3 h6:after, .subtitle-element5 h1:after, .subtitle-element5 h2:after, .subtitle-element5 h3:after, .subtitle-element5 h4:after, .subtitle-element5 h5:after, .subtitle-element5 h6:after { border-radius: 50%; width: 16px; height: 16px; bottom: -9px;} /* subtitle-element 4,5 */ #wrap .subtitle-element4, #wrap .subtitle-element5 { border-color: rgba(255, 255, 255, 0.25);} #wrap .subtitle-element4:after, #wrap .subtitle-element5:after { background-color: #fff;} .subtitle-element4 h1, .subtitle-element4 h2, .subtitle-element4 h3, .subtitle-element4 h4, .subtitle-element4 h5, .subtitle-element4 h6, .subtitle-element5 h1, .subtitle-element5 h2, .subtitle-element5 h3, .subtitle-element5 h4, .subtitle-element5 h5, .subtitle-element5 h6 { color: #fff;} #wrap .subtitle-element4 h1:after, #wrap .subtitle-element4 h2:after, #wrap .subtitle-element4 h3:after, #wrap .subtitle-element4 h4:after, #wrap .subtitle-element4 h5:after, #wrap .subtitle-element4 h6:after, #wrap .subtitle-element5 h1:after, #wrap .subtitle-element5 h2:after, #wrap .subtitle-element5 h3:after, #wrap .subtitle-element5 h4:after, #wrap .subtitle-element5 h5:after, #wrap .subtitle-element5 h6:after {background-color: #00c2e5;border-color: #fff;} /* subtitle */ .sub-title {padding: 12px 0 14px; margin: 16px 0 20px 1px; border-bottom: 2px solid #27ae60; text-transform: uppercase; font-size: 14px; color: #777; letter-spacing: 1.2px; font-weight: bold;} .sub-title { border:0; margin-bottom: 5px; display: block; text-align:left;} .sub-title * { font-weight: 600; color: #101010; font-size: 26px; line-height: 1.2; margin-bottom: 0; letter-spacing: 0.5px;} .sub-title:after {content: ""; margin: 11px 0 15px; width: 36px; display: block; border-bottom: 4px solid #494949;} .subtitle-four { margin-bottom: 5px; display: block; text-align:left;} .subtitle-four *{ position: relative;display: inline-block; color: #101010; font-size:17px; font-weight:bold; line-height:1.3; margin-bottom:0; letter-spacing:2px; text-transform:none;} .subtitle-four:after{ content: ""; margin: 6px 0 15px; width: 90px; height: 0; display: block; position: relative; border-bottom: 2px solid #00c2e5;} .alignright .subtitle-four {direction: rtl;} /* Max Paragraph */ .max-p {max-width: 660px; margin: 0 auto 40px; font-size: 19px; line-height: 1.7; color: #a2a5a7; font-weight: 300; text-align:center} .blox.blackbox .max-p {color:#808080} #wrap .bg-white { background:#fff;} /* # Webnus divider ================================================== */ .w-divider{text-align: center;margin: 40px auto 30px;} .w-divider i{padding: 25px; border-radius: 50%; margin-bottom: 20px; font-size: 24px; color: #fff; display: inline-block;} .w-divider h3{font-weight: 300;color: #202020;font-size: 28px; text-transform:uppercase; letter-spacing:1px;} .w-divider .spl, .w-divider .spr{border-bottom: 2px solid; padding: 0 1px 7px;} .w-divider2{text-align: center;margin: 24px auto 24px;} .w-divider2 i{padding: 25px; border: 1px solid #e3e3e3; border-radius: 50%; margin-bottom: 20px; font-size: 24px; display: inline-block;} .w-divider2 h3{font-weight: 700;color: #101010;font-size: 26px; letter-spacing:-1px} .w-divider2 .spl, .w-divider2 .spr, .w-divider2 .spln{border-bottom: 1px solid #e3e3e3; padding: 0 4px 10px;} .w-divider2 .spln {width: 70px; display: block; margin: 7px auto;} .w-divider3{margin: 24px auto 24px;} .w-divider3 h3{font-weight: 800;color: #101010;font-size: 24px;} .w-divider3 .spb {background:#fff; padding-right: 10px;} .w-divider3 .spl, .w-divider3 .spr {padding: 0 10px 0 0; border-radius: 6px;} .w-divider3 .spr{color:#fff; padding:0 10px;} .w-divider3 .spln {display: block; margin-top: -17px; border-bottom: 1px solid #e5e5e5;} .blox .w-divider3 .spl,.blox .w-divider3 .spr,.blox .w-divider3 .spb {background: none;} .blox .w-divider3 .spln {margin-top: 0;padding-top: 5px;} .w-divider4{margin: 24px auto 24px;} .w-divider4 h3{font-weight: 800;color: #101010;font-size: 24px;} .w-divider4 .spl, .w-divider4 .spr {background: #fff; padding: 0 10px 0 0;} .w-divider4 .spln {display: block; margin-top: -17px; border-bottom: 1px solid #e5e5e5;} .blox .w-divider4 .spl,.blox .w-divider4 .spr {background: none;} .blox .w-divider4 .spln {margin-top: 0;padding-top: 5px;} .w-divider5{text-align: center;margin: 24px auto 24px;} .w-divider5 i{ width:48px; height:48px; padding: 12px; border-radius: 50%; margin-bottom: 20px; font-size: 24px; display: inline-block; background: #fff; position: absolute; left: 50%; top: 30px; margin-left: -21px;} .w-divider5 h3{font-weight: 300;color: #101010;font-size: 26px; position: relative; display:inline-block; margin-bottom:0;} .w-divider5 .spl, .w-divider5 .spr, .w-divider5 .spln{padding: 0 4px 16px;} .w-divider5 .spln {display: block; margin: 7px auto;border-bottom: 1px solid #e5e5e5;} .w-divider6 { margin: 55px auto 17px; overflow: hidden;} .w-divider6 i { padding: 17px; border-radius: 50%; margin-bottom: 30px; font-size: 32px; color: #fff; display: inline-block; float: left;} .w-divider6 h3 { font-weight: 600;color: #535458; font-size: 22px; line-height:27px; margin-bottom: 0; display: block; border-bottom: 1px solid #e1e1e1; margin-left: 76px; margin-top: 5px; padding-bottom: 6px;} .w-divider6 p { font-size:14px; font-weight:400; color: #828282; letter-spacing: -0.4px; margin-top:11px; margin-left:75px;} .w-divider6 .spl, .w-divider6 .spr { padding-bottom: 6px;} .w-divider6 .spr { margin-left: 7px;} .w-divider7 { margin: 25px auto;} .w-divider7 h3 { font-size: 27px; margin-bottom: 0;} .w-divider7 h3 span.spr { display: block; font-weight: 800; color: #363636; font-size: 30px; letter-spacing: -1.5px;} .blox.dark .w-divider7 h3 span.spr { color:#fff;} .w-divider7 h3:after { content: ""; margin: 6px 0 15px; width: 74px; height: 0; display: block; position: relative; border-bottom: 5px solid;} .w-divider7 p { font-size:14px; font-weight:400; color: #707070; letter-spacing: 0;} .w-divider8 {margin: 40px auto 0; overflow: hidden; text-align: center; } .w-divider8 h3 {font-weight: 600;color: #535458;font-size: 25px; letter-spacing: -1.5px; margin-bottom: 0; display: block;} .w-divider8 i.colorb { background-color: transparent;} .w-divider8 i { border-radius: 50%; margin: 10px auto; font-size: 32px; width: 220px; height: 32px; display: block; background: url(../images/w-divider8-icon-img.png) no-repeat center;} .w-divider8 p { color: #848484; font-size: 14px; display: block; font-weight: 400; margin-bottom: 35px; margin-top: 15px;} .w-divider8 .spr { margin-left: 7px; color: #464646;} .blox.dark .w-divider8 .spr { color: #fff;} .blox.dark .w-divider8 p { color:rgba(255, 255, 255, 0.72);} .w-divider9{ margin: 24px auto 35px;} .w-divider9 h3{ font-weight: 800;color: #101010;font-size: 31px; text-align:center;} .w-divider9 .spl { display:block; margin-bottom: 9px;} .w-divider9 .spr{ color: #fff;padding: 3px 10px; font-weight: normal; text-transform: uppercase; font-size: 12px; letter-spacing: 2px;} .w-divider9 .spln { display: block; border-bottom: 1px solid #e5e5e5; width: 280px; margin: -11px auto 0;} .blox.dark .w-divider9 .spln { border-color:rgba(255,255,255,0.2);} /* # Progress bar ================================================== */ #wrap .vc_progress_bar.wpb_content_element { margin-bottom: 74px;} #wrap .vc_progress_bar .vc_single_bar { margin-top: 42px; height: 4px;} #wrap .vc_progress_bar .vc_single_bar .vc_label { color:#333; font-size:12px; font-weight:600;} #wrap .vc_progress_bar .vc_single_bar { height: 4px;} #wrap .vc_progress_bar .vc_single_bar .vc_bar:before { content: ''; background-color: #fff; width: 4px; height: 4px; border-radius: 50%; position: absolute; top: 0; right: 1px; z-index: 1000;} #wrap .vc_progress_bar .vc_single_bar .vc_bar:after { content: ''; background-color: inherit; width: 14px; height: 14px; border-radius: 50%; position: absolute; top: -5px; right: -4px;} @media (min-width: 768px) { #wrap .wpb_tour .wpb_tabs_nav li { margin: 0 -1px -1px 1px !important;} } /* # Accordion - deprecated ================================================== */ #wrap .wpb_accordion .wpb_accordion_wrapper .ui-state-default .ui-icon:before, #wrap .wpb_accordion .wpb_accordion_wrapper .ui-state-active .ui-icon:before { content: '';} #wrap .wpb_accordion .wpb_accordion_wrapper .ui-state-active .ui-icon:before { content: '';} #wrap .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header a { color:#5d5d5d; border: 1px solid #e1e1e1; padding: 14px 22px 14px 42px; font-size: 15px; margin: 0; background: #f8f8f8; min-height: 35px; letter-spacing: 0; text-transform: inherit; text-transform:uppercase; letter-spacing:1px;} #wrap .wpb_accordion .wpb_accordion_wrapper .ui-state-default .ui-icon, #wrap .wpb_accordion .wpb_accordion_wrapper .ui-state-active .ui-icon { display: block; width: 24px; height: 24px; position: absolute; left: 10px; top:14px; border: none; right: auto;} #wrap .wpb_accordion .wpb_accordion_wrapper .ui-state-default .ui-icon:before, #wrap .wpb_accordion .wpb_accordion_wrapper .ui-state-active .ui-icon:before { font-family:'FontAwesome'; font-size:24px;color:#61b2e8; content:"\f055"; position: absolute; left: -18px; top: -13px;} #wrap .wpb_accordion .wpb_accordion_wrapper .ui-state-default .ui-icon:before:hover { color: #00c2e5;} #wrap .wpb_accordion .wpb_accordion_wrapper:last-of-type { margin-bottom: 20px;} #wrap .wpb_accordion .wpb_accordion_wrapper .ui-state-active { border: 1px solid #e1e1e1; border-bottom: none; border-top-left-radius: 4px; border-top-right-radius: 4px; line-height: 1; padding-bottom: 0;} #wrap .wpb_accordion_section.group {margin-bottom: 6px;} #wrap .wpb_accordion .wpb_accordion_wrapper .ui-state-active a, #wrap .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header a:hover { color: #fff;} #wrap .wpb_accordion .wpb_accordion_wrapper a:hover { background-color: #f5f5f5;} #wrap .wpb_accordion .wpb_accordion_wrapper .ui-state-active a { background-color: transparent; border:none;} #wrap .wpb_accordion .wpb_accordion_wrapper .ui-state-active .ui-icon:before { content: "\f056"; color: #fff; right: 0; top: -17px;} #wrap .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_content { padding: 0 24px 30px; border: 1px solid #e1e1e1; border-top: none; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px;} #wrap .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_content .wpb_wrapper p { color: #8a8a8a; line-height: 1.7; font-weight:300;} /* # Accordion ================================================== */ #wrap .vc_tta-accordion.vc_tta-style-classic.vc_tta-shape-square .vc_tta-panel.vc_active .vc_tta-panel-heading { margin-bottom: 24px; background-color: #00bae2; border-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; border-radius: 3px; border-color: transparent;} .vc_tta-accordion.vc_tta-style-classic.vc_tta-shape-square .vc_tta-panel.vc_active .vc_tta-panel-title>a { color: #fff;} .vc_tta-accordion.vc_tta-style-classic .vc_tta-panel-title>a {padding: 14px 0px; font-size: 14px; font-weight: 600; text-transform: uppercase; letter-spacing: 0;} .vc_tta-accordion.vc_tta-style-classic.vc_tta-shape-square .icon-box p {font-size: 14px; line-height: 1.8; color: #616161; font-weight: 400;margin-left: 4px;padding-left: 19px;border-left: 2px solid #dbdbdb;overflow: hidden;} .vc_tta-accordion.vc_tta-style-classic.vc_tta-shape-square .vc_tta-panel .vc_tta-panel-title>a { color: #000;} .vc_tta-accordion.vc_tta-style-classic.vc_tta-shape-square .vc_tta-controls-icon-position-right .vc_tta-controls-icon { width: 16px; height: 16px; background: #00bae2; border-radius: 50%;} .vc_tta-accordion.vc_tta-style-classic.vc_tta-shape-square .vc_active .vc_tta-controls-icon-position-right .vc_tta-controls-icon { background: #fff !important; } .vc_tta-accordion.vc_tta-style-classic.vc_tta-shape-square .vc_active .vc_tta-controls-icon-position-right .vc_tta-controls-icon:before { } .vc_tta .vc_tta-controls-icon.vc_tta-controls-icon-plus::before { left: 4px; width: 8px;} .vc_tta-accordion.vc_tta-style-classic.vc_tta-shape-square .vc_tta-controls-icon::after, .vc_tta-accordion.vc_tta-style-classic.vc_tta-shape-square .vc_tta-controls-icon::before { border-color: #fff;} .vc_tta-accordion.vc_tta-style-classic.vc_tta-shape-square .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::after, .vc_tta-accordion.vc_tta-style-classic.vc_tta-shape-square .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::before { border-color: #00bae2;} .vc_tta .vc_tta-controls-icon.vc_tta-controls-icon-plus::after { top: 4px; bottom: 4px;} .vc_tta.vc_general .vc_tta-panel-body { padding-left: 39px;padding-right: 16px;} .vc_tta-accordion.vc_tta-style-classic.vc_tta-shape-square .vc_tta-controls-icon-position-right .vc_active:before { color: #00bae2;} .vc_tta-accordion.vc_tta-style-classic.vc_tta-shape-square .icon-box i {position: absolute;top: 10px;left: -12px;} .vc_tta-accordion.vc_tta-style-classic.vc_tta-shape-square .icon-box i:before {color: #68C679; font-size: 45px;} .vc_tta-accordion.vc_tta-style-classic.vc_tta-shape-square h4 {margin-left: 15px; overflow: hidden;} @media (min-width: 960px) and (max-width: 1280px) { .vc_tta.vc_general .vc_tta-panel-title>a { font-size: 14px;} .vc_tta-accordion.vc_tta-style-classic.vc_tta-shape-square .icon-box p { font-size: 12px; margin-left: 10px;} .vc_tta-accordion.vc_tta-style-classic.vc_tta-shape-square .icon-box i { position: absolute; top: 10px;left: -16px;} .vc_tta.vc_general .vc_tta-panel-body { padding-left: 35px;} .vc_tta-accordion.vc_tta-style-classic.vc_tta-shape-square h4 { margin-left: 10px;} } @media (min-width: 768px) and (max-width: 960px) { .vc_tta-accordion.vc_tta-style-classic.vc_tta-shape-square .vc_tta-panel-title a { font-size: 11.2px;} .vc_tta-accordion.vc_tta-style-classic.vc_tta-shape-square .vc_tta-controls-icon-position-right .vc_tta-controls-icon { right: 10px;} .vc_tta-accordion.vc_tta-style-classic.vc_tta-shape-square .icon-box i { position: absolute; top: 28px;left: -26px;} .vc_tta.vc_general .vc_tta-panel-body { padding-left: 45px; padding-right: 0;} .vc_tta-accordion.vc_tta-style-classic.vc_tta-shape-square h4 { margin-left: 10px;} } @media (max-width: 768px) { .vc_tta-accordion.vc_tta-style-classic.vc_tta-shape-square .icon-box i { position: absolute; top: 28px; left: -26px;} } /* # Max counter ================================================== */ .max-counter { text-align:center; color: #393a3a; font-size: 36px;} .max-counter.s-counter .icon-counter {color: rgba(0,0,0,0.4);margin-right: 10px;font-size: 37px;} .blox.dark .max-counter.s-counter .icon-counter, .blox.dark .max-counter.s-counter .max-count {color: #fff;} .max-counter.s-counter .max-count {font-size: 44px;font-weight: 700; color: rgba(0,0,0,0.74);} .max-counter h5 { margin-top: 15px;font-size: 13px; font-weight:600; letter-spacing:1px; text-transform:uppercase; position:relative;} .max-counter.s-counter h5 { position: relative; text-transform:none; font-size: 15px; font-weight: 400; padding-top: 33px; margin-top: 30px; letter-spacing: 0;} .max-counter.s-counter h5:before { content: ''; position: absolute; top: 0; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); width: 72px; height: 2px; background-color: #fff;} .max-counter h5:after { content: ''; margin: 8px auto 20px; width: 24px; height: 0; display: block; position: relative; border-bottom: 2px solid rgba(0,0,0,0.27);} .max-counter.s-counter h5:after { border:none;} .max-counter.m-counter {margin: 0 auto;} .max-counter.m-counter .icon-counter, .max-counter.m-counter .suf-counter, .max-counter.m-counter .pre-counter { vertical-align: middle; color: #999;font-size: 80px; line-height:1;font-weight: 300;margin-left: 10px;} .max-counter.m-counter .max-count { vertical-align: middle; font-size: 120px;font-weight: 300;letter-spacing: -8px;} .max-counter.m-counter h5 {margin-top: 26px; font-size: 13px; font-weight: 600; text-transform: uppercase;} .max-counter.m-counter h5:after {content: ''; margin: 8px auto; width: 26px; display: block;border-bottom: none;} .max-counter.s-counter { margin-bottom:10%} @media only screen and (min-width: 768px) and (max-width: 1280px) { .max-counter.s-counter .icon-counter { font-size:24px;} .max-counter.s-counter .max-count { font-size:31px;} } .max-counter.f-counter .icon-counter{font-size: 32px; margin:0 6px 8px; display:inline-block;} .max-counter.f-counter{margin-bottom:60px;} .max-counter.f-counter .max-count {font-size: 42px;font-weight: 700;} .blox.dark .max-counter.f-counter .max-count:after , .dark-content .max-counter.f-counter .max-count:after { border-bottom: 2px solid #fff;} .max-counter.f-counter h5 {margin-top: 4px;font-size: 14px;font-weight: 500;letter-spacing: 0;} .max-counter.f-counter h5:after{display:none;} .max-counter.t-counter { margin-top: 34px; padding: 0px; text-align:center; color: #393a3a; font-size: 36px;} .max-counter.t-counter h5 { font-size: 12px; color: #7f8386; display: table; text-align: left; margin-top: 0;} .max-counter.t-counter h5:after { display: none;} .blox.dark .max-counter.t-counter h5 { color:#fff;} .blox.dark .max-counter.t-counter h5:after{border-bottom: 2px solid #fff;} .dark-content .max-counter.t-counter .max-count {border: 2px solid #fff;} .blox.dark .max-counter.t-counter .max-count { color:#fff;} .max-counter.t-counter i.icon-counter { float: left; font-size: 32px; margin-right: 10px; color: #a1abb3; border: 2px solid #a1abb3; border-radius: 50%; padding: 30px; -webkit-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; display: inherit;} .max-counter.t-counter:hover i.icon-counter { background-color: #00c2e5; border-color: #00c2e5; color: #fff;} .blox.dark .max-counter.t-counter i.icon-counter { color:#fff; border-color:#fff;} .blox.dark .max-counter.t-counter:hover i.icon-counter { color:#717171; border-color:#fff; background-color:#fff;} .max-counter.t-counter .max-count{ font-size: 28px; line-height: 1; display: table-caption; margin-top: 10px; color: #7f8386; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; border: none; width: auto; height: auto; padding-top: 0;} .max-counter.t-counter:hover .max-count, .blox.dark .max-counter.t-counter:hover .max-count, .dark-content .max-counter.t-counter:hover .max-count { background: transparent;} .max-counter.t-counter .max-count:after { content: ""; margin: 10px 0 15px; width: 48px; height: 0; display: block; position: relative; border-bottom: 2px solid #a1abb3;} .max-counter.t-counter:hover .max-count:after { border-color: #00c2e5;} .blox.dark .max-counter.t-counter .max-count:after { border-color:#fff;} .max-counter.t-counter:hover .max-count, .dark-content .max-counter.t-counter:hover .max-count{ color: #00c2e5;} .blox.dark .max-counter.t-counter:hover .max-count { color:#fff;} /* Max Quote */ .max-quote {text-align: center; padding:15px 0;} .max-quote cite{font-size: 16px; font-style:normal; margin-top:25px; color:#7a7a7a; letter-spacing: 1px;} .max-quote small{display: block; padding-top: 4px; font-style: normal; letter-spacing: 2px; font-size: 11px; color:#a1a1a1;} .max-quote:before , .max-quote small:before { content: ''; content: none; display:none;} #wrap .max-quote h2 {font-family:'Lora',serif; font-size: 23px; line-height:1.6; letter-spacing:0;} .max-quote h2:before, .max-quote h2:after { display:inline-block; content: ''; color: #ff6c6d; font-family: Arial, serif; font-size: 33px; line-height:30px; margin: 0 8px; font-weight: bold; font-style:normal;} .max-quote h2:before { content: '\201C'; margin-left:0;} .max-quote h2:after { content: '\201D';} .blox .max-quote h2{color:#32373b;} .blox.dark .max-quote h2 , .blox.dark .max-quote h2:before, .blox.dark .max-quote h2:after, .blox.dark .max-quote cite {color:#fff;} /* Social Media */ .social-media {text-align: center} .social-media a {text-align: center; padding: 0 10px; margin-bottom: 20px; display: inline-block;} .social-media a i {border:2px transparent solid;font-size:4em;padding: 30px;border-radius: 50%;color: #fff;margin-bottom: 20px;display: block; -webkit-transition: all .3s ease-in-out;-moz-transition: all .8s ease-in-out;-ms-transition: all .8s ease-in-out;-o-transition: all .8s ease-in-out;transition: all .8s ease-in-out;background:rgba(15, 15, 15, 0.6)} .social-media a:hover i {color: #fff;border:2px #fff solid;} .social-media a span{-webkit-transition: all .8s ease-in-out; -moz-transition: all .8s ease-in-out; -ms-transition: all .8s ease-in-out; -o-transition: all .8s ease-in-out; transition: all .8s ease-in-out; color:transparent;text-transform: uppercase; font-size:16px; font-weight:600; text-shadow: 0 0 5px rgba(33, 65, 83, 1) } .social-media a:hover span{color:#fff;} #social-media.active.facebook{ background: #3b5996 !important;} #social-media.active.twitter { background: #00acee !important;} #social-media.active.vimeo { background: #0dadd6 !important;} #social-media.active.dribble { background: #d53e68 !important;} #social-media.active.youtube{ background: #cb322c !important;} #social-media.active.pinterest{background: #cb2027 !important;} #social-media.active.google{background: #c3391c !important;} #social-media.active.linkedin { background: #0073b2 !important;} #social-media.active.rss{ background: #f29a1d !important;} #social-media.active.instagram{ background: #457399 !important;} #social-media.active.skype{ background: #00aaf3 !important;} #social-media.active.other-social { background: #00c2e5 !important;} #social-media.blox .social-media a span{display:none;} #social-media.blox .social-media a i{background:none; font-size:2em;border: 1px transparent solid; margin:0; padding:20px;} #social-media{transition: background-color .8s ease-in-out;-webkit-transition: background-color .8s ease-in-out;-moz-transition: background-color .8s ease-in-out;-ms-transition: background-color .8s ease-in-out;-o-transition: background-color .8s ease-in-out;} #social-media.blox .social-media a{margin: 20px 0;} #social-media.blox .social-media a:hover i {border: 1px #fff solid;} /* CONTACT */ #contact-map { box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0.1) inset; border: 1px solid #d6dbdc; border-left: none; border-right: none; padding: 0; margin: 0 } #contact-map iframe { width: 100%; padding: 0; margin: 0; margin-bottom: -7px;} #wrap .blox .contact-inf i { margin-bottom: 10px; margin-top: 10px;} #wrap .rc-anchor.rc-anchor-standard { border:none !important; box-shadow:none; background:none;} .contact-form .g-recaptcha { margin-bottom:20px;} #talk-business p.talk-business-title { margin-left: 10px; text-align: left; font-size: 12px; color: #b0b0b0;} #talk-business input,textarea {background: #f0f0f0; border-radius: 2px; border: none; box-shadow: none; margin-bottom: 16px;} #talk-business textarea { border: none; box-shadow: none;} #talk-business textarea:focus { background: #E8E8E8;} #talk-business input[type=submit] { margin-top: 30px; border-radius: 60px; background: #00c2e5;} #talk-business input[type=submit]:hover { background: #39c36e;} #talk-business .host-btn-form { margin-top: 30px; border-radius: 60px;padding: 11px; width: 100%;text-align: center;background: #00c2e5;} #talk-business .host-btn-form:hover { background: #39c36e;} .seo-cf-page { padding: 0 20px;} @media (max-width:960px){ #talk-business input[type=submit] {font-size: 11px;} } @media (min-width:768px) and (max-width:1200px){ #talk-business input[type=submit] { padding: 10px 30px;} } .w-contact-p input[type=text], .w-contact-p input[type=email], #wrap .w-contact-p input textarea {color: #888;font-size: 12px;border:1px solid #ccc;border-radius:2px;background:#fff;} .wpcf7 .w-contact-p .col-md-6,.wpcf7 .w-contact-p .col-md-12 {padding: 0 5px;margin-bottom: 10px} #wrap .wpcf7 .w-contact-p input[type=submit] {background: #00c2e5;color: #fff;border: 0;box-shadow: none;padding: 8px 15px 7px;line-height: 16px;border-radius: 3px;margin: 0;position: absolute;bottom: -3px;right: 5px;text-transform: uppercase;letter-spacing: 1px;font-size: 11px;font-weight: normal;} #wrap .wpcf7 .w-contact-p input[type=submit]:hover {background-color: #292929;} /* Resource Books */ .resource-books { border: 1px solid #e3e3e3; margin-bottom: 30px; padding: 36px 35px 43px; background: #fff;} .resource-books img { float: left; margin-right: 25px; box-shadow: 4px 4px #d1d1d1; width: 113px; height: 160px;} .resource-books .content { overflow: hidden;} .resource-books .content h3 { font-size: 20px; font-weight: 700; color: #171c24; margin-bottom: 5px;} .resource-books .content h6 { font-size: 13px; color: #616161; border-bottom: 1px solid #e3e3e3; padding-bottom: 15px; margin-bottom: 5px;} .resource-books .content p { line-height: 25px; margin-bottom: 8px; font-size: 13px; color: #616161; padding-top:8px;} @media (max-width: 960px){ .resource-books img { float: none; margin-left: 50%; transform: translate(-50%,0); -webkit-transform: translate(-50%,0); margin-right: 0; margin-bottom: 25px;} .resource-books .content { text-align: center;} } @media (max-width: 480px){ .resource-books{ padding-left: 15px; padding-right: 15px;} } /* Single resource book */ .single-resource-books { border: 1px solid #e3e3e3; margin-right: 30px; margin-bottom: 30px; padding-left: 608px; background: #fff; position: relative;min-height: 520px;} .single-resource-books .single-img {float: left; margin-right: 25px; background: #f5f5f5; width: 388px; height: 388px; border-radius: 50%;position: absolute;left: 93px;top: 64px;} .single-resource-books .single-img img { box-shadow: 4px 4px #d1d1d1; position: absolute; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); top: 50%; width: 161px; height: 228px;} .single-resource-books .content { overflow: hidden; padding-top: 82px;padding-right: 77px;} .single-resource-books .content h3 { font-size: 20px; font-weight: 700; color: #171c24; margin-bottom: 5px;} .single-resource-books .content h6 { font-size: 13px; color: #616161; border-bottom: 1px solid #e3e3e3; padding-bottom: 15px; margin-bottom: 5px;} .single-resource-books .content p { line-height: 27px; margin-bottom: 8px; font-size: 14px; color: #717171; padding-top:10px;} .single-resource-books .content .readmore { left: 0; transform: none; background: #39c36e; color: #fff; padding: 10px 33px; border: none; margin-top: 25px; letter-spacing: .5px;} .single-resource-books .content .readmore:hover { background:#222;} .single-resource-books .content .readmore:after { display: none;} @media (min-width:961px) and (max-width:1200px) { .single-resource-books {padding-left: 550px;} } @media (max-width:960px) { .single-resource-books {padding-left: 0;} .single-resource-books .single-img { display: block; float: none; margin: auto; position: relative; left: 0;} .single-resource-books .content { text-align: center; padding-right: 5%; padding-left: 5%; margin-bottom: 35px;} .resource-books .content h3 { font-size:17px;} } @media (min-width:480px) and (max-width:768px){ .single-resource-books .single-img { width: 300px; height: 300px;} .single-resource-books .single-img img { width: 140px; height: 200px;} } @media (max-width:480px){ .single-resource-books .single-img { width: 200px; height: 200px;} .single-resource-books .single-img img { width: 100px; height: 140px;} } /* ess navigation */ #wrap .esg-filterbutton, #wrap .esg-sortbutton, #wrap .esg-sortbutton-order { font-weight:600; letter-spacing:1px; text-transform:uppercase; font-size:11px; color:#333; background:#fff; border:3px solid #e9e9e9; border-radius:0;} #wrap .esg-filterbutton.selected { box-shadow:none; border-color:#01c2e5;} #wrap .esg-filter-wrapper { margin-bottom:27px;} /* SEO Consolation */ #seo_consolation_form input { margin-bottom: 15px;} #seo_consolation_form textarea { margin-bottom: 12px; background-color:#fafafa;} #seo_consolation_form .checkbox_seo_title input[type=checkbox] { margin-bottom: 23px;} #seo_consolation_form .checkbox_seo_title span label { margin-top: -17px;} #seo_consolation_form p.checkbox_seo_title { margin-top: -6px;} #wrap div.wpcf7-mail-sent-ok { margin:0; background:#77da55; color:#fff; border-radius:2px; border-width:0;} #seo_consolation_form p.seotitle, #seo_consolation_form .checkboxtitle { text-align: left; margin-left: 3px; color: #8a8a8a; font-size: 13px;} #seo_consolation_form .checkboxtitle { margin:10px 0;} #seo_consolation_form .style_contact_information { background-color: #e9e9e9; box-shadow: none; border: none; margin-bottom: 16px; border-radius: 2px;} #seo_consolation_form .style_contact_information_cancle_btn { padding: 11px 95px;} #seo_consolation_form .contact_information_btns { margin-top: 30px;} #seo_consolation_form span.wpcf7-list-item-label { cursor: pointer; position:relative; height: 18px; line-height: 18px; padding-left: 25px; display: inline-block; border-radius: 3px; font-size:12px; color:#8a8a8a;} #seo_consolation_form .wpcf7-list-item-label:before { font-family: FontAwesome; content: ""; background: #e2e6e9; width: 18px; height: 18px; line-height: 18px; text-align: center; position: absolute; left: 2px; border-radius: 2px;} #seo_consolation_form .checkbox_seo_title input[type=checkbox]:checked + span.wpcf7-list-item-label:before { content: "\f00c"; color: #fff; background: #77da55; padding-left: 2px;} #seo_consolation_form .checkbox_seo_title input[type=checkbox] { display: none;} #wrap .checkseo { position: relative;} #wrap .checkseo div { padding: 0;} #wrap .checkseo input[type=text] { float: left;width: 100%; line-height: 18px;background: #fff; border: 2px solid #e0e6e8; border-radius: 3px; padding: 13px;} #wrap .checkseo input[type=text]::-webkit-input-placeholder { font-size: 11px; font-weight: 700; color: rgba(174, 178, 180, .75);} #wrap .checkseo input[type=text]::-moz-placeholder { font-size: 10px; font-weight: 700; color: rgba(174, 178, 180, .75);} #wrap .checkseo input[type=text]:-ms-input-placeholder { font-size: 10px; font-weight: 700; color: rgba(174, 178, 180, .75);} #wrap .checkseo input[type=submit] { position: absolute;right: 4px; top: 3.5px; background: #77da55; border-radius: 0; border-top-right-radius: 3px; border-bottom-right-radius: 3px; padding: 13px 40px 11px;line-height: 16px; margin: 0;border: none;} #wrap .checkseo input[type=submit]:hover {background: #292929;} #wrap .checkseo input[type=submit]:active { box-shadow: 0 2px 5px black inset; color: #ddd;} @media (min-width:960px) and (max-width:1280px){ #wrap .checkseo input[type=submit] { padding: 12px 20px;} } @media (max-width:960px){ #wrap .checkseo input[type=submit] { width: 100%; top: 52px; right: 0px; border-radius: 3px;} } /* TEAM */ .our-team {text-align: center; background: #fff; margin-bottom: 30px; overflow:hidden;} .social-team { padding-bottom:14px; text-align:center;} .our-team figure { position: relative; margin: 0 auto; overflow: hidden; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;} .our-team figure img { width:160px; border-radius:50%; height:auto;} .blox .our-team figure img { margin-top:25px;} .social-team i { margin:0 4px; background:#fff; padding: 10px;font-size: 18px; -webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;color: #777;} .our-team h2 { font-size: 17px; margin-top:25px; font-weight: 700; text-transform:uppercase; letter-spacing:1px; color:#515151;} .our-team h2 a { color:#515151;} .our-team h2 a:hover { text-decoration:underline;} .our-team h5 { color:#00c2e5; margin-top:15px; margin-bottom: 10px; font-size:12px; font-weight: 700; text-transform:uppercase; letter-spacing:2.6px;} .our-team p { font-size:14px; padding:7px 25px 0; color: #8a8a8a;} .our-team .social-team{ padding-top: 10px;} .our-team .social-team i { margin:0 4px; padding: 5px 6px;font-size: 18px; border-radius: 3px;color: #8a8a8a;} .our-team .social-team i.fa-facebook { padding:5px 8px;} .our-team i:hover {color:#fff;} .social-team a i.fa-facebook:hover { background: #3b5996;} .social-team a i.fa-twitter:hover { background: #00acee;} .social-team a i.fa-vimeo:hover { background: #0dadd6;} .social-team a i.fa-dribbble:hover { background: #d53e68;} .social-team a i.fa-youtube:hover { background: #cb322c;} .social-team a i.fa-pinterest:hover { background: #cb2027;} .social-team a i.fa-linkedin:hover { background: #0073b2;} .social-team a i.fa-rss:hover { background: #f29a1d;} .social-team a i.fa-google-plus:hover { background: #c3391c;} .social-team a i.fa-instagram:hover { background: #457399;} /* Our Team 1 */ .our-team1 { position:relative; margin:0;} .our-team1 figure { position: relative; overflow: hidden; margin: 0 auto; z-index: 0;} .our-team1 img { width: 100%; -webkit-filter: grayscale(100%); filter: grayscale(100%); transition: .46s all ease;} .our-team1 figcaption { position: absolute; bottom: 0; left: 0; right:0; text-align: center; width: 100%; height:200px; bottom:-200px; background: rgba(0, 194, 229, 0.95); transition: all .28s ease;} .our-team1 h2 { color: #fff; font-size: 18px; margin-top :-30px; font-weight: 600;} .our-team1 h5 { color: #fff; font-size: 14px;} .our-team1 figure h2, .our-team1 figure h5 { position:absolute; top: 40%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); line-height: 1; width: 100%; transition: .38s all ease;} .our-team1:hover figure h2, .our-team1:hover figure h5 { top:47%;} .our-team1:hover figcaption { bottom:0;} .our-team1 .social-team { margin-top: 15px; position:absolute; bottom:-20px; left:50%; transform: translate(-50%,0); -webkit-transform: translate(-50%,0); opacity:0; transition: .34s all ease;} .our-team1:hover .social-team { bottom:20px; opacity:1;} .our-team1 .social-team i { background: transparent; color:#fff; display: inline-block; width: 30px; height: 30px; padding: 6px;} .our-team1 .social-team i:before { color: #fff;} .our-team1:hover img { -webkit-filter: grayscale(0); filter: grayscale(0);} /* Our Team 2 */ .our-team2 { position: relative; margin: 0 auto; border-radius: 50%; border: 2px solid #57c3ea; width: 222px; height: 222px; overflow: hidden; z-index: 0;} .our-team2 figure {/* position: absolute; */ width: 100%; height: 100%;} .our-team2 figure h2 { position: absolute;bottom: -16px; left: 50%; transform: translate(-50%,0); -webkit-transform: translate(-50%,0); width: 100%; text-align: center; background: #00c2e5;height: 29%; color: #fff; line-height: 3; font-size: 15px; transition: .5s; text-transform: uppercase;} .our-team2 figure h5 { position: absolute; bottom: -7px; left: 50%; transform: translate(-50%,0); -webkit-transform: translate(-50%,0); text-align: center; color: #616161; font-size: 14px; font-weight: 400; line-height: 4; height: 0; width: 100%; background: #DFE6E9; transition: .3s; -webkit-transition-delay: .2s; /* Safari */ transition-delay: .2s; text-transform: uppercase;} .our-team2:hover h2 { height: 0;} .our-team2:hover h5 { height: 50%;} .our-team2 .social-team { position: absolute; top: 0; left: 50%; transform: translate(-50%,0); -webkit-transform: translate(-50%,0); text-align: center; width: 100%; height: 0; background: #00c2e5;transition: .3s; -webkit-transition-delay: .2s; /* Safari */ transition-delay: .2s; padding-top: 0; padding-bottom: 0; overflow: hidden;} .our-team2 .social-team a i { background: none; color: #fff; font-size: 20px;} .our-team2 .social-team a i:hover { background: none;} .our-team2:hover .social-team { opacity: 1; height: 50%; padding-top: 30%;} @media (min-width: 768px) and (max-width: 960px) { .our-team2 { width: 180px; height: 180px;} .our-team2 figure h2 { font-size: 13px;} } @media (min-width: 480px) and (max-width: 767px) { .our-team2 { width: 380px; height: 380px;} } @media (max-width: 479px) { .our-team2 { width: 250px; height: 250px;} } /* Our Team 3 */ .our-team3 figure { width: 43%; float: left; margin-right: 3%;} .our-team3 figure img { border-radius: 50%; transition: .2s all ease; border: 5px solid transparent; width: 138px; height: 138px;} .our-team3:hover figure img { border: 5px solid #00c2e5;} .our-team3 .tdetail { width: 48%; float: left;} .our-team3 .tdetail h2 { font-size: 18px; letter-spacing: 0; margin-bottom: 0; line-height: 28px; font-weight: 700; margin-top: 20px;} .our-team3 .tdetail h5 { color: #888; margin-bottom: 18px; font-size: 11px;} .our-team3 .social-team { text-align: left;} .our-team3 .social-team i { text-align: center; background: #bbb; color: #fff; border-radius: 50%; font-size: 18px; padding: 7px; display: inline-block; margin: 0 0 0 4px; width: 30px; height: 30px;} .dark .our-team3 i { background: #000;} .dark .our-team3 .tdetail h5 { color: #ddd;} .alignright .our-team3 figure { float: right; margin: 0 0 0 3%;} .alignright .our-team3 .tdetail,.alignright .our-team3 .tdetail a { float: right;} @media only screen and (max-width: 768px) { .our-team2,.our-team3 { margin-bottom: 30px;} } @media (min-width: 960px) and (max-width: 1199px) { .our-team3 figure img { width: 122px; height: 122px;} } @media (max-width: 960px) { .our-team3 figure img { width: 95px; height: 95px;} } /* Our Team 4 */ .our-team4 { background: #fff; border: 2px solid transparent; box-shadow: 0 2px 0 0px rgba(0,0,0,0.025); transition: .33s all ease;} .blox.dark .our-team4 { background: rgba(255,255,255,0.2);} .our-team4 img { width: 100%;} .our-team4 figure { position: relative;} .our-team4 figcaption h2 { font-size: 20px; color: #010101; font-weight: 500; text-align: center; padding-top: 36px; text-transform: capitalize; margin-bottom: 13px; transition: .26s all ease;} .our-team4 figcaption h5 { font-size: 12px; color: #989898; text-align: center; text-transform: capitalize; padding-bottom: 27px; transition: .26s all ease;} .our-team4 .social-team { position: absolute; bottom: 37%; left: 50%;transform: translate(-50%,0); -webkit-transform: translate(-50%,0); opacity: 0; transition: .26s all ease;} .our-team4 .social-team i {font-size: 17px; font-weight: 600; padding: 6px 7px; transition: .26s all ease;} .our-team4 .social-team .fa-facebook:before { padding: 3px;} .our-team4:hover { border: 2px solid #00c2e5; background: #00c2e5; border-radius: 3px;} .our-team4:hover .our-team4-caption h2 { color: #fff;} .our-team4:hover .our-team4-caption h5 { color: #fff;} .our-team4:hover .social-team { opacity: 1;} @media (min-width:1199px) and (max-width:1280px){ .our-team4 .social-team { bottom: 40%;} } @media (min-width:768px) and (max-width: 1200px){ .our-team4 .social-team { bottom: 50%;} } .our-team4 .social-team a i:before {color: #00c2e5;} .our-team4 .social-team a i:hover, .our-team4 .social-team a:hover i {background: #222 !important; color: #fff !important;} .our-team4 .social-team a i:hover:before { color: #fff !important;} .our-team4:hover.our-team4 figcaption h2 , .our-team4:hover.our-team4 figcaption h5 { color: #fff;} /* Our Team 5 */ .our-team5 { position:relative;} .our-team5 img { width: 100%; -webkit-filter: grayscale(100%); filter: grayscale(100%); transition: .46s all ease;} .our-team5 figcaption {padding: 24px 15px 18px; border-bottom: 2px solid #ECF0F1; transition: .46s all ease;} .our-team5 h2 { font-size: 23px; color: #333; font-weight: 700; letter-spacing:-1px;} .vc_col-sm-2 .our-team5 h2 { font-size: 19px; font-weight:600; letter-spacing:-0.5px;} .our-team5 h5 { font-size: 12px; color: #00c2e5; font-weight: 500; letter-spacing:1px;} .our-team5 p { padding:27px 5px 10px 1px;} .our-team5 .social-team {text-align: center; width: 100%;margin-top: 0;padding-right: 10px; opacity:0; transition: .46s all ease;position: absolute;bottom: 100px;} .our-team5:hover .social-team { opacity:1;} .our-team5 .social-team i {font-size: 18px;background: #fff !important;padding: 10px;width: 36px;height: 36px;display: inline-block;} .our-team5 .social-team .fa-facebook:before { padding: 3px;} .our-team5 .social-team a i:hover { background: none;} .our-team5 .social-team a i:hover:before { color: #00c2e5;} .our-team5:hover img { -webkit-filter: grayscale(0); filter: grayscale(0);} .our-team5:hover figcaption { border-color: #c9c9c9;} /* Our Team 6 */ .our-team6 { text-align: center; background: #fff; margin-bottom: 30px; overflow:hidden; border:2px solid #e7e7e7; padding-bottom:10px;} .social-team6 { padding-bottom:14px; text-align:center;} .our-team6 figure { position: relative; margin: 0 auto; overflow: hidden; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;} .our-team6 figure img { width:100%; height:auto;} .blox .our-team6 figure img { margin-top:25px;} .our-team6 .social-team i { margin:0 4px; background:#fff; padding: 10px;font-size: 18px;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;color: #777;} .our-team6 h2 { font-size: 17px; margin-top:25px; font-weight: 700; text-transform:uppercase; letter-spacing:1px; color:#2a2a2a;} .our-team6 h2 a { color:#2a2a2a;} .our-team6 h2 a:hover { text-decoration:underline;} .our-team6 h5 { color:#00c2e5; margin-top:15px; margin-bottom: 10px; font-size:11px; font-weight: 600; text-transform:uppercase; letter-spacing:2.6px;} .our-team6 p { font-size:14px; padding:7px 25px 0; color: #717171;} .our-team6 .social-team{ padding-top: 10px;} .our-team6 .social-team i { margin:0 4px; padding: 5px 6px;font-size: 18px; border-radius: 3px;color: #8a8a8a;} .our-team6 .social-team i.fa-facebook { padding:5px 8px;} .our-team6 i:hover {color:#fff;} /* TESTIMONIALS */ .b-author { float: right; display: block; text-align: right;} .b-author img { width: 90px; height: 90px; margin-left: 5px; border-radius: 45px; float: right;} .b-author p { margin: 0; float: left; font-size: 17px; color: #393939; margin-top: 22px; margin-right: 10px; font-weight: 400;} .b-author span { color: #797979; letter-spacing: 0; font-size: 14px; font-weight: 300;} .testimonial-content p { margin: 12px; color: #444; line-height: 1.7; font-size: 21px; padding: 10px 0;} .testimonial-arrow { position: absolute; width: 11px; height: 6px; bottom: -6px; right: 110px;} .testimonial { margin-bottom:20px; clear:both; min-width:220px;} .testimonial-content { padding: 10px; position: relative; border: 2px solid #e3e3e3; border-radius:5px; background: #fff; margin: 5px 0;} .container .testimonial-content p { margin:6px;} .testimonial-content h4 { padding:1px 10px; line-height:1.22; color:#595959; margin-top:5px;} .testimonial-content h4 q { font-size: 17px; font-weight:300; color: #525252;} .testimonial-arrow { position:absolute; width: 127px; height: 14px; right: 0px; bottom: -14px;} .testimonial-arrow:after, .testimonial-arrow:before {content: ''; display: block; position: absolute; width: 0; left: 0; height: 0; border-style: solid; border-width: 10px;} .testimonial-arrow:after {top: -1px; border-color: #fdfdfd transparent transparent transparent ;} .testimonial-arrow:before {top: 1px; border-color: #e3e3e3 transparent transparent transparent;}​ .testimonial-brand { position:relative; margin:12px 16px 8px 0px; min-height:50px;} .testimonial-brand img { width:60px; height:60px; border-radius:35px; float:right; margin-left: 2px; margin-right:15px; color:transparent; background:#c5c5c5 url(../images/avatr1.png) no-repeat center;} .testimonial-brand h5 { float: right; clear: left; margin:15px; margin-right: 10px; direction: rtl; font-size: 15px; color: #393939; font-weight: 400;} .testimonial-brand h5 strong { font-weight:600; letter-spacing:0.2px;} .testimonial-brand h5 em { color: #797979; letter-spacing: 0; font-size: 13px; font-weight: 300; font-style: normal;} .blox.dark .testimonial-content { background:none; border:none;} .blox.dark .testimonial-content h4 q { font-size:20px;} .blox.dark .testimonial-brand h5 { font-size:14px; float:none; margin:10px auto;} .blox.dark .testimonial-brand h5 strong { color:#77da55;} .blox.dark .testimonial-brand img { border:none;} .blox.dark .testimonial-arrow:before, .blox.dark .testimonial-arrow:after { border-color: transparent; display:none;} /* Testimonal Type 2 */ .testimonial2 { position: relative; margin: 20px 0;} .testimonial2 img { float: left; margin-right: 31px; border-radius: 50%;} .testimonial2 .testimonial-content { position: relative; background: #fff; display: table; padding: 19px; border: 1px solid #dbdbdb; border-radius: 3px;} .testimonial2 .testimonial-content:after { content: ''; position: absolute; left: -15px; top: 36px; width: 0; height: 0; border-bottom: 0px solid transparent; border-top: 15px solid transparent; border-right: 15px solid #fff;} .testimonial2 .testimonial-content:before { content: ''; position: absolute; left: -16px; top: 33px; width: 0; height: 0; border-bottom: 1px solid transparent; border-top: 19px solid transparent; border-right: 16px solid #dbdbdb;} .testimonial2 .testimonial-content h5 { font-size: 12px; font-weight: 700; text-transform: uppercase; color: #00c2e5;} .testimonial2 .testimonial-content p { margin-bottom: 0; font-size: 13px; font-family: 'lora'; font-style: italic;} /* Testimonial Type 3 */ .testimonial3 { position: relative; margin-bottom: 30px;} .testimonial3 img { float: left; width: 150px; height: 159px;} .testimonial3 .testimonial-content { overflow: hidden; background: #fff; border: 1px solid #ebeef0; border-radius: 0; padding: 0; padding-top: 20px; padding-right: 15px; padding-left:39px;} .testimonial3 .testimonial-content p { color: #616161; border-left: 6px solid #00c2e5; font-size: 13px; padding: 0; margin-top: 0; margin-bottom: 27px; padding-left: 11px; font-family: Open sans; font-style: normal;} .testimonial3 .testimonial-content .tl-social-team { float: left; margin-bottom: 19px; margin-left: 6px;} .testimonial3 .testimonial-content .t-m-footer { float: right; margin-right: 10px;} .testimonial3 .testimonial-content .t-m-footer,.testimonial3 .testimonial-content .t-m-footer h5 ,.testimonial3 .testimonial-content .t-m-footer h6 { display: inline;} .testimonial3 .testimonial-content .t-m-footer { color: #dddddd;margin-bottom: 19px;} .testimonial3 .testimonial-content .t-m-footer h5 { text-transform: uppercase; font-size: 13px;} .testimonial3 .testimonial-content .t-m-footer h6 { color: #00c2e5;} .testimonial3 .testimonial-content .tl-social-team a i { font-size: 16px; color: #dddddd; margin-right: 10px; width: 9px; height: 9px; -webkit-transition: cubic-bezier(0.26, 0.18, 0.48, 0.62) .3s all; transition: cubic-bezier(0.26, 0.18, 0.48, 0.62) .3s all;} .testimonial3 .testimonial-content .tl-social-team a:hover i.fa-twitter { color: #3b5996;} .testimonial3 .testimonial-content .tl-social-team a:hover i.fa-facebook { color: #00acee;} .testimonial3 .testimonial-content .tl-social-team a:hover i.fa-google-plus { color: #cd4132;} .testimonial3 .testimonial-content .tl-social-team a:hover i.fa-vimeo { color: #1bb6ec;} .testimonial3 .testimonial-content .tl-social-team a:hover i.fa-linkedin { color: #007ba9;} .testimonial3 .testimonial-content .tl-social-team a:hover i.fa-pinterest { color: #cb2026;} .testimonial3 .testimonial-content .tl-social-team a:hover i.fa-youtube { color: #dc2925;} .testimonial3 .testimonial-content .tl-social-team a:hover i.fa-dribbble { color: #ec4a89;} .testimonial3 .testimonial-content .tl-social-team a:hover i.fa-instagram { color: #2e5e86;} @media (max-width: 960px){ .testimonial3 img { display: block; float: none;width: 100%;height: auto;margin-bottom: 0;} .testimonial3 .testimonial-content { margin-top: 0; padding: 25px 15px 0;} .testimonial3 .testimonial-content p { text-align: center; border: 0; padding: 0;} } @media (max-width: 479px){ .testimonial3 .testimonial-content .t-m-footer { display: block; margin-right: 0; float: left;} .testimonial3 .testimonial-content .tl-social-team { margin-left: 50%; transform: translate(-50%,0); -webkit-transform: translate(-50%,0); text-align: center;} } /* TESTIMONIALS Slider */ .testimonials-slider-w .testimonial-content { background:none; border:none;} @media only screen and (min-width: 961px) { .testimonials-slider-w .testimonial-content {margin-left:100px;margin-right:100px;} } .testimonials-slider-w .testimonial-content h4 q {font-size: 22px; line-height:1.6; color: rgba(102, 102, 102, 0.92);} .testimonials-slider-w .testimonial-content h4 q:before, .testimonials-slider-w .testimonial-content h4 q:after { position:absolute; font-family: Times, serif; font-size: 30px; margin: 0 7px; font-weight: bold; opacity:0.7;} .testimonials-slider-w .testimonial-content h4 q:before { margin-left:-26px; padding-right:3px;} .testimonials-slider-w .testimonial-content h4 q:after { padding-right:7px;} @media only screen and (max-width: 767px) { .testimonials-slider-w .testimonial-content h4 q {font-size: 17px;} } .testimonials-slider-w .testimonial-arrow { display:none;} .testimonials-slider-w .testimonial-brand h5, .testimonials-slider-w .testimonial-brand img { float:none;} .blox.dark .testimonials-slider-w .testimonial-content { background:none; border:none;} .testimonials-slider-w.flexslider { background: transparent; text-align:center; margin-bottom:20px; max-width:1090px; margin-left:auto; margin-right:auto;} .testimonials-slider-w.flexslider .slides { height:auto; padding:0;margin:0 auto;position:relative; overflow:initial;} .testimonials-slider-w.flexslider .slides li { word-break: break-word; color:#fff; list-style:none; font-size: 12px;} .testimonials-slider-w.flexslider .slides li span{ color:#1bbc9b;} .testimonials-slider-w.flexslider .flex-direction-nav { display:block;} .testimonials-slider-w.flexslider .flex-direction-nav a {width: 45px;height: 45px; background: none; opacity: 0.65; border: 2px solid #00c2e5;padding: 10px;border-radius:50%; transition: all .19s ease;} @media only screen and (max-width: 960px) { .testimonials-slider-w.flexslider .flex-direction-nav a { top:auto; bottom:-30px; right:auto; left:50%; padding:10px;} .testimonials-slider-w.flexslider .flex-direction-nav .flex-prev { margin-left: -44px;} .testimonials-slider-w.flexslider .flex-direction-nav .flex-next { margin-left: 8px;} } .testimonials-slider-w.flexslider .flex-direction-nav a i {color: #00c2e5; font-family: simple-line-icons; font-size: 20px; padding: 0;} .testimonials-slider-w.flexslider .flex-direction-nav a i.fa-chevron-left:before { content: "\e605";} .testimonials-slider-w.flexslider .flex-direction-nav a i.fa-chevron-right:before { content: "\e606";} .testimonials-slider-w.flexslider .flex-direction-nav a:hover { background: #00c2e5;} .testimonials-slider-w.flexslider .flex-direction-nav a:hover .fa-chevron-right:before { color: #fff;} .testimonials-slider-w.flexslider .flex-direction-nav a:hover .fa-chevron-left:before { color: #fff;} .testimonials-slider-w.flexslider .flex-control-nav { display:none;} .testimonials-slider-w.flexslider .flex-control-paging li a { display:none;} .blox.dark .testimonials-slider-w.flexslider .flex-direction-nav a { border:2px solid rgba(255,255,255,0.9);} .blox.dark .testimonials-slider-w.flexslider .flex-direction-nav a i { color:rgba(255,255,255,0.9);} .testimonials-slider-w.flexslider .testimonial-brand { position:relative;margin-left:auto; width:100%; margin-right:auto; text-align:center;margin-top: 0;} .blox.dark .testimonials-slider-w.flexslider .testimonial-brand img { padding:0; border:3px solid #fff;} #wrap .testimonials-slider-w.flexslider .testimonial-brand img { position: relative; width: 80px;height: auto !important; left: 50%; transform: translate(-50%,0); -webkit-transform: translate(-50%,0); border: 1px solid #e0dfdf; border-radius: 50%; box-shadow: 0 2px 0 0px rgba(0,0,0,0.035); margin: 0;} .testimonial-brand .second-social a i:before { border-radius: 50%; font-size: 20px;} .testimonials-slider-w .social-testimonial ul { margin: 0;} #wrap .testimonials-slider-w .social-testimonial ul li { display: inline; text-align: center;} #wrap .testimonials-slider-w .social-testimonial ul li a i:before { font-size: 13px;} #wrap .testimonials-slider-w .social-testimonial ul li a i { display: inline-block; width:24px; padding: 5px; border-radius: 50%; margin-right: 4px; transition: .3s;box-shadow: 0 0 5px rgba(0, 0, 0, 0.32) inset;} #wrap .testimonials-slider-w .social-testimonial ul li a i:before { font-size: 13px;} #wrap .testimonials-slider-w .social-testimonial ul li a i.fa-twitter { background: #3b5996; color: #fff;} #wrap .testimonials-slider-w .social-testimonial ul li a i.fa-facebook { background: #00acee; color: #fff; padding: 6px 8px;} #wrap .testimonials-slider-w .social-testimonial ul li a i.fa-google-plus { background: #cd4132; color: #fff;} #wrap .testimonials-slider-w .social-testimonial ul li a i.fa-vimeo { background: #1bb6ec; color: #fff;} #wrap .testimonials-slider-w .social-testimonial ul li a i.fa-linkedin { background: #007ba9; color: #fff;} #wrap .testimonials-slider-w .social-testimonial ul li a i.fa-pinterest { background: #cb2026; color: #fff;} #wrap .testimonials-slider-w .social-testimonial ul li a i.fa-youtube { background: #dc2925; color: #fff;} #wrap .testimonials-slider-w .social-testimonial ul li a i.fa-dribbble { background: #ec4a89; color: #fff;} #wrap .testimonials-slider-w .social-testimonial ul li a i.fa-instagram { background: #2e5e86; color: #fff;} #wrap .testimonials-slider-w .social-testimonial ul li a i.fa-twitter:hover { background: #fff; color: #3b5996;} #wrap .testimonials-slider-w .social-testimonial ul li a i.fa-facebook:hover { background: #fff; color: #00acee;} #wrap .testimonials-slider-w .social-testimonial ul li a i.fa-google-plus:hover { background: #fff; color: #cd4132;} #wrap .testimonials-slider-w .social-testimonial ul li a i.fa-vimeo:hover { background: #fff; color: #1bb6ec;} #wrap .testimonials-slider-w .social-testimonial ul li a i.fa-linkedin:hover { background: #fff; color: #007ba9;} #wrap .testimonials-slider-w .social-testimonial ul li a i.fa-pinterest:hover { background: #fff; color: #cb2026;} #wrap .testimonials-slider-w .social-testimonial ul li a i.fa-youtube:hover { background: #fff; color: #dc2925;} #wrap .testimonials-slider-w .social-testimonial ul li a i.fa-dribbble:hover { background: #fff; color: #ec4a89;} #wrap .testimonials-slider-w .social-testimonial ul li a i.fa-instagram:hover{ background: #fff; color: #2e5e86;} /*--- Core Owl Carousel v1.3.3 ---*/ .owl-carousel .owl-wrapper:after { content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;} .owl-carousel { display:none; position:relative; width:100%; -ms-touch-action:pan-y;} .owl-carousel .owl-wrapper { display:none; position:relative;} .owl-carousel .owl-wrapper-outer { overflow:hidden; position:relative; width:100%;} .owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition:height 500ms ease-in-out; -moz-transition:height 500ms ease-in-out; -ms-transition:height 500ms ease-in-out; -o-transition:height 500ms ease-in-out; transition:height 500ms ease-in-out;} .owl-carousel .owl-item { float:left;} .owl-controls .owl-buttons div,.owl-controls .owl-page { cursor:pointer;} .owl-controls { -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-tap-highlight-color:rgba(0,0,0,0);} .owl-carousel .owl-item,.owl-carousel .owl-wrapper { -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0);} /*--- Owl Carousel Owl Demo Theme v1.3.3 ---*/ .owl-theme .owl-controls { margin-top:10px; text-align:center;} .owl-theme .owl-controls .owl-buttons div { color:#FFF; display:inline-block; zoom:1; *display:inline; margin:5px; padding:3px 10px; font-size:12px; -webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px; background:#869791; filter:Alpha(Opacity=50); opacity:.5;} .owl-theme .owl-controls.clickable .owl-buttons div:hover { filter:Alpha(Opacity=100); opacity:1; text-decoration:none;} .owl-theme .owl-controls .owl-page { display:inline-block; zoom:1; *display:inline;} .owl-theme .owl-controls .owl-page span { display:block; width:12px; height:12px; margin:5px 7px; filter:Alpha(Opacity=50); opacity:.5; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; background:#869791;} .owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span { filter:Alpha(Opacity=100); opacity:1;} .owl-theme .owl-controls .owl-page span.owl-numbers { height:auto; width:auto; color:#FFF; padding:2px 10px; font-size:12px; -webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px;} .owl-item.loading { min-height:150px; background:url(AjaxLoader.gif) no-repeat center center;} @media only screen and (min-width: 768px) { /* webnus */ .owl-item img { -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; filter: grayscale(100%); -moz-filter: grayscale(100%); } .owl-item img:hover { filter: grayscale(0%); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%); filter: none; -webkit-filter: grayscale(0);} } /*--- our client ---*/ .client-block { width: 100%; display: block; margin-bottom: 60px;} .our-clients-wrap { float: none; margin-top: 10px; position: relative;} .our-clients-wrap.crsl { margin-top:35px; margin-left:auto; margin-right:auto;} ul.our-clients li { list-style:none; width:20%; padding:10px 15px; text-align:center; float: left; min-height:130px; margin:0; vertical-align: middle; border-bottom:1px solid #e9e9e9; border-right:1px solid #e9e9e9;} ul.our-clients li:nth-child(5n) { border-right:none;} ul.our-clients li:nth-child(n+6) { border-bottom:none;} ul.our-clients li:nth-child(n+11) { border-top:1px solid #e9e9e9;} @media only screen and (max-width: 767px) { .our-clients-wrap { padding-top: 30px;} ul.our-clients li { width:49.979%;} ul.our-clients li:nth-child(5n) { border-right:1px solid #e9e9e9;} ul.our-clients li:nth-child(2n) { border-right:none;} ul.our-clients li:nth-child(n+6) { border-bottom:1px solid #e9e9e9;} ul.our-clients li:nth-child(n+3) { border-bottom:none;} ul.our-clients li:nth-child(n+5) { border-top:1px solid #e9e9e9;} } ul.our-clients li img { height:auto; width:auto; max-width:100%;max-height: 110px; margin:0; -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; filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: url("data:image/svg+xml;utf8,#grayscale"); filter: grayscale(100%); filter: gray; -webkit-filter: grayscale(1);} ul.our-clients li img:hover { filter: grayscale(0%); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%); filter: none; -webkit-filter: grayscale(0);} #our-clients.crsl.our-clients li { border:none;} ul.our-clients li:first-child { margin-left: 0;} ul.our-clients:after { clear: both;} /*owl custom*/ #wrap .crsl { margin:0;} #wrap .crsl .owl-buttons div{ top: 40px; opacity: 1; position: absolute; right: auto; left: 50%; color: #929ca3; background:none; padding:0;} #wrap .crsl .owl-buttons div:hover, .our-clients-wrap.crsl .owl-buttons div:active{ color: #3fcae7;} #wrap .crsl .owl-buttons div { font-family: vc_entypo;} #wrap .crsl .owl-buttons .owl-prev { left: -35px; top: 40px; right: auto;} #wrap .crsl .owl-buttons .owl-next { top: 40px; right: -36px; left: auto;} #wrap .crsl .owl-buttons div:after, #wrap .crsl .owl-buttons .owl-prev:after {font-family: 'simple-line-icons';font-size: 31px;font-weight: 100;} #wrap .crsl .owl-buttons div:after {content: "\e606";} #wrap .crsl .owl-buttons .owl-prev:after {content: "\e605";} #wrap .crsl li {width: 100%; float: left; list-style: none;} #wrap .crsl li img{max-width: 100%;} .our-clients-wrap.crsl { margin-top: 0;} /****/ /* Testimonial Carousel */ .testimonial-carousel { position:relative; padding:0 40px; cursor: -webkit-grab; cursor: -moz-grab;} .testimonial-carousel .tc-item { text-align:center; padding:10px 25px;} .testimonial-carousel .tc-item img { width:90px; height:90px; border-radius:60px;box-shadow: 0 2px 0 0px rgba(0,0,0,0.011);padding: 3px;background: #fff; border: 1px solid #f0f0f0;} .testimonial-carousel .tc-content { position:relative; background:#fff; color:#808080; margin-top:30px; margin-bottom:18px; padding:30px; font-size:14px; border:1px solid #eaeaea; border-radius: 2px; box-shadow: 0 2px 0 0px rgba(0,0,0,0.025);} .testimonial-carousel .tc-content:after, .testimonial-carousel .tc-content:before { content: '';display: block;position: absolute; left:50%; margin-left:-10px;width: 0;height: 0;border-style: solid; border-width: 10px;} .testimonial-carousel .tc-content:after { top: -18px; border-color: transparent transparent #ffffff transparent ;} .testimonial-carousel .tc-content:before { top: -19px; border-color: transparent transparent #e2e2e2 transparent ;} .testimonial-carousel .tc-name { font-size:15px; font-weight:600; color:#333; margin-bottom:3px; line-height:1.2;} .testimonial-carousel .tc-job {font-size:11px; font-weight:500; text-transform:uppercase; letter-spacing:1px; color:#888;} .testimonial-carousel .tc-navigation { position:absolute; width:100%; left:0; right:0; top:50%;} .testimonial-carousel .tc-navigation .btn.next, .testimonial-carousel .tc-navigation .btn.prev { position:absolute;font-size: 18px;width: 34px;height: 34px;display: block;padding: 4px;text-align: center;border: 1px solid #e3e3e3; border-radius:73px; right:0;color: #666; background:#fff;cursor: pointer; box-shadow: 0 2px 0 0px rgba(0,0,0,0.045); transition: all 0.18s ease;} .testimonial-carousel .tc-navigation .btn.next:hover, .testimonial-carousel .tc-navigation .btn.prev:hover { background:#393939; color:#fff; border-color:#393939;} .testimonial-carousel .tc-navigation .btn.prev { right:auto; left:0;} @media (min-width:768px) and (max-width:959px){ .testimonial-carousel .tc-item { padding:10px 15px;} .testimonial-carousel .tc-content { padding:16px 12px; font-size:13px;} } @media only screen and (max-width: 767px) { .testimonial-carousel .tc-item { padding:10px;} .testimonial-carousel .tc-content { padding:20px 15px; font-size:12px;} } /* Hero Carousel */ #wrap .vc_carousel.vc_carousel_horizontal.hero-carousel { display:block;} #wrap .vc_carousel.vc_carousel_horizontal.hero-carousel .wpb_wrapper { padding:0; margin:0; border:none;} #wrap .vc_carousel.vc_carousel_horizontal.hero-carousel .vc_carousel-slideline .vc_carousel-slideline-inner > .vc_item > .vc_inner { margin:0; padding:0; position:relative; background:#000;} #wrap .vc_carousel.vc_carousel_horizontal.hero-carousel .entry-content, #wrap .vc_carousel.vc_carousel_horizontal.hero-carousel .teaser-metadata { display:none;} #wrap .vc_carousel.vc_carousel_horizontal.hero-carousel img { width: 100%; border:none; margin:0;} #wrap .vc_carousel.vc_carousel_horizontal.hero-carousel .hero-carousel-wrap { position: absolute; left: 0; right: 0; bottom: 7%; width: 84%; padding: 30px; margin: auto; background: rgba(255,255,255,0.83); letter-spacing: -1px;} #wrap .vc_carousel.vc_carousel_horizontal.hero-carousel .hero-carousel-wrap .hero-metadata .category a { padding:4px 8px; background:#00c2e5; color:#fff; letter-spacing: 2px; font-size: 11px; text-transform: uppercase;font-weight: 400;margin-right:4px; text-shadow:none; transition: all .22s ease;} #wrap .vc_carousel.vc_carousel_horizontal.hero-carousel .hero-carousel-wrap .hero-metadata .category a:hover { background:#000;} #wrap .vc_carousel.vc_carousel_horizontal.hero-carousel .hero-carousel-wrap .hero-metadata .date { font-size:13px; color:#808080; letter-spacing:0.2px; font-family: 'Lora',serif; font-style: italic;} #wrap .vc_carousel.vc_carousel_horizontal.hero-carousel h2.post-title { font-size: 19px; font-weight: 800; line-height:1.3; color:#fff; margin:10px 0 0;text-transform: uppercase;letter-spacing: 2px;} #wrap .vc_carousel.vc_carousel_horizontal.hero-carousel h2.post-title a { color:#1f2123;} #wrap .vc_carousel.vc_carousel_horizontal.hero-carousel h2.post-title a:hover { color:#00c2e5;} #wrap .vc_carousel.vc_carousel_horizontal.hero-carousel ol.vc_carousel-indicators { display:none;} #wrap .vc_carousel.vc_carousel_horizontal .vc_carousel-control { margin:0; width:60px; height:100%; top:0; left:0; bottom:0; background:rgba(0,0,0,0.42);} #wrap .vc_carousel.vc_carousel_horizontal .vc_carousel-control.vc_right { left:auto; right:0;} #wrap .vc_carousel.vc_carousel_horizontal .vc_carousel-control .icon-prev:before, #wrap .vc_carousel.vc_carousel_horizontal .vc_carousel-control .icon-next:before { font-family:'FontAwesome'; font-size:24px; color:#fff; content:"\e605";} #wrap .vc_carousel.vc_carousel_horizontal .vc_carousel-control .icon-next:before { content:"\e606";} @media only screen and (max-width: 767px) { #wrap .vc_carousel.vc_carousel_horizontal.hero-carousel .vc_carousel-slideline .vc_item.vc_slide_post{ width:300px !important;} #wrap .vc_carousel.vc_carousel_horizontal.hero-carousel h2.post-title { font-size:18px;} } #wrap .vc_carousel.vc_slide { visibility:hidden; max-height:220px; transition: all .27s ease;} #wrap .vc_carousel.vc_slide.vc_build { visibility:visible; max-height:none;} /* Hero Post Slider */ #wrap .wpb_gallery { border: 1px solid #e5e5e5;} #wrap .wpb_gallery_slides img { border:none;} #wrap .wpb_gallery_slides .flex-caption { background: rgba(0,0,0,0.1); bottom:0; top:0; width:100%; padding-top:29%;} #wrap .wpb_gallery_slides .flex-caption h2.post-title { font-size: 26px; font-weight: 700; line-height:1.3; letter-spacing:3px; margin-bottom:6px;text-transform: uppercase;} #wrap .wpb_gallery_slides .flex-caption h2.post-title a { color: #fff;} #wrap .wpb_gallery_slides .flex-caption h2.post-title a:hover { color:#00c2e5;} #wrap .wpb_gallery_slides .flex-caption a.readmore:after { content:""; display:none;} #wrap .wpb_gallery_slides .flex-caption h6, #wrap .wpb_gallery_slides .flex-caption h6 a { font-size: 12px; font-weight: 700; color: #ddd; text-transform: uppercase; letter-spacing: 2px;} /* Plans & Pricing */ #wrap .ptp-pricing-table { display: block; width:auto; margin: 0 auto;} #wrap .ptp-pricing-table .ptp-item-container { text-align: center; margin: 12px 0; -webkit-transition: all .03s ease; -moz-transition: all .03s ease; -ms-transition: all .03s ease; -o-transition: all .03s ease; transition: all .03s ease; border: 1px solid transparent; border-radius: 6px;} #wrap .ptp-pricing-table .ptp-plan { background-color: #e7e7e7; font-weight: normal; font-size: 20px; margin: 0;padding: 16px;border-radius: 4px 4px 0 0; color:#425b71;} #wrap .ptp-pricing-table .ptp-price { padding: 8px 0; color: #fff; font-weight: bold; background: #27ae60; font-size: 12px; letter-spacing:1.2px; text-transform:uppercase;} #wrap .ptp-pricing-table .ptp-bullet-item { background-color:#fbfbfb; color:#979797; text-align:center; padding: 16px 0; margin: 0; font-size: 13px; font-weight: 400; border-bottom: 1px dotted #e3e3e3;} #wrap .ptp-pricing-table .ptp-bullet-item span{color:#425b71; font-weight:700} #wrap .ptp-pricing-table .ptp-item-container .ptp-cta {border-radius: 0 0 4px 4px; background-color: #f7f7f7; border-top:3px solid #f0f0f0;} #wrap .ptp-pricing-table .ptp-item-container .ptp-button {padding: 12px 0; border: none; background-color: transparent; color: #4f667a; font-size:12px; font-weight:bold; text-transform:uppercase;} #wrap .ptp-pricing-table .ptp-item-container:hover {background-color:#fff;} #wrap .ptp-pricing-table .ptp-item-container:hover .ptp-plan{background: #e4644b; color: #fff;} #wrap .ptp-pricing-table .ptp-item-container:hover .ptp-price{background: #de5440;} #wrap .ptp-pricing-table .ptp-item-container:hover .ptp-button { box-shadow: none; background-color:#e4644b; color:#fff} #wrap .ptp-pricing-table .ptp-three-col {width: 33.33333333333333%;} #wrap .ptp-pricing-table .ptp-four-col {width: 25%;} #tablepress-3_filter input[type="search"] {padding: 10px 15px; margin-left: 20px; margin-bottom: 27px; border: 1px solid #DADADA; border-radius: 5px; box-shadow: 0 0 8px 3px #eee inset;} #tablepress-3_filter input[type="search"]:focus { box-shadow: 0 0 10px 1px #dcdcdc;} /* pricing plan type 1 */ .pricing-plan1 { border: 1px solid #e3e3e3;position: relative; padding: 30px 24px; padding-right: 0; min-height: 106px; -webkit-transition: .3s cubic-bezier(0.25, 0.3, 0.06, 0.85); transition: .3s cubic-bezier(0.25, 0.3, 0.06, 0.85);} .pricing-plan1 .ppheader {padding-right: 113px;position: relative;} .pricing-plan1 .ppheader h4 { font-size: 16px; color: #000; font-weight: 700; text-transform: uppercase; margin-bottom: 8px; -webkit-transition: .3s cubic-bezier(0.25, 0.3, 0.06, 0.85); transition: .3s cubic-bezier(0.25, 0.3, 0.06, 0.85);} .pricing-plan1 .ppheader p { line-height: 24px; margin-bottom: 0; padding-bottom: 0; -webkit-transition: .3s cubic-bezier(0.25, 0.3, 0.06, 0.85); transition: .3s cubic-bezier(0.25, 0.3, 0.06, 0.85);width: 100%;} .pricing-plan1 .ppfooter { text-align: center;position: absolute;right: 20px;top: 19px;} .pricing-plan1 .ppfooter h4 { font-size: 26px; color: #5dc738; font-weight: 700; text-transform: uppercase; margin-bottom: 8px;} .pricing-plan1 .ppfooter .readmore:after { display: none;} .pricing-plan1 .ppfooter .readmore { left: 0; transform: none; border: 2px solid #00c2e5; font-family:'Open Sans',sans-serif; padding: 7px 20px; color: #00c2e5; font-weight: 600; margin: 0; -webkit-transition: .3s cubic-bezier(0.25, 0.3, 0.06, 0.85); transition: .3s cubic-bezier(0.25, 0.3, 0.06, 0.85);letter-spacing: 0;} .pricing-plan1 .ppfooter .readmore:hover { background:#292929; border-color:#292929; color:#fff;} @media (min-width:960px){ .pl-custom-lft .pricing-plan1, .pl-custom-lft .pricing-plan2 { border-left:none;} .pl-custom-btm .pricing-plan1, .pl-custom-btm .pricing-plan2 { border-bottom:none;} .pl-custom-rgt .pricing-plan1, .pl-custom-rgt .pricing-plan2 { border-right:none;} .pl-custom-top .pricing-plan1, .pl-custom-top .pricing-plan2 { border-top:none;} } @media (min-width:960px) and (max-width: 1200px){ .pricing-plan1 .ppheader p { font-size: 12px;} .pricing-plan1 { padding: 10px} } @media (min-width:768px) and (max-width:959px){ .pricing-plan1 { padding-top: 11px !important;} .pricing-plan1 .ppheader { display: block; padding: 0; text-align: center;} .pricing-plan1 .ppfooter { position: relative; display: inline-block; left: 50%; top: 0; transform: translate(-50%,0); -webkit-transform: translate(-50%,0);} .pricing-plan1 .ppfooter h4 { margin-right: 5px;} .pricing-plan1 .ppfooter .readmore { top: -5px;} .pricing-plan1 .ppfooter h4, .pricing-plan1 .ppfooter .readmore { display: inline-block;} .pricing-plan1 .ppheader p { font-size: 12px;} .pricing-plan1 { padding: 10px} } /* pricing plan type 2 */ .pricing-plan2 {position: relative;z-index: 8;background: #fff; border: 1px solid #e3e3e3; overflow: hidden; padding: 28px 25px 29px 25px; -webkit-transition: .5s cubic-bezier(0.25, 0.5, 0.06, 0.85); transition: .5s cubic-bezier(0.25, 0.5, 0.06, 0.85);} .pricing-plan2 .ppheader { display: inline-block;} .pricing-plan2 .ppheader h4 { font-size: 16px; font-weight: 700; color: #000; text-transform: uppercase; padding-bottom: 3px; -webkit-transition: .5s cubic-bezier(0.25, 0.5, 0.06, 0.85); transition: .5s cubic-bezier(0.25, 0.5, 0.06, 0.85);} .pricing-plan2 ul { display: inline-block; margin-bottom: 0; -webkit-transition: .5s cubic-bezier(0.25, 0.5, 0.06, 0.85); transition: .5s cubic-bezier(0.25, 0.5, 0.06, 0.85);} .pricing-plan2 ul li { list-style: none; margin-bottom: 0; padding-bottom: 5px; font-size: 13px; text-transform: capitalize; color: #616161; -webkit-transition: .5s cubic-bezier(0.25, 0.5, 0.06, 0.85); transition: .5s cubic-bezier(0.25, 0.5, 0.06, 0.85);} .pricing-plan2 ul li .feature-icon { padding-right: 8px;color: #acacac; font-family: 'FontAwesome';} .pricing-plan2 ul li .available-icon:before { content: "\f00c";} .pricing-plan2 ul li .not-available-icon:before { content: "\f00d";} .pricing-plan2 .ppfooter { float: right; position: absolute; bottom: 23px; right: 23px; text-align: center;} .pricing-plan2 .ppflag {z-index: 1; position: absolute; top:18px; right: -30px; font-size: 11px; letter-spacing:1px; text-transform: uppercase; background: #5dc738; padding: 2px 40px; color: #fff; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: .5s cubic-bezier(0.25, 0.5, 0.06, 0.85); transition: .5s cubic-bezier(0.25, 0.5, 0.06, 0.85);} .pricing-plan2 .ppfooter h4 { font-size: 20px; color: #5dc738; font-weight: 700; text-transform: uppercase; margin-bottom: 12px; -webkit-transition: .5s cubic-bezier(0.25, 0.5, 0.06, 0.85); transition: .5s cubic-bezier(0.25, 0.5, 0.06, 0.85);} .pricing-plan2 .ppfooter .readmore:after { display: none;} .pricing-plan2 .ppfooter .readmore { left: 0; transform: none; border: 2px solid #00c2e5; font-family:'Open Sans',sans-serif; padding: 7px 20px; color: #00c2e5; font-weight: 600; margin: 0; -webkit-transition: .3s cubic-bezier(0.25, 0.3, 0.06, 0.85); transition: .3s cubic-bezier(0.25, 0.3, 0.06, 0.85);letter-spacing: 0;} .pricing-plan2 .ppfooter .readmore:hover { background:#292929; border-color:#292929; color:#fff;} @media (max-width: 480px){ .pricing-plan2 { padding: 8px 8px 12px 8px;} .pricing-plan2 .ppfooter { bottom: 13px; right: 13px;} .pricing-plan2 .ppfooter h4 { font-size: 13px;} .pricing-plan2 .ppfooter .readmore { font-size: 10px; padding: 7px 15px;} .pricing-plan2 .ppflag { font-size: 9px; padding-top: 6px;} } @media (max-width: 960px){ .pricing-plan2 .ppfooter, .pricing-plan1 .ppfooter { float: none; position:static; padding-top:10px;} } /* OUR PROCESS SECTION */ .our-process-wrap { background: url(../images/ourprocess.png) left top no-repeat; background-size: contain; display: table; padding-top: 82px;padding: 84px 40px 0;} .our-process { border-bottom: 1px dashed #e0e0e0; position: relative; height: 62px; overflow:visible; z-index:11;} .our-process:before, .our-process:after { content: "\f192"; position: absolute; left: -8px; bottom: -4px; font-family: 'FontAwesome'; font-size: 16px; color: #ccc;} .our-process:after { left: auto; bottom: -11px; right: -8px; content: "\f140";} .our-process-item {text-align:center;padding: 0 10px; display: table-cell;} .our-process-item .our-process-content { text-align:center;} .our-process-item i { position: relative; background:#fff; position:relative;color: #52535c;font-size: 32px;display:inline-block;clear:both;border-radius: 50%;border: 2px solid #f4f3f3;-webkit-transition: all 0.33s ease-in-out;transition: all 0.33s ease-in-out;width: 120px;height: 120px;text-shadow: none; box-shadow: 0 2px 0 0px rgba(0,0,0,0.017);} .our-process-item i:before { position: absolute; top: 50%; left: 50%;transform: translate(-50%, -50%); -webkit-transform: translate(-50%,-50%);} .our-process-item:hover i {border-color: #7bd1ef;color: #00c2e5;} .our-process-item h4 {font-size: 17px; text-transform: uppercase; color: #171c24; margin: 34px 0 25px;} .our-process-item p {font-size: 13px;color: #8a8a8a; line-height:1.6; padding:0 15px;} @media only screen and (min-width: 961px) and (max-width: 1280px) { .our-process-wrap { padding-top: 55px} } @media only screen and (max-width: 960px) { .our-process-item p { margin-bottom:33px;} .our-process-item h5 { font-size:15px;} } @media (min-width: 768px) and (max-width: 960px) { .our-process-wrap { padding-top: 35px} .our-process-item:first-child { padding-left: 10px;} .our-process-item:last-child { padding-right: 30px;} .our-process-item i { font-size:32px; padding:18px;} .our-process { height:38px;} .our-process-item i:after { font-size:14px; padding:6px; width:26px; height:26px;} } @media only screen and (max-width: 767px) { .our-process-wrap { display: block; background: url(../images/ourprocess-mobile-v.png) center no-repeat; background-size: contain; padding-top: 72px;} .our-process-item { position: relative; display: block; padding-bottom: 50px;} .our-process-item h4, .our-process-item p { position: relative; background-color: #fff; margin-top: 18px; margin-bottom: 0; padding: 12px 0 15px;} .our-process-item p { margin-top: 0; padding-top: 0; padding-bottom: 24px; margin-bottom: 0;} .our-process { border: none;} .our-process:before, .our-process:after { display: none;} .our-process:after { left: 31px;} } @media only screen and (max-width: 480px) { .our-process-wrap { background-size: inherit; padding-top: 50px; background-position:top; padding-left:0; padding-right:0;} } /* # Buy process ================================================== */ .buy-process-wrap { background: #f6f8f9; position: relative; padding-bottom: 100px;} .buy-process-wrap:before { content: ''; position: absolute; top: 202px; left: 0; width: 100%; height: 39px; background-color: #00c2e5; color: #fff;} .buy-process-items { display: table; margin: auto; overflow: visible;} .buy-process-item { display: table-cell; position: relative; text-align: center; height: 456px; margin: 0 6px;} .buy-process-item:nth-child(odd) .text-wrap, .buy-process-item:nth-child(even) .icon-wrapper { position: absolute; top: 52px; left: 0; right: 0; height: 150px; text-align: center;} .buy-process-item:nth-child(even) .icon-wrapper { top: 0; height: 202px;} .buy-process-item h4 { font-size: 17px; color: #00c2e5; text-transform: uppercase; position: absolute; width: 100%; margin-bottom: 0;} .buy-process-item:nth-child(odd) h4 { bottom: 22px;} .buy-process-item:nth-child(even) h4 { top: 22px;} .buy-process-item p { position: absolute; font-size: 13px; color: #616161; margin-bottom: 0; width: 100%; line-height: 1.6;} .buy-process-item:nth-child(odd) p { bottom: 56px;} .buy-process-item:nth-child(even) p { top: 56px;} .buy-process-item span { position: absolute; top: 211px; left: 50%; transform: translate(-50%); -webkit-transform: translate(-50%); font-size: 25px; color: rgba(255,255,255,0.65); font-weight: 600;} .buy-process-item.featured span { color: #fff;} .buy-process-item:nth-child(odd) .icon-wrapper, .buy-process-item:nth-child(even) .text-wrap { position: absolute; bottom: 49px; left: 0; right: 0; height: 166px;} .buy-process-item.featured:nth-child(odd) .icon-wrapper { height: 215px; bottom: 0;} .buy-process-item .icon-wrapper:before { content: ''; position: absolute; top: 0; bottom: 0; left: 50%; width: 6px; background-color: #00c2e5; transform: translate(-50%, 0 ); -webkit-transform: translate(-50%, 0 );} .buy-process-item i { position: absolute; left: 50%; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); width: 90px; height: 90px; font-size: 40px; color: #fff; border-radius: 50%; background-color: #00c2e5;} .buy-process-item.featured i { background-color: #fff !important; color: #00c2e5; border: 4px solid;} .buy-process-item:nth-child(odd) i { bottom: 0;} .buy-process-item:nth-child(even) i { top: 0;} .buy-process-item i:before { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);} @media only screen and (min-width: 1281px) { .buy-process-items { width: 1186px;} .buy-process-item h4 { font-size: 18px;} .buy-process-item.featured:nth-child(odd) .text-wrap:before, .buy-process-item.featured:nth-child(even) .text-wrap:before { content: ''; position: absolute; width: 180%; height: 133%; background-color: #fff;} .buy-process-item.featured:nth-child(odd) .text-wrap:before { top: -33%; left: -40%; -moz-border-radius: 1000px 1000px 0 0; -webkit-border-radius: 1000px 1000px 0 0; border-radius: 1000px 1000px 0 0;} .buy-process-item.featured:nth-child(even) .text-wrap:before { bottom: -33%; left: -40%; -moz-border-radius: 0 0 1000px 1000px; -webkit-border-radius: 0 0 1000px 1000px; border-radius: 0 0 1000px 1000px;} } @media only screen and (min-width: 961px) and (max-width: 1280px) { .buy-process-items { width: 920px;} .buy-process-item h4 { font-size: 15px;} .buy-process-item p { font-size:12px;} } @media only screen and (max-width: 960px) { .buy-process-items { width: 100%; } } /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px) { .buy-process-items { display: block;} .buy-process-wrap:before, #wrap .buy-process-item .text-wrap, #wrap .buy-process-item .icon-wrapper { position: static; height: auto;} #wrap .buy-process-item span { top: 150px; font-size: 150px; color: #00c2e5; opacity: .12;} .buy-process-item { display: block; height: auto; padding: 115px 20px 60px; overflow: hidden;} .buy-process-item .icon-wrapper:before , .buy-process-item h4, .buy-process-item p { position: static; margin-bottom: 10px;} #wrap .buy-process-item i { top: 0;} .buy-process-item p { padding-left:7%; padding-right:7%;} } /* Latest from blog */ .latest-b2 { margin:30px 0;} .latest-b2 a:hover { text-decoration:underline;} .latest-b2-img { float:left; width:140px; margin-right:15px; min-height:140px;} .latest-b2-cont { min-height:140px; padding-right:10px;} h3.latest-b2-title { font-size:17px; margin-bottom:9px; font-weight:700; margin-top:12px; text-transform:uppercase; line-height:1;} h3.latest-b2-title a { color:#2a2a2a;} h6.latest-b2-cat, h5.latest-b2-date {font-size:12px; margin-bottom:10px; font-weight:400; margin-top:2px; letter-spacing:1px; line-height:1; text-transform:uppercase;} h6.latest-b2-cat a { color:#616161;} h5.latest-b2-date { color:#999; font-size:13px; font-weight:300; font-style:normal;} @media only screen and (min-width: 961px) { .vc_col-md-8 .col-md-6.col-lg-4, .vc_col-md-6 .col-md-6.col-lg-4, .vc_col-md-10 .col-md-6.col-lg-4, .vc_col-sm-8 .col-md-6.col-lg-4, .vc_col-sm-6 .col-md-6.col-lg-4, .vc_col-sm-10 .col-md-6.col-lg-4, .vertical-header-enabled .col-md-6.col-lg-4 { width:50%; padding-left:0;} } @media only screen and (max-width: 479px) { .latest-b2-img { width:100%; float:none; margin-bottom:7px;} } @media only screen and (min-width: 480px) and (max-width: 767px) { h3.latest-b2-title { font-size:16px; letter-spacing:2px;} } /* Twitter */ .twitter-box{ width: 100%; background: #00a0d1; text-align: center; padding: 50px 0;} .twitter-box i { display: inline-block; font-size: 60px; color: #fff; padding: 15px; margin: 10px 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;} .twitter-box h3 { font-size: 20px; color: #fff; width:80%; margin: 0 auto 30px; line-height: 1.5;} .twitter-box a { color:#111;} .twitter-box a:hover { text-decoration:underline;} .twitter-box a.follow-twitter { color:#fff; background: #058dc1; border-radius: 50px; padding: 10px 30px; font-weight:400; vertical-align:middle; text-decoration:none} .twitter-box a.follow-twitter:hover {border: 2px solid #fff;} /* Contact */ .contact-form p { color: #555;} .contact-form input { width: auto; display: block; height: 45px; padding-left: 15px; background: #f7f7f7;} .contact-form textarea { display: block; width: 100%; height: 110px; padding: 5px 15px; background: #f7f7f7;} .contact-form textarea:focus, .contact-form input:focus { background: #fff; -moz-box-shadow: 0 0 3px rgba(0,0,0,.2); -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2); box-shadow: 0 0 3px rgba(0,0,0,.2); border: 1px solid #aaa;} .contact-form input, .contact-form textarea { border: none; color: #555; width: 100%; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .blox .contact-form input, .blox .contact-form textarea { background:#fff;} .blox.dark .contact-form input, .blox.dark .contact-form textarea { background:rgba(0,0,0,0.8);} .contact-form .btnSend { color: #444; background:none; border:3px solid #666; text-transform:uppercase; letter-spacing:0.6px; font-size: 11px; height: 48px;font-weight:700; box-shadow: none;} .contact-form .btnSend:hover { background: #27ae60; border-color:#27ae60; color:#fff;} .contact-info h5 { margin-bottom: 15px;} .contact-info p { margin:0; font-size: 13px; padding: 7px 0; font-weight:400; color: #555;} .contact-info i { font-size: 17px; margin-right: 10px; color: #00c2e5;} .our-map:before{content: ''; background: url(../images/map.png) repeat-x 0 0;height: 4px; overflow: hidden; width: 100%; margin: 0; display:block;} #nav .btnSend { background:none; padding:8px 14px; font-size:11px; font-weight:600; color:#797979; border:2px solid #e9e9e9; box-shadow:none; text-transform:uppercase;} .contact-form .input-group.first { padding-top: 20px;} .contact-form { text-align: center; padding-bottom: 0;} .contact-form .col-md-6:first-child { padding-left:0;} .contact-form .col-md-6:last-child { padding-right:0; text-align:left;} .contact-form form { padding: 20px 0;} .contact-form .field-group { text-align: left; padding: 0 20px;} .contact-form h5 { text-align: left; padding-left: 11px; display: inline-block;} .contact-form .txbx { width: 96%; height: 54px; border: 3px solid #e5e5e5; border-radius: 4px; float: none; padding-left: 14px; font-size: 16px; margin-left: 8px;} .contact-form .txbx:focus { border-width: 2px; border-radius: 2px;} .contact-form .era { min-height: 190px; max-height: 300px; width: 96%;} .contact-form .erabox { width: 100%; height: 100%; margin-top: 12px; padding: 20px 0; background: #fff; border-top: 5px solid #e9e9e9;} .contact-form .sendbtn { padding: 10px 18px; font-size: 14px;} .blox.dark .contact-form .btnSend { color:#fff;} .contact-form span.bad-field { font-size: 13px; margin-left: 9px; color: #edc1c1;} .contact-form span.bad-field.captcha { display: inherit;} input[type=text].bad-field, input[type=password].bad-field, input[type=email].bad-field, #wrap textarea.bad-field { border: 3px solid #edc1c1;} input[type=text].good-field, input[type=password].good-field, input[type=email].good-field, #wrap textarea.good-field { border: 3px solid #c1edc5;} .contact-form .g-recaptcha { display: inline-block; margin-bottom: 35px;} #contact-map { box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0.1) inset; border: 1px solid #d6dbdc; border-left: none; border-right: none; padding: 0; margin: 0 } #contact-map iframe { width: 100%; padding: 0; margin: 0; margin-bottom: -7px;} .row.magic { padding-left: 40px;} .columns.magic { padding-left: 20px;} .magic-link { clear: both;} .magic-link a { position:relative; display: inline-block; font-size: 11px; font-weight:bold; width: auto; color: #fff; border-radius: 25px; padding: 6px 26px 5px 20px; letter-spacing:3px; text-transform: capitalize; background: #ffa02f; text-align: center;} .magic-link a:after { position: absolute; right: 10px; top: 11px; font-family: 'FontAwesome'; font-size: 9px; content: "\f054"; speak: none; font-style: normal; font-weight: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; transition: all 0.15s ease-in-out;} .magic-link a:hover:after { right:7px;} .magic-link a.get { padding: 7px 26px 7px 20px; background-color: #7ebd22; border-radius: 5px; text-shadow: 1px 1px 0 #649b19; text-transform: uppercase;} .magic-link a.get.shadow1 { box-shadow: 0px 0px 5px #fff inset, 0 2px 3px -1px #74ad20; -webkit-box-shadow: 0px 0px 7px #fff inset, 0 2px 5px -1px #74ad20;} .magic-link a:hover { background-color: #4c4665; background-position: center right; text-shadow: 1px 1px 0 #666;} /* Pie Chart */ .easyPieChart { position: relative; text-align: center;} .easyPieChart canvas { position: absolute; top: 0; left: 0;} .pie { text-align:center; font-size:49px; position:relative; margin:0 auto 20px;} .pie p { font-size:16px; color:#888; font-weight:400; position:absolute; bottom:-52px; width:100%; padding-top:10px; border-top:2px solid #f9f9f9;} .container .pie p { margin-bottom:0;} /* Callout (Promo Box) */ .callout {min-height: 60px; margin: 8px 10px 30px; position: relative; clear: both;} .callout h1, .callout h2, .callout h3 { font-weight: 600; font-size: 25px; text-transform: uppercase; color: #171c24; line-height: 2;} .callout a { text-decoration: underline;} .callout a.callurl { display: block; font-size: 16px; font-weight: 600; padding: 10px 23px; background: #39c363; text-decoration: none; color: #fff; text-transform: uppercase; margin: 4px 0 10px 15px; position: relative; float: right; border-radius: 41px; transition: all 0.25s ease;} .callout a.callurl:hover {background: #42dc71; border-radius: 33px;} .container .callout p { margin: 0;} .container div .callout { margin-left: 0; margin-right: 0;} .dpromo p { max-width:480px;} .dpromo.col-md-6 { padding-left:0;} @media only screen and (min-width: 768px) { .dpromo2.col-md-6 { padding-left:15px;} } .container .dpromo img { float:right; margin-left:20px; max-width:210px;} .dpromo .magicmore { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px;} .double-btn { text-align:center;} .double-btn .button { margin-left:15px; margin-right:15px;} /* Distance (Vertical Spaces) */ .vertical-space, .vertical-space1, .vertical-space2, .vertical-space3, .vertical-space4, .vertical-space5 { display: block; width: 100%; margin: 0; clear: both; border: 0 none; height: 20px;} .vertical-space2 { height: 40px;} .vertical-space3 { height: 60px;} .vertical-space4 { height: 80px;} .vertical-space5 { height: 100px;} *+html hr.vertical-space, *+html hr.vertical-space1, *+html hr .vertical-space2, *+html hr.vertical-space3, *+html hr.vertical-space4, *+html hr.vertical-space5 { height: 0px; margin: 10px 0; background: #fff; border: 1px solid #fff;} *+html hr.vertical-space2 { margin: 20px 0;} *+html hr.vertical-space3 { margin: 30px 0;} *+html hr.vertical-space4 { margin: 40px 0;} *+html hr.vertical-space5 { margin: 50px 0;} /* TITLE */ .title { margin-bottom: 35px; clear: both; border-bottom: 6px solid #222; position: relative; height: 24px;} .title h4, .title h3 { background: #fff; display: inline-block; padding:0; padding-right: 8px; font-weight: 800; font-size: 18px; line-height: 1.15; margin-top: 11px; letter-spacing: 2px;position: absolute;} h6.h-sub-content { display:inline-block; letter-spacing: 3px; padding-bottom: 5px; font-size: 16px; font-weight: 800; color:#101010; text-transform:uppercase; border-bottom: 6px solid #00c2e5; line-height: 27px; margin-bottom:-6px; width:auto; max-width:100%;} .sub-content span { display: inline-block; font-size: 10px; font-weight: bold; letter-spacing: 2px;} .sub-content { border-bottom: 6px solid #222; position: relative; margin-bottom: 20px; margin-top: 5px;} .blox.dark .sub-content { border-color: rgba(255,255,255,0.14);} .mex-title { border-bottom: 1px solid rgba(0, 0, 0, 0.08); display: inline-block; padding-bottom: 20px; margin-bottom: 20px; font-weight: 100; letter-spacing: 0;} /* ACCORDION */ .acc-trigger { border-top: 1px solid #e4e4e4; cursor: pointer; display: block; margin: 0;} .acc-trigger:last-of-type, .acc-container:last-of-type { border-bottom: 3px solid #f3f2f2; margin-bottom: 20px;} .no-js .acc-trigger:last-of-type { border-bottom: none;} #wrap .vc_tta-panel-heading { border-color: #dad9da; border-radius: 2px;} .acc-trigger a { background: url(../images/accordion-ico.png) no-repeat 6px 18px; display: block; color:#656f78; padding: 19px 14px 16px 40px; text-decoration: none; text-shadow: none; font-weight:bold; font-size:16px;} .acc-trigger a:hover { background-color: #fbfbfb;} .acc-trigger a:hover, .acc-trigger.active a, .acc-trigger.active a:hover { color: #0099ff;} .acc-trigger.active a:hover { background-color: transparent;} .acc-trigger.active { cursor: default; border-top-color:#b0afaf; background-color:#fff;} .acc-trigger.active:last-of-type { border-bottom: none; margin-bottom: 0;} .acc-trigger.active a { background-position: 6px -54px; cursor: default;} .acc-container .content { padding: 0 14px 21px 40px;} /* Quote of the Week */ .qot-week { clear: both; margin: 10px; margin-top: 36px; padding-bottom: 18px; position: relative; text-align: center; border-top: 1px solid #e5e5e5;} .qot-week .qot-pic { position: relative; margin: 0 auto; margin-top: 7px; height: 40px; width: 74px;} .qot-week .qot-pic:before { content: '\201C'; border-top: 2px solid #c4c4c4; border-radius: 50%; font-size: 62px; color: #555; font-weight: bold; background: #fff; padding: 3px 20px; margin-top: 20px; font-family: Georgia, Times, serif } .qot-week h6.qot-title { text-transform: uppercase; margin: 8px 0; color: #999; display: block; clear: both; font-size: 10px; font-weight: bold;} .qot-week blockquote, .qot-week blockquote cite, .qot-week blockquote cite small { padding: 0; margin: 0; font-style: normal;} .qot-week blockquote:before { content: ''; content: none;} .qot-week h3 { font-family:"Cardo",serif; font-size: 24px;} .qot-week h3:before { content: '\201C';} .qot-week h3:after { content: '\201D';} .qot-week h3:before, .qot-week h3:after { font-family: Times, serif; font-size: 30px; margin: 0 10px; font-weight: bold;} .qot-week cite { display: block; font-weight: 400; margin-top: 20px; font-size: 17px; color: #494949; margin-bottom: 8px;} .qot-week cite:before { content: '\2014\0020';} .column .qot-week, .columns .qot-week { margin-left: 0; margin-right: 0;} /* Prgress Bar */ .progress-barBg { background-position: 0% 0%; position: relative; z-index: 3; width: 100%; height: 45px; box-shadow: inset 0px 1px 3px rgba(40, 40, 40, 0.1); margin-bottom: 25.5px; background-image: linear-gradient(to bottom, rgba(0,0,0,0.1) 0%, rgba(0,0,0,.02) 100%); background-color: #fff; background-repeat: repeat; background-attachment: scroll; } .progress-bar-box h5 { margin-bottom: 11px;} .progress-bar { position: absolute; top: 0; left: 0; z-index: 2; height: 45px; -webkit-animation: fillup 5s ease; -moz-animation: fillup 5s ease; -ms-animation: fillup 5s ease; -o-animation: fillup 5s ease; animation: fillup 5s ease;} .progress-barFill { width: 100%; height: 45px; -webkit-animation: progress 1s linear infinite; -moz-animation: progress 1s linear infinite; animation: progress 1s linear infinite; background-repeat: repeat-x; background-size: 45px 45px; 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: 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);} .progress-percent { position: absolute; top: -30px; left: 100%; z-index: 1; width: 38px; margin-left: -19px; text-align: center; background: #000; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; opacity: 0; -webkit-animation: percent-show 1.7s ease 5s forwards; -moz-animation: percent-show 1.7s ease 5s forwards; -o-animation: percent-show 1.7s ease 5s forwards; animation: percent-show 1.7s ease 5s forwards;} .progress-percent:after { width: 8px; height: 8px; content: ' '; position: absolute; z-index: 2; top: 100%; left: 50%; margin: -4px 0 0 -4px; background: #000; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);} .progress-percent p { display: inline-block; margin: 0; color: #fff; font-size: 12px; line-height: 1;} .white-space { clear: both; width: 100%; height: 40px;} .flrdbtnshow a.button { margin-right:5px;} /* Domain Checker */ #domain-form {max-width: 800px; margin: 0 auto;} #wdc-style .input-group{margin: 40px auto 0; box-shadow: 0 2px 0 0px rgba(0,0,0,0.027);} #wdc-style .input-group .input-group-btn{border: 4px solid #fff; border-radius: 0 5px 5px 0; background-color: #fff;} #wdc-style > div {margin: 0 auto;} /*result box*/ #wdc-style #loading img{ display: block; margin: 0 auto; padding-top:16px;} #wdc-style #results div {color: #626262; font-weight: 500;font-size: 18px;line-height: 30px; padding-left: 20px !important; word-wrap: break-word;} #wdc-style #results div strong{color: #626262;} #wdc-style #results .glyphicon {display:none;} #wdc-style #Search{ height: 68px; padding: 20px; font-size: 24px; border: 1px solid #fff; border-radius: 5px 0 0 5px !important; box-shadow: none } #wdc-style #Search:focus{ border: 1px solid #fff!important;} #wdc-style button#Submit {background-color: #39c36e !important; height: 48px !important; margin-right: 5px; border-radius: 4px !important; font-weight: 500; border: none !important;box-shadow: 0 2px 0 0px rgba(0,0,0,0.035); padding: 13px 20px; line-height: 25px; text-transform:uppercase; letter-spacing: 1px; font-size: 12px;} #wdc-style button#Submit:hover{background-color: #292929 !important;} #wdc-style #wdc1 > div > div{margin: 10px auto} #wdc-style .result .btn {border-radius: 5px !important; margin-right: 0; font-weight: 500; padding: 6px; padding: 6px 10px 4px; line-height: 15px; font-size: 11px; letter-spacing: 1px;} #wdc-style .result .btn:hover {background-color: #292929 !important; border: 1px solid #292929 !important;} h5.dmn-prs { text-align:center; font-size:15px;} h5.dmn-prs strong { padding-right:10px; padding-left:40px;} @media only screen and (max-width: 767px) { #wdc-style .result .btn{width: 100%;} #wdc-style .alert-danger, #wdc-style .alert-success{background: none;} #wdc-style #results div{width: 100%;font-size: 14px;margin-bottom: 8px; text-align: center !important;} #domain-form #wdc-style .input-group{display:block;} #wdc-style .input-group .input-group-btn, #wdc-style button#Submit {display: block; width: 100%;} #wdc-style .input-group .input-group-btn, #domain-form #wdc-style #Search{border-radius: 5px !important;} h5.dmn-prs span { display:block; float:left; width:50%; margin-bottom:15px;} h5.dmn-prs strong { padding-left:0;} } /* # PRICING-TABLE ================================================== */ .w-pricing-table, .w-pricing-table.featured { text-align: center; margin-bottom: 21px; border:1px solid #e5e5e5;} /* # PRICING-TABLE1 ================================================== */ .w-pricing-table.pt-type1 { text-align: center; margin-bottom: 35px;border: 5px solid #f3f3f3; border-radius: 5px; transition: all .36s ease;} .w-pricing-table.pt-type1 .price-header, .w-pricing-table.pt-type1 .price-footer { border-radius: 5px 5px 0 0;} .w-pricing-table.pt-type1 .plan-price:after { content: ''; position: absolute;top: 100%;right: 50%;transform: translate(50%,0); -webkit-transform: translate(50%,0); height: 0;border-left: 15px solid transparent;border-right: 15px solid transparent;border-top: 10px solid #f3f3f3; transition: all .5s ease;} .w-pricing-table.pt-type1 .price-footer { padding-top:20px; padding-bottom:20px; border-top: 1px solid #e5e5e5; border-radius: 0 0 5px 5px;} .w-pricing-table.pt-type1 .price-footer a { margin-bottom:0px; color:#777; font-weight:bold;} .w-pricing-table.pt-type1 .price-footer a:hover { color:#0099ff;} .w-pricing-table.pt-type1 .price-header { border-bottom: 1px solid #e5e5e5;} .w-pricing-table.pt-type1 ul.features { padding-top: 11px 16px;} .w-pricing-table.pt-type1 ul.features li { list-style: none; padding-top:12px;} .w-pricing-table.pt-type1 ul.features li:nth-child(1) { border: none; border-radius: 5px;} .w-pricing-table.pt-type1 .plan-title { text-transform:capitalize;font-weight: 700;font-size: 22px; line-height: 36px;padding: 16px 15px 8px; margin-bottom:0;background: #f3f3f3;color: #4a4a4a;} .w-pricing-table.pt-type1 .plan-price {line-height: normal; margin: 0;} .w-pricing-table.pt-type1 .plan-price span { font-weight: 700; font-size: 34px; color: #465155; text-shadow: 0 1px 1px rgba(255,255,255,0.3);} .w-pricing-table.pt-type1.featured .plan-title,.w-pricing-table.pt-type1 .plan-price span, .w-pricing-table.pt-type1 .plan-price small { color: #fff; transition: all .8 ease;} .plan-price small { font-size:14px; font-weight:400;} .w-pricing-table.pt-type1.featured .plan-title, .w-pricing-table.pt-type1 .pt-footer { line-height: 46px; background: #f3f3f3; padding: 12px 15px 0;font-size: 23px;font-weight: 700;color: #235769; transition: all .5s ease;} .w-pricing-table.pt-type1 .plan-price {background: #f3f3f3; padding: 0 12px 37px; transition: all .5s ease;} .w-pricing-table.pt-type1 .plan-price span { font-size: 23px;} .w-pricing-table.pt-type1 .plan-price span, .w-pricing-table.pt-type1 .plan-price small {color: #5dc738; transition: all .8s ease;} .w-pricing-table.pt-type1 .pt-features { padding-top: 44px;} .w-pricing-table.pt-type1 .pt-features li, .w-pricing-table.pt-type1 .pt-features li {padding: 3px 0; list-style: none;font-size: 13px; font-weight: 400; color: #616161;} .w-pricing-table.pt-type1 .pt-features li:last-child:before, .w-pricing-table.pt-type1 .pt-features li:last-child:before { display: none;} .w-pricing-table.pt-type1 .pt-features .feature-icon { font-family: 'FontAwesome'; padding-right: 5px; color: #77da55;} .w-pricing-table.pt-type1 .pt-features .feature-icon:before { content: "\f00d";} .w-pricing-table.pt-type1 .pt-features .available-icon:before { content: "\f00c";} .w-pricing-table.pt-type1 .pt-features .feature-icon.not-available-icon { color:#cc8383;} .w-pricing-table.pt-type1 .pt-features .feature-icon.empty-icon { display:none;} .w-pricing-table.pt-type1 .pt-footer a, .w-pricing-table.pt-type1 .pt-footer a { display: inline-block; font-size:11px; color: #00c2e5; background: #fff; border: 2px solid; border-radius: 60px;padding:10px 19px; margin-bottom: 14px; text-transform: uppercase;border: none; transition: all .25s ease;} .w-pricing-table.pt-type1 .pt-footer a:hover, .w-pricing-table.pt-type1 .pt-footer a:hover { color:#fff !important; background:#393939;} .w-pricing-table.pt-type1 .pt-footer a:after, .w-pricing-table.pt-type1 .pt-footer a:after { display: none;} .w-pricing-table.pt-type1 .plan-price { position: relative;} .w-pricing-table.pt-type1.featured { border-color: #77da55;} .w-pricing-table.pt-type1.featured .plan-title, .w-pricing-table.pt-type1.featured .plan-price, .w-pricing-table.pt-type1.featured .pt-footer, .w-pricing-table.pt-type1.featured .pt-footer { background: #77da55;border: none;} .w-pricing-table.pt-type1.featured .plan-price:after { border-top-color: #77da55;} .w-pricing-table.pt-type1.featured .plan-price span, .w-pricing-table.pt-type1.featured .plan-price small, .w-pricing-table.pt-type1.featured .plan-title { color: #fff !important;} .w-pricing-table.pt-type1.featured .pt-footer a, .w-pricing-table.pt-type1.featured .pt-footer a { color: #77da55;} @media (min-width: 480px) and ( max-width: 1280px){ .w-pricing-table.pt-type1 .pt-features li:before, .w-pricing-table.pt-type1 .pt-features li:before { margin-top: 31px;} } @media (max-width: 480px){ .w-pricing-table.pt-type1 .pt-features li:before, .w-pricing-table.pt-type1 .pt-features li:before { margin-top: 31px;} } /* # PRICING-TABLE2 ================================================== */ .w-pricing-table.pt-type2 { background: #fcfcfc; border-radius: 5px; border: 1px solid #ebeef0; box-shadow: 0 2px 0 0px rgba(0,0,0,0.047); padding: 38px 0;transition: .3s;} .w-pricing-table.pt-type2.featured { border-color: #8dd7f1; padding-top: 45px;margin-top: -11px; padding-bottom: 52px; background: #fff;} .w-pricing-table.pt-type2:hover { border-color: #8dd7f1; background: #fff;} .w-pricing-table.pt-type2 > span {transition: .3s;font-size: 40px;width: 98px;height: 98px;text-align: center;color: #00c2e5; background: #fff; padding: 26px; border: 1px solid #f4f3f3; border-radius: 50%; margin-bottom: 19px; display: inline-block; box-shadow: 0 2px 0 0px rgba(0,0,0,0.018);} .w-pricing-table.pt-type2:hover > span { border-color: #00c2e5;} .w-pricing-table.pt-type2.featured > span { border: 3px solid #00c2e5;} .w-pricing-table.pt-type2 h3, .w-pricing-table.pt-type2.featured h3 { font-size: 21px; font-weight: 300; color: #111; text-transform: capitalize;margin-bottom: 31px; background: none; padding: 0 12px;} .w-pricing-table.pt-type2 ul li { list-style: none; font-size: 14px; font-weight: 300; line-height:1.7; color: #898d90; margin-bottom: 4px;} .w-pricing-table.pt-type2 h4.pt-price { padding:14px 0;} .w-pricing-table.pt-type2 h4 span { font-size: 33px; font-weight: 700; color: #111;} .w-pricing-table.pt-type2 h4 small {font-size: 16px; font-weight: 700; color: #111; text-transform: lowercase; vertical-align:middle;} .w-pricing-table.pt-type2 h5 { font-size: 22px; font-weight:300; color:#a9a9a9; text-decoration: line-through; margin: 0;} .w-pricing-table.pt-type2 .pt-footer a, .w-pricing-table.pt-type2 .pt-footer a { letter-spacing: 0; display: inline-block; color: #00c2e5; background:#fff; border: 1px solid #eee; border-radius: 60px; padding: 10px 18px; margin-top: 30px; text-transform: uppercase; font-size:10px; font-weight:600; letter-spacing:1px; box-shadow: 0 2px 0 0px rgba(0,0,0,0.015);} .w-pricing-table.pt-type2.featured .pt-footer a { background: #00c2e5; color: #fff !important; border-color: #00c2e5;} .w-pricing-table.pt-type2.featured .pt-footer a:hover, .w-pricing-table.pt-type2 .pt-footer a:hover { background:#292929 !important; border-color: #292929 !important; color: #fff!important;} .w-pricing-table.pt-type2 .pt-footer a:after, .w-pricing-table .pt-footer a:after { display: none;} .w-pricing-table.pt-type2 .pt-features .feature-icon:before { content: "\f00d";} .w-pricing-table.pt-type2 .pt-features .available-icon:before { content: "\f00c";} .w-pricing-table.pt-type2 .pt-features .feature-icon.empty-icon:before { content: ''; } .w-pricing-table.pt-type2 .pt-features .feature-icon.not-available-icon { color:#ff0000;} .w-pricing-table.pt-type2 .pt-features .feature-icon { font-family: 'FontAwesome'; padding-right: 5px; color: #16b916;} /* # PRICING-TABLE3 ================================================== */ .w-pricing-table.pt-type3,.w-pricing-table.pt-type3.featured { position: relative; border: 1px solid #eee; border-radius: 9px;} .w-pricing-table.pt-type3 .pt-header { background: #6dd5e8;padding-top: 42px; margin: -1px -1px 80px; border-radius: 9px 9px 0 0;} .w-pricing-table.pt-type3.featured .pt-header { background: #39c36e;} .w-pricing-table.pt-type3 .pt-header * { color: #fff;} .w-pricing-table.pt-type3 .pt-header h3, .w-pricing-table.pt-type3 .pt-header h4, .w-pricing-table.pt-type3 .pt-header h3, .w-pricing-table.pt-type3 .pt-header h4 { background: none; border: none;} .w-pricing-table.pt-type3 .pt-header h3, .w-pricing-table.pt-type3 .pt-header h3 { font-size: 25px; padding: 0;line-height: 1.1;} .w-pricing-table.pt-type3 .pt-header h4, .w-pricing-table.pt-type3 .pt-header h4 { padding: 0 0 80px;} .w-pricing-table.pt-type3 .pt-header h4 span, .w-pricing-table.pt-type3 .pt-header h4 { font-size: 22px; font-weight: 400;} .w-pricing-table.pt-type3 .pt-header h4 small { font-size: 20px; font-weight: 200;} .w-pricing-table.pt-type3 > span:before, .w-pricing-table.pt-type3.featured > span:before { content: ''; position: absolute;border: 3px solid rgba(255,255,255,.20); border-radius: 50%; padding: 55px 58px; bottom: -3px; right: 50%; transform: translate(50%,0); -webkit-transform: translate(50%,0);} .w-pricing-table.pt-type3 > span, .w-pricing-table.pt-type3.featured > span {font-size: 17px; text-transform: uppercase; width: 115px; max-width: 115px; font-weight: 700; border: 3px solid #6dd5e8; display: block; border-radius: 100%; padding: 29px 18px; position: absolute; background: #fff;top: 18%; right: 50%; transform: translate(50%,0); -webkit-transform: translate(50%,0);} .w-pricing-table.pt-type3.featured > span { border-color: #39c36e;color: #616161;} .w-pricing-table.pt-type3 > span strong {font-size: 24px;display: block;} .w-pricing-table.pt-type3 .pt-features { padding-top:25px;} .w-pricing-table.pt-type3 ul li, .w-pricing-table.pt-type3.featured ul li { list-style: none; font-size: 13px; font-weight: 400; color: #888; padding-bottom: 12px;} .w-pricing-table.pt-type3.featured .feature-icon, .w-pricing-table.pt-type3 .feature-icon { padding-right: 8px; color: #616161; font-family: 'FontAwesome';} .w-pricing-table.pt-type3.featured, .w-pricing-table.pt-type3 .feature-icon:before { content: "\f00d"; color: #cc0000;} .w-pricing-table.pt-type3.featured, .w-pricing-table.pt-type3 .available-icon:before { content: "\f00c"; color: #39c36e;} .w-pricing-table.pt-type3 .pt-footer, .w-pricing-table.pt-type3.featured .pt-footer { background: #6dd5e8; padding: 20px 35px 40px; margin: -1px; border-radius: 0 0 9px 9px;} .w-pricing-table.pt-type3.featured .pt-footer { background: #39c36e;} .w-pricing-table.pt-type3 .pt-footer a:after { display: none;} .w-pricing-table.pt-type3 .pt-footer a:before, .w-pricing-table.pt-type3.featured .pt-footer a:before { content: ''; position: absolute; top: -5.51px; right: 50%; transform: translate(50%,0); -webkit-transform: translate(50%,0); border: 3px solid rgba(255,255,255,0.20); border-radius: 60px; padding: 17px 54px;} .w-pricing-table.pt-type3 .pt-footer a, .w-pricing-table.pt-type3.featured .pt-footer a { color: #00c2e5; background: #fff; border: 2px solid #00c2e5; border-radius: 60px; padding: 7px 15px; letter-spacing: 0;} .w-pricing-table.pt-type3.featured .pt-footer a { color: #39c36e; border-color: #39c36e;} .w-pricing-table.pt-type3 .pt-footer a:hover, .w-pricing-table.pt-type3.featured .pt-footer a:hover { color:#fff !important; background:#393939;} .w-pricing-table.pt-type3 .pt-footer p { color: #fff; font-size:13px; padding-top:15px;} /* # PRICING-TABLE4 ================================================== */ .w-pricing-table.pt-type4.featured, .w-pricing-table.pt-type4 { background: #fff;} .w-pricing-table.pt-type4, .w-pricing-table.pt-type4.featured { position: relative; border:5px solid #e1e1e1; border-radius: 6px;} .w-pricing-table.pt-type4 *, .w-pricing-table.pt-type4.featured *{ text-align: left; padding: 0;} .w-pricing-table.pt-type4 .pt-header { background: #f9f9f9; padding: 45px; border-bottom: 1px solid #e4e4e4;} .w-pricing-table.pt-type4.featured { border-color:#acdea8;} .w-pricing-table.pt-type4.featured .pt-header { background: #ebf9e7; border-color:#acdea8;} .w-pricing-table.pt-type4 h3, .w-pricing-table.pt-type4.featured h3 { background: none; color: #51c1e9; font-size: 28px; font-weight: 700; line-height: 1;} .w-pricing-table.pt-type4 h6, .w-pricing-table.pt-type4.featured h6 { color: #6a6a6a; font-size: 17px;} .w-pricing-table.pt-type4 ul li, .w-pricing-table.pt-type4.featured ul li { list-style: none; font-size: 14px; font-weight: 500; color: #323232;padding-bottom: 20px;} .w-pricing-table.pt-type4 ul li:last-child, .w-pricing-table.pt-type4.featured ul li:last-child { padding-bottom: 0;} .w-pricing-table.pt-type4 ul li:before, .w-pricing-table.pt-type4.featured ul li:before { content: ''; position: absolute; width: 100%; border-bottom: 1px solid #f1f1f1;padding-top: 30px; left: 0; right: auto;} .w-pricing-table.pt-type4 ul li:last-child:before, .w-pricing-table.pt-type4.featured ul li:last-child:before { display:none;} .w-pricing-table.pt-type4 ul, .w-pricing-table.pt-type4.featured ul {padding: 20px 30px 8px; margin: 0;} .w-pricing-table.pt-type4.featured .feature-icon, .w-pricing-table.pt-type4 .feature-icon { padding-right: 8px; color: #616161; font-family: 'FontAwesome';} .w-pricing-table.pt-type4.featured, .w-pricing-table.pt-type4 .feature-icon:before { content: "\f057"; color: #8dd889;} .w-pricing-table.pt-type4.featured, .w-pricing-table.pt-type4 .available-icon:before { content: "\f058"; color: #8dd889;} .w-pricing-table.pt-type4.featured, .w-pricing-table.pt-type4 ..not-available-icon:before { color: #cc8383;} .w-pricing-table.pt-type4 .pt-footer, .w-pricing-table.pt-type4.featured .pt-footer { background: #a0d9f1; padding: 20px 35px;} .w-pricing-table.pt-type4 .pt-price h4 span, .w-pricing-table.pt-type4 .pt-price h4 small { color: #51c1e9; font-size: 29px; text-transform: lowercase; font-weight: 700;} .w-pricing-table.pt-type4 .pt-price h4 { background: none; border: none; color; margin-bottom: 0; padding: 23px 35px 20px;} .w-pricing-table.pt-type4 .pt-footer a:after { display: none;} .w-pricing-table.pt-type4.featured h3, .w-pricing-table.pt-type4.featured .pt-price h4 span, .w-pricing-table.pt-type4.featured .pt-price h4 small { color: #39c36e;} .w-pricing-table.pt-type4 .pt-footer, .w-pricing-table.pt-type4.featured .pt-footer { text-align: center; background: #f9f9f9; border-top: 1px solid #e4e4e4; padding: 40px;} .w-pricing-table.pt-type4 .pt-footer a, .w-pricing-table.pt-type4.featured .pt-footer a { color: #fff; background: #39c36e; border-radius: 60px; padding: 7px 40px; letter-spacing: 0;} .w-pricing-table.pt-type4 .pt-footer a.magicmore { border-radius:3px; padding:13px 23px; letter-spacing:2px; color:#fff !important;} .w-pricing-table.pt-type4 .pt-footer a.magicmore:hover { background:#222 !important;} @media (max-width: 960px){ .w-pricing-table.pt-type4 ul, .w-pricing-table.pt-type4.featured ul { padding:20px 15px 8px;} .w-pricing-table.pt-type4 ul li, .w-pricing-table.pt-type4.featured ul li { font-size:12px;} } /* # PRICING-TABLE5 ================================================== */ .w-pricing-table.pt-type5 { background: url(../images/bg-pricing-table-5.png) left bottom; position: relative; padding: 0; border: 2px solid #eee; box-shadow: 0 2px 0 0px rgba(0,0,0,0.015);} .w-pricing-table.pt-type5 .pt-header h3 { padding-top: 90px; color: #128eaf; font-size: 25px; font-weight: 700;} .w-pricing-table.pt-type5 .pt-header h4 { padding: 0;} .w-pricing-table.pt-type5 .pt-header { position: relative; margin:-2px; width:auto;} .w-pricing-table.pt-type5 .pt-header h4:after { content: ''; position: absolute; left: 50%; transform: translate(-50%,0); -webkit-transform: translate(-50%,0); bottom: 18%; width: 0; height: 0; border-top: 25px solid #00c2e5; border-right: 31px solid transparent; border-left: 31px solid transparent;} .w-pricing-table.pt-type5 .pt-header h4 > span,small { font-size: 30px; font-weight: 500; color: #128eaf; text-transform: uppercase;} .w-pricing-table.pt-type5 .pt-header h4 > small { font-weight: 700;} .w-pricing-table.pt-type5 .pt-header h5 { font-size: 15px; color: #008aaf; font-weight: 600; padding-bottom: 85px; text-decoration:line-through;} .w-pricing-table.pt-type5 .pt-header > span { position: absolute; left: 0; width: 100%; background: #BCC6CC; text-align: center; padding: 20px 0; margin-bottom: 30px; color: #fff; font-size: 23px; font-weight: 600; text-transform: uppercase; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%;} .w-pricing-table.pt-type5 ul { margin: 0;} .w-pricing-table.pt-type5 ul li { list-style: none; color: #717375; font-size: 15px; font-weight: 400; padding-left: 0; padding: 12px 0; border-top: 1px solid #eee; margin: 0;} .w-pricing-table.pt-type5 ul li:nth-child(even) {background: rgba(20,164,211,0.10);} .w-pricing-table.pt-type5 .pt-footer { padding-bottom: 40px;} .w-pricing-table.pt-type5 .pt-footer a { border: 2px solid; padding: 8px 23px; border-radius: 60px; margin-top: 35px; display: inline-block; letter-spacing: 0;} .w-pricing-table.pt-type5 .pt-footer a:after { display: none;} .w-pricing-table.pt-type5 .pt-footer a:hover, .w-pricing-table.pt-type5.featured .pt-footer a:hover { color:#fff !important; background:#393939; border-color: #393939;} .w-pricing-table.pt-type5 .pt-features .feature-icon { font-family: 'FontAwesome'; padding-right: 5px; color: #77da55;} .w-pricing-table.pt-type5 .pt-features .feature-icon:before { content: "\f00d";} .w-pricing-table.pt-type5 .pt-features .available-icon:before { content: "\f00c";} .w-pricing-table.pt-type5 .pt-features .feature-icon.not-available-icon { color:#cc8383;} .w-pricing-table.pt-type5 .pt-features .feature-icon.empty-icon { display:none;} /* # PRICING-TABLE6 ================================================== */ .w-pricing-table.pt-type6 { text-align: left; border:1px solid #E3E8EA; min-height: 146px; padding: 0; margin: 0; position: relative;} .w-pricing-table.pt-type6 .pt-header { float: left; background: #E0E6E8; padding: 35px 40px 0;min-height: 144px; position: relative; width: 35%;} .w-pricing-table.pt-type6 .pt-header:after { content: ''; position: absolute; right: 0; top: 0; width: 0; height: 0; border-bottom: 144px solid #fff; border-left: 100px solid transparent;} .w-pricing-table.pt-type6 .pt-header h3, .w-pricing-table.pt-type6 .pt-header h4 { margin: 0; color: #008aaf;} .w-pricing-table.pt-type6 .pt-header h3 { font-size: 25px; font-weight: 700;} .w-pricing-table.pt-type6 .pt-header h4 > span { font-size: 30px;} .w-pricing-table.pt-type6 .pt-header h4 > small { color: #008aaf; font-weight: 600;} .w-pricing-table.pt-type6 ul { padding-left:2%; float: left; margin: 0;width: 46%;padding-top: 35px;} .w-pricing-table.pt-type6 ul li { margin: 0; float: left; width: 50%; padding-bottom: 5px; list-style: none; font-size: 14px; color: #717375; font-weight: 400; display:flex;} .w-pricing-table.pt-type6 ul li span { padding-right: 5px;} .w-pricing-table.pt-type6 .pt-footer {float: right;background: #00c2e5;min-height: 146px;height: auto;padding-top: 44px;padding-left: 0;padding-right: 0;width: 19%;text-align: center;margin: -1px;} .w-pricing-table.pt-type6 .pt-footer p, .w-pricing-table.pt-type6 .pt-footer a { color: #fff !important;} .w-pricing-table.pt-type6 .pt-footer p { font-weight: 600; margin: 0; padding-bottom: 10px;} .w-pricing-table.pt-type6 .pt-footer a {display: inline-block;letter-spacing: 0;font-weight: 600;border: 2px solid #fff;border-radius: 60px;padding: 10px 12px;} .w-pricing-table.pt-type6 .pt-footer a:after { display: none;} .w-pricing-table.pt-type6 .pt-footer a:hover { background: #292929; color: #fff !important; border-color:#292929;} .w-pricing-table.pt-type6.featured .feature-icon, .w-pricing-table.pt-type6 .feature-icon {padding-right: 8px; color: #616161; font-family: 'FontAwesome';} .w-pricing-table.pt-type6.featured, .w-pricing-table.pt-type6 .feature-icon:before { content: ""; color: #CC0000;} .w-pricing-table.pt-type6.featured, .w-pricing-table.pt-type6 .available-icon:before { content: "\f00c"; color: #39c36e;} .w-pricing-table.pt-type6.featured, .w-pricing-table.pt-type6 .not-available-icon:before { content: "\f00d"; color: #cc0000;} @media (min-width: 960px) and (max-width:1280px){ .w-pricing-table.pt-type6 .pt-footer { padding-left: 20px;} .w-pricing-table.pt-type6 ul { padding-left: 0;} } @media (min-width: 768px) and (max-width: 960px) { .w-pricing-table.pt-type6 .pt-footer { padding-left: 0px;} .w-pricing-table.pt-type6 .pt-footer p { padding-left: 10px; font-size:12px;} .w-pricing-table.pt-type6 { min-height: 200px;} .w-pricing-table.pt-type6 .pt-footer { min-height: 198px; padding-top: 70px;} .w-pricing-table.pt-type6 .pt-header { min-height: 198px; padding-top: 70px;} .w-pricing-table.pt-type6 .pt-header:after { border-bottom: 198px solid #fff; border-left: 100px solid transparent;} } @media (max-width: 768px){ .w-pricing-table.pt-type6 {text-align: center;margin-bottom: 50px;} .w-pricing-table.pt-type6 .pt-header {width: 100%;float: none;} .w-pricing-table.pt-type6 .pt-header:after { display: none;} .w-pricing-table.pt-type6 ul { width: 100%;} .w-pricing-table.pt-type6 ul {padding-bottom: 30px;background: #f6f6f6;float: none;display: block;} .w-pricing-table.pt-type6 ul li {width: 100%;text-align: left;padding: 10px 20px;float: none;} .w-pricing-table.pt-type6 .pt-footer {width: auto;padding-left: 0;float: none;display: block;margin: -1px;} .w-pricing-table.pt-type6 .pt-footer a { margin: 0;} } /* # PRICING-TABLE7 ================================================== */ .w-pricing-table.pt-type7 { position:relative; background: #fff; padding: 40px; margin:30px 5px 10px; border: 1px solid #e9e9e9; border-radius: 3px; text-align: left; box-shadow: 0 2px 0 0 rgba(0,0,0,0.016);} .blox .w-pricing-table.pt-type7 { border:none; box-shadow: 0 3px 5px rgba(0,0,0,0.06);} .blox.dark .w-pricing-table.pt-type7 { box-shadow: 0 7px 8px rgba(0,0,0,0.14);} .w-pricing-table.pt-type7.featured {margin-top:0;padding-top: 70px;} .w-pricing-table.pt-type7.featured:before {display:block;content:"FEATURED";width:100%;text-align:center;height: 40px;line-height: 40px; font-weight:600;font-size:15px;color:#fff;letter-spacing:2px;text-transform:uppercase;background: #00c2e5;position: absolute;left: 0;top: 0;border-radius: 3px 3px 0 0;} .w-pricing-table.pt-type7 .plan-title { font-size:18px; color: #00c2e5; font-weight:700; letter-spacing:2px; text-transform:uppercase; padding-bottom:15px;} .w-pricing-table.pt-type7 .plan-price { margin:10px 0; line-height:1; font-weight:700;} .w-pricing-table.pt-type7 .plan-price span { font-size: 71px;} .w-pricing-table.pt-type7 .plan-price span.price-symbol { font-size:31px; margin-right:6px; vertical-align:top;} .w-pricing-table.pt-type7 .plan-price small { font-size:19px; letter-spacing:2px; margin-left: 3px; text-transform:lowercase; font-weight:500; vertical-align:super;} .w-pricing-table.pt-type7 .plan-price span, .w-pricing-table.pt-type7 .plan-price small {color: #2a2a2a;} .w-pricing-table.pt-type7 .pt-features { padding-top: 10px; color:#aaa; margin-bottom:30px; list-style:none;} .w-pricing-table.pt-type7 .pt-features li { font-size:13px; letter-spacing:0.4px;} .blox.dark .w-pricing-table.pt-type7 .pt-features li { color:#aaa;} .w-pricing-table.pt-type7 .pt-footer { padding-top:12px; text-align:center;} .w-pricing-table.pt-type7 .pt-footer a.magicmore {display:inline-block;background:#00c2e5;color:#fff;padding: 14px 36px;border-radius:33px;font-size: 13px;font-weight:700;letter-spacing:3px;text-transform:uppercase;transition: all .28s ease;} #wrap .w-pricing-table.pt-type7 .pt-footer a.magicmore:hover { background-color:#222; color:#fff !important;} .w-pricing-table.pt-type7.featured .feature-icon, .w-pricing-table.pt-type7 .feature-icon { padding-right: 8px; color: #616161; font-family: 'FontAwesome';} .w-pricing-table.pt-type7.featured, .w-pricing-table.pt-type7 .not-available-icon:before { content: "\f00d"; color: #cc0000;} .w-pricing-table.pt-type7.featured, .w-pricing-table.pt-type7 .available-icon:before { content: "\f00c"; color: #39c36e;} @media (max-width: 960px){ .w-pricing-table.pt-type7 { margin-left:0; margin-right:0; padding:40px 25px;} .w-pricing-table.pt-type7 .plan-price span { font-size:50px;} .w-pricing-table.pt-type7 .plan-price span.price-symbol { font-size:25px;} .w-pricing-table.pt-type7 .plan-price small { font-size:15px; letter-spacing:0;} } @media (max-width: 768px){ .w-pricing-table.pt-type7.featured { margin-top:40px;} .w-pricing-table.pt-type7 .pt-footer { text-align:left;} } @media (min-width: 768px) and (max-width: 960px) { .w-pricing-table.pt-type7 { padding:40px 15px;} .w-pricing-table.pt-type7 .plan-price span { font-size:40px;} .w-pricing-table.pt-type7 .plan-price span.price-symbol { font-size:17px;} .w-pricing-table.pt-type7 .plan-price small { font-size:12px;} .w-pricing-table.pt-type7 .pt-footer a.magicmore { font-size:11px; padding:9px 18px;} .w-pricing-table.pt-type7 .plan-title { font-size:16px; letter-spacing:1px;} .w-pricing-table.pt-type7 .pt-features li { font-size:12px; letter-spacing:0;} } @media (min-width: 961px) and (max-width: 1280px) { .w-pricing-table.pt-type7 { margin-left:0; margin-right:0; padding:40px 30px;} .w-pricing-table.pt-type7 .plan-price span { font-size:57px;} .w-pricing-table.pt-type7 .plan-price span.price-symbol { font-size:28px;} .w-pricing-table.pt-type7 .plan-price small { font-size:17px; letter-spacing:0.6px;} } .sub-text p { text-align:center; color:#808080;} /* Single Portfolio */ #wrap .vc_images_carousel .vc_carousel-control { opacity: .5;} #wrap .vc_images_carousel .vc_carousel-control span { font-size: 16px; padding: 20px ; background: #fff ; border-radius: 33px; color: #585A5A; text-shadow: none; transition: all .5s ease;} #wrap .vc_images_carousel .vc_carousel-control .icon-prev:before { content: "\e605" ;} #wrap .vc_images_carousel .vc_carousel-control .icon-next:before { content: "\e606" ;} #wrap .vc_images_carousel .vc_carousel-control span:before { font-family:'simple-line-icons'; font-size:16px; right: 8px; top: -12px;} #wrap .vc_images_carousel .vc_carousel-control { opacity: .1;} #wrap .vc_images_carousel .vc_carousel-control:hover, #wrap .vc_images_carousel .vc_carousel-control span:hover { opacity: 1; color: #00c2e5;} /* portfolio item carousel */ .portfolio-carousel-subtitle { border-bottom:2px solid #eee;height: 50px;} .latest-projects-navigation {float: right;height: 40px;padding: 0;margin-top: 10px;} .latest-projects-navigation a {border: 2px solid #e6e6e6; border-radius: 5px;padding: 6px 12px 2px;cursor: pointer; transition: all .22s ease;} .portfolio-carousel-subtitle h4 {float: left;height: 50px;font-weight: 600;font-size: 24px; line-height: 33px;} .port-display-block .widget ul li { display : block;} .latest-projects-navigation a i { font-size: 20px; color: #616a73;} .related-works .portfolio-item { list-style: none; position: relative;} .related-works .portfolio-item img { width: 100%; cursor: -webkit-grab; cursor: -moz-grab;} .related-works .portfolio-item h5 {font-size: 18px; font-weight: 600; text-transform: uppercase; margin: 22px 0 7px 0;} .related-works .portfolio-item h5 a { color: #000; transition : all .22s ease;} .related-works .portfolio-meta .portfolio-date { font-size:11px; font-weight: 500;} .related-works .portfolio-meta .portfolio-cat { margin-left: 32px; fon-size: 15px; text-transform: uppercase;} .related-works .portfolio-meta .portfolio-cat a { color: #b4b4b4; font-weight: 400;} .related-works .portfolio-item > a { display: block; position: relative; cursor: -webkit-grab; cursor: -moz-grab;} .related-works .portfolio-item > a:active { cursor: -webkit-grabbing; cursor: -moz-grabbing; opacity:1;} .related-works .portfolio-item > a:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; transition : all .22s ease;} .related-works .portfolio-item > a:hover:before { background: #00c2e5; opacity: .5;} .related-works .portfolio-item:hover h5 a { color: #00c2e5;} .latest-projects-navigation a:hover { background: #00c2e5; border-color:transparent;} .latest-projects-navigation a:hover i { color: #fff;} @media only screen and (max-width: 479px) { .latest-projects-navigation a { padding:4px 9px 0px;} .portfolio-carousel-subtitle h4 { font-size:14px; font-weight:500; line-height: 46px;} } /* event */ .event-wrapper { position: relative;} .event-modern .event-article { position: relative; overflow: hidden; border: 1px solid #e6e6e6; padding: 8px;} .event-modern .event-article .event-overlay { height: 100%; background-color: rgba(36, 36, 36, 0.4); position: absolute; width: 100%; left: 0; border: 8px solid #fff; top: 0px; transition: all .5s ease-in-out;} .event-modern .event-article .event-content { color: #fff; position: absolute; bottom: 20px; padding:40px 60px; transition: all .5s ease-in-out;} .event-modern .row { margin-bottom: 36px; max-width: none;} .event-modern .event-article .event-title { color: #fff; font-weight: 700; font-family:'Lora', serif; margin: 46px 0 19px; font-size: 29px; text-transform:uppercase; text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5);} .event-modern .event-article a:hover .event-title { color:#f96403;} .event-modern .event-date{position: absolute; background-color: #83b640; top: -20px; right: 60px; color: #fff; width: 60px; padding:14px;} .event-modern .event-date div {text-align: center; text-transform: uppercase; letter-spacing: 1px; line-height: 16px; font-family: Dosis,sans-serif;} .event-modern .event-date .dday {padding-bottom: 15px; border-bottom: 1px solid rgba(255, 255, 255, 0.5); margin-bottom: 13px; font-size: 24px;} .event-modern .event-date .dmonth {letter-spacing: 2px;} .event-modern .event-detail { font-family:'Lora',serif; font-style:italic; font-size:16px;} .event-modern .event-category div{display: none;} .event-modern .event-category .tribe-event-categories{display: inline-block; list-style: none; margin: 0;} .event-modern .event-category .tribe-event-categories a{color:#fff; font-weight:bold;} @media only screen and (max-width: 768px) { .event-modern .event-article .event-content { padding:20px; bottom:5px;} .event-modern .event-article .event-title { font-size:23px;} .event-modern .event-date { right:20px; padding:10px; width:50px;} } @media only screen and (max-width: 479px) { .event-modern .event-article .event-content { padding:10px;} .event-modern .event-article .event-title { font-size:19px; padding-right:25px;} .event-modern .event-date { right:-20px; top:-10px;} .event-modern .event-category, .event-modern .event-detail { font-size:12px;} } /* event-clean */ .event-clean .event-article { margin:15px 0;} .event-clean .event-date { width:70px; float:left; margin-right: 20px; color: #2a2a2a; padding:12px 16px 10px;text-align: center;text-transform: uppercase;border-radius: 13px; border: 3px solid #e6e6e6; transition: all .37s ease-in-out;} .event-clean .event-date span {display: block;font-size: 24px; font-weight: 700; text-align: center; margin-bottom: 4px; color: #2a2a2a; transition: color .37s ease;} .event-clean .event-title {font-weight: 700; line-height: 21px; font-size: 16px; padding-top: 5px; text-transform: uppercase; transition: color .37s ease;} .event-clean .event-detail {font-weight: 300;line-height: 12px;letter-spacing: 1px;} .event-clean .event-article:hover .event-title { color:#01b7f9;} .event-clean .event-article:hover .event-date{background:#01b7f9; color:#fff; border-color:#01b7f9;} .event-clean .event-article:hover .event-date span { color:#fff;} /* event-minimal */ .event-minimal .event-article { border-bottom: 1px solid #efefef; padding: 12px 0;} .event-minimal .event-date { float: left; margin-right: 30px; color: #3ed1e7; width: 92px; border: 2px solid #3ed1e7; padding: 16px 0 10px; text-align: center; text-transform: uppercase; border-radius: 15px 15px 0;} .event-minimal .event-date span {display: block; font-size: 30px; font-weight: 500; text-align: center; margin-bottom: 6px;} .event-minimal .event-title {font-size: 16px; margin: 15px 0 12px; font-weight:700; text-transform: uppercase;} .event-minimal .event-title a{color:#494949;} .event-minimal .event-title a:hover {color:#fe797a;} .event-minimal .event-detail {color: #777; font-weight: 300; line-height: 12px;} /* Sermons-Toggle */ .sermons-toggle .acc-trigger a {background-image: none; letter-spacing: 4px; padding: 36px 14px 37px 10px;} .sermons-toggle .acc-trigger a strong{ font-weight: 500;} .sermons-toggle .acc-trigger a:before {font-size: 12px; font-family: 'FontAwesome'; content: '\F078 '; color: #b1b1b1; border-radius: 50%; padding: 5px 5px 6px 6px; margin-right: 20px; background: #ededed; letter-spacing: 0;} .sermons-toggle .acc-trigger.active a:before{content: '\F077 ';} .sermons-toggle .acc-trigger.active {border-top-color: #eeeeee;} .sermons-toggle .acc-trigger {border-top: 1px solid #eeeeee;} .sermons-toggle .acc-trigger a:hover,.sermons-toggle .acc-trigger.active a,.sermons-toggle .acc-trigger.active a:hover {color: #000;} .sermons-toggle .content a{color:#000;} /* Sermons-Minimal */ .sermons-minimal article{padding: 5px 0 20px; clear:both; margin:1px 0; display:block;} .sermons-minimal h4 { font-size:18px; font-weight:500; letter-spacing:3px; color:#5a5a5a; text-transform:uppercase; line-height:21px; margin-bottom:0;} .sermons-minimal a {color:#5a5a5a;} .sermons-minimal a:hover, .sermons-minimal a:hover h4{color:#202020;} .sermons-minimal i{font-size: 32px; float: left; margin: 5px 20px 0 0;} .sermons-minimal .sermon-detail{font-size:10px; overflow:hidden; font-weight:400; color:#999; letter-spacing:2px; text-transform:uppercase;} /* sermons-minimal */ .sermons-minimal article {padding: 5px 0 20px; clear:both; margin: 0 0 16px; display:block;} .sermons-minimal h4 { font-size:18px; font-weight:500; letter-spacing:3px; color:#5a5a5a; text-transform:uppercase; line-height:21px; margin-bottom:0;} .sermons-minimal a {color:#5a5a5a;} .sermons-minimal a:hover h4, .sermons-minimal .media-links a:hover i {color:#f8c422;} .sermons-minimal .sermon-icon {font-size: 32px; float: left; color:#f8c422; margin: 5px 20px 54px 0;} .sermons-minimal .sermon-detail {font-size:10px; overflow:hidden; font-weight:400; color:#999; letter-spacing:1px; text-transform:uppercase;} .sermons-minimal .media-links {display:block;} .sermons-minimal .media-links i {color:#828282; font-size: 16px; margin:6px 8px 0 0;} .sermons-minimal .media-links span {display:none;} /* Sermons-Grid */ .sermons-grid.container { max-width:none;} .sermons-grid article{position:relative; border: 1px solid #e9e9e9;} .sermons-grid h4 a:hover{color:#000} .sermons-grid .s-area .sermon-count{font-size: 12px; text-align: right; color: #aaaaaa; line-height: 28px;} .sermons-grid .sermon-count i{margin-right: 5px; color: #aaaaaa;} .sermons-grid .media-links {background-color: rgba(247, 197, 30, 0.93); width: 100%; text-align: center; height: 40px; padding: 10px;} .sermons-grid .media-links.abs-top {position: absolute; margin-top: -40px;} .sermons-grid .media-links a{padding:10px; color:#fff; font-size:12px; letter-spacing:1px; font-weight:500;} .sermons-grid .media-links a:hover{color:#000;} @media only screen and (max-width: 767px) { .sermons-grid .media-links a { width:50%; float:left; padding:1px;} .sermons-grid .media-links { height:66px;} .sermons-grid .media-links.abs-top { margin-top:-65px;} } .sermons-grid .media-links i{margin-right:5px;} .sermons-grid .row{margin-bottom: 36px; max-width:none;} .sermons-grid .s-area{padding: 15px 20px;} .sermons-grid .s-area .col-md-12 { padding-top:20px; padding-bottom:15px;} .sermons-grid .s-area *{color:#4a4a4a;} .sermons-grid .s-area h4, .sermons-grid .s-area h5 {font-size:18px; font-weight:500; letter-spacing:3px; color:#4a4a4a; text-transform:uppercase; line-height:28px; margin-bottom:5px;} .sermons-grid .s-area h5 { font-weight:500; letter-spacing:2px; font-size:11px;} .sermons-grid .sermon-detail{font-size:11px; overflow:hidden; font-weight:400; color:#8a8a8a; letter-spacing:2px; text-transform:uppercase; margin-bottom:15px;} .sermons-grid .sermon-detail a:hover { color:#0099ff;} .sermons-grid .sermon-img img { width:100%;} /* A Sermon */ .a-sermon {background:#f6f6f6; padding: 30px 20px;} .a-sermon h4 {font-size: 19px; color:#4a4a4a; letter-spacing:1px; font-weight:700;} .a-sermon h4 a { color:#4a4a4a;} .a-sermon h4 a:hover { color: #00c2e5;} .a-sermon .media-links {background-color: #00c2e5; width: 100%; text-align: center; height: 40px; padding: 10px;} .a-sermon .media-links a {padding:10px; color:#fff; font-size:12px; letter-spacing:1px;} .a-sermon .media-links a:hover {color:#222;} .a-sermon figure {margin: 16px 0;} .a-sermon .media-links i{margin-right:5px;} .a-sermon .sermon-img img {width:100%; padding:5px; background:#fff; transition: all .15s ease;} .a-sermon .sermon-img:hover img { background-color: #00c2e5;} .a-sermon .sermon-detail { color: #a7a7a7; margin-bottom: 14px; font-size: 13px; font-family:'Lora',serif; font-style:italic; line-height: 10px; background:#fff; padding:10px;} .a-sermon p { font-size:14px; line-height:1.85;} /* A Sermon Boxed */ .a-sermon-boxed {position: relative; border: 1px solid #e9e9e9; padding: 12px 12px 16px; margin-bottom:25px;} .a-sermon-boxed .sermon-boxed-top { background-color: #fb565c; width: 100%; text-align: center; padding: 24px 0; margin-bottom: 15px;} .a-sermon-boxed .sermon-boxed-top i {color: #fff; font-size: 60px;} .a-sermon-boxed .sermon-boxed-top h3{ color: #fff; font-weight: normal; font-size: 16px; letter-spacing: 5px; margin: 15px 0 0;} .a-sermon-boxed h4 a{font-size: 15px; color:#777; letter-spacing:1px; font-weight:500;} .a-sermon-boxed h4 a:hover {color:#000} .a-sermon-boxed .media-links {background-color: #f4f4f4; width: 100%; text-align: center; padding: 14px;} .a-sermon-boxed .media-links a{padding:10px; color:#fb565c; letter-spacing:1px; font-size:12px;} .a-sermon-boxed .media-links a:hover{color:#444;} .a-sermon-boxed .media-links i{margin-right:5px;} .a-sermon-boxed .sermon-detail{color: #aaaaaa; height: 75px; font-size: 13px; line-height: 23px;} @media only screen and (max-width: 960px) { .a-sermon-boxed .media-links a { font-size:0px;} .a-sermon-boxed .media-links a i { font-size:18px;} } /* Subscribe Box */ .subscribe-box {position: relative; border: 1px solid #e9e9e9; padding: 12px 12px 16px; margin-bottom:25px;} .subscribe-box .subscribe-box-top { background-color: #46a052; width: 100%; text-align: center; padding: 24px 0; margin-bottom: 15px;} .subscribe-box .subscribe-box-top i {color: #fff; font-size: 60px;} .subscribe-box .subscribe-box-top h3 { color: #fff; font-weight: normal; font-size: 16px; letter-spacing: 5px; margin: 15px 0 0;} .subscribe-box .subscribe-box-text {height:110px;} .subscribe-box .subscribe-box-form {margin:0;} .subscribe-box .subscribe-box-input div{padding:0;} .subscribe-box .subscribe-box-input .subscribe-box-email {width: 100%; border: 1px solid #fafafa; background-color: #fafafa; padding: 16px; margin: 0;} .subscribe-box .subscribe-box-input .subscribe-box-email:focus {border: 1px solid #ededed; box-shadow: none;} .subscribe-box .subscribe-box-input .subscribe-box-email:hover {border: 1px solid #e2efe3;} .subscribe-box .subscribe-box-input .subscribe-box-submit {margin: 0; border-radius: 0; width: 100%; padding: 18px 0 19px; background:#444; color:#fff;} /* Twitter Box */ .latest-tweets { position: relative; border: 1px solid #e9e9e9; padding: 12px 12px 16px; margin-bottom:25px;} .latest-tweets .ltweets-top { background-color: #5eaade; width: 100%; text-align: center; padding: 24px 0; margin-bottom: 15px;} .latest-tweets .ltweets-top i {color: #fff; font-size: 60px;} .latest-tweets .ltweets-top h3{ color: #fff; font-weight: normal; font-size: 16px; letter-spacing: 5px; margin: 15px 0 0;} .latest-tweets .tweets{font-size: 15px; list-style: none; height: 87px; line-height: 21px;} .latest-tweets .tweets .tw-timestamp {color: #767676; font-size: 13px;} .latest-tweets .tw-item a{color: #5eaade;} .latest-tweets .ltweets-link-wrapper { background-color: #f4f4f4; width: 100%; text-align: center; padding: 14px;} .latest-tweets .ltweets-link {color: #5eaade; font-size: 16px;} .latest-tweets .ltweets-link:hover {color: #444;} /* Event-list */ .event-list .event-article{ border-bottom: 1px solid #efefef; padding: 24px 0 16px;} .event-list .event-article .col-md-9 { padding:0;} .event-list .event-date { position:relative; float:left; margin-right: 30px; background-color: #f1bb51; color: #fff; width: 52px; padding: 6px 4px 3px; text-align: center; text-transform: uppercase; border-radius: 3px;} .event-list .event-date span{ display: block; font-size: 24px; font-weight: 700; text-align: center; margin-bottom:4px;} .event-list .event-date:after { display:block; content:""; position:absolute; width:50px; left:1px; top:1px; height:30px; background:rgba(255,255,255,0.1); box-shadow:0 4px 4px rgba(0,0,0,0.02);} .event-list .event-title { font-weight:500; font-size: 18px; padding-top:5px;} .event-list .event-detail{ color:#777; font-weight:300; line-height: 12px;} .event-list .btn-wrapper{ text-align:right; padding-right:0; padding-top:6px;} .event-list .btn-wrapper .button { margin-bottom:14px; margin-right:0;} .button.dark-gray { background: #ededed; color:#000;} .button.dark-gray:hover {background: #444; color:#fff;} .vc_col-sm-4 .event-list .event-date, .vc_col-sm-6 .event-list .event-date { margin-right:12px;} .vc_col-sm-4 .event-list .event-title, .vc_col-sm-6 .event-list .event-title { font-size:15px; letter-spacing:2px;} /* Ministry Box */ .ministry-box { position:relative; min-height: 287px; margin-bottom:30px; overflow:hidden; text-align:center;} .ministry-box .ministry-bar { background-color:currentcolor; position:absolute;} .ministry-box .ministry-bar h4{ padding: 20px 0; color: #fff; text-transform: uppercase; margin-bottom: 0; font-size: 23px; font-weight:bold; letter-spacing: 2px;} .ministry-box .ministry-img img { min-width: 100%;} .ministry-box .ministry-bar { color: #0099cb; background-color: currentcolor; width: 100%; position: relative;} .ministry-box .ministry-bar:after{ transition: all .5s ease-in-out; margin-left: -15px; position: absolute; content:''; width: 0; height: 0; border-style: solid; border-width: 15px 15px 0 15px; border-color: currentcolor transparent transparent transparent;} .ministry-box .ministry-content { height:0; transition: all .5s ease-in-out; overflow:hidden; padding: 0 8px; position: absolute; width:100%;} .ministry-box:hover .ministry-content { height:100%;} .ministry-box .ministry-content p{ color:#fff; line-height: 20px; margin-bottom: 12px; padding:5%; font-size:14px;} .ministry-box .ministry-content h5 { color:#fff; font-weight:500; margin:7px 0 0} .ministry-box .ministry-content a { color:#fff; font-weight:600; text-transform: uppercase;} .ministry-box .director-img { border-radius: 50%; width: 33%; border: 3px solid #fff;} .ministry-box .ministry-director p { padding:0;} /* ministry box 2 */ .ministry-box2 img {background-color: #fff; padding: 10px; transition: all .33s ease; border:1px solid #eee;} .ministry-box2:hover img {background-color: #ff797a;} .ministry-box2 h4 {font-weight: 400; font-size: 24px; text-align: center; margin: 25px auto 15px; transition: all .33s ease;} .ministry-box2:hover h4 {color:#ff797a;} .ministry-box2 p { text-align: center;color: #8a8a8a;} /* Sermons-Clean */ .sermons-clean, .sermons-clean .row { max-width:none;} .sermons-clean h4 { margin-top:24px; font-size:21px;} .sermons-clean h4 a { color:#222; transition: all .33s ease} .sermons-clean h4 a:hover { color:#fb565c;} .sermons-clean .media-links { padding: 30px 0;} .sermons-clean .sermon-img { margin-bottom: 12px; border:8px solid #eee; background:#fff; padding:1px; transition: all .45s ease;} .sermons-clean .sermon-img:hover { border-color:#fb565c;} .sermons-clean .media-links a{ padding: 7px 12px; color: #e1e1e1; font-size: 24px; border: 1px solid currentColor; margin-right: 10px; transition: all .33s ease;} .sermons-clean .media-links a span { display:none;} .sermons-clean .media-links a:hover { color:#fb565c;} .sermons-clean .row .col-md-4 { margin-bottom: 35px;} .sermons-clean .sermon-detail { color: #a1a1a1; margin-bottom: 14px; font-size: 13px; font-weight:300; line-height: 10px; margin:20px 0;} /* sermon simple */ .sermons-simple article .sermon-img img {padding: 4px; border:1px solid #eee; margin-bottom:13px; transition: all .28s ease;} .sermons-simple article:hover .sermon-img img {background-color: #ff6c6c;} .sermons-simple article h4 {text-align: center; font-size: 12px; line-height:15px;} .sermons-simple article h4 a {color: #555; font-size: 12px; font-weight:bold; letter-spacing:0.5px; text-transform:uppercase; transition: all .28s ease;} .sermons-simple article:hover h4 a {color: #ff6c6c;} @media only screen and (max-width: 767px) { .sermons-simple article { margin-bottom:25px;} .sermons-simple article h4, .sermons-simple article h4 a { font-size:16px; line-height:25px;} } /* Event-gird */ .event-grid .row { margin-bottom: 30px; max-width: none;} .event-grid .event-article { position: relative; overflow: hidden; border: 1px solid #e9e9e9;} .event-grid .event-article .event-content{ background:#fff; color:#767676; padding: 20px; text-align:left; min-height: 125px;} .event-grid .event-article .event-title { color:#525252; margin: 10px 0; font-weight: bold; font-size: 17px; letter-spacing: 0.3px;} .event-grid .event-article .event-title:hover { color: #000;} .event-grid .event-detail { font-weight: 300; font-size: 13px; background-color: #00c2e5; color: #fff; padding: 3px 0 3px 20px; margin: 0 0 20px -20px;} /* Event-cover */ .event-cover .row { margin-bottom: 36px; max-width: none;} .event-cover .event-article {position: relative; overflow: hidden; background:#fff; padding:6px; border:1px solid #e8e8e8;} .event-cover .event-article .event-overlay { position: absolute; left:6px; right:6px; bottom:6px; top:6px; width:auto; height: auto; background-color: rgba(36, 36, 36, 0.4); transition: all .33s ease-in-out;} .event-cover .event-article:hover .event-overlay { background-color: rgba(36, 36, 36, 0.6);} .event-cover .event-article .event-content { font-family:'Lora',serif; font-size:16px; font-style:italic; color:#fff; position: absolute; bottom: 0; padding: 50px 35px; transition: all .33s ease-in-out;} .event-cover .event-article .event-title { color:#fff; margin: 20px 0 38px; font-family:'Lora',serif; font-size: 24px; font-weight:bold; text-transform:uppercase; font-style:normal;} .event-cover .event-article .btn-wrapper {text-align:left;} .event-cover .event-article .event-icon { font-size: 18px; float: left; margin-right: 14px; color: #fff; background: #f96403; padding: 13px;} .event-cover .event-article .event-button { color: #fff; background-color: #191919; border: 2px #191919 solid; padding: 12px 20px; letter-spacing:3px; font-size:12px; font-weight:bold; font-style:normal; transition: all .22s ease} .event-cover .event-article .event-button:hover { color: #191919; background-color: #fff; border-color: #fff; border-radius: 1px;} .tribe-events-event-image img {min-width: 100%;} @media only screen and (max-width: 960px) { .event-cover .event-article .event-content { padding:20px;} } @media only screen and (max-width: 767px) { .event-cover .row { margin-bottom:0;} .event-cover .event-article { margin-bottom:30px;} .event-cover .event-article .event-title { font-size:19px; margin:15px 0 25px;} .event-cover .event-article .event-button { font-size:11px;} } @media only screen and (max-width: 479px) { .event-cover .event-article .event-content { padding:15px; font-size:15px;} .event-cover .event-article .event-title { font-size:15px; margin:10px 0;} .event-cover .event-article .event-button { font-size:10px; padding:6px; letter-spacing:1px;} .event-cover .event-article .event-icon { padding:10px;} } /* Teaser boxes ----------------------*/ /* Teaser box 1 */ .teaser-box1 {position:relative; border: 1px solid #ececec;} .teaser-box1 .teaser-title { background-color: rgba(247, 197, 30, 0.92); font-family:'Passion One','Montserrat', sans-serif; font-size: 21px; letter-spacing:2px; font-weight: 500; height: 50px; margin: 0; padding: 13px; text-transform: uppercase; transition: all 0.3s ease-in-out 0s; width: 100%;} .teaser-box1 .teaser-title.has-image {position: absolute; margin-top: -49px;} .teaser-box1 img { width:100%;} .teaser-box1 a:hover .teaser-title {background-color: rgba(0, 0, 0, 0.8); color:#fff;} .teaser-box1 .teaser-subtitle { padding:15px 10px; color: #767676; margin: 0; font-size:13px;} /* Teaser box 2 */ .teaser-box2 .teaser-image { transition: all 0.38s ease; padding: 7px; background:#fff; margin-bottom: 12px; width:100%;} .teaser-box2:hover .teaser-image { background:#222; -webkit-filter: grayscale(1); filter: grayscale(1);} .teaser-box2 .teaser-title {font-size: 11px; line-height:1; letter-spacing: 2px;max-width: 50%; display: inline-block;background-color: #00c2e5; font-weight: bold; margin: 0;padding: 5px 15px 4px; text-transform: uppercase; transition: all 0.38s ease; word-wrap: break-word;color: #fff;} .teaser-box2 a:hover .teaser-title {background-color: #222; color:#fff;} .teaser-box2 .teaser-subtitle { font-size: 12px; padding: 10px; color: #767676; margin: 0; display: inline-block; word-wrap: break-word;} .blox .teaser-box2 .teaser-image { box-shadow: 0px 5px 7px 0px rgba(0, 0, 0, 0.02);} /* Teaser box 3 */ .teaser-box3 { padding:9px; background:#fff; text-align:center; padding-bottom:25px; border-radius:3px; box-shadow: 0 2px 0 0px rgba(0,0,0,0.025);} .teaser-box3 .teaser-image { transition: all 0.31s ease; margin-bottom: 12px; width:100%;} .teaser-box3 .teaser-title { font-size:15px; font-weight:700; padding-top:12px;} .teaser-box3 .teaser-subtitle { border-radius:38px; font-weight:600; box-shadow: 0 2px 0 0px rgba(0,0,0,0.015); font-size: 10px; line-height:1; letter-spacing: 1px;max-width: 50%; display: inline-block;background-color: #00c2e5; margin: 0;padding: 5px 12px 4px; text-transform: uppercase; transition: all 0.31s ease; word-wrap: break-word;color: #fff;} #wrap .teaser-box3 a:hover .teaser-subtitle { background-color: #222; color:#fff;} .teaser-box3:hover .teaser-image { background:#222; -webkit-filter: grayscale(1); filter: grayscale(1);} /* Teaser box 4 */ .teaser-box4 { position:relative; margin-top: 0; border: 7px solid #fff; box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.019); transition: all .31s ease-in-out;} .teaser-box4:hover { transform: translate(0,-9px); -webkit-transform: translate(0,-9px); box-shadow: 0px 15px 15px 0px rgba(0, 0, 0, 0.11);} .teaser-box4 img {transition: all .3s ease-in-out; width:100%;} .teaser-box4 .teaser-title,.teaser-box4 .teaser-subtitle {transition: all .33s ease-in-out; background-color: #00c2e5; font-size: 12px; letter-spacing:2px; font-weight: 600; height: 40px; margin: 0; padding: 13px; text-transform: uppercase; width: 100%; text-align: center; color:#fff; text-shadow:0 0px 3px rgba(0,0,0,0.16);} .teaser-box4 .teaser-subtitle { margin-top:-40px; opacity: 0; background-color: #202020; color:#fff;} .teaser-box4:hover .teaser-subtitle {opacity: 1;} .teaser-box4:hover .teaser-title {opacity: 0;} @media only screen and (max-width: 767px) { .teaser-box4, .teaser-box4:hover { margin-top:15px; margin-bottom:0;} .teaser-box4 .teaser-title,.teaser-box4 .teaser-subtitle { letter-spacing:1px;} } /* Teaser box 5 */ .teaser-box5 { position: relative; margin-bottom: 16px;} .teaser-box5 .teaser-title,.teaser-box5 .teaser-subtitle { transition: all .28s ease-in-out; font-size: 18px; font-weight:bold; line-height:18px; height:18px; position: absolute; top:0; left:0; bottom:0; right:0; margin:auto; text-align: center; color: #fff;} .teaser-box5 a { background:#000; display:block;} .teaser-box5 .teaser-subtitle { opacity: 0;} .teaser-box5 .teaser-subtitle:after { position:absolute; margin-right:-2px; font-family: 'fontawesome'; font-size: 10px; content: "\f061"; margin-left: 5px; margin-top:4px; color: #fff; font-style: normal; font-weight: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased;} .teaser-box5:hover .teaser-subtitle { opacity: 1;} .teaser-box5:hover .teaser-title { opacity: 0;} .teaser-box5 img { opacity: 0.5; transition: all .28s ease-in-out;} .teaser-box5:hover img { opacity: 0.4;} #nav .teaser-box5 a, #nav .teaser-box5 img { padding:0; margin:0; border:none;} /* Teaser box 6 */ .teaser-box6 {position: relative; margin-bottom: 16px; background:#000; overflow:hidden;} .teaser-box6 .teaser-title,.teaser-box6 .teaser-subtitle {text-transform: uppercase; display:table; margin-top:0; transition: all .18s ease; font-size: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); text-align: center; color: #fff;} .teaser-box6 a { display:block; background:#000; border:none !important;} .teaser-box6 img { width:100%; transition: all .27s ease-in-out; opacity:0.65;} .teaser-box6 .teaser-title strong {font-weight:600;} .teaser-box6 .teaser-subtitle {opacity: 0; margin: 0; margin-top: 20px; font-weight: 600; font-size: 10px; white-space:nowrap; border-radius: 15px; padding: 4px 16px; letter-spacing: 1px; color: #737373; background-color: #fafafa; transition: all .18s ease;} .teaser-box6 .teaser-subtitle:after {font-family: 'fontawesome'; content: "\f054"; margin-left: 5px;} .teaser-box6:hover .teaser-title {margin-top: -25px;} .teaser-box6:hover .teaser-subtitle {opacity: 1;} .teaser-box6:hover .teaser-subtitle:hover { color:#000;} .teaser-box6:hover img {filter: blur(3px); -webkit-filter: blur(3px);} #nav .teaser-box6 { margin-bottom:0;} #nav .teaser-box6 a, #nav .teaser-box6 img { padding:0; margin:0; border:none !important;} #nav .teaser-box6 .teaser-title { font-size:15px;} #nav .teaser-box6:hover .teaser-title { margin-top: -15px;} /* Teaser box 7 */ .teaser-box7 { position: relative;} .teaser-box7 h4, .teaser-box7 h5 { position: absolute; bottom: 0; display: block; width: 100%; margin-bottom:-1px; line-height: 25px; padding: 15px;} .teaser-box7 h4 { background:rgba(62,62,62,0.88); color: #fff; font-weight: bold; height: 85px; transition: .22s all ease-in-out;} .teaser-box7:hover h4 { background: #3e3e3e; color: #f9c41c;} .teaser-box7 h4:before { content: ""; width: 25%; height: 0; display: block; position: absolute; border-bottom: 3px solid #f7c520; left: 0; top: 0; transition: .22s all ease-in-out;} .teaser-box7:hover h4:before { width: 100%;} .teaser-box7 h5 { color: #8a8a8a; padding-bottom: 20px; padding-top: 0; background-color: transparent;} /* Subscribe bar */ .subscribe-bar1 { padding: 40px 0; max-width: 530px; margin: 0 auto;} .subscribe-bar1 h3 { color: #fff; font-weight: normal; font-size: 24px; letter-spacing: 2px; padding-left:10px;} @media only screen and (min-width: 1200px) { .subscribe-bar1 h3 { padding-left:15px;} } .subscribe-bar1 .subscribe-box-form {margin:0;} .subscribe-bar1 .subscribe-box-input div {padding:0;} .subscribe-bar1 .subscribe-box-input .subscribe-box-email {border: 1px solid #fff; width: 70%; background-color: #fff; padding: 21px; font-size: 14px; margin: 0; float: left; border-radius: 5px 0 0 5px;} .subscribe-bar1 .subscribe-box-input .subscribe-box-email:focus {border: 1px solid #f0f0f0; box-shadow: none;} .subscribe-bar1 .subscribe-box-input .subscribe-box-submit {margin-left: -14px; background: #39c36e; width: 30%; border-radius: 0px 5px 5px 0; color: #fff; line-height: 20px; border: 3px solid #fff;float: right;} .subscribe-bar1 .subscribe-box-input .subscribe-box-submit:hover {background:#191919;} @media only screen and (max-width: 767px) { .subscribe-bar1 .subscribe-box-input .subscribe-box-email, .subscribe-bar1 .subscribe-box-input .subscribe-box-submit {border-radius: 5px 5px 0 0; margin: 0; width: 100%;} .subscribe-bar1 .subscribe-box-input .subscribe-box-submit{border-radius: 0 0 5px 5px;} } /* subscribe flat */ .subscribe-flat {padding: 40px 0;} .subscribe-flat h3 {color: #292929;font-weight: normal; margin: 10px 0 0;} .subscribe-flat .subscribe-box-form {margin:0;} .subscribe-flat .subscribe-box-input div {padding:0;} .subscribe-flat .subscribe-box-input .subscribe-box-email {width: 100%; border: 1px solid #ededed; background-color: #ededed; padding: 36px; margin: 0; border-radius: 0;} .subscribe-flat .subscribe-box-input .subscribe-box-email:focus {border: 1px solid #f0f0f0; box-shadow: none;} .subscribe-flat .subscribe-box-input .subscribe-box-submit {background:#83b640; margin: 0; width: 100%; padding: 39px 0 38px; border-radius: 0; color:#fff;} .subscribe-flat .subscribe-box-input .subscribe-box-submit:hover {background:#191919;} /* latest news */ .latestnews1 { display: table; border-spacing: 1px; table-layout: fixed; width: 100%;} .latestnews1 .ln-row {display: table-row;} .latestnews1 .ln-item {display: table-cell; position:relative; overflow:hidden;} .latestnews1 .ln-content { height: 60px; transition: all .5s ease-in-out; width: 100%; position: absolute; bottom: 0; background-color: rgba(39,39,39, 0.83); text-align: center; padding: 0 20px;} .latestnews1 .ln-item:hover .ln-content { padding-top: 36px; background-color:#00c2e5; height: 100%; opacity:0.96;} .latestnews1 .ln-content h3 {font-weight:700; line-height: 1.3; font-size: 13px; letter-spacing:1px; text-transform: uppercase; margin: 18px auto 20px;} .latestnews1 .ln-content h3 a { color:#fff;} .latestnews1 .ln-content h3 a:hover { text-decoration:underline;} .latestnews1 .ln-date {color: #fff;margin-bottom: 56px; font-family:'Lora',serif; font-style:italic;} .latestnews1 .ln-button {color: #fff; border: 2px solid; border-radius: 2px; padding: 6px 18px 5px; display: inline-block; text-transform:uppercase; letter-spacing:2px; font-size:11px; font-weight:bold; transition: all .35s ease-in-out;} .latestnews1 .ln-button:hover {color: #000;} @media only screen and (max-width: 961px) { .latestnews1 .ln-item { display:block; float:left; width:50%;} } @media only screen and (max-width: 767px) { .latestnews1 .ln-item { width:100%;} } /* latest news 2 */ .latestnews2 .ln-item {margin-bottom:24px;} .latestnews2 .ln-date {float: left; text-align:center; margin: 10px 16px 0 0;} .latestnews2 .ln-date .ln-day { background-color: #fff; color: #646464; font-size: 18px; font-weight: 600; padding: 8px 15px; border-radius: 5px 5px 0 0;} .latestnews2 .ln-date .ln-month {background: #f8c422; color: #fff;border-radius: 0 0 5px 5px; font-size: 12px;text-transform: uppercase;} .dark.blox .latestnews2 .ln-content .ln-title { color: #fff;} .latestnews2 .ln-content .ln-title {text-transform: uppercase; font-size: 22px; font-weight: 500; color: #646464;} .latestnews2 .ln-content {overflow:hidden;} .latestnews2 .ln-content .ln-title:hover, .dark.blox .latestnews2 .ln-content .ln-title:hover {color: #f8c422;} .latestnews2 .ln-content .ln-excerpt {margin-bottom:10px;} .latestnews2 .ln-item .ln-content .ln-button {color:#828282; text-transform: initial;} .latestnews2 .ln-item .ln-content .ln-button:hover {color: #f8c422;} /* Event Countdown */ .btn-wrapper {text-align:center;} .countdown-wrapper .btn-wrapper {padding-top: 10px; padding-right:0;} .countdown-wrapper h5.countdown-message { letter-spacing:5px; font-weight:500; font-size:18px;} .countdown-wrapper p, .blox.dar .countdown-wrapper p { color:#888;} .countdown-wrapper a.button.black { float:right; margin-right:0;} /* Event Countdown-clock */ @media only screen and (min-width: 961px) and (max-width: 1280px) { .flip-clock-divider.seconds,.countdown-clock ul:nth-child(11),.countdown-clock ul:nth-child(12){display:none;} } @media only screen and (min-width: 480px) and (max-width: 767px) { .flip-clock-divider.seconds,.countdown-clock ul:nth-child(11),.countdown-clock ul:nth-child(12){display:none;} .event-list .btn-wrapper { padding-left:0;} .event-list .event-date { margin-right:10px;} .remittal-t .event-list .event-title { letter-spacing:1px;} .event-list .btn-wrapper { padding-left:0;} } @media only screen and (min-width: 768px) and (max-width: 960px) { .countdown-clock {margin-bottom: 60px;} .countdown-clock .flip-clock-divider {width: 54px;} } @media only screen and (max-width: 767px) { .countdown-clock {margin-bottom: 16px;} .container .countdown-wrapper {text-align:center;} .countdown-clock { margin-left: 8px;} .countdown-clock .flip-clock-divider { margin-bottom: 28px; width: 8px;} .btn-wrapper .button{ display: block; text-align: center; margin:0;} .event-article .btn-wrapper { margin: 12px 0;} .countdown-wrapper a.button.black { float:none;} } @media only screen and (max-width: 479px) { .event-list .event-date {float:none; width: 100%; margin-bottom: 8px;} .event-list .event-date span {display: inline; padding-right: 25px; margin-right:7px; font-size: inherit;} .event-list .event-date:after { width:45%; box-shadow:4px 0 4px rgba(0,0,0,0.02);} .event-list-btn-wrapper{text-align:center;} .event-list .event-article { text-align: center;} .event-list .event-detail { margin-bottom: 10px;} .flip-clock-divider.minutes .flip-clock-label { right: 152px; bottom: -108px;} } /* Get the bourbon mixin from http://bourbon.io */ /* Reset */ .flip-clock-wrapper * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden;} .flip-clock-wrapper a { cursor: pointer; text-decoration: none; color: #ccc;} .flip-clock-wrapper a:hover { color: #fff;} .flip-clock-wrapper ul { list-style: none;} .flip-clock-wrapper.clearfix:before, .flip-clock-wrapper.clearfix:after { content: " "; display: table;} .flip-clock-wrapper.clearfix:after { clear: both;} .flip-clock-wrapper.clearfix { *zoom: 1;} /* Main */ .flip-clock-wrapper { font: normal 11px "Helvetica Neue", Helvetica, sans-serif; -webkit-user-select: none;} .flip-clock-meridium { background: none !important; box-shadow: 0 0 0 !important; font-size: 36px !important;} .flip-clock-meridium a { color: #313333;} .flip-clock-wrapper { text-align: center; position: relative; padding-left:0;} .flip-clock-wrapper:before, .flip-clock-wrapper:after { content: " "; /* 1 */ display: table; /* 2 */ } .flip-clock-wrapper:after { clear: both;} /* Skeleton */ .flip-clock-wrapper ul { position: relative; float: left; margin: 2px; width: 50px; height: 50px; font-size: 80px; font-weight: bold; line-height: 87px; border-radius: 3px; background: rgba(0, 0, 0, 0.21);} .flip-clock-wrapper ul li { z-index: 1; position: absolute; left: 0; top: 0; width: 100%; height: 100%; line-height: 54px; text-decoration: none !important;} .flip-clock-wrapper ul li:first-child { z-index: 2;} .flip-clock-wrapper ul li a { display: block; height: 100%; -webkit-perspective: 200px; -moz-perspective: 200px; perspective: 200px; margin: 0 !important; overflow: visible !important; cursor: default !important;} .flip-clock-wrapper ul li a div { z-index: 1; position: absolute; left: 0; width: 100%; height: 50%; font-size: 80px; overflow: hidden; outline: 1px solid transparent;} .flip-clock-wrapper ul li a div .shadow { position: absolute; width: 100%; height: 100%; z-index: 2;} .flip-clock-wrapper ul li a div.up { -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; transform-origin: 50% 100%; top: 0;} .flip-clock-wrapper ul li a div.up:after { content: ""; position: absolute; top: 24px; left: 0; z-index: 5; width: 100%; height: 3px; background-color: rgba(0, 0, 0, 0.12);} .flip-clock-wrapper ul li a div.down { -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -o-transform-origin: 50% 0; transform-origin: 50% 0; bottom: 0; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;} .flip-clock-wrapper ul li a div div.inn { position: absolute; left: 0; z-index: 1; width: 100%; height: 200%; color: #fff; text-shadow: 0 0 2px rgba(0, 0, 0,0.25); text-align: center; background-color: rgb(251, 84, 92); border-radius: 3px; font-size: 48px;} .flip-clock-wrapper ul li a div.up div.inn { top: 0;} .flip-clock-wrapper ul li a div.down div.inn { bottom: 0;} /* PLAY */ .flip-clock-wrapper ul.play li.flip-clock-before { z-index: 3;} .flip-clock-wrapper .flip { box-shadow: 0 2px 5px rgba(0, 0, 0, 0.17);} .flip-clock-wrapper ul.play li.flip-clock-active { -webkit-animation: asd 0.5s 0.5s linear both; -moz-animation: asd 0.5s 0.5s linear both; animation: asd 0.5s 0.5s linear both; z-index: 5;} .flip-clock-divider { float: left; display: inline-block; position: relative; width: 18px; height: 62px;} .flip-clock-divider:first-child { width: 0;} .flip-clock-dot { display: none; background: #323434; width: 10px; height: 10px; position: absolute; border-radius: 50%; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); left: 5px;} .flip-clock-divider .flip-clock-label { position: absolute; bottom: -1.5em; right: -71px; color: #101010; font-weight:bold; text-shadow: none; text-transform: uppercase;} .blox.dark .flip-clock-divider .flip-clock-label { color:#8a8a8a;} .flip-clock-divider.seconds .flip-clock-label { right: -82px;} .flip-clock-dot.top { top: 30px;} .flip-clock-dot.bottom { bottom: 30px;} @-webkit-keyframes asd { 0% { z-index: 2;} 20% { z-index: 4;} 100% { z-index: 4;} } @-moz-keyframes asd { 0% { z-index: 2;} 20% { z-index: 4;} 100% { z-index: 4;} } @-o-keyframes asd { 0% { z-index: 2;} 20% { z-index: 4;} 100% { z-index: 4;} } @keyframes asd { 0% { z-index: 2;} 20% { z-index: 4;} 100% { z-index: 4;} } .flip-clock-wrapper ul.play li.flip-clock-active .down { z-index: 2; -webkit-animation: turn 0.5s 0.5s linear both; -moz-animation: turn 0.5s 0.5s linear both; animation: turn 0.5s 0.5s linear both;} @-webkit-keyframes turn { 0% { -webkit-transform: rotateX(90deg);} 100% { -webkit-transform: rotateX(0deg);} } @-moz-keyframes turn { 0% { -moz-transform: rotateX(90deg);} 100% { -moz-transform: rotateX(0deg);} } @-o-keyframes turn { 0% { -o-transform: rotateX(90deg);} 100% { -o-transform: rotateX(0deg);} } @keyframes turn { 0% { transform: rotateX(90deg);} 100% { transform: rotateX(0deg);} } .flip-clock-wrapper ul.play li.flip-clock-before .up { z-index: 2; -webkit-animation: turn2 0.5s linear both; -moz-animation: turn2 0.5s linear both; animation: turn2 0.5s linear both;} @-webkit-keyframes turn2 { 0% { -webkit-transform: rotateX(0deg);} 100% { -webkit-transform: rotateX(-90deg);} } @-moz-keyframes turn2 { 0% { -moz-transform: rotateX(0deg);} 100% { -moz-transform: rotateX(-90deg);} } @-o-keyframes turn2 { 0% { -o-transform: rotateX(0deg);} 100% { -o-transform: rotateX(-90deg);} } @keyframes turn2 { 0% { transform: rotateX(0deg);} 100% { transform: rotateX(-90deg);} } .flip-clock-wrapper ul li.flip-clock-active { z-index: 3;} /* SHADOW */ .flip-clock-wrapper ul.play li.flip-clock-before .up .shadow { background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(64, 64,64,0.68) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, rgba(64, 64,64,0.68))); background: linear, top, rgba(0, 0, 0, 0.1) 0%, rgba(64, 64,64,0.68) 100%; background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(64, 64,64,0.68) 100%); background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(64, 64,64,0.68) 100%); background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(64, 64,64,0.68) 100%; -webkit-animation: show 0.5s linear both; -moz-animation: show 0.5s linear both; animation: show 0.5s linear both;} .flip-clock-wrapper ul.play li.flip-clock-active .up .shadow { background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(64, 64,64,0.68) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, rgba(64, 64,64,0.68))); background: linear, top, rgba(0, 0, 0, 0.1) 0%, rgba(64, 64,64,0.68) 100%; background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(64, 64,64,0.68) 100%); background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(64, 64,64,0.68) 100%); background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(64, 64,64,0.68) 100%; -webkit-animation: hide 0.5s 0.3s linear both; -moz-animation: hide 0.5s 0.3s linear both; animation: hide 0.5s 0.3s linear both;} /*DOWN*/ .flip-clock-wrapper ul.play li.flip-clock-before .down .shadow { background: -moz-linear-gradient(top, rgba(64, 64,64,0.68) 0%, rgba(0, 0, 0, 0.1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(64, 64,64,0.68)), color-stop(100%, rgba(0, 0, 0, 0.1))); background: linear, top, rgba(64, 64,64,0.68) 0%, rgba(0, 0, 0, 0.1) 100%; background: -o-linear-gradient(top, rgba(64, 64,64,0.68) 0%, rgba(0, 0, 0, 0.1) 100%); background: -ms-linear-gradient(top, rgba(64, 64,64,0.68) 0%, rgba(0, 0, 0, 0.1) 100%); background: linear, to bottom, rgba(64, 64,64,0.68) 0%, rgba(0, 0, 0, 0.1) 100%; -webkit-animation: show 0.5s linear both; -moz-animation: show 0.5s linear both; animation: show 0.5s linear both;} .flip-clock-wrapper ul.play li.flip-clock-active .down .shadow { background: -moz-linear-gradient(top, rgba(64, 64,64,0.68) 0%, rgba(0, 0, 0, 0.1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(64, 64,64,0.68)), color-stop(100%, rgba(0, 0, 0, 0.1))); background: linear, top, rgba(64, 64,64,0.68) 0%, rgba(0, 0, 0, 0.1) 100%; background: -o-linear-gradient(top, rgba(64, 64,64,0.68) 0%, rgba(0, 0, 0, 0.1) 100%); background: -ms-linear-gradient(top, rgba(64, 64,64,0.68) 0%, rgba(0, 0, 0, 0.1) 100%); background: linear, to bottom, rgba(64, 64,64,0.68) 0%, rgba(0, 0, 0, 0.1) 100%; -webkit-animation: hide 0.5s 0.3s linear both; -moz-animation: hide 0.5s 0.3s linear both; animation: hide 0.5s 0.2s linear both;} @-webkit-keyframes show { 0% { opacity: 0;} 100% { opacity: 1;} } @-moz-keyframes show { 0% { opacity: 0;} 100% { opacity: 1;} } @-o-keyframes show { 0% { opacity: 0;} 100% { opacity: 1;} } @keyframes show { 0% { opacity: 0;} 100% { opacity: 1;} } @-webkit-keyframes hide { 0% { opacity: 1;} 100% { opacity: 0;} } @-moz-keyframes hide { 0% { opacity: 1;} 100% { opacity: 0;} } @-o-keyframes hide { 0% { opacity: 1;} 100% { opacity: 0;} } @keyframes hide { 0% { opacity: 1;} 100% { opacity: 0;} } /*event calendar */ #tribe-events-content-wrapper .tribe-events-calendar thead th { padding: 10px 0;} #tribe-events-content-wrapper .tribe-events-calendar td:hover { background: #4ccfad;} #tribe-events-content-wrapper .tribe-events-calendar td a { color: #4b4b4b;} #tribe-events-content-wrapper .tribe-events-calendar td:hover a { color:#fff;} #tribe-events-content-wrapper .tribe-events-calendar td {height: 148px;} #tribe-events-content-wrapper .tribe-events-sub-nav a { background-color: #ebebeb; color: #111; padding: 10px 20px; display: inline-block; font-weight: normal; margin-top: 10px;} #tribe-events-content-wrapper .tribe-events-sub-nav a:hover { background-color: #4ccfad; color: #fff;} #tribe-events-content-wrapper #tribe-bar-form .tribe-events-button { background-color: #00c2e5; border: 1px solid #cecece; color: #292929;} #tribe-events-content-wrapper #tribe-bar-form .tribe-events-button { border:none; letter-spacing: 2px; font-size:11px; font-weight:bold; text-transform:uppercase; transition: all 0.5s ease; background: #4ccfad; color: #fff; padding:15px 20px; display: block; text-align: center;} #tribe-events-content-wrapper #tribe-bar-form .tribe-events-button:hover { border: none; background:#222;} #tribe-events-content-wrapper #tribe-bar-form {background-color: #f6f6f6; border: none; padding:20px;} #tribe-events-content-wrapper .tribe-events-ical { display:none;} #tribe-events-content-wrapper .tribe-events-calendar div[id*=tribe-events-daynum-] {background-color: rgba(80, 80, 80, 0.32);} #tribe-events-content-wrapper .tribe-events-calendar div[id*=tribe-events-daynum-] a {background-color:transparent;} #tribe-events-bar #tribe-bar-form input[type=text] { padding:10px; background:#fff; border:none;} .datepicker.dropdown-menu { max-width:300px;} #tribe-events-content .tribe-events-tooltip h4, #tribe_events_filters_wrapper .tribe_events_slider_val, .single-tribe_events a.tribe-events-gcal, .single-tribe_events a.tribe-events-ical { color:#4ccfad;} /* topbar login */ #w-login { background: #F6F8F9; width: 434px;} .fancybox-skin { padding: 0 !important;} #w-login h3 { background: #00c2e5; color: #fff; text-align: center; text-transform: uppercase; font-size: 20px; font-weight: 600; letter-spacing: 1px; padding: 37px;} #w-login #user-login {padding: 20px 43px 10px;} #w-login form .login-username label ,#w-login form .login-password label{ font-size: 14px; color: #6B6B6B; text-transform: capitalize; letter-spacing: 0; font-weight: 100;} #w-login form .login-username label:before, #w-login form .login-password label:before { font-family: 'simple-line-icons' , 'FontAwesome'; margin-right:5px;} #w-login form .login-username label:before { content: "\f007";} #w-login form .login-password label:before { content: "\e08e";} #w-login form input { border-color: #00c2e5; margin-top: 5px;} #w-login form .login-remember label input {vertical-align: top;margin-bottom: 0;} #w-login .login-links { list-style: none;} #w-login .login-links li a{ list-style: none; position: absolute;bottom: 121px;right: 56px; font-size: 14px; color: #00c2e5;font-weight: 400;} #w-login form .login-submit input[type=submit], #w-login .login-links li a[href$="register"] { background: #00c2e5; letter-spacing: 0; border-radius: 4px;padding: 12px 35px 10px;margin-top: 33px; margin-bottom: 0; text-transform: uppercase;margin-left: 0;font-weight: 400;font-size: 12px;} .w-login #user-login .login-links li a[href$="register"] { bottom: 55px; right: 88px; font-weight: 400; padding: 5px 31px; color: #fff; font-size: 12px;} .w-login #user-login .login-links li a[href$="register"]:hover { color: #fff;} @media ( max-width:480px){ #w-login .login-links li:last-child a { left: 40px; bottom: 20%; font-size: 13px; display: block; width: 100%;} .w-login #user-login .login-links li a[href$="register"] { text-align: center; left: 50%; right: auto; } } @media ( min-width: 370px) and ( max-width: 480px) { #w-login { width: 323px;} #w-login .login-links li a { bottom: 8.8em; left: 50%;} } @media (max-width: 370px) { #w-login { width: 212px;} #w-login .login-links li a { bottom: 22%; left: 22%;} .w-login #user-login .login-links li a[href$="register"] { text-align: center; padding: 7px 32px; left: 20%; bottom: 10px; right: auto; } } /* modal (forms lightbox) */ .fancybox-type-inline .fancybox-inner { overflow:visible !important; height:auto !important;} .w-modal { margin: -15px; width: initial; background:#fff; border-bottom:1px solid #e8e8e8; margin-bottom:50px;} .w-modal div.wpcf7 { padding:0 35px;} .modal-title {color: #fff; background-color: #00c2e5; padding: 20px; display: block; font-weight: 600; font-size: 18px; letter-spacing: 1px; margin-bottom: 30px;} .w-modal .wpcf7 .wpcf7-form p { font-size:13px; color:#8a8a8a; padding-bottom:6px;} .w-modal .wpcf7 .wpcf7-form input[type=submit], .w-modal .wpcf7 .wpcf7-form input[type=reset], .w-modal .wpcf7 .wpcf7-form input[type=button] { font-weight:700; text-transform:uppercase; border-radius:1px; padding:15px 25px; margin-bottom:10px;} /* global fancy Fixes */ .fancybox-overlay-fixed { z-index: 499842;} .fancybox-opened { z-index: 499843;} /* sermon section */ #w-audio { width: 450px; height: 30px;} @media only screen and (max-width: 767px) { #w-audio { width: 400px;} } @media only screen and (max-width: 479px) { #w-audio { width: 238px;} } /* event register */ @media only screen and (min-width: 768px) { .w-modal, .modal-contact { width: 480px;} } /* slide up note */ .slideup-note { transition:all .5s ease-in-out; margin: -41px auto 0; height: 42px;} .slideup-note h4 { background-color: #f67c7d; color: #fff; margin: 0; font-size: 18px; padding: 10px 20px; text-transform: uppercase; border-radius: 10px 10px 0 0;} .slideup-note h4:after { font-family: 'fontawesome'; content: "\f077"; float:right; font-size: 16px;} .slideup-note p { font-size: 17px; padding: 0 20px; height:0; background-color: #fff; transition:all .5s ease-in-out;overflow: hidden;} .slideup-note:hover { margin-top: -200px;} .slideup-note:hover h4:after { content: "\f078";} .slideup-note:hover p { padding: 20px; height: 159px;} /* extra classes */ .giving-blox h5 { margin: 24px 0;} .giving-blox .button { margin: 30px 0;} .giving-blox .vc_pie_chart .vc_pie_chart_value { font-size:300%;} .triple-blue h3, .triple-blue .countdown-w .countdown-message { margin: 24px 0; font-weight: bold; color: #3ed1e7; letter-spacing: 0px;} .triple-blue .countdown-w .countdown-message { margin: 14px 0;} .triple-blue .countdown-w { text-align:left; color:#63686b;} .triple-blue i { font-size:64px; color: #3ed1e7;} .triple-blue .countdown-w.cd-minimal .block-w {text-align:center;} .note-bar { height:0;margin-top:-144px;} .welcome-bar { padding: 35px; height: 144; overflow:hidden; background: rgba(0, 0, 0, 0.6);} .welcome-bar * { color:#fff;} .welcome-bar h4 { font-weight: bold; font-size:50px;} .welcome-bar h5 { letter-spacing:5px;margin-top:-18px;} .cause-box { border: 1px solid #efefef; padding: 10px;} /* # Layer Slider Custom Styles ================================================== */ #wrap .ls-slider1-h { text-align:left; color:#26282d; font-size:49px; font-weight:300; letter-spacing: 1px; margin-bottom:10px;} #wrap .ls-slider1-h.slide2h { color:#fff; text-align:center;} #wrap .ls-slider1-h.slide3h { color:#fff;} #wrap .ls-slider1-p { font-size:21px; line-height:1.6; color:#4a4a4a; font-weight:300; text-transform:none; letter-spacing: 0px;} #wrap .ls-slider1-p.slide2p { color:#fff; text-align:center;} #wrap .ls-slider1-p.slide3p { color:#fff;} #wrap .ls-slider1-a { text-transform: uppercase; background:#00c2e5; color:#fff; padding:16px 20px 15px; font-size:12px; letter-spacing:3px; font-weight: 500; margin-top:10px; border-radius: 3px;} #wrap .ls-slider1-a:hover, #wrap .ls-slider1-a.slide2a, #wrap .ls-slider1-a.slide3a { background:#fff; color:#222;} #wrap .ls-slider1-a.slide2a:hover, #wrap .ls-slider1-a.slide3a:hover { background:#222; color:#fff;} @media (max-width: 960px) { #wrap .ls-slider1-a { font-size:8px; letter-spacing:1px; display: block;} #wrap .ls-slider1-a.slide2a { padding:12px 22px 12px; font-size:12px; letter-spacing:4px; display: inline-block;} #wrap .ls-slider1-a.slide3a { display: block;} } @media (max-width: 768px) { #wrap .ls-slider1-a { padding:12px 16px 12px; font-size:8px; letter-spacing:1px; display: block;} #wrap .ls-slider1-a.slide2a { padding:12px 22px 12px; font-size:10px; letter-spacing:4px; display: inline-block;} #wrap .ls-slider1-a.slide3a { padding:12px 22px 12px; font-size:10px; display: block;} } /* # Revolution Slider Styles ================================================== */ .tp-caption.medium_thin_grey2 { color:#444444; text-decoration:none; background-color:transparent; text-shadow:none; font-size:28px; line-height:40px; font-weight:500; border-width:0px; border-color:rgb(255, 214, 88); border-style:none;} .tp-caption a.white { background :#fff; border-radius: 2px; color: #222 !important; padding:20px 34px; text-shadow:none !important; font-size:12px; text-transform:uppercase; letter-spacing:1px; font-weight:900;} .tp-caption a.white:hover { background:#fafafa;} .tp-caption.wlargetext1, .wlargetext1, .tp-caption.wlargetext, .wlargetext { font-family: 'Poppins', sans-serif;} #wrap .hebe .tp-tab-title, #wrap .hebe .tp-tab-desc { font-family: 'Poppins', sans-serif;} #wrap .hebe .tp-tab-title { color:#00c2e5;} @media only screen and (max-width: 479px) { #wrap .tp-caption.Newspaper-Button { font-size:9px !important; padding:4px 14px !important;} } /* # Countdown ================================================== */ .countdown-w { text-align:center; font-size: 36px; margin: 0 auto; padding: 24px 0 20px; position:relative; display:table; table-layout: fixed;} .countdown-w .icon-w {font-size: 24px;} .countdown-w .label-w {font-size: 20px; font-weight:300; letter-spacing:1px; text-transform:uppercase; position:relative;} .countdown-w .block-w {display: table-cell; margin: 0 20px 20px; position:relative; height: 190px;width: 190px;font-size: 72px; transition: all .3s ease-in-out; line-height: 1.2;} .countdown-w .block-w.done-w {border:0 none;} .countdown-w .count-w {padding: 24px 0 20px;} .countdown-w .div-d {display: none;} .countdown-w .countdown-message {display:none;} .countdown-w.ctd-modern {color:#fff;} .countdown-w.ctd-modern .icon-w{display:none;} .countdown-w.ctd-modern .count-w {padding: 50px 0 6px;} .countdown-w.ctd-modern .block-w {width:180px; display:inline-block; background:url(../images/count-border.png) no-repeat; font-size: 36px; font-weight:600;} .countdown-w.ctd-minimal { padding-top:15px; padding-bottom:10px} .countdown-w.ctd-minimal .count-w { font-weight: 300; padding:0; font-size:50px;} .countdown-w.ctd-minimal .block-w { width:70px; height:70px;} .countdown-w.ctd-minimal .label-w { visibility: hidden;} .countdown-w.ctd-minimal .div-d {display: inline-block;} .countdown-w.ctd-minimal .countdown-message { font-size:21px; display: table-caption; font-weight: 300; letter-spacing: 5px; margin-bottom:0;} .countdown-w.ctd-minimal .block-w.done-w { width:auto;} .countdown-w .done-w .count-w, .countdown-w.ctd-minimal .done-w .count-w { font-size: 15px; letter-spacing:2px;} /* # Di Testimonial Slider ================================================== */ .ts-di.testimonials-slider-w.flexslider .flex-control-nav, .testimonials-slider-w.flexslider .flex-control-paging li a { display: block;} .ts-di.testimonials-slider-w .testimonial-content h4 { padding-bottom:70px;} .ts-di.testimonials-slider-w .testimonial-content h4 q { font-size:21px;} .ts-di.testimonials-slider-w.flexslider .flex-control-nav { position: relative; margin-top: 30px; width: 100%; right: 0px;} .ts-di.testimonials-slider-w.flexslider .flex-control-paging li a.flex-active { background-color: #585858; cursor: pointer;} .blox.dark .ts-di.testimonials-slider-w.flexslider .flex-control-paging li a.flex-active { background-color: #fff;} .ts-di.testimonials-slider-w.flexslider .flex-control-paging li a { width: 10px; height: 10px; background-color: transparent; border-radius: 0 !important; border: 2px solid #585858; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);} .blox.dark .ts-di.testimonials-slider-w.flexslider .flex-control-paging li a { border-color:#fff;} .ts-di.testimonials-slider-w.flexslider .testimonial-brand img { padding: 0; border: none;} .ts-di.testimonials-slider-w.flexslider .flex-direction-nav a, .blox.dark .ts-di.testimonials-slider-w.flexslider .flex-direction-nav a { border:none;} .ts-di.testimonials-slider-w.flexslider .flex-direction-nav a i { font-size:39px;} .ts-di.testimonials-slider-w.flexslider .flex-direction-nav a i.fa-chevron-right:before {content: "\f105";} .ts-di.testimonials-slider-w.flexslider .flex-direction-nav a i.fa-chevron-left:before { content: "\f104";} .testimonials-slider-w .testimonial-brand h5 {font-size: 15px;font-weight: 600;color: #222;letter-spacing: 0px;} /* # Tri Testimonial Slider ================================================== */ .ts-tri.testimonials-slider-w .testimonial-content h4 { padding: 20px 25px; border: 2px solid #fff; border-radius: 0; background: rgba(255,255,255,0.18);} .ts-tri.testimonials-slider-w .testimonial-content h4 q { padding-left:21px; padding-right:15px;} .ts-tri.testimonials-slider-w.flexslider .testimonial-brand { margin-top:0;} .ts-tri.testimonials-slider-w.flexslider .testimonial-brand img { width:110px; margin-left:15px;} .blox.dark .ts-tri.testimonials-slider-w.flexslider .testimonial-brand img { border:5px solid #fff;} .ts-tri.testimonials-slider-w .testimonial-brand h5 { font-size:16px; letter-spacing:1px;} .ts-tri.testimonials-slider-w.flexslider .flex-direction-nav a { width:30px; height:52px; border:none; border-radius:2px; padding: 17px 20px 17px 10px; background:#ddd; top:auto; bottom:85px; left:50%;} .blox.dark .ts-tri.testimonials-slider-w.flexslider .flex-direction-nav a { background:#000; border:none;} .ts-tri.testimonials-slider-w.flexslider .flex-direction-nav a:hover, .blox.dark .ts-tri.testimonials-slider-w.flexslider .flex-direction-nav a:hover { background:#ef0f38;} .ts-tri.testimonials-slider-w.flexslider .flex-direction-nav .flex-prev { margin-left:-96px;} .ts-tri.testimonials-slider-w.flexslider .flex-direction-nav .flex-next { margin-left:65px; right:auto;} .flex-direction-nav i { position: relative; top: 1px;} .flex-direction-nav .flex-prev i { right: 1px;} .flex-direction-nav .flex-next i { left: 1px;} @media only screen and (min-width: 961px) { .ts-tri.testimonials-slider-w .testimonial-content { margin-left: 100px; margin-right: 100px; padding:8px 15px;} } /* # Tetra Testimonial Slider ================================================== */ .ts-tetra.testimonials-slider-w .testimonial-content h4 { padding-bottom:0;} .ts-tetra.testimonials-slider-w .testimonial-content h4 q {font-size: 20px;} .blox.dark .ts-tetra.testimonials-slider-w .testimonial-content h4 q { color:#fff;} .ts-tetra.testimonials-slider-w.flexslider .testimonial-brand { margin-top:0;} .ts-tetra.testimonials-slider-w.flexslider .testimonial-brand img { width:76px; border-radius:0; border:4px solid #dfa948; padding:0; margin-bottom:14px; margin-left:15px;} .blox.dark .ts-tetra.testimonials-slider-w.flexslider .testimonial-brand img { border:4px solid rgba(255,255,255,0.68);} .ts-tetra.testimonials-slider-w .testimonial-brand h5 { font-size:16px; letter-spacing:0;} .ts-tetra.testimonials-slider-w.flexslider .flex-direction-nav a { border-width: 2px; border-radius:0; padding: 13px; width: 50px; height: 50px;} .ts-tetra.testimonials-slider-w.flexslider .flex-direction-nav a i { font-size: 15px;} .ts-tetra.testimonials-slider-w.flexslider .flex-control-nav { display:inline-block; position: static;} .ts-tetra.testimonials-slider-w.flexslider .flex-control-paging li { margin:0 2px; line-height:10px;} .ts-tetra.testimonials-slider-w.flexslider .flex-control-paging li a { display:inline-block; width:25px; height:4px; background: #e3e3e3; border:none; border-radius:0;} .ts-tetra.testimonials-slider-w.flexslider .flex-control-paging li a.flex-active {background: #59D7EE;} @media only screen and (min-width: 961px) { .ts-tetra.testimonials-slider-w .testimonial-content { margin-left: 100px; margin-right: 100px; padding:8px 15px;} } @media only screen and (max-width: 960px) { .ts-tetra.testimonials-slider-w.flexslider .flex-direction-nav a { padding: 7px; width: 36px; height: 36px; bottom:-40px;} } /* Testimonial Slider Penta */ .testimonials-slider-w.ts-penta .testimonial-content h4 q:after { content: '';} .testimonials-slider-w.ts-penta .testimonial-content h4 { padding-bottom: 0;} .testimonials-slider-w.ts-penta .testimonial-arrow { display: inherit;} .testimonials-slider-w.ts-penta .testimonial-arrow:after, .testimonials-slider-w.ts-penta .testimonial-arrow:before { right: 58px; left: auto;} .testimonials-slider-w.ts-penta .testimonial-content { background:#fff; margin-left:auto; margin-right:1px; border: 1px solid #dcdcdc; -webkit-box-shadow: 0 -4px 0 0 #eee; box-shadow: 0 -4px 0 0 #eee; text-align: left; padding: 14px 15px 30px 25px;} .testimonials-slider-w.ts-penta .testimonial-content h4 q, .testimonials-slider-w.ts-penta .testimonial-content h4 q p {font-size: 17px; font-weight:300; margin: 0;} .testimonials-slider-w.ts-penta .testimonial-content h4 q:before { font-family: sans-serif, Arial, Helvetica; font-size: 80px; margin: 0 10px; left: 0px; top: 0; color: #37a7c1;} .testimonials-slider-w.ts-penta .testimonial-arrow { width:117px; left:0;} .testimonials-slider-w.ts-penta .testimonial-arrow:after, .testimonials-slider-w.ts-penta .testimonial-arrow:before {border-top: 17px solid; border-left: 19px solid transparent; border-right: 0;} .testimonials-slider-w.ts-penta .testimonial:hover .testimonial-arrow:after {border-color: #fff transparent transparent transparent;} .testimonials-slider-w.ts-penta .testimonial-arrow:after {top: 0;} .testimonials-slider-w.ts-penta .testimonial-arrow:before {top: 0; right: 57px; border-color: #dcdcdc transparent transparent transparent; border-top-width: 19px; border-left-width: 22px;}? .testimonials-slider-w.ts-penta .testimonial-brand img { float:left;} .testimonials-slider-w.ts-penta .testimonial-brand h5 {margin:20px 8px 0; line-height:1.4;font-size: 14px;margin-left: 74px;clear: none;} .testimonials-slider-w.ts-penta .testimonial-brand h5 strong {font-size: 15px; color: #2f2f2f;font-weight: 500;} .testimonials-slider-w.ts-penta .testimonial-brand h5 em { font-size:13px; color:#919191;} .testimonials-slider-w.ts-penta .social-testimonial { display: inline-block; margin-left: 10px;} .testimonials-slider-w.ts-penta .social-testimonial ul { margin: 0;} .testimonials-slider-w.flexslider.ts-penta .social-testimonial ul li { display: inline; float: left; padding: 3px; padding-top: 0; border: none;} .testimonials-slider-w.ts-penta .social-testimonial ul li a { font-size: 14px;} .testimonials-slider-w.ts-penta .social-testimonial ul li a i { padding: 5px 6px; font-size: 14px; background: #b8b8b8; color: #fff; border-radius: 3px;} .testimonials-slider-w.ts-penta .social-testimonial ul li a i.fa-facebook { padding:5px 7px;} .testimonials-slider-w.ts-penta .social-testimonial ul li a:hover i.fa-facebook { background-color: #3b5996;} .testimonials-slider-w.ts-penta .social-testimonial ul li a:hover i.fa-twitter { background-color: #00acee;} .testimonials-slider-w.ts-penta .social-testimonial ul li a:hover i.fa-vimeo { background-color: #0dadd6;} .testimonials-slider-w.ts-penta .social-testimonial ul li a:hover i.fa-dribbble { background-color: #d53e68;} .testimonials-slider-w.ts-penta .social-testimonial ul li a:hover i.fa-youtube { background-color: #cb322c;} .testimonials-slider-w.ts-penta .social-testimonial ul li a:hover i.fa-pinterest { background-color: #cb2027;} .testimonials-slider-w.ts-penta .social-testimonial ul li a:hover i.fa-linkedin { background-color: #0073b2;} .testimonials-slider-w.ts-penta .social-testimonial ul li a:hover i.fa-rss { background-color: #f29a1d;} .testimonials-slider-w.ts-penta .social-testimonial ul li a:hover i.fa-google-plus { background-color: #c3391c;} .testimonials-slider-w.ts-penta .social-testimonial ul li a:hover i.fa-instagram { background-color: #457399;} .testimonials-slider-w.flexslider.ts-penta .flex-direction-nav {display:none;} .testimonials-slider-w.flexslider.ts-penta .flex-control-paging li a { width:12px; height:12px; border:2px solid #d1d1d1;} .testimonials-slider-w.flexslider.ts-penta .flex-control-paging li a.flex-active { background:#d1d1d1;} .testimonials-slider-w.flexslider.ts-penta .testimonial-brand { text-align:left; padding-top: 15px; margin-top: 0;} #wrap .testimonials-slider-w.flexslider.ts-penta .testimonial-brand img { left:auto;width: 60px;transform:none; border-radius:50%; border:none; margin-top:10px; float: left;margin-right: 0px; display: inline;} .testimonials-slider-w.flexslider.ts-penta .flex-control-nav { display: inherit; right: 0; left: auto; bottom: 20px;} .testimonials-slider-w.flexslider.ts-penta .flex-control-nav li { display: inherit; margin: 0; margin-bottom: 7px; left: auto; right: 0;} /* # Latest From Blog (Post formats) ================================================== */ .post-format-icon { background: #fff; border: 2px solid #ebebeb; font-weight: 400; border-radius: 5px; padding: 11px 13px; margin-bottom: 10px; font-size: 20px; font-family: 'FontAwesome'; color: #0CB9E7; margin-right: 15px; float: left;} .post-format-icon:before { content: "\f040";} .post-format-icon.image:before { content: "\f030";} .post-format-icon.link:before { content: "\f0c1";} .post-format-icon.video:before { content: "\f16a";} .post-format-icon.aside:before { content: "\f15b";} .post-format-icon.gallery:before {content: "\f03e";} .post-format-icon.audio:before { content: "\f001";} .post-format-icon.quote:before { content: "\f10d";} /* # Latest From Blog (ExtentBase) ================================================== */ .latest-b2 { margin:30px 0;} .latest-b2 a:hover { text-decoration:underline;} .latest-b2-img { float:left; width:140px; margin-right:15px; min-height:140px;} .latest-b2-cont { min-height:140px; padding-right:10px;} h3.latest-b2-title { font-size:17px; margin-bottom:9px; font-weight:700; margin-top:12px; text-transform:uppercase; line-height:1;} h3.latest-b2-title a { color:#2a2a2a;} h6.latest-b2-cat, h5.latest-b2-date {font-size:12px; margin-bottom:10px; font-weight:400; margin-top:2px; letter-spacing:1px; line-height:1; text-transform:uppercase;} h6.latest-b2-cat a { color:#616161;} h5.latest-b2-date { color:#999; font-size:13px; font-weight:300; font-style:normal;} @media only screen and (min-width: 961px) { .vc_col-md-8 .col-md-6.col-lg-4, .vc_col-md-6 .col-md-6.col-lg-4, .vc_col-md-10 .col-md-6.col-lg-4, .vc_col-sm-8 .col-md-6.col-lg-4, .vc_col-sm-6 .col-md-6.col-lg-4, .vc_col-sm-10 .col-md-6.col-lg-4, .vertical-header-enabled .col-md-6.col-lg-4 { width:50%; padding-left:0;} } @media only screen and (max-width: 479px) { .latest-b2-img { width:100%; float:none; margin-bottom:7px;} .latest-b2-cont { min-height:78px;} } @media only screen and (min-width: 480px) and (max-width: 767px) { h3.latest-b2-title { font-size:16px; letter-spacing:2px;} } /* # Latest from blog - Type=One ================================================== */ .container.latestposts-one { margin:0 -10px; max-width:none; width:auto;} @media only screen and (min-width: 1200px) { .container.latestposts-one { margin:0 -15px;} } .latestposts-one .latest-b {margin-bottom:5px; position:relative; border:1px solid #ddd;} .latestposts-one .latest-content {background: #fff; padding: 20px 40px 10px;} .latestposts-one .latest-b-cat { position: absolute; top: 0; background: #474747; padding: 5px 15px; color:#fff } .latestposts-one .latest-b-cat:hover { background-color:#00c2e5;} .latestposts-one .latest-b-cat a { font-style:normal; font-size:11px; color:#fff; text-transform:uppercase; letter-spacing:2px;} .latestposts-one .latest-b-cat a:hover { text-decoration:underline;} .latestposts-one .latest-date {padding-bottom: 5px;margin-bottom: 0;color: #737478;} .latestposts-ros .latest-content p.latest-icons {position: absolute; top: 0px; right: 11px; background: #333; color: #fff; padding: 4px 8px; visibility:hidden; opacity:0; transition:opacity 0.2s linear;} .latestposts-one .latest-b:hover .latest-content p.latest-icons { visibility:visible; opacity:1;} .latestposts-one .latest-content p.latest-icons span{padding: 5px;} .latestposts-one .latest-content p.latest-icons span i{padding-right: 4px; font-size:12px;} .latestposts-one .latest-title {font-size: 19px; font-weight: 500; line-height: 1.3; letter-spacing:3px; text-transform:uppercase;} .latestposts-one .latest-title a {color: #101010;} .latestposts-one .latest-title a:hover {color: #00c2e5;} .latestposts-one .latest-img img{width:100%; height:auto !important;} .latestposts-one .latest-author, .latestposts-one .latest-author a { font-size:12px; margin: 12px 0; letter-spacing:0; text-transform:none; color: #9a9a9a; font-style:italic;} .latestposts-one .latest-author a:hover { color:#00c2e5;} .latestposts-one .latest-excerpt { font-size:14px; line-height:1.84;} @media only screen and (max-width: 479px) { .latestposts-one .latest-b { margin-bottom:30px;} } /* # Latest from blog - Type=Two ================================================== */ .container.latestposts-two { margin:0 -10px; max-width:none; width:auto;} @media only screen and (min-width: 1200px) { .container.latestposts-two { margin:0 -15px;} } .latestposts-two .blog-post img, .blog-post iframe, .blog-single-post img, .blog-single-post iframe { border-bottom: none;} .latestposts-two .entry-meta, .entry-content { float: left; margin-bottom: 8px;} .latestposts-two .blog-post { border:none; margin-bottom:10px;} .latestposts-two .blog-date-sec { border-right: none; padding-right: 0;} .latestposts-two .blog-post .blog-date-sec img { width: 50px; height: 50px; border-radius: 50%; margin-top:3px;} .latestposts-two .blog-date-sec { border-right: none; padding-right: 15px; float: left; min-width:80px;} .latestposts-two .blog-post p.blog-author { padding-top: 5px; margin-bottom: 15px; font-size: 11px; font-weight: 400; color: #a1a1a1; letter-spacing:2px; text-transform:uppercase;} .latestposts-two .blog-post p.blog-author a { color:#a1a1a1;} .latestposts-two .blog-post .tline-date.lfb2 { color:#a1a1a1;} .latestposts-two .blog-post p.blog-author a:hover { color:#00c2e5;} .latestposts-two .blog-post p strong { font-weight:bold;} .latestposts-two .blog-post h4 { font-size: 24px; font-weight: 600; margin-top:20px; margin-bottom: 15px; letter-spacing:3px; text-transform:uppercase;} .latestposts-two .blog-line p.blog-cat a { color: #00c2e5;} .latestposts-two .blog-post .entry-content p.blog-detail {color: #444; font-weight:300;font-size: 14px;line-height: 1.84;padding-right: 5%;} .latestposts-two .blog-line p.blog-cat a { font-weight: 400; font-size:11px; letter-spacing:1px;} .latestposts-two .blog-line h4 { font-weight: 600; letter-spacing:2px; font-size:15px; line-height:1.3; text-transform:uppercase;} .latestposts-two .blog-line p { font-size: 10px; font-family: 'Montserrat', sans-serif; color:#a1a1a1;} .latestposts-two h6.blog-date { color:#717171;} .latestposts-two h6.blog-date i { margin-right:4px; color:#7a7a7a; margin-left:6px;} .latestposts-two .blog-line:hover h4 a { color: #00c2e5;} .latestposts-two .blog-line:hover .img-hover:before { -webkit-box-shadow: inset 0 0 0 5px ; -moz-box-shadow: inset 0 0 0 5px ; box-shadow: inset 0 0 0 5px ; color:#00c2e5;} .latestposts-two .blog-post img { margin:0; padding:0;border: 6px solid #eee;} .latestposts-two .blog-post .pad-r20 a { position:relative;} .latestposts-two .col-md-5 .blog-line:last-child { border-bottom:none;} @media only screen and (max-width: 479px) { .latestposts-two .blog-line img { width:60px; height:auto;} } /* # Latest from blog - Type=Three ================================================== */ .container.latestposts-three { margin:0 -10px; max-width:none; width:auto;} @media only screen and (min-width: 1200px) { .container.latestposts-three { margin:0 -15px;} } .latestposts-three .latest-b2 { margin:0 0 15px; border: 3px solid #ddd; background:#fff; text-align:center;} .latestposts-three .latest-b2-img { float:none; width:auto; margin:0; min-height:1px;} .latestposts-three .latest-b2-cont { min-height:1px; padding:20px;} .latestposts-three .latest-b2-metad2 { background-color: #f7f7f7; margin:-20px; margin-top:0; padding:20px; color: #666; letter-spacing:0; font-weight:400; font-size:11px; max-width:none;} .latestposts-three .latest-b2-metad2 i { margin-right:3px;} .latestposts-three .latest-b2-cont a.readmore { display:none;} .latestposts-three .latest-b2-cont p { color:#4a4a4a;} .latestposts-three h3.latest-b2-title { font-size:19px; margin:15px 0 12px; text-transform:uppercase; letter-spacing:1px; font-weight:700; line-height:1.3;} .latestposts-three h3.latest-b2-title a { color:#0a0a0a; text-decoration:none;} .latestposts-three h3.latest-b2-title a:hover { color: #00c2e5;} .latestposts-three h6.latest-b2-cat, h5.latest-b2-date { font-size: 11px; font-weight: 400; text-transform:uppercase; letter-spacing:2px;} .latestposts-three .latest-b2-metad2 span { padding:0 4px;} .latestposts-three .latest-b2-metad2 span a { color: #666;} .latestposts-three h6.latest-b2-cat a, .latestposts-three .latest-b2-metad2 span a:hover{ color: #00c2e5;} @media only screen and (max-width: 479px) { .latestposts-three .latest-b2-metad2 { font-size:11px;} } /* # Latest from blog - Type=Four ================================================== */ .container.latestposts-four { margin:0 -10px; max-width:none; width:auto;} @media only screen and (min-width: 1281px) { .container.latestposts-four { margin:0 -15px;} } .latestposts-four .latest-b2 { margin:10px 0 0;} @media only screen and (min-width: 961px) { .latestposts-four .col-md-6 { padding-left:35px;} .latestposts-four .col-md-6:first-of-type { border-right:1px solid #e7e7e7; padding-left:0; padding-right:45px;} } .latestposts-four .col-md-9 { padding:0;} .latestposts-four .latest-b2-img { float:none; width:100%; margin:0; min-height:auto;} .latestposts-four .latest-b2-cont { min-height:20px; position:relative;} .latestposts-four .latest-b2 .au-avatar img { width:75px; height:75px; border:3px solid #eee; margin-bottom:12px;} .latestposts-four .latest-b2 h6.blog-date { margin-bottom:12px;} .latestposts-four .latest-b2 h6.blog-author { margin-bottom:45px; letter-spacing:0; line-height:1.5; font-size:14px; font-weight:400; color:#222;} .latestposts-four .latest-b2 h6.blog-author a { color:#777;} .latestposts-four .latest-b2 h6.blog-author strong { color:#a1a1a1; font-size: 13px; font-weight: 400;} .latestposts-four .latest-b2 h6.latest-b2-cat { display:inline-block; padding:12px 16px 10px; background:#00c2e5; color:#fff;} .latestposts-four .latest-b2 h6.latest-b2-cat a { color:#fff;} .latestposts-four .latest-b2-img { padding-left:15px;} .latestposts-four .latest-b2-img img { margin-bottom:14px; border-top: 5px solid #e1e1e1;} .latestposts-four h3.latest-b2-title { font-size: 19px; padding: 5px 15px; line-height: 1.25; margin-top: -37px; text-transform:uppercase; font-weight: 500; letter-spacing: 2px; background: #fff; margin-left: 40px; margin-right: 20px; border-top: 5px solid #e1e1e1;} .latestposts-four h3.latest-b2-title a { color:#292929;} .latestposts-four h3.latest-b2-title a:hover { color:#00c2e5; text-decoration:none;} .latestposts-four h6.latest-b2-cat, .latestposts-four h5.latest-b2-date { font-size:10px;} .latestposts-four .latest-b2 .vertical-space { height:2px;} @media only screen and (max-width: 960px) { .latestposts-four .latest-b2 .au-avatar { float:left; margin-right:20px;} .latestposts-four .latest-b2 h6.blog-author { margin-bottom:5px; font-size:15px; font-weight:600;} .latestposts-four .latest-b2 h6.latest-b2-cat { display:inline-block; padding:6px 12px 5px;} .latestposts-four .latest-b2-img { padding-left:0; clear:both;} .latestposts-four .latest-b2-img img { width:100%;} .latestposts-four .col-md-6:first-of-type { border-bottom:1px solid #e7e7e7;} } @media only screen and (max-width: 767px) { .latestposts-four h3.latest-b2-title { margin-left:16px; margin-right:16px; padding-left:10px; padding-right:10px;} } @media only screen and (max-width: 479px) { .latestposts-four .latest-b2 { margin-bottom:30px;} } /* # Latest from blog - Type=Five ================================================== */ .container.latestposts-five { margin:0 -10px; max-width:none; width:auto;} @media only screen and (min-width: 1281px) { .container.latestposts-five { margin:0 -15px;} } .latestposts-five .latest-b2 { margin:30px 0;} .latestposts-five h3.latest-b2-title {font-size: 15px;text-transform: none;letter-spacing: 0; line-height:1.2;font-weight: 600;} .latestposts-five h6.latest-b2-cat { font-size:11px; text-transform:uppercase; letter-spacing:1px; font-weight:500;} .latestposts-five h6.latest-b2-cat a { color:#00c2e5;} .latestposts-five h6.latest-b2-cat a:hover { text-decoration:underline;} .latestposts-five h5.latest-b2-date { font-size:11px; text-transform:uppercase; letter-spacing:1px;} .latestposts-five h5.latest-b2-date a { color:#a1a1a1;} @media only screen and (max-width: 479px) { .latestposts-five h6.latest-b2-cat { margin-top:10px;} .latestposts-five .latest-b2-img img { padding:8px; background:#fff; border:1px solid #e5e5e5;} } /* # Latest from blog - Type=Six ================================================== */ .container.latestposts-six { margin:0 -10px; max-width:none; width:auto;} @media only screen and (min-width: 1281px) { .container.latestposts-six { margin:0 -15px;} } .latestposts-six .latest-b {margin-bottom:15px;border: 3px solid #e3e3e3;} .latestposts-six .latest-img { width:auto;} .latestposts-six .latest-content {background: #fff; padding: 0; padding-bottom: 0; text-align:center;} .latestposts-six .latest-content p.latest-date { margin-bottom: 5px;font-size: 12px; color:#00c2e5;padding: 15px 15px 0;letter-spacing: 0.5px;} .latestposts-six .latest-title {font-size: 15px;font-weight: 700;line-height: 1.3;letter-spacing: 0; text-transform:uppercase;padding: 0 15px;margin-bottom: 20px;} .latestposts-six .latest-title a {color: #111;} .latestposts-six .latest-title a:hover {color: #00c2e5;} .latestposts-six .latest-img img{width:100%; height:auto !important;} .latestposts-six .latest-author {margin-bottom: 0; width: auto; background-color:#f7f7f7; padding: 12px 15px; font-size:10px; color: #444; letter-spacing:1px; text-transform:uppercase;font-weight: 500;} .latestposts-six .latest-author a {color: #222;} .latestposts-six .latest-author a:hover {color: #00c2e5; text-decoration:underline;} /* # Latest from blog - Type=Seven ================================================== */ .container.latestposts-seven { margin:0 -10px; max-width:none; width:auto;} @media only screen and (min-width: 1281px) { .container.latestposts-seven { margin:0 -15px;} } .latestposts-seven .latest-b { margin:30px 0;} .latestposts-seven .wrap-date-icons { float: left; text-align: center; border-right: 1px solid #e9e9e9; padding-right: 12px; margin-top: 18px; margin-bottom: 31px;} .latestposts-seven .wrap-date-icons h3.latest-date { padding: 0 10px; margin-bottom: 0; padding-bottom: 15px; color: #00c2e5; font-weight: 600;} .latestposts-seven .wrap-date-icons h3.latest-date span.latest-date-month { display: block; letter-spacing: -1.5px; text-transform: uppercase; font-size: 18px; line-height: 1;} .latestposts-seven .wrap-date-icons h3.latest-date span.latest-date-day { display: block; font-size: 32px; line-height: 30px;} .latestposts-seven .wrap-date-icons h3.latest-date span.latest-date-year { font-weight: 300; font-size: 14px; display: block; line-height: 1;} .latestposts-seven .wrap-date-icons .latest-icons { border-top: 1px solid #e9e9e9; padding-top: 12px;} .latestposts-seven .wrap-date-icons .latest-icons p { margin-bottom: 0; color: #cccccc; line-height: 1;} .latestposts-seven .wrap-date-icons .latest-icons p span i { font-size: 20px;} .latestposts-seven .latest-content { margin-top: 22px; margin-left: 85px;} .latestposts-seven .latest-content .latest-title { font-size:21px; font-weight: 700; line-height: 28px; padding-bottom: 10px; letter-spacing: -1px; text-transform:none;} .latestposts-seven .latest-content .latest-title a {color: #393939;} .latestposts-seven .latest-content .latest-title a:hover {color: #00c2e5;} .latestposts-seven .latest-content .latest-author { font-size:10px; font-weight:600; letter-spacing: 1px; text-transform:uppercase;} .latestposts-seven .latest-content .latest-author a { color: #00c2e5;} .latestposts-seven .latest-content .latest-author a:hover { color: #0099ff;} .latestposts-seven .latest-img img { padding:8px; margin-bottom:8px; background:#fff; border:1px solid #e9e9e9; transition:all .39s ease;} .latestposts-seven .latest-img:hover img { background-color:#00c2e5;} @media (max-width: 767px){ .latestposts-seven .latest-content .latest-title { font-size:18px; line-height:1.5;} } /* # Latest from blog - Type=Eight ================================================== */ .container.latestposts-eight { margin:0 -10px; max-width:none; width:auto;} @media only screen and (min-width: 1281px) { .container.latestposts-eight { margin:0 -15px;} } .latestposts-eight .image:before { content: "\f030";} .latestposts-eight .link:before { content: "\f0c1";} .latestposts-eight .video:before { content: "\f16a";} .latestposts-eight .latest-b8-img { margin-bottom:15px;border-radius: 5px;background: #fff;padding: 0px;overflow: hidden;} .latestposts-eight .latest-b8 h3 {font-size: 18px;font-weight: 700; text-transform: uppercase;margin-top: 33px; margin-bottom: 10px;} .latestposts-eight .latest-b8 h3 a { color: #000; line-height: 25px;} .latestposts-eight .latest-b8 h3 a:hover { text-decoration:underline;} .latestposts-eight .latest-b8-meta span ,.latest-b8-meta a { font-size: 11px;color: #999;} .latestposts-eight .latest-b8-meta i {color: #999;} .latestposts-eight .latest-b8 p {color: #888; margin-top:11px;} .latestposts-eight .latest-b8 .readmore { display:none;} .latestposts-eight .latest-b8-meta {border: 2px solid #eee;padding: 0 12px 10px;border-radius: 3px;} .latestposts-eight .latest-b8-meta div { display: inline-block; margin-top: 12px; padding-right:12px;} .latestposts-eight .latest-b8-meta i { margin-right: 5px;} @media (max-width: 767px){ .latestposts-eight .latest-b8-meta { margin-bottom:35px;} } /* # Latest from blog - Type=Nine ================================================== */ .container.latestposts-nine { margin:0 -10px; max-width:none; width:auto;} @media only screen and (min-width: 1281px) { .container.latestposts-nine { margin:0 -15px;} } .latestposts-nine .latest-b9 h3 { clear: left; font-size: 17px; font-weight: 600; text-transform: uppercase; clear: left; display: inline-block; margin-top: 20px; margin-bottom: 10px;} .latestposts-nine .latest-b9 h3 a { color: #000; line-height: 25px;} .latestposts-nine .latest-b9 h3 a:hover { text-decoration:underline;} .latestposts-nine .latest-b9 h3 .link { background: #fff; border: 2px solid #ebebeb; font-weight: 400; border-radius: 5px; padding: 11px 13px; font-size: 20px; font-family: 'FontAwesome'; color: #0CB9E7; margin-right: 15px; float: left;} .latestposts-nine .latest-b9-img { margin-bottom:7px;border-radius: 5px;background: #fff;padding: 0px;overflow: hidden;} .latestposts-nine .latest-b9-meta span ,.latestposts-nine .latest-b9-meta a { font-size: 12px; color: #a1a5ad;} .latestposts-nine .latest-b9-meta .date:after ,.latestposts-nine .latest-b9-meta .categories:after { content: "."; color: #55C3E9; font-size: 23px; font-weight: 600; padding-left: 8px; padding-right: 5px; vertical-align: text-bottom;} .latestposts-nine .latest-b9-meta a:hover { text-decoration:underline;} .latestposts-nine .latest-b9 p { font-size: 14px; color: #616161;} .latestposts-nine .latest-b9 .readmore { font-size: 11px; padding: 13px 23px; letter-spacing: 0; left: 0; text-transform: capitalize;} .latestposts-nine .latest-b9 .readmore:after { content: "\f101"; font-size: 15px; top: 2px; right: 20px; opacity: 0; color: #fff; transition: .3s;} .latestposts-nine .latest-b9:hover a.readmore { background: #7dc771; color: #fff;} .latestposts-nine .latest-b9:hover a.readmore:after { opacity: 1;} @media (max-width: 767px){ .latestposts-nine .latest-b9 { margin-bottom:35px;} .latestposts-nine .latest-b9 h3 { margin-bottom:5px; margin-top:12px;} } /* # Latest from blog - Type=ten ================================================== */ .container.latestposts-ten { margin:0 -10px; max-width:none; width:auto;} .latestposts-ten .col-md-6 {min-height: 236px;} @media only screen and (min-width: 1281px) { .container.latestposts-ten { margin:0 -15px;} } .latestposts-ten .latest-b10 {margin-bottom: 40px; overflow: hidden;} .latestposts-ten .latest-b10 .latest-b10-img {float: left; width: 186px; margin-right: 28px;} .latestposts-ten .latest-b10 .latest-b10-content { overflow: hidden;text-align: left;} .latestposts-ten .latest-b10 .latest-b10-img a { display: block;} .latestposts-ten .latest-b10 .latest-b10-img img {border-radius: 3px;width: 100%;} .latestposts-ten .latest-b10 .latest-b10-content h3 { font-size: 20px; overflow: hidden;padding-bottom: 4px;font-weight: 700;} .latestposts-ten .latest-b10 .latest-b10-content h3 a {color: #1a1a1a;} .latestposts-ten .latest-b10 .latest-b10-content h3 a:hover { text-decoration:underline;} .latestposts-ten .latest-b10 .latest-b10-content p { overflow: hidden;font-size: 13px;margin-bottom: 10px; font-weight: 400;} .latestposts-ten .latest-b10 .latest-b10-meta .date { display: block; font-size:12px; color:#a9a9a9; margin-bottom:7px; font-weight: 300;} .latestposts-ten .latest-b10 .latest-b10-content a.readmore:after { display: none;} .latestposts-ten .latest-b10 .latest-b10-content a.readmore {padding: 0; text-align: left;color: #00c2e5;letter-spacing: 0;font-weight: 400; left: 0; transform: translate(0, 0); -webkit-transform: translate(0, 0);border: none;background: none;text-transform: none;font-size: 13px;} .latestposts-ten .latest-b10 .latest-b10-content a.readmore:hover {color:#101010 !important;} .latestposts-ten .latest-b10 .latest-b10-content a.readmore:after { display:inline; font-family:simple-line-icons; content: "\e606"; font-size:12px; padding-left:3px; margin-top:-5px;} @media (max-width: 767px){ .latestposts-ten .latest-b10 .latest-b10-img { float: none; display: block; width: 100%;} .latestposts-ten .latest-b10 .latest-b10-img .latest-b10-meta { margin-left: 0; margin-bottom: 10px;} .latestposts-ten .latest-b10 .latest-b10-img .latest-b10-meta .date { display: inline-block;} .latestposts-ten .latest-b10 .latest-b10-img img { width: 100%;} .latestposts-ten .latest-b10 .latest-b10-content { display: block;} .latestposts-ten .latest-b10 .latest-b10-meta .date { margin-top:15px;} } @media only screen and (min-width: 768px) and (max-width: 1200px) { .latestposts-ten .latest-b10 .latest-b10-content h3 { font-size:15px; font-weight:600;} .latestposts-ten .latest-b10 .latest-b10-content p, .latestposts-ten .latest-b10 .latest-b10-img .latest-b10-meta .date, .latestposts-ten .latest-b10 .latest-b10-content a.readmore { font-size:12px;} } /* # Latest from blog - Type=Eleven ================================================== */ .container.latestposts-eleven { margin:0 -10px; max-width:none; width:auto;} @media only screen and (min-width: 1281px) { .container.latestposts-eleven { margin:0 -15px;} } .latestposts-eleven .latest-b11 .latest-b11-img, .latestposts-eleven .latest-b11 .latest-b11-content { float: left;} .latestposts-eleven .latest-b11 .latest-b11-content { width: 56%; margin-right: 4%;} .latestposts-eleven .latest-b11 .latest-b11-img { width: 40%;} .latestposts-eleven .latest-b11 { background: #fff; padding: 17px 13px 13px 18px; display: inline-block; border: 1px solid #e6e6e6; border-top: 3px solid #00c2e5; transition: .3s; margin-bottom: 35px; margin-top: 35px;} .latestposts-eleven .latest-b11:hover {box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.28);} .latestposts-eleven .latest-b11 img {width: 125px; height:auto;} .latestposts-eleven .latest-b11 h6, .latestposts-eleven .latest-b11 h6 a{ font-size: 12px; font-weight:500; color: #afb3b9; margin-bottom: 10px;} .latestposts-eleven .latest-b11 h6 a:hover { color:#000; text-decoration:underline;} .latestposts-eleven .latest-b11 h3 { font-size: 14px; line-height: 1.5; font-weight: 600; margin-bottom: 4px; float: left; width: 100%;} .latestposts-eleven .latest-b11 h3 a { color: #000;} .latestposts-eleven .latest-b11 .latest-b11-meta { font-size: 11px; color: #afb3b9;} .latestposts-eleven .latest-b11 .latest-b11-meta .date:after { content: '.'; font-size: 23px; color: #00c2e5; font-weight: 700; vertical-align: text-bottom; margin-left: 10px; margin-right: 6px;} /* # PostBox ================================================== */ .a-post-box { position:relative; overflow:hidden;} .a-post-box .latest-txt { position:absolute; bottom:10%; padding:20px; width:88%; left:0; right:0; margin:auto; transition:all .5s ease-in-out; text-align:center;} .a-post-box .latest-title { font-size:19px; margin-bottom:16px; font-weight:700; letter-spacing:2px; line-height:1.35; text-transform:uppercase;} .a-post-box .latest-title a { color: #fff;} .a-post-box .latest-title a:hover { color:#00c2e5;} .a-post-box .latest-cat { display:inline-block; background:#00c2e5; color:#fff; padding:0; border:none; text-align: center;letter-spacing:0.3px; transition:all .21s ease-in-out;} .a-post-box .latest-cat:hover { background:#111 !important;} .a-post-box .latest-cat a { padding:2px 8px 4px; color:#fff; font-size: 10px;text-transform: uppercase;font-weight: 400;letter-spacing: 1px;} .a-post-box .latest-date { font-size:13px; color:#eee; margin:20px 0 0 11px;} .a-post-box .latest-content { color:#fff; margin-top:30px;} .a-post-box .latest-img img { width:100%;} .a-post-box .latest-overlay { height:100%; background-color:rgba(0, 0, 0, 0.37); position:absolute; width:100%; bottom:0;border: 1px solid #e5e5e5;} .container.a-post-box { margin:0 -10px;} .nopad-left .a-post-box .latest-overlay, .nopad-right .a-post-box .latest-overlay { border:none;} .vc_col-sm-4 .a-post-box .latest-author, .vc_col-sm-4 .a-post-box .latest-views, .vc_col-sm-4 .a-post-box .latest-comments { display:none;} .vc_col-sm-4 .a-post-box .latest-title, .wpb_column .wpb_column .a-post-box .latest-title { font-size: 16px;} .vc_col-sm-6 .a-post-box .latest-title { font-size:17px;} .vc_col-sm-3 .a-post-box .latest-title { font-size:13px; letter-spacing:0;} .vc_col-sm-3 .a-post-box .latest-txt { padding:20px;} .vc_col-sm-3 .a-post-box .a-post-box .latest-meta { margin-left:10px;} @media only screen and (max-width:960px) { .a-post-box .latest-date { display:block; margin-top:2px;} } @media only screen and (max-width:479px) { .a-post-box .latest-txt { padding:10px;} .a-post-box .latest-title { font-size:16px;} } @media only screen and (min-width:961px) and (max-width:1280px) { .nopad-left, .nopad-right { padding:0;} .nopad-left .wpb_row, .nopad-right .wpb_row { margin:0;} .a-post-box .latest-txt { width:96%;} .a-post-box .latest-title { letter-spacing:0;} } @media only screen and (min-width:768px) and (max-width:960px) { .a-post-box .latest-txt { width:90%;} .vc_col-sm-4 .a-post-box .latest-title { font-size:19px;} .vc_col-sm-3 .a-post-box .latest-title { font-size:17px;} } /* # Category Box ================================================== */ .latest-cat-box { padding: 0; border: 0; margin-bottom:25px;} .latest-cat-box .blog-post { margin-bottom:20px; padding:0; background:none; border:none;} .latest-cat-box .lc-main { margin-bottom:4px;} .latest-cat-box .blog-post.lc-main h4 { font-size: 19px; letter-spacing: 3px; font-weight: 700; margin-bottom:12px; margin-top:8px; line-height: 1.3;text-transform: uppercase;} .latest-cat-box .blog-author, .latest-cat-box .blog-author * { font-size: 12px; letter-spacing:0; text-transform:none;} .latest-cat-box .blog-author strong { font-weight:800;} .latest-cat-box .lc-main .blog-detail { margin-bottom:33px;} .latest-cat-box .blog-post p.blog-author { font-size: 13px; color: #888; text-transform:none; letter-spacing:0; line-height: 1.5;} .latest-cat-box .blog-post p.blog-author a { text-transform:none; letter-spacing:0; font-size:13px; color:#888;} .latest-cat-box .blog-post p.blog-author span.date a {color:#fd6b48;} .latest-cat-box .blog-post p.blog-author a:hover { text-decoration:underline;} .latest-cat-box .lc-main a.readmore { display:none;} .latest-cat-box .lc-items { padding: 0; margin: 0; max-width:none; width:auto;} .latest-cat-box .lc-items h4 { font-size: 15px; font-weight: 700; letter-spacing: 2px;text-transform: uppercase;} .latest-cat-box .lc-items img { width: 110px; height: auto; float:left; box-shadow:none; border:1px solid #e5e5e5;} .latest-cat-box .img-hover { float:left; margin-left:0; margin-right:15px;} .latest-cat-box .img-hover:before { display:none;} .latest-cat-box .blog-post img { margin-bottom:17px; padding:0;} .latest-cat-box .lc-items article { overflow: hidden;} .latest-cat-box .lc-items article:last-child{ border-bottom: 0;} @media only screen and (max-width: 479px) { .latest-cat-box .lc-items img { width:90px;} } /* # New Tab ================================================== */ .vc_tta-tabs.vc_tta-style-modern.vc_tta-shape-round .vc_tta-tab { position: relative;} .vc_tta-tabs.vc_tta-style-modern.vc_tta-shape-round .vc_tta-tab > a { border-color: #EFEDED; background-color: #FFFFFF; border-radius: 50%; width: 100px; height: 100px; border-width: 3px; text-align: center; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; position: relative;} .vc_tta-tabs.vc_tta-style-modern.vc_tta-shape-round .vc_tta-tab:after { content: ''; position: absolute; top: 50%; margin-top: -1px; right: -40px; width: 40px; height: 3px; background-color: #EFEDED;} .vc_tta-tabs.vc_tta-style-modern.vc_tta-shape-round .vc_tta-tab:last-child:after { display: none;} .vc_tta-tabs.vc_tta-style-modern.vc_tta-shape-round .vc_tta-tab.vc_active > a { background-color: #00c2e5; border-color: #14C6E7; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out;} .vc_tta-tabs.vc_tta-style-modern.vc_tta-shape-round .vc_tta-tab .vc_tta-icon { line-height: 71px; color: #00c2e5; font-size: 26px; text-align: center;} .vc_tta-tabs.vc_tta-style-modern.vc_tta-shape-round .vc_tta-tab.vc_active .vc_tta-icon { color: #fff !important;} .vc_tta-tabs.vc_tta-style-modern.vc_tta-shape-round .vc_tta-panel-body h4 { margin-left: 0;} /* # TablePress plugin ================================================== */ #wrap .tablepress tbody { border: 1px solid #dcdcdc;} #wrap .tablepress tfoot th, #wrap .tablepress thead th { background-color: #53C071; color: #fff; font-size: 15px; line-height: 1.2; padding: 8px 20px;} #wrap .tablepress tbody td, #wrap .tablepress tfoot th { border-color: #dcdcdc;} #wrap .tablepress .odd td { background-color: #f5f5f5;} #wrap .tablepress td, #wrap .tablepress th { padding: 12px 20px; font-size: 14px; line-height: 1.2; vertical-align: middle; color: #717375;} #wrap .tablepress tbody tr > td:first-child { color: #00c2e5; font-weight: 600; font-size: 16px;} #wrap .tablepress .fa-check { color: #00C376;} @media (min-width: 768px) and (max-width: 960px) { #wrap .tablepress tfoot th, #wrap .tablepress thead th, #wrap .tablepress td, #wrap .tablepress th, #wrap .tablepress tbody tr > td:first-child { font-size: 13px;} } @media (min-width: 480px) and (max-width: 767px) { #wrap .tablepress tfoot th, #wrap .tablepress thead th, #wrap .tablepress td, #wrap .tablepress th, #wrap .tablepress tbody tr > td:first-child { font-size: 11px;} } @media (max-width: 479px) { #wrap .tablepress tfoot th, #wrap .tablepress thead th, #wrap .tablepress td, #wrap .tablepress th, #wrap .tablepress tbody tr > td:first-child { font-size: 9px; line-height: 1.78; padding: 8px; text-align: center;} #wrap .tablepress tbody tr > td:first-child, #wrap .tablepress tfoot th:first-child, #wrap .tablepress thead th:first-child { text-align: left;} #wrap .tablepress tfoot th:first-child, #wrap .tablepress thead th:first-child { text-align: left;} } .tablepress a.magicmore { background:#51c1e9; border-radius:50px; color:#fff !important; padding:7px 20px; transition: all 0.3s ease;} .tablepress a.magicmore:hover { background:#292929 !important; color:#fff !important;} .tablepress a.magicmore:after { display:none;} /* # Events ================================================== */ /* single event */ #tribe-events-pg-template, #tribe-events-pg-template .tribe-events-loop { max-width: none;} #tribe-events-pg-template { padding: 0 10px;} @media only screen and (min-width: 1281px) { #tribe-events-pg-template { padding: 0 15px;} } /* tribe reset */ #tribe-events-pg-template .tribe-events-event-image, #tribe-events-pg-template .tribe-events-content {float: none; width: 100%; margin: 0; padding:0;} .tribe-events-list-separator-month { padding:0 0 20px 0;} .tribe-events-list-separator-month:after { border-bottom: 1px solid #e8e8e8; top: 0;} .tribe-events-list-separator-month span { color: #4ccfad; font-weight: 500; text-transform: uppercase; padding: 4px 10px 0 1px; background: none; font-size: 16px; float: left; border-top: 1px solid #4ccfad; font-family:'Dosis', Arial, sans-serif; letter-spacing: 6px;} .tribe-events-list .type-tribe_events h2 { margin-bottom: 9px; display: block;text-transform: uppercase; font-size:24px; font-weight: 600;} .tribe-events-list .type-tribe_events h2 a {color: #101010;} .tribe-events-list .type-tribe_events h2 a:hover {color: #4ccfad;} .tribe-events-list .tribe-events-event-meta { background-color: #e4e4e4; padding: 18px; margin: 0 -28px 0 0; text-align:center; height: 176px;} .tribe-events-list .tribe-events-venue-details { line-height: 1.5; letter-spacing:0; border: none; font-style:normal;} .tribe-events-list .time-details { text-transform: uppercase; font-size: 26px; letter-spacing: 1px; font-weight: 300;} .tribe-events-list .btn-wrapper {margin: 2px -28px 0 0;} .tribe-events-list .booking-button {letter-spacing: 2px; font-size:11px; font-weight:bold; text-transform:uppercase; transition: all 0.5s ease; background: #4ccfad; color: #fff; padding:15px 20px; display: block; text-align: center;} .tribe-events-list h2.tribe-events-page-title { margin-bottom: 15px; font-size: 38px; margin-top: 50px; text-transform: uppercase; letter-spacing: 1px;} .tribe-events-list .booking-button:hover {background-color: #333;} .tribe-events-list .tribe-events-event-meta a {display:none;} .tribe-events-list .tribe-events-read-more {color:#4ccfad;} #tribe-events .tribe-events-content p { font-size:14px;} .tribe-events-event-meta address.tribe-events-address { font-style:normal; letter-spacing:0; font-size:11px; color:#7a7a7a;} .tribe-events-event-meta span.event-d { text-align: center; font-size: 50px; padding-right: 8px; font-family:'Dosis', Arial, sans-serif;} .tribe-events-event-meta span.event-m { font-size: 14px; font-weight: 500; color: #4ccfad; letter-spacing: 2px; font-family:'Dosis', Arial, sans-serif;} .tribe-events-list .event-sharing {list-style: none; position: relative; padding: 10px 0; margin: 10px 0 0;} .tribe-events-list .event-sharing > li {display: table-cell; border:1px solid #efefef; color: #767676; text-align: center;} .tribe-events-list .event-sharing > li:hover {background: #4ccfad} .tribe-events-list .event-sharing > li a{color: #767676;} .tribe-events-list .event-sharing > li:hover a {color: #fff;} .tribe-events-list .event-sharing > li i {width: 36px; height: 36px; display: table-cell; vertical-align: middle;} .tribe-events-list .event-sharing .event-share:hover .event-sharing-icon {background: #4ccfad;border-width: 0 1px 0; cursor: pointer;} .tribe-events-list .event-sharing .event-share:hover .event-social {display:table-cell;} .tribe-events-list .event-sharing .event-map {border-width:1px 0 1px;} .tribe-events-list .event-sharing .event-social {display:none; position: absolute; top:7px; left: 8px;} .tribe-events-list .event-sharing .event-social li {display:table-cell;} .tribe-events-list .event-sharing .event-social li a {background: #4ccfad;color: #fff;width: 36px;height: 36px;vertical-align: middle;text-align: center; display: table-cell;} .tribe-events-list .event-sharing .event-social li a:hover {background:#1c7360;} @media only screen and (max-width: 960px) { .tribe-events-list .tribe-events-event-meta{margin:0;} .tribe-events-list .btn-wrapper {margin: 2px 0;} .tribe-events-list .type-tribe_events h2 {margin-top: 20px;} } #tribe-events-pg-template .tribe-events-cal-links { margin-bottom:0} #tribe-events-pg-template .tribe-events-button { background: #4ccfad;} .single-tribe_events #wrap { background:#f6f4f5;} .single-tribe_events #header { background:#fff;} .single-tribe_events #tribe-events-pg-template { padding:0; margin-top:35px;} .single-tribe_events .w-event-content, .single-tribe_events .w-event-meta { background-color: #fff; padding: 40px; margin-bottom: 40px;} .single-tribe_events .w-event-meta { margin-bottom: 12px;} .single-tribe_events .tribe-events-meta-group { margin-bottom:35px;} .single-tribe_events .w-event-meta h3 { text-transform: uppercase; font-size: 17px; font-weight: bold; padding-bottom: 5px; display: inline;} .single-tribe_events .w-event-meta h3:before { display:block; width:36px; height:36px; padding:10px; background:#00c2e5; font-family: 'FontAwesome'; font-size: 16px; color: #fff; content: "\f133"; speak: none; font-style: normal; font-weight: normal; line-height: 1; margin-right:8px; float:left; text-align:center;} .single-tribe_events .w-event-meta h3.te-time:before { content:"\f017";} .single-tribe_events .w-event-meta .tribe-events-meta-group-venue h3:before { content: "\f041";} .single-tribe_events .w-event-meta .event-sharing h3:before { content: "\f1e0";} .single-tribe_events .w-event-meta dd, .single-tribe_events .w-event-meta .tribe-events-event-categories a { font-size:13px; color: #9a9a9a;} .single-tribe_events .w-event-meta .tribe-events-address { margin-left:44px;} .single-tribe_events .w-event-meta .tribe-events-meta-group-venue .author {margin-bottom:0;} .single-tribe_events .tribe-events-event-image {margin-bottom:0;} .single-tribe_events h2.tribe-events-single-event-title{margin-bottom: 20px; font-weight: 600; letter-spacing: 0.5px; text-transform: uppercase;} .single-tribe_events .booking-button { transition: all 0.5s ease; background: #4ccfad; color: #fff; padding: 16px; display: block; text-align: center; font-size: 12px; font-weight: 500; letter-spacing: 2px;} .single-tribe_events .booking-button:hover {background-color: #333;} .single-tribe_events .event-sharing {margin: 40px 0;} .single-tribe_events .event-sharing .event-social {margin:6px 0px;} .single-tribe_events .event-sharing .event-social li{display:inline-block; list-style: none} .single-tribe_events .event-sharing .event-social li a {background:#a9a9a9; color: #fff;width: 29px; text-align: center; display: inline-block;} .single-tribe_events .event-sharing .event-social li a i{line-height: 2;} .single-tribe_events .event-sharing .event-social a.facebook:hover { background: #3b5996;} .single-tribe_events .event-sharing .event-social a.twitter:hover{ background: #00acee;} .single-tribe_events .event-sharing .event-social a.google:hover{ background: #c3391c;} /* tribe events a day layout */ #tribe-events-pg-template .tribe-events-day-time-slot .tribe-events-event-image, #tribe-events-pg-template .tribe-events-day-time-slot .tribe-events-content { float: left; width:33%; padding:0 15px;} #tribe-events-pg-template .tribe-events-day-time-slot .tribe-events-event-image { padding-left:0;} .tribe-events-list .tribe-events-day-time-slot .tribe-events-event-meta { width: 33%; float: left; padding:40px; height:auto; margin:0;} .tribe-events-day-time-slot .tribe-events-content.description.entry-summary { font-size:15px; font-weight:300; color:#8a8a8a;} .tribe-events-day-time-slot .type-tribe_events h2 { font-size:28px; padding-bottom:20px;} .tribe-events-day .tribe-events-day-time-slot .type-tribe_events { margin:0;} .tribe-events-day .tribe-events-day-time-slot h5 { background-color:#a9a9a9;} @media only screen and (max-width: 767px){ #tribe-events-pg-template .tribe-events-day-time-slot .tribe-events-content, #tribe-events-pg-template .tribe-events-day-time-slot .tribe-events-event-image, .tribe-events-list .tribe-events-day-time-slot .tribe-events-event-meta { float:none; width:100%; margin-bottom:20px;} #tribe-events-pg-template .tribe-events-day-time-slot .tribe-events-event-image { padding:0;} } /* events */ .event-list2 .event-title a { color: #000;} .event-list2 .event-title a:hover { color:#00c2e5;} .event-list2 .event-article { border-bottom: 1px solid #efefef; padding: 30px 0 10px;} .event-list2 .event-article:last-child { border-bottom:none;} .event-list2 .event-article .col-md-9 { padding:0;} .event-list2 .event-date {text-transform: uppercase;font-family:dosis, sans-serif; padding: 10px 0} .event-list2 .event-date .event-d { font-size: 48px; color: #f1bb51; display: table-cell; padding: 10px 0 0;} .event-list2 .event-date .event-f {font-size: 13px; display: table-cell; vertical-align: middle; padding-left: 7px; font-weight: 500; letter-spacing:3px; color:#777;} .event-list2 .event-detail { font-weight:300; color:#8a8a8a;} .event-list2 .event-date .event-da { margin-top: 9px; color: #c0c0c0; font-size:26px; font-weight:100; text-transform:uppercase; letter-spacing:-2px;} .event-list2 .btn-wrapper .button { border:2px solid #e1e1e1; color:#333; background-color: #fff; padding: 15px 20px; font-weight: 700; font-size: 11px;} .event-list2 .btn-wrapper .button:hover { border-color:#222; background:#222; color:#fff;} .event-list2 .event-date:after { display:block; content:""; position:absolute; width:50px; left:1px; top:1px; height:30px; background:rgba(255,255,255,0.1); box-shadow:0 4px 4px rgba(0,0,0,0.02);} .event-list2 .event-title {font-weight: 800;font-size: 20px;text-transform: uppercase; letter-spacing:2px;} .event-list2.event-detail { color:#777; font-weight:300; line-height: 12px;} .event-list2 .btn-wrapper { text-align:right; padding:10px 0;} .event-list2 .event-sharing {position: relative; margin: 10px 0;} .event-list2 .event-sharing > li { display: inline-block;} .event-list2 .event-sharing > li:hover { display: inline-block;} .event-list2 .event-sharing > li:hover a i {color: #fff; background: #4cc5cf; border-color:#4cc5cf;} .event-list2 .event-sharing > li i {width: 36px;display: inline-block; line-height: 35px; color: #767676; text-align: center; border-radius: 50%; border:1px solid #ddd; font-size:14px;} .event-list2 .event-sharing .event-share:hover .event-sharing-icon {background:#4cc5cf; border-color:#4cc5cf; cursor: pointer; border-radius:50%;} .event-list2 .event-sharing .event-share .event-social {margin:0;} .event-list2 .event-sharing .event-share:hover .event-social {display:inline; position: absolute; top: -5px;left: 35px; padding: 5px;} .event-list2 .event-sharing .event-social {display:none;} .event-list2 .event-sharing .event-social li {display:inline-block;} .event-list2 .event-sharing .event-social li:hover a i {background:#1c7360; border-color:#1c7360;} .event-list2 .event-sharing .event-social li:hover a.facebook i { background: #3b5996; border-color:#3b5996;} .event-list2 .event-sharing .event-social li:hover a.twitter i { background: #00acee; border-color:#00acee;} .event-list2 .event-sharing .event-social li:hover a.google i { background: #c3391c; border-color:#c3391c;} .event-grid .event-sharing {list-style: none; position: relative; border-top: 1px solid #efefef; padding: 20px; margin: 0; background:#fafafa;} .event-grid .event-sharing > li {display: table-cell; border:1px solid #e8e8e8; color: #767676; text-align: center;} .event-grid .event-sharing > li:hover {background: #4cc5cf;} .event-grid .event-sharing > li a {color: #767676;} .event-grid .event-sharing > li:hover a {color: #fff;} .event-grid .event-sharing > li i {width: 36px; height: 36px; display: table-cell; vertical-align: middle;} .event-grid .event-sharing .event-share:hover .event-sharing-icon {background: #4cc5cf;border-width: 0 1px 0; cursor: pointer;} .event-grid .event-sharing .event-share:hover .event-social {display:table-cell;} .event-grid .event-sharing .event-map {border-width:1px 0 1px;} .event-grid .event-sharing .event-social {display:none; position: absolute;top: 17px;left: 28px;} .event-grid .event-sharing .event-social li {display:table-cell;} .event-grid .event-sharing .event-social li a {background: #4cc5cf;color: #fff;width: 36px;height: 36px;vertical-align: middle;text-align: center; display: table-cell;} .event-grid .event-sharing .event-social li a:hover {background:#47a5ad;} .event-grid .event-sharing .booking-button { transition: all 0.21s ease; font-size:11px; font-weight:500; letter-spacing:1px; text-transform:uppercase; background: #fff; color: #767676; border:1px solid #e8e8e8; position: absolute; top: 20px; right: 15px; padding: 8px 16px;} .event-grid .event-sharing .booking-button:hover {background: #191919; color:#fff; border-color:#191919;} .event-grid.event-grid .row { margin-bottom: 30px; max-width: none;} .event-grid.event-grid .event-article { position: relative; overflow: hidden; border: 1px solid #e9e9e9;} .event-grid.event-grid .event-article .event-content { background:#fff; color:#767676; padding: 20px; text-align:left; min-height: 125px;} .event-grid .event-article .event-title { color:#525252; margin: 10px 0; font-weight: bold; font-size:20px; letter-spacing: 0; text-transform:none;} .event-grid .event-article .event-title:hover { color: #4ccfad;} .event-grid .event-detail { font-weight: 400; font-size: 11px; text-transform:uppercase; letter-spacing:1px; background-color: #4ccfad; color: #fff; padding: 3px 20px; margin: 0 0 20px -20px; display:inline-block;} .event-grid .event-content p { font-size:13px; color:#9a9a9a;} @media only screen and (max-width: 768px) { .event-grid.event-grid .event-article { margin-bottom:30px;} } /* # Causes ================================================== */ /* causes grid */ .causes-grid .row {margin-bottom:20px;} /* causes */ .causes .cause-content p {font-size: 14px; margin: 25px 0; color:#8a8a8a;} .causes .cause-content .cause-meta { margin-top:70px;} .causes .cause-content .cause-title {text-transform: uppercase; letter-spacing: 1px; color: #424748;font-weight: 600;} .causes .cause-content .cause-title:hover { color: #00c2e5;} .causes .cause-content .cause-days {font-size: 14px;} .causes .cause-content .donate-button {background-color: #00c2e5; color: #fff; padding: 10px 20px; display: inline-block; text-align: center; font-size:12px; font-weight:700; letter-spacing:2px;} .causes .cause-content .donate-button:hover {background-color: #4ccfad;} .causes .cause-content .cause-completed {background-color: #aaa; color: #fff; padding: 10px 20px; margin: 0; text-transform: uppercase; display: inline-block; text-align: center; font-size:13px; letter-spacing:1px;} .causes .postmetadata {width:100%; display:table; table-layout:fixed; background: #f9f9f9; padding: 7px 14px; border-radius: 4px;} .causes.causes-grid article {border: 1px solid #efefef;} .causes.causes-grid .cause-content .cause-completed,.causes.causes-grid .cause-content .donate-button{width: 100%;} .causes.causes-grid .cause-content {padding: 16px;} #wrap .causes.causes-grid .cause-content .vc_progress_bar {margin-bottom:10px;} .causes.causes-list article {padding-bottom: 45px; border-bottom: 1px solid #e8e8e8; margin-bottom: 45px;} #wrap .causes.causes-list .cause-content .vc_progress_bar {margin-bottom:22px;} .causes.causes-list .cause-img img ,.causes.causes-list .cause-completed { border-radius: 1px;} .causes .cause-content h4 { font-size:22px;} .causes.causes-list .cause-content h4 { font-size:24px; font-weight:700;} .causes.causes-list .cause-content .cause-meta { margin-top:60px;} .causes.causes-list .cause-content .donate-button { border-radius: 2px; float: left;} .causes.causes-list .cause-content .cause-sharing { float: right;} .causes.causes-list .cause-content .cause-sharing a { transition: all 0.21s ease; border-radius: 3px; background-color: #00c2e5; color: #fff; padding: 10px 20px; height:42px; display: inline-block; text-align: center;} .causes.causes-list .cause-content .cause-sharing a.facebook { background: #3b5996;} .causes.causes-list .cause-content .cause-sharing a.twitter { background: #00acee;} .causes.causes-list .cause-content .cause-sharing a.google { background: #c3391c;} .causes.causes-list .cause-content .cause-sharing .cause-sharing-icon {font-size: 16px;} .causes.causes-list .cause-content .cause-sharing a:before { content:"share on "; padding:0 5px 0 0; width:0; font-size:0px; display:inline; transition: all 0.21s ease;} .causes.causes-list .cause-content .cause-sharing a:hover:before {width:100%; font-size:11px;} #wrap .container .vc_progress_bar .vc_single_bar .vc_label { font-size:13px; color:#4a4a4a;} /* single cause */ .single-cause .cause-title {font-weight: 800; text-transform: uppercase; font-size: 36px; letter-spacing: 2px; margin-bottom: 20px;} .single-cause .postmetadata {width:100%; display:table; table-layout:fixed;} .cause-metadata {margin:0; padding:0; display:table-row;} .cause-metadata li {text-align:center; display: table-cell; list-style: none; font-size: 10px; font-weight: 500; color:#8a8a8a; text-transform:uppercase; letter-spacing:1px;} .cause-metadata li i { font-size:12px;} .cause-metadata li a {color:#777;} .cause-metadata li a:hover {color:#444;} .cause-box { border: 1px solid #efefef; padding: 16px; border-radius: 4px;} .donate-button { transition: all 0.21s ease;} .cause-box .donate-button { background-color: #00c2e5; color: #fff; padding: 20px 20px; letter-spacing: 2px; font-size: 16px; font-weight: 500; display: block; text-align: center; border-radius: 4px;} .cause-box .donate-button:hover {background-color: #4ccfad;} #wrap .cause-box .vc_progress_bar {margin-bottom:10px;} .cause-box .cause-sharing{ margin: 24px 0 10px;} .cause-box .cause-sharing .cause-sharing-icon {color:#00c2e5; margin-right:5px} .cause-box .cause-sharing .cause-social {display:inline-block;} .cause-box .cause-sharing .cause-social a { margin: 0 4px; color: #868686;font-weight: 500; font-size: 10px; letter-spacing:1px;} .cause-box .cause-sharing .cause-social a:hover {color:#00c2e5;} /* # Widgets in blox ================================================== */ .widget #searchsubmit,.wpb_widgetised_column .widget #searchsubmit {display:none;} .blox .widget_search, .max-hero .widget_search { margin: 0 auto 30px; width: 500px;} .blox .widget_search input[type=text].search-side, .max-hero .widget_search input[type=text].search-side {background-image: none; float: left; width: 350px; margin: 0; padding: 28px; border-radius: 5px 0 0 5px; border-color: #fcfcfb;} .blox .widget_search input[type=submit]#searchsubmit.btn, .max-hero .widget_search input[type=submit]#searchsubmit.btn { display:inline-block; float: right; width: 150px; margin: 0; padding: 24px; background-color: #00c2e5; color: #fff; text-transform: uppercase; border-radius: 0 5px 5px 0;} .blox .widget_search .search-side:focus, .max-hero .widget_search .search-side:focus {border-color:#f3f3f3;} @media only screen and (max-width: 767px) { .blox .widget_search, .max-hero .widget_search { width: 300px;} .blox .widget_search input[type=text].search-side, .blox .widget_search input[type=submit]#searchsubmit.btn, .max-hero .widget_search input[type=text].search-side, .max-hero .widget_search input[type=submit]#searchsubmit.btn { float:none; margin:0; width:100%; border-radius:0;} } @media only screen and (max-width: 479px) { .blox .widget_search, .max-hero .widget_search { width: 270px;} } .blox .widget ul li, .max-hero .widget ul li { display: inline;} .blox .widget_nav_menu, .max-hero .widget_nav_menu { position: absolute; left: 50%; margin-right: -50%; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0);} .blox .widget_nav_menu li, .max-hero .widget_nav_menu li { border: none;} .blox .widget_nav_menu li:hover, .max-hero .widget_nav_menu li:hover { border: 0; background:none;} .blox .widget_nav_menu li a, .max-hero .widget_nav_menu li a { color:#fff; font-size: 14px;} .blox .widget_nav_menu li a:hover, .max-hero .widget_nav_menu li a:hover { text-decoration: underline; color:#fff; background:none;} /* #Bootstrap elements ================================================== */ .dropup, .dropdown { position: relative;} .dropdown-toggle { *margin-bottom: -3px;} .dropdown-toggle:active, .open .dropdown-toggle { outline: 0;} .caret { display: inline-block; width: 0; height: 0; vertical-align: top; border-top: 4px solid #000; border-right: 4px solid transparent; border-left: 4px solid transparent; content: ''; opacity: 0.3; filter: alpha(opacity=30);} .dropdown .caret { margin-top: 8px; margin-left: 2px;} .dropdown:hover .caret, .open .caret { opacity: 1; filter: alpha(opacity=100);} .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 4px 0; margin: 1px 0 0; list-style: none; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); *border-right-width: 2px; *border-bottom-width: 2px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box;} .dropdown-menu.pull-right { right: 0; left: auto;} .dropdown-menu .divider { *width: 100%; height: 1px; margin: 8px 1px; *margin: -5px 0 5px; overflow: hidden; background-color: #e5e5e5; border-bottom: 1px solid #fff;} .dropdown-menu a { display: block; padding: 3px 15px; clear: both; font-weight: normal; line-height: 18px; color: #7a7f83; white-space: nowrap;} .dropdown-menu li > a:hover, .dropdown-menu .active > a, .dropdown-menu .active > a:hover { color: #fff; text-decoration: none; background-color: #1eb1e4;} .open { *z-index: 1000;} .open > .dropdown-menu { display: block;} .pull-right > .dropdown-menu { right: 0; left: auto;} .well, .promobox { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f9f9f9; border: 1px solid #e1e7ec; border: 1px solid rgba(0, 0, 0, 0.05); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);} .well blockquote { border-color: #e5e5e5; border-color: rgba(0, 0, 0, 0.15);} .well blockquote:before, blockquote.well:before { content:''; content:none;} .well-large { padding: 24px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;} .well-small { padding: 9px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} .promobox { background: #fdfdfd; padding-bottom: 11px;} .promobox button, .promobox .button { float:right;} .collapse { position: relative; height: 0; overflow: hidden; -webkit-transition: height 0.35s ease; -moz-transition: height 0.35s ease; -ms-transition: height 0.35s ease; -o-transition: height 0.35s ease; transition: height 0.35s ease;} .collapse.in { height: auto;} .close { float: right; font-size: 20px; font-weight: bold; line-height: 18px; color: #000; text-shadow: 0 1px 0 #fff; opacity: 0.2; filter: alpha(opacity=20);} .close:hover { color: #000; text-decoration: none; cursor: pointer; opacity: 0.4; filter: alpha(opacity=40);} .nav { margin-bottom: 18px; margin-left: 0; list-style: none;} .nav > li > a { display: block;} .nav > li > a:hover { text-decoration: none; background-color: #e1e7ec;} .nav > .pull-right { float: right;} .nav .nav-header { display: block; padding: 3px 15px; font-size: 11px; font-weight: bold; line-height: 18px; color: #999999; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); text-transform: uppercase;} .nav li + .nav-header { margin-top: 9px;} .nav-list { padding-right: 15px; padding-left: 15px; margin-bottom: 0;} .nav-list > li > a, .nav-list .nav-header { margin-right: -15px; margin-left: -15px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);} .nav-list > li > a { padding: 3px 15px;} .nav-list > .active > a, .nav-list > .active > a:hover { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); background-color: #0088cc;} .nav-list [class^='icon-'] { margin-right: 2px;} .nav-list .divider { *width: 100%; height: 1px; margin: 8px 1px; *margin: -5px 0 5px; overflow: hidden; background-color: #e5e5e5; border-bottom: 1px solid #fff;} .nav-tabs, .nav-pills { *zoom: 1;} .nav-tabs:before, .nav-pills:before, .nav-tabs:after, .nav-pills:after { display: table; content: '';} .nav-tabs:after, .nav-pills:after { clear: both;} .nav-tabs > li, .nav-pills > li { float: left;} .nav-tabs > li > a, .nav-pills > li > a { padding-right: 18px; padding-left: 18px;line-height: 14px;} .nav-tabs { border-bottom: 1px solid #e5e5e5;} .nav-tabs > li { margin-bottom: -1px;} .nav-tabs > li > a { padding-top: 12px; background:#f7f7f7; padding-bottom: 12px; color:#555; line-height: 18px; border: 1px solid #e5e5e5; border-right:0 none; font-family:Arial, Helvetica, sans-serif; font-size:13px;} .nav-tabs > li > a:hover { background:#fbfbfb;} .nav-tabs > .active > a, .nav-tabs > .active > a:hover { cursor: default; background-color: #fff; border: 1px solid #e5e5e5; border-bottom: 0 none; padding-top:20px; margin-top:-7px;} .nav-pills > li > a { padding-top: 8px; padding-bottom: 8px; margin-top: 2px; margin-bottom: 2px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} .nav-pills > .active > a, .nav-pills > .active > a:hover { color: #fff; background-color: #0088cc;} .nav-stacked > li { float: none;} .nav-stacked > li > a { margin-right: 0;} .nav-tabs.nav-stacked { border-bottom: 0;} .nav-tabs.nav-stacked > li > a { border: 1px solid #e5e5e5; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;} .nav-tabs.nav-stacked > li:first-child > a { -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0;} .nav-tabs.nav-stacked > li:last-child > a { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px;} .nav-tabs.nav-stacked > li > a:hover { z-index: 2; border-color: #e5e5e5;} .nav-pills.nav-stacked > li > a { margin-bottom: 3px;} .nav-pills.nav-stacked > li:last-child > a { margin-bottom: 1px;} .nav-tabs .dropdown-menu { -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px;} .nav-pills .dropdown-menu { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} .nav-tabs .dropdown-toggle .caret, .nav-pills .dropdown-toggle .caret { margin-top: 6px; border-top-color: #0088cc; border-bottom-color: #0088cc;} .nav-tabs .dropdown-toggle:hover .caret, .nav-pills .dropdown-toggle:hover .caret { border-top-color: #005580; border-bottom-color: #005580;} .nav-tabs .active .dropdown-toggle .caret, .nav-pills .active .dropdown-toggle .caret { border-top-color: #333333; border-bottom-color: #333333;} .nav > .dropdown.active > a:hover { color: #000; cursor: pointer;} .nav-tabs .open .dropdown-toggle, .nav-pills .open .dropdown-toggle, .nav > li.dropdown.open.active > a:hover { color: #fff; background-color: #999999; border-color: #999999;} .nav li.dropdown.open .caret, .nav li.dropdown.open.active .caret, .nav li.dropdown.open a:hover .caret { border-top-color: #fff; border-bottom-color: #fff; opacity: 1; filter: alpha(opacity=100);} .tabs-stacked .open > a:hover { border-color: #999999;} .tabbable { *zoom: 1;} .tabbable:before, .tabbable:after { display: table; content: '';} .tabbable:after { clear: both;} .tab-content { overflow: auto; border:1px solid #e5e5e5; border-top:0 none; padding-top:18px; margin-top:-18px;} .tab-content .columns { max-width:100%;} .tab-content .columns p { padding:0;} .tabs-below > .nav-tabs, .tabs-right > .nav-tabs, .tabs-left > .nav-tabs { border-bottom: 0;} .tab-content > .tab-pane, .pill-content > .pill-pane { display: none; padding:15px 25px;} .tab-content > .active, .pill-content > .active { display: block;} .tabs-below > .nav-tabs { border-top: 1px solid #e5e5e5;} .tabs-below > .nav-tabs > li { margin-top: -1px; margin-bottom: 0;} .tabs-below > .nav-tabs > li > a { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px;} .tabs-below > .nav-tabs > li > a:hover { border-top-color: #e5e5e5; border-bottom-color: transparent;} .tabs-below > .nav-tabs > .active > a, .tabs-below > .nav-tabs > .active > a:hover { border-color: transparent #e5e5e5 #e5e5e5 #e5e5e5;} .tabs-left > .nav-tabs > li, .tabs-right > .nav-tabs > li { float: none;} .tabs-left > .nav-tabs > li > a, .tabs-right > .nav-tabs > li > a { min-width: 190px; margin-right: 0; margin-bottom: 3px; text-transform:uppercase; font-size:12px; font-weight:bold; border-left:0 none; background:#fdfdfd; color:#838383;} .tabs-left > .nav-tabs { float: left; margin-right:-1px; padding-top:40px;} .tabs-left > .nav-tabs > li > a { margin-right: -1px; border: 1px solid #e5e5e5; padding:10px; margin:0; border-left:0 none;} .tabs-left > .nav-tabs > li > a:hover { border-bottom:1px solid #e5e5e5; color:#444;} .tabs-left > .nav-tabs .active > a, .tabs-left > .nav-tabs .active > a:hover { border-bottom:1px solid #e5e5e5; border-right-color: #fff; padding:10px; border-left:0 none; margin:0; color:#333; background:#fff;} .tabs-right > .nav-tabs { float: right; border-left: 1px solid #e5e5e5;} .tabs-right > .nav-tabs > li > a { margin-left: -1px; border: 1px solid #e5e5e5;} .tabs-right > .nav-tabs > li > a:hover { border-color: #e5e5e5 #e5e5e5 #e5e5e5 #e5e5e5; border-width:1px;} .tabs-right > .nav-tabs .active > a, .tabs-right > .nav-tabs .active > a:hover { border-color: #e5e5e5 #e5e5e5 #e5e5e5 transparent; *border-left-color: #fff;} .tabs-right > .tab-content, .tabs-left > .tab-content, .tabs-below > .tab-content { margin:0; padding:4px; padding-top:10px; display:block; border:0 none; border-left:1px solid #e5e5e5; box-shadow : 0 0 0 0;} .tabs-below > .tab-content { border:1px solid #e5e5e5; border-bottom:0 none;} .tooltip { position: absolute; z-index: 1020; display: block; padding: 5px; font-size: 11px; opacity: 0; filter: alpha(opacity=0); visibility: visible;} .tooltip.in { opacity: 0.8; filter: alpha(opacity=80);} .tooltip.top { margin-top: -2px;} .tooltip.right { margin-left: 2px;} .tooltip.bottom { margin-top: 2px;} .tooltip.left { margin-left: -2px;} .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top: 5px solid #000; border-right: 5px solid transparent; border-left: 5px solid transparent;} .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #000;} .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-right: 5px solid transparent; border-bottom: 5px solid #000; border-left: 5px solid transparent;} .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-top: 5px solid transparent; border-right: 5px solid #000; border-bottom: 5px solid transparent;} .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #fff; text-align: center; text-decoration: none; background-color: #000; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} .tooltip-arrow { position: absolute; width: 0; height: 0;} .pull-right { float: right;} .pull-left { float: left;} .hide { display: none;} .show { display: block;} .invisible { visibility: hidden;} .pagination2 { height: 36px; margin: 18px 0;} .pagination2 ul { display: inline-block; *display: inline; margin-bottom: 0; margin-left: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; *zoom: 1; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);} .pagination2 li { display: inline;} .pagination2 a { float: left; padding: 0 14px; line-height: 34px; text-decoration: none; border: 1px solid #e5e5e5; border-left-width: 0;} .pagination2 a:hover, .pagination2 .active a { background-color: #f5f5f5;} .pagination2 .active a { color: #999999; cursor: default;} .pagination2 .disabled span, .pagination2 .disabled a, .pagination2 .disabled a:hover { color: #999999; cursor: default; background-color: transparent;} .pagination2 li:first-child a { border-left-width: 1px; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px;} .pagination2 li:last-child a { -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0;} .pagination2-centered { text-align: center;} .pagination2-right { text-align: right;} .alert { padding: 8px 35px 8px 36px; background:url(../images/alert-notice-ico.png) no-repeat; background-position: 9px 50%; margin-bottom: 18px; color: #c09853; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); background-color: #fcf8e3; border: 2px solid #f3d9a6; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;} .alert img { float: left; margin:-2px 6px 4px -4px;} .alert-heading { color: inherit;} .alert p { margin:0;} .alert .close { position: relative; top: -2px; right: -21px; line-height: 18px;} .alert-success { color: #699801; background:url(../images/alert-success-ico.png) no-repeat; background-position: 8px 50%; background-color: #e0f0bd; border-color: #afd65f;} .alert-danger, .alert-error { color: #b94a48; background:url(../images/alert-error-ico.png) no-repeat; background-position: 9px 50%; background-color: #fce6e9; border-color: #ed9aa3;} .alert-info { color: #3a87ad; background:url(../images/alert-info-ico.png) no-repeat; background-position: 9px 50%; background-color: #d9edf7; border-color: #98cdd8;} .alert-block { padding-top: 14px; padding-bottom: 14px;} .alert-block > p, .alert-block > ul { margin-bottom: 0;} .alert-block p + p { margin-top: 5px;} button.close { padding:0; margin:0; border:0; background:none; box-shadow:none !important;} table { max-width: 100%; background-color: transparent; border-collapse: collapse; border-spacing: 0;} .table { width: 100%; margin-bottom: 18px;} .table th, .table td { padding: 8px; line-height: 18px; text-align: left; vertical-align: top; border-top: 1px dotted #e5e5e5;} .table th { font-weight: bold;} .table thead th { vertical-align: bottom; border-top:0 none; background:#f7f7f7;} .table tbody + tbody { border-top: 2px solid #e5e5e5;} .table-condensed th, .table-condensed td { padding: 4px 5px;} .table-bordered { border: 1px solid #e5e5e5; border-collapse: separate; *border-collapse: collapsed; border-left: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} .table-bordered th, .table-bordered td { border-left: 1px solid #e5e5e5;} .table tbody tr:hover td, .table tbody tr:hover th { background-color: #fcfcfc;} @-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 { height: 32px; margin-bottom: 18px; overflow: hidden; background-color: #f7f7f7; background-repeat: repeat-x; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; background-image: linear-gradient(top, #f5f5f5, #f9f9f9); } .progress .bar { width: 0; height: 34px; font-size: 15px; line-height:33px; color: #fff; text-align: left; padding-left:12px; background-color: #0e90d2; background-repeat: repeat-x; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-transition: width 0.6s ease; -moz-transition: width 0.6s ease; -ms-transition: width 0.6s ease; -o-transition: width 0.6s ease; transition: width 0.6s ease;} .progress .bar small { color:#fafafa; font-size:12px;} .progress-striped .bar { background-color: #149bdf;} .progress.active .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-danger .bar, .progress-red .bar { background-color: #e53f51;} .progress-success .bar, .progress-green .bar { background-color: #8fbe32;} .progress-info .bar, .progress-blue .bar { background-color: #03acdc;} .progress-warning .bar, .progress-orange .bar { background-color: #f98805;} /* topbar login */ .fancybox-overlay-fixed { z-index: 10001;} .fancybox-skin, .fancybox-opened .fancybox-skin { border-radius:0 0 6px 6px; background:#f6f6f6;} .w-login #user-login { padding: 22px 15px 15px;} .w-login #user-login .login-links { list-style: none; margin:0} .w-login #user-login .login-links li { display:inline;margin-right: 15px; font-size:13px; font-weight:400;} .w-login #user-login .login-links li:last-child:after { display:none;} .w-login #user-login .login-links li a {color: #00C2E5;} .w-login #user-login .login-links li a:hover { color:#0099ff;} .w-login #user-login p { margin: 0;} .w-login #user-login label {font-weight: 400;font-size: 14px;} .w-login #user-login input {padding: 14px; border-radius: 0;margin: 6px 0 20px;} .w-login #user-login input.login-button { padding:13px 18px; text-transform:uppercase; font-weight:bold; float:right; margin-right:3px;} .w-login #user-logged { padding: 30px 10px; text-align:center;} .w-login #user-logged .author-avatar { display: block;} .w-login #user-logged .author-avatar img { border-radius: 50%;border: 4px solid #00c2e5;} .w-login #user-logged .user-welcome { font-size: 24px; padding: 10px; margin: 20px 0;} .w-login #user-logged .logged-links { list-style: none; background-color: #00c2e5;padding: 8px 20px;width: 70%; margin: 0 auto; display: table;} .w-login #user-logged .logged-links li { display: table-cell; margin: 0 8px;} .w-login #user-logged .logged-links a { color: #fff; border-radius: 3px; font-size: 13px; font-weight: 400;} .w-login #user-logged .logged-links a:hover { text-decoration: underline;} .widget #user-logged .author-avatar img{ width: 60px;} /* # Essensial grid ================================================== */ #wrap .esg-filters .esg-navigationbutton { float: right;} #wrap .esg-filters .esg-left {margin-right: 20px !important;} #wrap .esg-filters .esg-left {margin-right 20px !important;} #wrap .eg-washington-element-1, #wrap .eg-washington-element-0 { padding: 10px !important;} /* # TablePress plugin ================================================== */ #wrap .tablepress tbody { border: 1px solid #dcdcdc;} #wrap .tablepress tfoot th, #wrap .tablepress thead th {background-color: #53C071;color: #fff;font-size: 15px;line-height: 1.2;padding: 15px 20px;font-weight: 600;} #wrap .tablepress tbody td, #wrap .tablepress tfoot th { border-color: #dcdcdc;} #wrap .tablepress .row-hover tr:hover td { background:#fff;} #wrap .tablepress .odd td, #wrap .tablepress .row-hover tr.odd:hover td { background-color: #f5f5f5;} #wrap .tablepress td, #wrap .tablepress th { padding: 12px 20px; font-size: 14px; line-height: 1.2; vertical-align: middle; color: #717375;} #wrap .tablepress tbody tr > td:first-child {color: #616161 !important; font-weight: 400;font-size: 14px;} #wrap .tablepress .fa-check { color: #00C376;} @media (min-width: 768px) and (max-width: 960px) { #wrap .tablepress tfoot th, #wrap .tablepress thead th, #wrap .tablepress td, #wrap .tablepress th, #wrap .tablepress tbody tr > td:first-child { font-size: 13px;} } @media (min-width: 480px) and (max-width: 767px) { #wrap .tablepress tfoot th, #wrap .tablepress thead th, #wrap .tablepress td, #wrap .tablepress th, #wrap .tablepress tbody tr > td:first-child { font-size: 11px;} } @media (max-width: 479px) { #wrap .tablepress tfoot th, #wrap .tablepress thead th, #wrap .tablepress td, #wrap .tablepress th, #wrap .tablepress tbody tr > td:first-child { font-size: 9px; line-height: 1.78; padding: 8px; text-align: center;} #wrap .tablepress tbody tr > td:first-child, #wrap .tablepress tfoot th:first-child, #wrap .tablepress thead th:first-child { text-align: left;} #wrap .tablepress tfoot th:first-child, #wrap .tablepress thead th:first-child { text-align: left;} } /* # UserPro plugin ================================================== */ .userpro-message.userpro-message-demo { display: none;} div.userpro-overlay-inner {max-width: 400px !important;} .userpro-overlay-inner div.userpro {border:0 !important;} .userpro-overlay-inner div.userpro-head, .userpro-overlay-inner div.userpro-centered {background: #00c2e5 !important;border: 0 !important;color: #fff !important;} .userpro-overlay-inner div.userpro-head div.userpro-left {font-size: 20px !important;} .userpro-overlay-inner div.userpro-label span.userpro-field-icon {border: 1px solid transparent !important;background: #D1F1F7 !important;color: #757b79 !important;border-radius: 5px 0 0 5px !important;border: 0 !important; margin-top: 30px !important;margin-left: 9px !important;padding-top: 11px !important;height: 52px !important;display: inline-block !important;width: 47px !important;} #wrap .userpro-overlay-inner div.userpro-label span.userpro-field-icon { margin-top: 3px !important;margin-left: 7px !important;} #wrap .userpro-overlay-inner div.userpro-float div.userpro-input {width: 87% !important;} .userpro-overlay-inner div.userpro-label span.userpro-field-icon.icon-active i {color: #00c2e5 !important;} .userpro-overlay-inner div.userpro-label span.userpro-field-icon.icon-active {color: #00c2e5 !important; border: 0 !important;background: #d1f1f7 !important;} .userpro-overlay-inner div.userpro-input label.userpro-checkbox.hide-field {color: #616161 !important; margin: 10px 0 10px 3px !important;text-transform: inherit !important;font-size: 12px !important;} .userpro-overlay-inner div.userpro-body {padding: 45px 50px 50px 45px !important;background: #fff;} .userpro-overlay-inner div.userpro-float div.userpro-label {width:10% !important;} .userpro-overlay-inner div.userpro-float div.userpro-input {width:90% !important;} .userpro-overlay-inner div.userpro-input input[type=text], .userpro-overlay-inner div.userpro-input input[type=password], .userpro-overlay-inner div.userpro-input textarea {border-radius: 0 5px 5px 0 !important;background: #e9f9f5 !important;background: #E5F6F9 !important;border: 1px solid #ddd !important;color: #616161 !important;border: 0 !important;padding: 17px 10px !important;height: 100% !important; font-size: 14px !important;box-shadow: none !important;} .userpro-overlay-inner div.userpro-input {float: right !important;width: 83% !important;} .userpro-overlay-inner div.userpro-input input[type=text]:focus, .userpro-overlay-inner div.userpro-input input[type=password]:focus, .userpro-overlay-inner div.userpro-input textarea:focus {background: #dbf5ef !important;border: 0 !important;box-shadow: none !important;color: #333 !important;} .userpro-overlay-inner div.userpro-input input[type=text]::-webkit-input-placeholder {color: #616161 !important;} .userpro-overlay-inner div.userpro-input input[type=text]:-moz-placeholder { /* Firefox 18- */color: #616161 !important; } .userpro-overlay-inner div.userpro-input input[type=text]::-moz-placeholder { /* Firefox 19+ */color: #616161 !important; } .userpro-overlay-inner div.userpro-input input[type=text]:-ms-input-placeholder { color: #616161 !important; } .userpro-overlay-inner div.userpro-input input[type=password]::-webkit-input-placeholder {color: #616161 !important;} .userpro-overlay-inner div.userpro-input input[type=password]:-moz-placeholder { /* Firefox 18- */color: #616161 !important; } .userpro-overlay-inner div.userpro-input input[type=password]::-moz-placeholder { /* Firefox 19+ */color: #616161 !important; } .userpro-overlay-inner div.userpro-input input[type=password]:-ms-input-placeholder { color: #616161 !important; } .userpro-overlay-inner div.userpro-input textarea::-webkit-input-placeholder {color: #616161 !important;} .userpro-overlay-inner div.userpro-input textarea:-moz-placeholder { /* Firefox 18- */color: #616161 !important; } .userpro-overlay-inner div.userpro-input textarea::-moz-placeholder { /* Firefox 19+ */color: #616161 !important; } .userpro-overlay-inner div.userpro-input textarea:-ms-input-placeholder { color: #616161 !important; } .userpro-overlay-inner div.userpro-field.userpro-field-compact .userpro-input {float: left !important;} .userpro-overlay-inner .required {display: none !important;} .userpro-overlay-inner .userpro-field.userpro-submit.userpro-column input[type=submit] {background: #00c2e5 !important;border: 0 !important; font-size: 14px !important;text-transform:uppercase !important;font-weight: 600 !important;} .userpro-overlay-inner div.userpro-submit input.userpro-button.fullwidth-block {width: 125px !important;} .userpro-overlay-inner div.userpro-field.userpro-submit {border:0 !important;text-align: center !important;} .userpro-overlay-inner div.userpro-submit input.userpro-button.fullwidth-block.secondary {font-size: 13px !important;width: 150px !important;} .userpro-overlay-inner div.userpro-submit input.userpro-button.fullwidth-block.secondary, .userpro-field.userpro-submit.userpro-column input[type=submit]{display: inline-block !important;margin-right: 5px !important;margin-left: 5px !important; letter-spacing: 0 !important; height: 100% !important; padding: 6px 10px !important;} .userpro-overlay-inner div.userpro-head div.userpro-right a {color:#fff !important;} .userpro-overlay-inner div.userpro-field {margin-top:12px !important} .userpro-overlay-inner div.userpro-message.userpro-message-demo {display:none !important;} .userpro-overlay-inner span.userpro-tip {display: none !important;} .userpro-overlay-inner .userpro-field.userpro-field-country .userpro-input,.userpro-overlay-inner .userpro-field.userpro-field-profilepicture .userpro-input, .userpro-overlay-inner .userpro-field.userpro-field-gender .userpro-input,.userpro-overlay-inner .userpro-field.userpro-field-passwordstrength .userpro-input {float: none !important;width: 100% !important;} .userpro-overlay-inner span.strength-plain {width: 56px !important;} .userpro-overlay-inner div.userpro-input div.icon-ok i {line-height: 55px !important;} #wrap .userpro-overlay-inner div.userpro-submit input.userpro-button.fullwidth-block.secondary,#wrap .userpro-overlay-inner .userpro-field.userpro-submit.userpro-column input[type=submit] {padding: 8px 37px !important;} #wrap .userpro-overlay-inner input.userpro-button.secondary {padding: 22px 45px !important;line-height: 2px !important;} #wrap .userpro-overlay-inner .userpro-alert-input input[type="text"] {border-radius: 5px 0 0 5px !important;} #wrap .userpro-overlay-inner .userpro-alert-input input[type="button"] {border-radius: 0 5px 5px 0 !important;padding: 17px 16px 19px 16px !important;border: 0 !important; letter-spacing: 0.5px !important;} /* #polylang =====================*/ .top-bar .top-links .polylang-flags li { display: inline-block; margin-top: 0;} .top-bar .top-links .polylang-flags { margin-top: 10px;} /* #WPML =====================*/ #wrap .top-bar .wpml-ls-statics-shortcode_actions.wpml-ls.wpml-ls-legacy-dropdown.js-wpml-ls-legacy-dropdown {display: inline-block; } #wrap .top-bar span.wpml-ls-native {color: #000; } #wrap .top-bar li.wpml-ls-slot-shortcode_actions.wpml-ls-item.wpml-ls-item-sv.wpml-ls-first-item {z-index: 9999; } #wrap .top-bar img.wpml-ls-flag {z-index: 9999; } #wrap .top-bar span.wpml-ls-display {color: #000; } #wrap .top-bar .wpml-ls-legacy-dropdown .wpml-ls-sub-menu {z-index: 9999; } @media only screen and ( max-width: 767px ) { #wrap .top-bar .top-links img { padding-top: 0; } #wrap .top-bar img.wpml-ls-flag { margin-top: 0; } #wrap .top-bar .wpml-ls-sub-menu { width: 220px; } #wrap .top-bar .wpml-ls-legacy-dropdown .wpml-ls-sub-menu { border: 0; } #wrap .top-bar .wpml-ls-sub-menu span.wpml-ls-bracket { color: #000; } } /* Envato Icon */ #wrap .top-bar .socialfollow a.envato { background-image: url("../images/envato-dark.png"); background-repeat: no-repeat; } #wrap #pre-footer .footer-social-items a i.fa-envato { background-image: url("../images/envato-dark.png"); background-repeat: no-repeat; } /* End -------------