/* Theme Name: Sprightly Theme URI: http://my.studiopress.com/themes/epik/ Description: Epik is a mobile responsive and HTML5 theme built for the Genesis Framework. Author: Appfinite Author URI: http://www.appfinite.com/ Version: 1.3 Tags: black, blue, default, gray, green, orange, pink, purple, red, one-column, two-columns, three-columns, fixed-width, custom-menu, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready Template: genesis Template Version: 2.0 License: GPL-2.0+ License URI: http://www.gnu.org/licenses/gpl-2.0.html */ /* Table of Contents - HTML5 Reset - Baseline Reset - Box Sizing - Float Clearing - Defaults - Typographical Elements - Headings - Objects - Forms - Buttons - Message Boxes - Circles - Pricing Plans - Structure and Layout - Site Containers - Column Widths and Positions - Column Classes - Common Classes - WordPress - Genesis - Titles - Widgets - Slider Wide - Slider - Slider Misc - Welcome - Welcome Feature 1-3 - Home Feature BG - Home Feature BG Alt - Home Feature BG Dark - Home Features - Home Feature (1-14) - Home Bottom Message - Featured Page and Featured Post - Plugins - Genesis eNews Extended - Genesis Latest Tweets - Gravity Forms - Jetpack - Site Header - Title Area - Widget Area - Site Navigation - Header Navigation - Primary Navigation - Secondary Navigation - Content Area - Entries - Pagination - Comments - Sidebars - Portfolio - Miscellaneous - Footer Widgets - Site Footer - Theme Colors - Black - Blue - Dark Blue - Gray - Green - Orange - Pink - Purple - Red - Media Queries - max-width: 1139px - max-width: 1023px - max-width: 960px - max-width: 767px - max-width: 580px - max-width: 480px */ /* Import Fonts ------------------------------------------------------------ */ @font-face{font-family:'Oswald';src:url('fonts/Oswald.eot');src:url('fonts/Oswald.eot?iefix') format('eot'), url('fonts/Oswald.woff') format('woff'), url('fonts/Oswald.ttf') format('truetype'), url('fonts/Oswald.svg#webfontFHzvtkso') format('svg');font-weight:normal;font-style:normal;} @font-face{font-family:'Lato';src:url('fonts/lato-regular.eot');src:url('fonts/lato-regular.eot?iefix') format('eot'), url('fonts/lato-regular.woff') format('woff'), url('fonts/lato-regular.ttf') format('truetype'), url('fonts/lato-regular#webfontFHzvtkso') format('svg');font-weight:normal;font-style:normal;} @font-face {font-family:'LeagueGothicRegular'; src: url('fonts/League_Gothic-webfont.eot'); src:url('fonts/League_Gothic-webfont.eot?iefix') format('eot'), url('fonts/League_Gothic-webfont.woff') format('woff'), url('fonts/League_Gothic-webfont.ttf') format('truetype'), url('fonts/League_Gothic-webfont.svg#webfontFHzvtkso') format('svg'); font-weight:normal; font-style:normal;} @font-face { font-family: 'DinCondensed'; src: url("fonts/dincondensedlight.eot"); src: url("fonts/dincondensedlight.eot?#iefix") format("embedded-opentype"), url("fonts/dincondensedlight.woff") format("woff"), url("fonts/dincondensedlight.ttf") format("truetype"), url("fonts/dincondensedlight.svg#dincondensedlight") format("svg"); font-weight: normal; font-style: normal; } @font-face{font-family:'BDN';src:url('fonts/brandon.eot');src:url('fonts/brandon.eot?iefix') format('eot'), url('fonts/brandon.woff') format('woff'), url('fonts/brandon.ttf') format('truetype'), url('fonts/brandon.svg#webfontFHzvtkso') format('svg');font-weight:normal;font-style:normal;} /***** MyriadProRegular *****/ @font-face {font-family: 'MyriadProRegular';font-weight: normal;font-style: normal; src: url('fonts/myriadpro-regular-webfont.eot'); src: url('fonts/myriadpro-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/myriadpro-regular-webfont.woff') format('woff'), url('fonts/myriadpro-regular-webfont.ttf') format('truetype'), url('fonts/myriadpro-regular-webfont.svg#MyriadProRegular') format('svg');} /* MyriadProSemibold*/ @font-face {font-family: 'MyriadProSemibold';font-weight: normal;font-style: normal; src: url('fonts/myriadpro-semibold-webfont.eot'); src: url('fonts/myriadpro-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/myriadpro-semibold-webfont.woff') format('woff'), url('fonts/myriadpro-semibold-webfont.ttf') format('truetype'), url('fonts/myriadpro-semibold-webfont.svg#MyriadProSemibold') format('svg');} /* MyriadProLight */ @font-face {font-family: 'MyriadProLight';font-weight: normal;font-style: normal; src: url('fonts/myriadpro-light-webfont.eot'); src: url('fonts/myriadpro-light-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/myriadpro-light-webfont.woff') format('woff'), url('fonts/myriadpro-light-webfont.ttf') format('truetype'), url('fonts/myriadpro-light-webfont.svg#MyriadProLight') format('svg');} @font-face{font-family:'BlockGothicRRBoldCond';src:url('fonts/blockgothicrrboldcond.eot');src:url('fonts/blockgothicrrboldcond.eot?iefix') format('eot'), url('fonts/blockgothicrrboldcond.woff') format('woff'), url('fonts/blockgothicrrboldcond.ttf') format('truetype'), url('fonts/blockgothicrrboldcond.svg#webfontFHzvtkso') format('svg');font-weight:normal;font-style:normal;} @font-face{font-family:'BlockGothicRRMediumCond';src:url('fonts/blockgothicrrmediumcond.eot');src:url('fonts/blockgothicrrmediumcond.eot?iefix') format('eot'), url('fonts/blockgothicrrmediumcond.woff') format('woff'), url('fonts/blockgothicrrmediumcond.ttf') format('truetype'), url('fonts/blockgothicrrmediumcond.svg#webfontFHzvtkso') format('svg');font-weight:normal;font-style:normal;} @font-face{font-family:'SegoePrint';src:url('fonts/SegoePrint.eot');src:url('fonts/SegoePrint.eot?iefix') format('eot'), url('fonts/SegoePrint.woff') format('woff'), url('fonts/SegoePrint.ttf') format('truetype'), url('fonts/SegoePrint.svg#webfontFHzvtkso') format('svg');font-weight:normal;font-style:normal;} @font-face { font-family: 'Univers'; src: url('fonts/Univers.eot'); src: url('fonts/Univers.eot?#iefix') format('embedded-opentype'), url('fonts/Univers.woff') format('woff'), url('fonts/Univers.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Titillium'; src: url('fonts/Titillium.eot'); src: url('fonts/Titillium.eot?#iefix') format('embedded-opentype'), url('fonts/Titillium.woff') format('woff'), url('fonts/Titillium.ttf') format('truetype'), url('fonts/Titillium.svg#TitilliumText22LRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'SketchBlock'; src: url('fonts/SketchBlock.eot'); src: url('fonts/SketchBlock.eot?#iefix') format('embedded-opentype'), url('fonts/SketchBlock.woff') format('woff'), url('fonts/SketchBlock.ttf') format('truetype'), url('fonts/SketchBlock.svg#SketchBlock') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'FontAwesome'; src: url('fontawesome.eot'); src: url('fontawesome.eot?#iefix') format('embedded-opentype'), url('fontawesome.woff') format('woff'), url('fontawesome.ttf') format('truetype'), url('fontawesome.svg#MonoSocialIconsFont') format('svg'); src: url('fontawesome.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'fontello'; src: url('fontello.eot'); src: url('fontello.eot?#iefix') format('embedded-opentype'), url('fontello.woff') format('woff'), url('fontello.ttf') format('truetype'), url('fontello.svg#MonoSocialIconsFont') format('svg'); src: url('fontello.ttf') format('truetype'); font-weight: normal; font-style: normal; } /* HTML5 Reset ---------------------------------------------------------------------------------------------------- */ /* Baseline Reset (normalize.css 2.1.2) Link: http://necolas.github.com/normalize.css/ --------------------------------------------- */ article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0} #footer-inner .getintouch, #socials li a, {background:url(images/super.png) no-repeat;} #rgtnav .rgtbar .social-icons a, #socials li a, #balloon, #balloonb, #phone-address .social-icons a {background:url(images/super.png) no-repeat;} .goback{float:right;margin:10px 0px 0px 0px} .goback a:active{color:#36F;} .goback a:link{color:#36F;} .goback a:visited{color:#36F;} .goback a:hover{color:#333;text-decoration:underline;} .note{color:#AD0000;background-color:#FFEDA6;text-decoration:none;} .wiredetails{color:#000000;background-color:#ffcc00;} .wire{font-family:'MyriadProRegular', Arial, Helvetica, sans-serif;font-size:80%;color:#000000;border:none;background-color:#f49334;} .wiretitle{background-color:#ffcc00;font-family:'Oswald', Arial, Helvetica, sans-serif;text-align:left;padding-left: 5px;font-weight:100;line-height:140%;} .wirecell{background-color:#ffffff;text-align:left;padding-left: 5px;line-height:140%;} .service-block{display:inline-block;width:100%;} .img-leftalign{float:left;margin-top:20px; padding-right:20px;} .content-leftalign{float:left;margin-left:0px;width:85%;padding-top:0px;line-height:18px;} .subservices{display:block;margin-top:5px;font-size:100%} .service-block .seo A:link, .service-block .seo A:visited, .service-block .seo A:active{text-decoration:none;color:#055d9e;} .service-block .seo A:hover{text-decoration:underline;color:#023458;} .service-block .web A:link, .service-block .web A:visited, .service-block .web A:active{text-decoration:none;color:#027e02;} .service-block .web A:hover{text-decoration:underline;color:#033f03;} .service-block .ppc A:link, .service-block .ppc A:visited, .service-block .ppc A:active{text-decoration:none;color:#e34c04;} .service-block .ppc A:hover{text-decoration:underline;color:#812d06;} .service-block .sm A:link, .service-block .sm A:visited, .service-block .sm A:active{text-decoration:none;color:#c94295;} .service-block .sm A:hover{text-decoration:underline;color:#981164;} .service-block .domain A:link, .service-block .domain A:visited, .service-block .domain A:active{text-decoration:none;color:#da0404;} .service-block .domain A:hover{text-decoration:underline;color:#800404;} .service-block .host A:link, .service-block .host A:visited, .service-block .host A:active{text-decoration:none;color:#dbaf00;} .service-block .host A:hover{text-decoration:underline;color:#846900;} .service-block .extra A:link, .service-block .extra A:visited, .service-block .extra A:active{text-decoration:none;color:#0b9e99;} .service-block .extra A:hover{text-decoration:underline;color:#055451;} .service-block .subservices A:link, .service-block .subservices A:visited, .service-block .subservices A:active{text-decoration:none;font-size:100% !important;} .service-block .subservices A:hover{text-decoration:underline;font-size:100% !important;} .service-block .head A:link, .service-block .subservices A:visited, .service-block .subservices A:active{text-decoration:none;font-size:20px; font-family:'Titillium',Tahoma, Geneva, sans-serif;} .service-block .head A:hover{ !important;} .kb{font-size:75%;color:#000;font-family:Arial, Helvetica, sans-serif;background-color:#FCD7A6;} #paypal p{font:12px 'Lato', 'Trebuchet MS', Verdana, Arial, sans-serif;display:inline-block;} #paypal input[type="text"] [type="email"]{width:200px;color:#6c6b6b;border:1px solid #ddd;background:#fff;font-size:90%;border:1px solid #E1E1E1;} #paypal input[type="submit"]{} #paypal textarea{width:80%;color:#6c6b6b;border:1px solid #ddd;background:#fff;font-size:90%;border:1px solid #E1E1E1;} .formtxt { PADDING-LEFT: 2px; Width: 150px; BORDER-RIGHT: #999999 1px solid; BORDER-TOP: #999999 1px solid; BORDER-LEFT: #999999 1px solid; BORDER-BOTTOM: #999999 1px solid; } #paypal select {width:200px;color:#6c6b6b;font:12px 'Lato',Verdana, Arial, sans-serif;} #portfolio { font-family: 'MyriadProRegular', serif; font-size: 14px; color:#777; margin: 0; padding: 0 0 0 0px; } /* Box Sizing --------------------------------------------- */ *, input[type="search"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* Float Clearing --------------------------------------------- */ .archive-pagination:before, .clearfix:before, .entry:before, .entry-pagination:before, .footer-widgets:before, .nav-primary:before, .nav-secondary:before, .site-container:before, .site-footer:before, .site-header:before, .site-inner:before, .wrap:before { content: " "; display: table; } .archive-pagination:after, .clearfix:after, .entry:after, .entry-pagination:after, .footer-widgets:after, .nav-primary:after, .nav-secondary:after, .site-container:after, .site-footer:after, .site-header:after, .site-inner:after, .wrap:after { clear: both; content: " "; display: table; } /* Defaults ---------------------------------------------------------------------------------------------------- */ /* Typographical Elements --------------------------------------------- */ html { font-size: 100%; /* 16px browser default */ } body { color:#555555; font-family:'Titillium', sans-serif; font-size: 100%; font-size: 1.0rem; font-weight: 300; line-height: 1.4; } a, button, input[type="button"], input[type="reset"], input[type="submit"] { -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } ::-moz-selection { background: #ff5e99; color: #fff; } ::selection { background: #ff5e99; color: #fff; } a { color: #EC1C24; font-weight: 400; text-decoration: none; } a img { margin-bottom: -4px; margin-bottom: -0.25rem; } a:hover { color: #888; text-decoration: underline; } p { margin: 0 0 20px; margin: 0 0 1.25rem; padding: 0; } strong { font-weight: 700; } ol, ul { margin: 0; padding: 0; } blockquote, blockquote::before { color: #999; } blockquote { background: url(images/blockquote.png) no-repeat; border: none; margin: 5px 5px 20px; padding: 0 30px 5px 60px; } pre { background: #333; color: #ccc; overflow: scroll; padding: 0 1.25rem; padding: 0 20px; white-space: pre; } cite { font-style: normal; } .quote { background: #fff; color: #888; padding: 20px; } .quote-arrow { background-image: url(images/quote-arrow.png); background-position: center bottom; background-repeat: no-repeat; bottom: 1px; display: block; margin: 0 0 10px; padding: 14px 0 0; position: relative; } .quote-gray { background: #eee; border: 1px solid #ccc; color: #333; padding: 20px; } .quote-arrow-gray { background-image: url(images/quote-arrow-gray.png); background-position: center bottom; background-repeat: no-repeat; bottom: 1px; display: block; padding: 14px 0 0; position: relative; } .quote-black { background: #121212; border: 1px solid #353535; color: #fff; padding: 20px; } .quote-arrow-black { background-image: url(images/quote-arrow-black.png); background-position: center bottom; background-repeat: no-repeat; bottom: 1px; display: block; padding: 14px 0 0; position: relative; } .quote-black a { color: #aaa; } .quote-black p { color: #fff; } .quote strong { color: #333; padding: 10px 0 0; } /* Headings --------------------------------------------- */ h1, h2, h3, h4, h5, h6 { color: #333; font-family: 'Univers', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 700; line-height: 1.5; margin: 0; margin-bottom: 0px; margin-bottom: 0rem; padding: 0; } h1{font-size:28px;font-family:'BlockGothicRRBoldCond', sans-serif;text-shadow:1px 1px 0 rgba(0, 0, 0, 0.2);font-weight:100;letter-spacing:0.9px;text-transform:uppercase;} h2{font-size:22px;font-family:'BlockGothicRRMediumCond', sans-serif;text-shadow:1px 1px 0 rgba(0, 0, 0, 0.2);font-weight:100;letter-spacing:0.4px;font-style:bold;margin:15px 0px 5px 0px;text-transform:uppercase;} h3 { font-size: 24px; font-size: 1.5rem; } h4 { font-size: 20px; font-size: 1.25rem; } h5 { font-size: 18px; font-size: 1.125rem; } h6 { font-size: 16px; font-size: 1rem; } h1 a, h2 a { color: #333; } h1 a:hover, h2 a:hover { text-decoration: none; } /* Objects --------------------------------------------- */ embed, iframe, img, object, video { max-width: 100%; } img { height: auto; width: auto; /* IE8 */ } .format-gallery #gallery-1 img { border: none; } /* Forms --------------------------------------------- */ input, select, textarea { background: #fff; border: 1px solid #ddd; color: #999; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; font-size: 1rem; padding: 12px; padding: 0.75rem; width: 100%; } input:focus, textarea:focus { border: 1px solid #aaa; outline: none; } ::-moz-placeholder { color: #999; } ::-webkit-input-placeholder { color: #999; } button, input[type="button"], input[type="reset"], input[type="submit"] { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; background: #2a2a2a; border: none; color: #fff; cursor: pointer; font-weight: 400; letter-spacing: 1px; letter-spacing: 0.1rem; padding: 12px 20px; padding: 0.75rem 1.25rem; width: auto; } .footer-widgets button, .footer-widgets input[type="button"], .footer-widgets input[type="reset"], .footer-widgets input[type="submit"] { background: #111; } button:hover, input:hover[type="button"], input:hover[type="reset"], input:hover[type="submit"] { -moz-transition:all .5s ease; -o-transition:all .5s ease; -webkit-transition:all .5s ease; opacity: .7; transition:all .5s ease; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button { display: none; } /* Buttons --------------------------------------------- */ a.button { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; display: inline-block; font-size: 13px; font-weight: 400; line-height: 13px; margin: 0 0 10px; padding: 8px 20px; text-decoration: none; } a.button:hover { -moz-transition:all .5s ease; -o-transition:all .5s ease; -webkit-transition:all .5s ease; color: #fff !important; opacity: .7; transition:all .5s ease; } a.button.small { background-color: #303236; color: #fff; font-size: 13px; font-weight: bold; line-height: 13px; padding: 8px 20px; } a.button.medium { background-color: #303236; color: #fff; font-size: 16px; line-height: 26px; padding: 8px 20px; } a.button.large { background-color: #303236; color: #fff; font-size: 18px; line-height: 24px; padding: 16px 32px; } a.button.slim { background-color: #303236; color: #fff; font-size: 14px; line-height: 22px; margin: 0; padding: 4px 40px; text-transform: uppercase; } .footer-widgets button, .footer-widgets input[type="button"], .footer-widgets input[type="reset"], .footer-widgets a.button.small, .footer-widgets a.button.medium, .footer-widgets a.button.large, .footer-widgets .circle { background: #111; } a.button.black { background-color: #111 !important; border: 1px solid #000 !important; color: #fff !important; } a.button.blue { background-color: #1887e5 !important; border: 1px solid #105c9e !important; color: #fff !important; } a.button.darkblue { background-color: #293f5e !important; border: 1px solid #000 !important; color: #fff !important; } a.button.gray { background-color: #777 !important; border: 1px solid #555 !important; color: #fff !important; } a.button.green { background-color: #9dcb2a !important; border: 1px solid #83a924 !important; color: #fff !important; } a.button.orange { background-color: #ff7e00 !important; border: 1px solid #cb6400 !important; color: #fff !important; } a.button.pink { background-color: #ff55a9 !important; border: 1px solid #c14080 !important; color: #fff !important; } a.button.purple { background-color: #7154c4 !important; border: 1px solid #594299 !important; color: #fff !important; } a.button.red { background-color: #d91420 !important; border: 1px solid #a8271e !important; color: #fff !important; } /* Message Boxes --------------------------------------------- */ .download-box { box-shadow: 0 2px 2px 0 #ddd; -moz-box-shadow: 0 2px 2px 0 #ddd; -webkit-box-shadow: 0 2px 2px 0 #ddd; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #d2eac2 url(images/download-arrow.png) no-repeat 10px 15px; border: 1px solid #a7d28a; color: #689c2a; margin: 0 2px 20px; padding: 14px 15px 20px 55px; } .info-box { box-shadow: 0 2px 2px 0 #ddd; -moz-box-shadow: 0 2px 2px 0 #ddd; -webkit-box-shadow: 0 2px 2px 0 #ddd; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #cae0ec url(images/info-button.png) no-repeat 10px 15px; border: 1px solid #aec3ce; color: #08557e; margin: 0 2px 20px; padding: 17px 15px 20px 55px; } .alert-box { box-shadow: 0 2px 2px 0 #ddd; -moz-box-shadow: 0 2px 2px 0 #ddd; -webkit-box-shadow: 0 2px 2px 0 #ddd; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #f2dbdb url(images/alert-button.png) no-repeat 10px 15px; border: 1px solid #eab4b4; color: #c8001c; margin: 0 2px 20px; padding: 17px 15px 20px 55px; } .note-box { box-shadow: 0 2px 2px 0 #ddd; -moz-box-shadow: 0 2px 2px 0 #ddd; -webkit-box-shadow: 0 2px 2px 0 #ddd; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #ffec97 url(images/note-button.png) no-repeat 10px 15px; border: 1px solid #ded5af; color: #ac670e; margin: 0 2px 20px; padding: 17px 15px 20px 55px; } .gray-box { box-shadow: 0 2px 2px 0 #ddd; -moz-box-shadow: 0 2px 2px 0 #ddd; -webkit-box-shadow: 0 2px 2px 0 #ddd; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #f5f5f5; border: 1px solid #e5e5e5; color: #888; margin: 0 2px 20px; padding: 20px 15px 20px; } /* Circles */ span.circle { border-radius: 0.8em; -moz-border-radius: 0.8em; -webkit-border-radius: 0.8em; background: #000; color: #fff; display: inline-block; font-weight: 400; line-height: 1.6em; margin-right: 5px; text-align: center; width: 1.6em; } /* 20 Pricing Plans ---------------------------------------------------------------------------------------------------- */ .plans { clear: both; margin: 0 auto; padding: 20px 0 0; text-align: center; } .plan-col { background: #eee; float: left; font-weight: 300; padding: 0; text-align: center; vertical-align: top; } .plan-col-popular { background: #fff; float: left; font-weight: 300; padding: 0; position: relative; text-align: center; vertical-align: top; } .plan-col, .plan-col-popular { width: 25%; } .plan-col-wrap, .plan-col-popular-wrap { border: 1px solid #d3d3d3; margin: 0 auto; padding: 40px 10px; } .plans .plan-head h4 { font-size: 20px; line-height: 28px; margin: 0 0 20px; text-transform: uppercase; text-align: center; } .plan-head em { font-size: 14px; } .plan-pricing { background: url(images/border-img-x.png) repeat-x scroll center bottom; clear: both; margin: 0 0 20px; padding: 0 0 20px; text-align: center; } .plan-price { font-size: 60px; } .plan-price sup { font-size: 24px; } .plan-pricing .monthly { font-size: 14px; } .plan-list { margin: 0 0 20px; overflow: hidden; } .plan-list li { list-style: none; margin: 0 0 20px; } .plan-list li a { font-weight: bold; } .plan-button { clear: both; } .plan-button a { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #303236; color: #fff; font-size: 18px; font-weight: 400; padding: 6px 25px 8px; } .plan-button a:hover { -moz-transition:all .5s ease; -o-transition:all .5s ease; -webkit-transition:all .5s ease; opacity: .7; transition:all .5s ease; text-decoration: underline; } /* Structure and Layout ---------------------------------------------------------------------------------------------------- */ /* Site Containers --------------------------------------------- */ .wrap { margin: 0 auto; max-width: 1140px; } .site-inner { clear: both; padding: 0; } .home .site-inner { padding-top: 0; } /* Column Widths and Positions --------------------------------------------- */ /* Wrapping div for .content and .sidebar-primary */ .content-sidebar-sidebar .content-sidebar-wrap, .sidebar-content-sidebar .content-sidebar-wrap, .sidebar-sidebar-content .content-sidebar-wrap { width: 920px; } .content-sidebar-sidebar .content-sidebar-wrap { float: left; } .sidebar-content-sidebar .content-sidebar-wrap, .sidebar-sidebar-content .content-sidebar-wrap { float: right; } /* Content */ .content { float: right; width: 740px; } .content-sidebar .content, .content-sidebar-sidebar .content, .sidebar-content-sidebar .content { float: left; } .content-sidebar-sidebar .content, .sidebar-content-sidebar .content, .sidebar-sidebar-content .content { width: 520px; } .full-width-content .content { width: 100%; } /* Primary Sidebar */ .sidebar-primary { float: right; width: 360px; } .sidebar-content .sidebar-primary, .sidebar-sidebar-content .sidebar-primary { float: left; } /* Secondary Sidebar */ .sidebar-secondary { float: left; width: 180px; } .content-sidebar-sidebar .sidebar-secondary { float: right; } /* Column Classes Link: http://twitter.github.io/bootstrap/assets/css/bootstrap-responsive.css --------------------------------------------- */ .five-sixths, .four-sixths, .one-fourth, .one-half, .one-sixth, .one-third, .three-fourths, .three-sixths, .two-fourths, .two-sixths, .two-thirds { float: left; margin-left: 2.564102564102564%; } .one-half, .three-sixths, .two-fourths { width: 48.717948717948715%; } .one-third, .two-sixths { width: 31.623931623931625%; } .four-sixths, .two-thirds { width: 65.81196581196582%; } .one-fourth { width: 23.076923076923077%; } .three-fourths { width: 74.35897435897436%; } .one-sixth { width: 14.52991452991453%; } .five-sixths { width: 82.90598290598291%; } .first { clear: both; margin-left: 0; } /* Common Classes ---------------------------------------------------------------------------------------------------- */ /* WordPress --------------------------------------------- */ .avatar { float: left; } .alignleft .avatar { margin-right: 24px; margin-right: 1.5rem; } .alignright .avatar { margin-left: 24px; margin-left: 1.5rem; } .search-form { width: 50%; } .search-form input[type="submit"] { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; padding: 0; position: absolute; width: 1px; } .sticky { } img.centered, .aligncenter { display: block; margin: 0 auto 24px; margin: 0 auto 1.5rem } img.alignnone { margin-bottom: 12px; margin-bottom: 0.75rem; } .alignleft { float: left; text-align: left; } .alignright { float: right; text-align: right; } img.alignleft, .wp-caption.alignleft { margin: 0 24px 24px 0; margin: 0 1.5rem 1.5rem 0; } img.alignright, .wp-caption.alignright { margin: 0 0 24px 24px; margin: 0 0 1.5rem 1.5rem; } .wp-caption-text { font-size: 14px; font-size: 0.875rem; font-weight: 700; margin: 0; text-align: center; } .gallery-caption { } .widget_calendar table { width: 100%; } .widget_calendar td { text-align: center; } /* Genesis --------------------------------------------- */ .breadcrumb { margin: 0px 0px 0px 0px; color: #999; font-family:Arial,Helvetica,sans-serif; font-size:70%; } .breadcrumb a, .breadcrumb a:visited { color: #000; padding:0px 0px 0px 0px; text-decoration: none; } .breadcrumb a:hover { text-decoration: underline; } .page-id-1200 .breadcrumb, .page-id-1213 .breadcrumb, .page-id-1234 .breadcrumb { display: none; } .archive-description, .author-box { background: #fff; margin-bottom: 0px; margin-bottom: 0rem; } .archive-description, .author-box { margin-bottom: 0px; margin-bottom: 0rem; padding: 10px 20px 10px; background: #F3ECBE; width: 100%; position: relative; float: left; } .author-box-title { color: #333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; font-size: 1rem; font-weight:700; margin: 15px 0px 4px 0px; } .author-box a { } .author-box p { margin: 0; font-size: 90%; } .author-box .avatar { margin-right: 24px; margin-right: 1.5rem; } .author-box img { margin: 0; width: 100px; height: 100px; padding: 3px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; border: 1px solid #9E2991; background-color: #9E2991; } /* Titles --------------------------------------------- */ .entry-title { font-size: 36px; font-size: 2.25rem; font-weight: 400; line-height: 1.3; padding: 0 20px; } .entry-title a { color: #333; font-weight: 400; } .sidebar .widgettitle a { color: #333; } .entry-title a:hover { color: #888; } .widgettitle { color: #333; font-size: 18px; font-size: 1.125rem; letter-spacing: 1px; letter-spacing: 0.1rem; margin-bottom: 16px; margin-bottom: 1rem; } .site-header .widgettitle { color: #fff; } .sidebar .widgettitle { border: none; font-size: 14px; font-size: 0.875rem; text-transform: uppercase; } .sidebar .widgettitle a { border: none; } .archive-title { font-size: 20px; font-size: 1.25rem; margin-bottom: 0px; margin-bottom: 0rem; } /* Widgets ---------------------------------------------------------------------------------------------------- */ /* Slider Wide --------------------------------------------- */ .slider-wide { clear: both; width: 100%; background-position:bottom right; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-color: #fff; overflow:hidden; background-image: url("images/2000x600.jpg"); height: 500px; background-position: 0px center; } /* .slider-wide { clear: both; width: 100%; background-position:bottom right; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; background: #fccd1c; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1),0 1px 0 0 rgba(0, 0, 0, 0.1); -webkit-transform: translateZ(0); background-image: url("images/noise.png"), -webkit-radial-gradient(center, ellipse cover, #fdda58 0%, #fdd43f 60%, #ebb51e 100%); height: 450px; overflow:hidden; } */ .slider-wide .wrap { margin: 0 auto; padding: 0px 0px; max-width: 100%; } .slider-wide .widget { margin: 0px 0px; } .slider-wide .wrap .hero { text-align: center; width: 100%; overflow: hidden; margin: 150px 0px 0px 0px; } .slider-wide .wrap .hero h1 { color: #fff; font-weight:100; line-height: 1em; padding: 0px 0px; margin: 0px 0px; text-align: center; text-transform:uppercase; font-family: "DinCondensed", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 4.2em; text-shadow: 2px 4px 3px rgba(0,0,0,0.3); } .slider-wide .wrap h2 { color: #ffcc00; font-weight:100; text-rendering: optimizelegibility; margin: 5px 0px; text-align: center; text-transform:uppercase; font-family: "BlockGothicRRMediumCond", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 2.5em; line-height: 1em; } .slider-wide .wrap .slogan { color: #fff; font-weight:100; text-rendering: optimizelegibility; margin: 2px 0px; text-align: center; text-transform:uppercase; font-family: "DinCondensed", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1.8em; line-height: 2em; } .slider-wide a.button { background-color: #d91420 !important; border: 1px solid #a8271e !important; color: #fff !important; display: inline-block; font-family: "DinCondensed", "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0 auto; padding: 25px 25px; text-transform: uppercase; font-size: 1.4em; } span.amp { font-family: Baskerville,'Goudy Old Style',Palatino,'Book Antiqua',serif !important; font-style: italic; text-transform: none; } .hero .desktop { display: block; } .hero .mobile { display: none; } /* Slider --------------------------------------------- */ .slider { clear: both; padding: 30px 0px 0px 0px; background-color:#D02222; background-image:url("images/bg.png"); } .slider .wrap { color: #777; font-family: Georgia,Times,'Times New Roman',serif; font-size: 24px; font-style: italic; letter-spacing: 0.5px; margin: 0 auto; overflow: hidden; padding: 40px 10px 30px 30px; text-align: center; width: 1140px; background-repeat:repeat; -moz-border-radius:10px; border-radius:10px; } .slider .wrap h4 { color: #777; font-family: Georgia,Times,'Times New Roman',serif; font-size: 32px; font-style: italic; line-height: 32px; margin-bottom: 12px; } .slider .wrap ul{width:300px;height:72px;margin:0 45px 30px 20px;float:left;list-style-type:none;text-align:left;padding:0px 0px 0px 0px;} .slider .wrap li{font-family:Georgia, 'Times New Roman', Times, serif;font-style:italic;color:#fff;font-size:14px;letter-spacing:0;padding-top:4px;} .slider .wrap a{color:#fff;text-decoration:underline;} .slider .wrap a:hover{color:#ffcc00;text-decoration:none;} .slider .wrap .index_services_icon{float:left;margin:0px 0 0 0;padding-right:10px;} .slider .wrap .services_title{font-family:'Trebuchet MS', sans-serif;font-style:normal;text-shadow:1px 1px 0 rgba(0, 0, 0, 0.2);color:#00c8ea;font-size:14px;letter-spacing:0;} .slider .wrap p { color: #777; font-family: Georgia,Times,'Times New Roman',serif; font-size: 22px; font-style: italic; letter-spacing: 0.5px; line-height: 30px; } .slider .widget { margin: 0 0 20px; } /* Slider Misc --------------------------------------------- */ #genesis-responsive-slider { background: none !important; border: none !important; margin: 0 auto; padding: 0 !important; position: relative; } .flexslider { background: none !important; } .flex-direction-nav li .prev { left: 0 !important; } .flex-direction-nav li .next { right: 0 !important; } .flex-control-nav { margin: 12px 0 0 !important; } #genesis-responsive-slider li a { -moz-transition: none; -o-transition: none; -webkit-transition: none; transition: none; } #genesis-slider { background-color: #fff !important; border: medium none !important; margin: 0 auto !important; padding: 0 !important; } .slider-previous, .slider-previous:hover { margin-left: 10px !important; } .slider-next, .slider-next:hover { margin-right: 10px !important; } /* Welcome ---------------------------------------------------------------------------------------------------- */ .welcome { background: #303236; clear: both; color: #ccc; margin: 0 auto; text-align: center; } .welcome .wrap { margin: 0 auto; overflow: hidden; padding: 40px 0 0; width: 1140px; } .welcome .widget { margin: 0 0 20px; overflow: hidden; } .welcome .widgettitle { font-size: 36px; font-size: 2.25rem; font-weight: 300; line-height: 46px; } .welcome h4 { color: #fff; } .welcome p { color: #ccc; margin: 0 0 20px; } .welcome a { color: #fff; } .welcome-wide { clear: both; } /* Welcome Feature 1-3 */ .welcome-features { overflow: hidden; width: 100%; } .welcome-features h4 { font-size: 20px; line-height: 26px; } .welcome-feature-1, .welcome-feature-2 { float: left; margin: 0 2% 0 0; width: 32%; } .welcome-feature-3 { float: right; width: 32%; } .welcome-feature-1 .widgettitle, .welcome-feature-2 .widgettitle, .welcome-feature-3 .widgettitle { color: #fff; margin: 0 0 10px; padding: 0 0 10px; } .welcome-feature-1 h4, .welcome-feature-2 h4, .welcome-feature-3 h4 { color: #fff; font-weight: 400; line-height: 26px; margin: 10px 0; padding: 0; } .welcome-feature-1 p, .welcome-feature-2 p, .welcome-feature-3 p { margin: 0 0 20px; } /* Home Feature BG ---------------------------------------------------------------------------------------------------- */ .home-feature-bg { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; overflow: hidden; } .home-feature-bg .wrap { margin: 0 auto; overflow: hidden; padding: 40px 0 0; width: 1140px; } .home-feature-bg .featuredpage .page, .home-feature-bg .featuredpost .post { float: left; margin: 0; overflow: hidden; padding: 0 0 5px; } .home-feature-bg .featuredpage .page h2, .home-feature-bg .featuredpost .post h2 { margin: 10px 0; } .home-feature-bg .featuredpage .page h2 a, .home-feature-bg .featuredpost .post h2 a { font-size: 15px; } .home-feature-bg .featuredpage img, .home-feature-bg .featuredpost img { background: none; border: none; padding: 0; } .home-feature-bg .featuredpage img:hover, .home-feature-bg .featuredpost img:hover { opacity: .7; -moz-transition:all .5s ease; -o-transition:all .5s ease; -webkit-transition:all .5s ease; transition:all .5s ease; } .home-feature-bg .byline, .home-feature-bg .byline { font-size: 11px !important; line-height: 15px !important; margin: 0 0 8px !important; } .home-feature-bg p { margin: 0 0 25px; } /* Home Feature BG Alt ---------------------------------------------------------------------------------------------------- */ .home-feature-bg-alt { background: #fff; } .home-feature-bg-alt .wrap { margin: 0 auto; overflow: hidden; padding: 0px 0 0; width: 1140px; } .home-feature-bg-alt .featuredpage .page, .home-feature-bg-alt .featuredpost .post { float: left; margin: 0; overflow: hidden; padding: 0 0 5px; width: 300px; } .home-feature-bg-alt .featuredpage .page h2 a, .home-feature-bg-alt .featuredpost .post h2 a { font-size: 15px; } .home-feature-bg-alt .featuredpage img, .home-feature-bg-alt .featuredpost img { background: none; border: none; padding: 0; } .home-feature-bg-alt .featuredpage img:hover, .home-feature-bg-alt .featuredpost img:hover { opacity: .7; -moz-transition:all .5s ease; -o-transition:all .5s ease; -webkit-transition:all .5s ease; transition:all .5s ease; } .home-feature-bg-alt .byline, .home-feature-bg-alt .byline { font-size: 11px !important; line-height: 15px !important; margin: 0 0 8px !important; } .home-feature-bg-alt p { margin: 0 0 25px; } /* Home Feature BG Dark ---------------------------------------------------------------------------------------------------- */ .home-feature-bg-dark { background: #303236; color: #aaa; } .home-feature-bg-dark .wrap { margin: 0 auto; overflow: hidden; padding: 40px 0 0; width: 1140px; } .home-feature-bg-dark .featuredpage .page, .home-feature-bg-dark .featuredpost .post { float: left; margin: 0; overflow: hidden; padding: 0 0 5px; width: 300px; } .home-feature-bg-dark .featuredpage .page h2 a, .home-feature-bg-dark .featuredpost .post h2 a { font-size: 15px; } .home-feature-bg-dark .featuredpage img, .home-feature-bg-dark .featuredpost img { background: none; border: none; padding: 0; } .home-feature-bg-dark .featuredpage img:hover, .home-feature-bg-dark .featuredpost img:hover { opacity: .7; -moz-transition:all .5s ease; -o-transition:all .5s ease; -webkit-transition:all .5s ease; transition:all .5s ease; } .home-feature-bg-dark .byline, .home-feature-bg-dark .byline { font-size: 11px !important; line-height: 15px !important; margin: 0 0 8px !important; } .home-feature-bg-dark h1, .home-feature-bg-dark h2, .home-feature-bg-dark h3, .home-feature-bg-dark h4, .home-feature-bg-dark h5, .home-feature-bg-dark h6 { color: #fff; } .home-feature-bg-dark p { color: #aaa; margin: 0 0 20px; } .home-feature-bg-dark a { color: #fff; } /* Home Features ---------------------------------------------------------------------------------------------------- */ /* Home Feature 1 */ .home-feature-1 { float: left; margin: 30px 5px 0px 30px; width: 60%; position:relative; font-family:'Titillium', Arial, Helvetica, sans-serif; font-size: 80%; line-height: 20px; font-weight:normal; color:#777; } .home-feature-1 .widget { margin: 0 0 0px; overflow: hidden; } .home-feature-1 .widgettitle { font-size: 24px; font-size: 1.5rem; font-weight: 400; line-height: 28px; } .home-feature-1 h3{ font-family:'BlockGothicRRBoldCond', sans-serif; font-size: 30px; font-weight:300; margin:0px 0px 0px 0px; text-align:left; color:#333;} /* Home Feature 2 */ .home-feature-2 { float: right; margin: 30px 0px 0px 0px; width: 35%; } .home-feature-2 .widget { margin: 0 0 20px; overflow: hidden; } .home-feature-2 .widgettitle { font-size: 24px; font-weight: 400; line-height: 28px; } .home-feature-2 h3{font-size:1.5em;font-family:'Oswald', sans-serif;font-weight:200;padding:0px 0px 10px 0px;margin:0px 0px 0px 0px;text-align:left;color:#3C4394;} #right-box{background-color:#3C4394;padding:5px 20px 20px 25px;-moz-border-radius:5px;border-radius:5px; display:inline-block} #right-box p{color:#fff;font-family:'MyriadProRegular', Helvetica, sans-serif;font-size:0.8em;font-style:normal; margin: 20px 0px 0px 0px; display:inline-block;} #right-box .author{color:#fff321;font-family:'MyriadProRegular', Helvetica, sans-serif;font-size:0.8em;text-align:right;text-transform:capitalize; font-style:bold; margin: 0px 0px 0px 0px;clear:both} #right-box div{color:#fff;font-family:'Oswald', sans-serif;font-size:0.8em;float:right;text-transform: uppercase; margin: 10px 0px 0px 0px; display:inline-block} #right-box .speaks {background-color:#fff;padding:5px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;text-decoration:none; display:inline-block;} #right-box .speaks a{color:#FD55A0;font-style:normal;text-decoration:none;text-transform:uppercase;} #right-box .speaks a:hover{text-decoration:underline;} #right-box .review { background: url("images/rating.png") 5px 5px no-repeat; padding: 5px 65px; text-indent: -9999px; } #right-box .review span {display:none;} /* Home Feature 3 */ .home-feature-3 { background: none; clear: both; margin: 0 auto ; overflow: hidden; padding: 0; text-align: left; } .home-feature-3 .widget { margin: 0 0 40px; overflow: hidden; } /* Home Feature 4 */ .home-feature-4 { margin: 0; width: 100%; } .home-feature-4 .widget { margin: 0 0 40px; overflow: hidden; } /* Home Feature 5 */ .home-feature-5 { margin: 0; width: 100%; } .home-feature-5 .widget { margin: 0 0 40px; overflow: hidden; } /* Home Feature 6 */ .home-feature-6 { margin: 0; width: 100%; } .home-feature-6 .widget { margin: 0 0 40px; overflow: hidden; } /* Home Feature 7 */ .home-feature-7 { margin: 0; width: 100%; } .home-feature-7 .widget { margin: 0 0 40px; overflow: hidden; } /* Home Feature 8 */ .home-feature-8 { margin: 0; width: 100%; } .home-feature-8 .widget { margin: 0 0 40px; overflow: hidden; } /* Home Feature 9 */ .home-feature-9 { clear: both; text-align: center; } .home-feature-9 .widget { margin: 0 0 40px; overflow: hidden; } .home-feature-9 h4 { font-size: 32px; font-weight: 400; line-height: 38px; } /* Home Feature 10 */ .home-feature-10 { float: left; margin: 0 1.3% 0 0; width: 24%; } .home-feature-10 .widget { margin: 0 0 40px; overflow: hidden; } /* Home Feature 11 */ .home-feature-11 { float: left; margin: 0 1.3% 0 0; width: 24%; } .home-feature-11 .widget { margin: 0 0 40px; overflow: hidden; } /* Home Feature 12 */ .home-feature-12 { float: left; margin: 0 1.3% 0 0; width: 24%; } .home-feature-12 .widget { margin: 0 0 40px; overflow: hidden; } /* Home Feature 13 */ .home-feature-13 { float: right; margin: 0; width: 24%; } .home-feature-13 .widget { margin: 0 0 40px; overflow: hidden; } /* Home Feature 14 */ .home-feature-14 { font-family: 'BDN', serif; text-align: center !important; margin: 30px 0px 0px 30px; text-transform: uppercase; } .home-feature-14 .portfolio { font-family: 'Titillium', serif; font-size: 14px; color:#777; margin: 0; padding: 0 0 0 0px; } .home-feature-14 .widget { margin: 0 0 40px; overflow: hidden; } /* Home Feature h4 */ .home-feature-3 h4, .home-feature-4 h4, .home-feature-5 h4, .home-feature-6 h4, .home-feature-7 h4, .home-feature-8 h4, .home-feature-9 h4, .home-feature-14 h4 { font-size: 30px; font-size: 2.0rem; font-weight: 300; line-height: 46px; } .home-feature-10 h4, .home-feature-11 h4, .home-feature-12 h4, .home-feature-13 h4 { font-size: 24px; font-size: 1.5rem; font-weight: 400; line-height: 28px; } /* Featured Page and Featured Post --------------------------------------------- */ .featured-content .entry { margin-bottom: 20px; margin-bottom: 1.25rem; padding: 0 0 20px; padding: 0 0 1.25rem; } .featured-content .entry-title { border: none; font-size: 18px; font-size: 1.125rem; line-height: 1.5; margin: 10px 0; margin: 0.625rem 0; } .featured-content .entry-title a { border: none; } /* Plugins ---------------------------------------------------------------------------------------------------- */ /* Genesis eNews Extended --------------------------------------------- */ .enews-widget .widgettitle { color: #333; } .sidebar .enews-widget .widgettitle { color: #fff; } .enews-widget input { margin-bottom: 20px; margin-bottom: 1.25rem;; } .enews-widget input:focus { border: 1px solid #ddd; } .enews-widget input[type="submit"] { background: #2a2a2a; border: none; color: #fff; margin: 0 0 20px; margin: 0 0 1.25rem; width: auto; } .sidebar .enews-widget input[type="submit"] { background: #aaa; border: none; box-shadow: none; width: 100%;; } .footer-widgets .enews-widget input[type="submit"] { background: #111; padding: 16px 24px; padding: 1rem 1.5rem; } .enews-widget input:hover[type="submit"] { opacity: .7; transition: all .5s ease; } .sidebar .enews-widget input:hover[type="submit"] { background: #ccc; box-shadow: none; opacity: 10; transition: 0; } /* Genesis Latest Tweets --------------------------------------------- */ .latest-tweets ul li { margin-bottom: 16px; margin-bottom: 1rem; } /* Gravity Forms --------------------------------------------- */ div.gform_wrapper input[type="email"], div.gform_wrapper input[type="text"], div.gform_wrapper textarea, div.gform_wrapper .ginput_complex label { font-size: 16px; font-size: 1rem; padding: 8px; padding: 0.5rem; } div.gform_wrapper .ginput_complex label { padding: 0; } div.gform_wrapper li, div.gform_wrapper form li { margin: 16px 0 0; margin: 1rem 0 0; } div.gform_wrapper .gform_footer input[type="submit"] { font-size: 18px; font-size: 1.125rem; } /* Jetpack --------------------------------------------- */ img#wpstats { display: none; } /* Site Header ---------------------------------------------------------------------------------------------------- */ .head-wrap { background:#313131 url("images/bg-1.jpg") repeat; margin: 0 0 40px; z-index: 100; -webkit-box-shadow: 0px 2px 12px rgba(50, 50, 50, 0.34); -moz-box-shadow: 0px 2px 12px rgba(50, 50, 50, 0.34); box-shadow: 0px 2px 12px rgba(50, 50, 50, 0.34); } .home .head-wrap { width:100%; position:absolute; margin: 0px auto; background: rgba(255, 255, 255, .8); box-shadow: none; } .site-header { margin: 0 auto; max-width: 1140px; } .site-header .wrap { padding: 0px 0; padding: 0rem 0; } /* Title Area --------------------------------------------- */ .title-area { font-family: "Open Sans",sans-serif; font-weight: 700; float: left; padding: 0; padding: 0; } .header-image .title-area { padding: 0; } .site-title { font-size: 32px; font-size: 2rem; letter-spacing: 1px; letter-spacing: 0.0625rem; line-height: 1; margin: 0px; text-indent: -9999px; width:80px; height:80px; } .site-header .site-title a { color: #fff; font-weight: 300; } .site-title a:hover { color: #aaa; text-decoration: none; } .site-description { color: #999; font-size: 18px; font-size: 1.125rem; font-weight: 300; line-height: 1; margin: 0 0 10px; } /* Responsive Menu STARTS --------------------------------------------- */ nav { clear: both; } .sub-menu-toggle, .menu-toggle { display: none; visibility: hidden; } /* Responsive Menu END --------------------------------------------- */ /* Full width header, no widgets */ .header-full-width .title-area, .header-full-width .site-title { width: 100%; } .header-image .site-description, .header-image .site-title a { display: block; text-indent: -9999px; } /* Logo, hide text */ .header-image .site-header .wrap { padding: 0; margin: 0 auto; } .header-image .site-title a { float: left; min-height: 80px; width: 100%; } /* Widget Area --------------------------------------------- */ .site-header .widget-area { color: #ddd; float: right; text-align: right; width: auto; } .site-header .widget-area a { color: #fff; } .header-image .site-header .widget-area { padding: 5px 0px 5px 0px; } .site-header .search-form { float: right; } /* Site Navigation ---------------------------------------------------------------------------------------------------- */ .genesis-nav-menu { clear: both; color: #000; font-size: 24px; font-size: 1.0rem; font-weight: 700; letter-spacing: 1px; letter-spacing: 0.1rem; line-height: 1.5; margin: 12px 0px 0px 0px; padding: 0; width: 100%; text-transform: uppercase; font-family: 'Oswald',Helvetica,Arial; } .genesis-nav-menu .menu-item { float: left; list-style-type: none; margin: 0; padding: 0; text-align: left; } .genesis-nav-menu a { border: none; color: #fff; display: block; font-weight: 400; padding: 13px; position: relative; } .nav-primary .genesis-nav-menu a { color: #fff; padding: 13px 26px 13px 0; } .genesis-nav-menu a:hover, .genesis-nav-menu .current-menu-item > a, .genesis-nav-menu .sub-menu .current-menu-item > a:hover { text-decoration: none; } .genesis-nav-menu .sub-menu .current-menu-item > a { color: #aaa; } .genesis-nav-menu > .menu-item > a { } .genesis-nav-menu .sub-menu { box-shadow:0 0 4px rgba(0, 0, 0, 0.1); -moz-box-shadow:0 0 4px rgba(0, 0, 0, 0.1); -webkit-box-shadow:0 0 4px rgba(0, 0, 0, 0.1); left: -9999px; margin: 0; opacity: 0; padding: 0; position: absolute; -webkit-transition: opacity .4s ease-in-out; -moz-transition: opacity .4s ease-in-out; -ms-transition: opacity .4s ease-in-out; -o-transition: opacity .4s ease-in-out; transition: opacity .4s ease-in-out; width: 202px; z-index: 99; } .genesis-nav-menu .sub-menu a { background: #222; color: #fff; letter-spacing: 0; padding: 13px; position: relative; width: 200px; } .genesis-nav-menu .sub-menu .sub-menu { margin: -45px 0 0 201px; } .genesis-nav-menu .menu-item:hover { position: static; } .genesis-nav-menu .menu-item:hover > .sub-menu { left: auto; opacity: 1; } .genesis-nav-menu > .first > a { } .genesis-nav-menu > .last > a { } .genesis-nav-menu > .right { display: inline-block; float: right; list-style-type: none; padding: 13px 0 13px 20px; } .genesis-nav-menu > .right > a { background: none; padding: 0; } .genesis-nav-menu > .rss > a { margin-left: 48px; margin-left: 4.8rem; } .genesis-nav-menu > .search { padding: 0; } .genesis-nav-menu > .search input { padding: 6px; } .genesis-nav-menu .search-form { width: 100%; } /* Site Header Navigation --------------------------------------------- */ .home .site-header .genesis-nav-menu a { color: #000; transition-property: all; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; margin:0px 5px 0px 5px; } /* .site-header .genesis-nav-menu .current-menu-item > a, */ .site-header .genesis-nav-menu a { color: #fff; transition-property: all; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; margin:0px 5px 0px 5px; } /* .site-header .genesis-nav-menu .current-menu-item > a, */ .home .site-header .genesis-nav-menu a:hover { color: #EC1C24; background-color:none; } .site-header .genesis-nav-menu a:hover { color: #ffcc00; } .site-header .genesis-nav-menu .sub-menu .current-menu-item > a { color: #aaa; } /* Primary Navigation --------------------------------------------- */ .nav-primary { clear: both; line-height: 1; margin: 0 auto; overflow: hidden; width: auto; } .nav-primary a:hover, .nav-primary .current-menu-item > a { color: #aaa; } .nav-primary .genesis-nav-menu > .right > a { background: none; } .nav-primary .sub-menu a:hover { color: #aaa; } /* Secondary Navigation --------------------------------------------- */ .nav-secondary { background: #222; clear: both; } .nav-secondary .genesis-nav-menu a { font-size: 12px; padding: 8px 13px; } .nav-secondary .genesis-nav-menu > .right { padding: 8px 0 8px 20px; } .nav-secondary a:hover, .nav-secondary .current-menu-item > a { color: #aaa; } .nav-secondary .genesis-nav-menu > .right > a, .nav-secondary .genesis-nav-menu > .right > a:hover { background: none; padding: 0; } .nav-secondary .sub-menu a:hover { color: #aaa; } .nav-secondary .genesis-nav-menu .sub-menu .sub-menu { margin: -34px 0 0 201px; } /* Content Area ---------------------------------------------------------------------------------------------------- */ /* Entries --------------------------------------------- */ .entry { background: #fff; margin: 0 3px 0px; padding: 20px 0 0; } .entry-content { padding: 0 20px 0px; } .entry-content a { color: #045DBE; } .entry-content a:hover { color:#AD0000;text-decoration:underline; } .entry-content .attachment a, .entry-content .gallery a { border: none; } .entry-content ol, .entry-content p, .entry-content ul, .quote-caption { margin-bottom: 25px; margin-bottom: 1.563rem; color: #555555; font-size: 90%; } .entry-content ol li, .entry-content ul li { margin-left: 40px; margin-left: 2.5rem; } .entry-content ol li { list-style-type: decimal; } .entry-content ul li { list-style-type: disc; } .entry-content ol ol, .entry-content ul ul, .entry-content .wp-caption p { margin-bottom: 0; } .entry-content .pics{ margin:10px;border:6px solid #F0F0F0; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; background-position:0 0; background-repeat:repeat; background-size:auto auto; box-shadow:1px 1px 3px rgba(0, 0, 0, 0.6); -moz-box-shadow:1px 1px 3px rgba(0,0,0,0.6); -webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.6); box-shadow:1px 1px 3px rgba(0,0,0,0.6); } .entry-content .testimonials{clear:both;font-size:80%;margin:0 0px; background:#EFEFED; } .entry-content .testimonials li{float:left;list-style-type:none;font-family:'MyriadProRegular', Arial, Helvetica, sans-serif;text-align:left;color:#fff; background-image:url("images/bg.png"); -moz-border-radius:8px;border-radius:8px;padding:10px; margin:15px 0px;position:relative; width:70%} .entry-content .testimonials img{float:left; margin-top:30px; border:6px solid #ffcc00;-moz-border-radius:5px;border-radius:5px;position:relative} .entry-content .testimonials div{color:#fff;display:block;margin:8px 0px -5px 0px;font-family:Arial, Helvetica, sans-serif;font-size:1.2em; font-weight:800;position:relative;} .entry-content .testimonials span{color:#fff; font-style:normal;font-size:100%;} .entry-meta { clear: both; color: #999; font-size: 14px; font-size: 0.875rem; } .entry-meta a { font-weight: 700; } .entry-header .entry-meta { border-bottom: 1px solid #eee; font-size: 12px; font-size: 0.75rem; font-weight: 400; margin: 0 0 10px; margin: 0 0 1.25rem; padding: 0px 0px 0px 20px; text-transform: uppercase; } .entry-footer .entry-meta { margin: 0; overflow: hidden; /* padding: 16px 0; padding: 1rem 0; */ } .entry-footer { padding: 0px; /* padding: 10px 20px; padding: 0.625rem 1.25rem; */ } .entry-comments-link::before { content: "\2014"; margin: 0 6px 0 2px; margin: 0 0.6rem 0 0.2rem; } .entry-categories { display: block; float: left; font-size: 12px; } .entry-tags { float: right; font-size: 12px; } .post { background-color:#F1F0EC; margin: 20px 0px 20px 0px; padding: 20px 0px; } .post img { width: 100%; height: auto; display: block; } .post p { margin-top: 20px; } /* Pagination --------------------------------------------- */ .archive-pagination, .entry-pagination { clear: both; font-size: 14px; font-size: 0.875rem; margin: 40px 0; margin: 2.5rem 0; } .archive-pagination li { display: inline; } .archive-pagination li a { background: #444; border-radius: 3px; color: #fff; cursor: pointer; display: inline-block; font-weight: 700; padding: 4px 12px; padding: 0.25rem 0.75rem; } .archive-pagination li a:hover, .archive-pagination li.active a { background: #1e1e1e; } /* Comments --------------------------------------------- */ .entry-comments, #respond { } .entry-comments, .ping-list, #respond { margin-bottom: 40px; margin-bottom: 2.5rem; } .entry-comments a, #respond a { } .entry-comments .comment-author { margin: 0; } #respond input[type="email"], #respond input[type="text"], #respond input[type="url"] { width: 50% } #respond label { display: block; margin-right: 12px; margin-right: 1.2rem; } .comment-list li, .ping-list li { list-style-type: none; margin-top: 24px; margin-top: 1.5rem; padding: 32px; padding: 3.2rem; } .comment-list li li { } li.comment { border-radius: 10px; padding: 30px; } li.comment ul li { border-radius: 0; border-left: 1px solid #ddd; } .thread-alt li.comment { border-radius: 0; border-left: 1px solid #aaa; } .comment .avatar { margin: 0 16px 24px 0; margin: 0 1rem 1.5rem 0; } .thread-alt { background-color: #ddd; } .thread-even { background-color: #fff; } .bypostauthor { } .form-allowed-tags { background: #dedede; font-size: 14px; font-size: 0.875rem; padding: 24px; padding: 1.5rem; } /* Sidebars ---------------------------------------------------------------------------------------------------- */ .sidebar { color: #666; font-size: 16px; font-size: 1rem; } .sidebar p:last-child, .sidebar ul { margin: 0; } .sidebar li { list-style-type: none; margin-bottom: 6px; margin-bottom: 0.6rem; padding: 0; word-wrap: break-word; } .sidebar ul > li:last-child { margin-bottom: 0; } .sidebar .widget { margin-bottom: 0px; margin-bottom: 0rem; /* padding-bottom: 20px; padding-bottom: 2rem; */ } .sidebar .search-form { width: 100%; display:block; position:relative; margin-top: 0px; box-shadow: 0 1px 1px rgba(0, 0, 0, .4) inset, 0 1px 0 rgba(255, 255, 255, .2); } /* --- SEARCH BOX STYLE STARTS --- */ .sidebar .search-form input { display: inline-block; position: absolute; padding: 10px 5px; font: bold 15px 'lucida sans', 'trebuchet MS', 'Tahoma'; border: 0; background: #EEE; border-radius: 3px 0 0 3px; } .sidebar .search-form input[type="text"] { padding: 10px 5px; font: bold 15px 'lucida sans', 'trebuchet MS', 'Tahoma'; border: 0; background: #EEE; border-radius: 3px 0 0 3px; } .sidebar .search-form input:focus { outline: 0; background: #fff; box-shadow: 0 0 2px rgba(0,0,0,.8) inset; } .sidebar .search-form input::-webkit-input-placeholder { color: #999; font-weight: normal; font-style: italic; } .sidebar .search-form input:-moz-placeholder { color: #999; font-weight: normal; font-style: italic; } .sidebar .search-form input:-ms-input-placeholder { color: #999; font-weight: normal; font-style: italic; } .sidebar .search-form input[type="submit"] { overflow: visible; position: relative; display: inline-block; float: right; border: 0; padding: 0; cursor: pointer; height: 40px; width: 102px; font: bold 15px/40px 'lucida sans', 'trebuchet MS', 'Tahoma'; color: white; text-transform: uppercase; background: #D83C3C; background-image: -webkit-linear-gradient(#f75959,#D83C3C); background-image: -moz-linear-gradient(#f75959,#D83C3C); background-image: -ms-linear-gradient(#f75959,#D83C3C); background-image: -o-linear-gradient(#f75959,#D83C3C); background-image: linear-gradient(#f75959,#D83C3C); border-radius: 0 3px 3px 0; text-shadow: 0 -1px 0 rgba(0, 0, 0, .3); } /* --- SEARCH BOX STYLE END --- */ .sidebar .enews-widget { background: #2a2a2a; color: #aaa; padding: 30px; padding: 1.875rem; font: bold 15px/40px 'trebuchet MS', 'Tahoma'; } .sidebar #mc_embed_signup { width: 100%; display: inline-block; position: relative; background: none; } .sidebar #mc_embed_signup input { display: inline-block; padding: 10px 5px; margin: 5px 0px; font: bold 15px 'lucida sans', 'trebuchet MS', 'Tahoma'; border: 0; background: #EEE; border-radius: 3px 0 0 3px; } .sidebar #mc_embed_signup input[type="submit"] { overflow: visible; position: relative; display: inline-block; border: 0; padding: 0; margin: 0px 0px 0px 0px; cursor: pointer; height: 40px; width: 97%; font: bold 15px/40px 'lucida sans', 'trebuchet MS', 'Tahoma'; color: white; text-transform: uppercase; background: #6d6060; background-image: -webkit-linear-gradient(#6d6060,#403232); background-image: -moz-linear-gradient(#6d6060,#403232); background-image: -ms-linear-gradient(#6d6060,#403232); background-image: -o-linear-gradient(#6d6060,#403232); background-image: linear-gradient(#6d6060,#403232); border-radius: 3px 3px 3px 3px; text-shadow: 0 -1px 0 rgba(0, 0, 0, .3); } #rgtnav{display:inlin-block;margin:25px 0px 0px 0px;} #rgtnav .rgtbar{display:inline-block;text-align:center;margin:25px 0px;} #rgtnav .nav1{margin:6px;font-family:'Oswald', Arial, Helvetica, sans-serif;font-size:1.0em;padding:1.0em;background:#fff;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;border:#e61c33 solid 5px;background-position:0 0;background-repeat:repeat;background-size:auto auto;box-shadow:1px 1px 3px rgba(0, 0, 0, 0.6);-moz-box-shadow:1px 1px 3px rgba(0,0,0,0.6);-webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.6);box-shadow:1px 1px 3px rgba(0,0,0,0.6);} #rgtnav .nav1 .navhead{display:block;font-family:'Oswald', 'LeagueGothicRegular', Arial, Helvetica, sans-serif;font-size:1.8em;font-weight:500;padding:0px 0px 0px 0px;color:#333333;margin:0px;} #rgtnav .nav1 ul{list-style:none;margin:0px;padding:0px;border:none;} #rgtnav .nav1 ul li{margin:0px;padding:0px;} #rgtnav .nav1 ul li a{font-size:100%;display:block;border-bottom:1px dashed #C39C4E;padding:4px 2px 2px 4px;text-decoration:none;color:#195f92;} #rgtnav .nav1 ul li a:hover, #vertmenu ul li a:focus{color:#e61c33;} #rgtnav .navseo{margin:20px 6px 6px 6px;font-family:'Oswald', Arial, Helvetica, sans-serif;font-size:1.0em;padding:1.0em;background:#fff;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;border:#2f9645 solid 5px;background-position:0 0;background-repeat:repeat;background-size:auto auto;box-shadow:1px 1px 3px rgba(0, 0, 0, 0.6);-moz-box-shadow:1px 1px 3px rgba(0,0,0,0.6);-webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.6);box-shadow:1px 1px 3px rgba(0,0,0,0.6);} #rgtnav .navseo .navhead{display:block;font-family:'Oswald', 'LeagueGothicRegular', Arial, Helvetica, sans-serif;font-size:1.8em;font-weight:500;padding:0px 0px 0px 0px;color:#333333;margin:0px;} #rgtnav .navseo ul{list-style:none;margin:0px;padding:0px;border:none;} #rgtnav .navseo ul li{margin:0px;padding:0px;} #rgtnav .navseo ul li a{font-size:80%;display:block;border-bottom:1px dashed #C39C4E;padding:4px 2px 2px 4px;text-decoration:none;color:#e61c33;} #rgtnav .navseo ul li a:hover, #vertmenu ul li a:focus{color:#055d9e;} #rgtnav .nav2{font-family:'Oswald', Arial, Helvetica, sans-serif;font-size:1.0em;padding:1.0em;background:#632a84;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;border:#632a84 solid 5px;background-position:0 0;background-repeat:repeat;background-size:auto auto;box-shadow:1px 1px 3px rgba(0, 0, 0, 0.6);-moz-box-shadow:1px 1px 3px rgba(0,0,0,0.6);-webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.6);box-shadow:1px 1px 3px rgba(0,0,0,0.6);} #rgtnav .nav2 .navhead{display:block;font-family:'Oswald', 'LeagueGothicRegular', Arial, Helvetica, sans-serif;font-size:1.8em;font-weight:500;padding:0px 0px 0px 0px;color:#fff;margin:0px;} #rgtnav .nav2 ul{list-style:none;margin:0px;padding:0px;border:none;} #rgtnav .nav2 ul li{margin:0px;padding:0px;} #rgtnav .nav2 ul li a{font-size:100%;display:block;border-bottom:1px dashed #C39C4E;padding:4px 2px 2px 4px;text-decoration:none;color:#fff;} #rgtnav .nav2 ul li a:hover, #vertmenu ul li a:focus{color:#FFCC00;} #rgtnav .nav3{margin:6px;font-family:'MyriadProRegular', Arial, 'Oswald', Helvetica, sans-serif;font-size:100%;padding:1.0em;background:#3F87B9;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;background-position:0 0;background-repeat:repeat;background-size:auto auto;box-shadow:1px 1px 3px rgba(0, 0, 0, 0.6);-moz-box-shadow:1px 1px 3px rgba(0,0,0,0.6);-webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.6);box-shadow:1px 1px 3px rgba(0,0,0,0.6);} #rgtnav .nav3 a{color:#fff;} #rgtnav .nav3 .navhead{display:block;font-family:'Miso', 'LeagueGothicRegular', Arial, Helvetica, sans-serif;font-size:1.9em;padding:10px 0px 5px 0px;color:#ffdf00;margin:0px;} #rgtnav .nav3 .contact{display:block;font-size:0.8em;padding:0px 0px 10px 0px;color:#fff;margin:0px;} #rgtnav .rgtbar .testimonials{display:block;width:360px;height:85px;} #rgtnav .rgtbar .hire-us {display:block;width:360px;height:98px;} #rgtnav .rgtbar .social-icons a{display:inline-block;width:37px;height:36px;margin-right:20px;margin-top:20px;opacity:0.7;} #rgtnav .rgtbar .social-icons a:hover{opacity:1;-moz-transition:0.2s opacity ease-in;-webkit-transition:0.2s opacity ease-in;transition:0.2s opacity ease-in;} #rgtnav .rgtbar a.social-goo{background-position:-154px -3px;} #rgtnav .rgtbar a.social-goo:hover{background-position:-154px -52px;} #rgtnav .rgtbar a.social-fb{background-position:-274px -3px;} #rgtnav .rgtbar a.social-fb:hover{background-position:-274px -52px;} #rgtnav .rgtbar a.social-tw{background-position:-315px -3px;} #rgtnav .rgtbar a.social-tw:hover{background-position:-315px -52px;} #rgtnav .rgtbar a.social-li{background-position:-356px -3px;} #rgtnav .rgtbar a.social-li:hover{background-position:-356px -52px;} #rgtnav .rgtbar a.social-pw{background-position:-230px -3px;} #rgtnav .rgtbar a.social-pw:hover{background-position:-230px -52px;} #rgtnav .rgtbar a.social-em {background-position:-233px -3px; margin-right:0px;} #rgtnav .rgtbar a.social-em:hover{background-position:-233px -52px; margin-right:0px;} #rgtnav a.ctr-work, a.ctr-reviews, a.ctr-contact { display: none; } /* --- SOCIAL BOX STYLE STARTS --- */ #socialBoxOuter { width: 100%; text-align:center; padding: 15px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; background-color: #ffcc00; margin-top: 40px; -moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.6); -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.6); box-shadow: 1px 1px 3px rgba(0,0,0,0.6); } /* --- SOCIAL BOX STYLE END --- */ /* Portfolio ---------------------------------------------------------------------------------------------------- */ .entry-portfolio { margin: 0 0 40px; padding: 0; } .content .portfolio { background: #fff; float: left; margin: 0 2% 40px 0 !important; overflow: hidden; padding: 0; width: 23%; } .portfolio .post-image { margin: 0; } .portfolio .post-image:hover { -moz-transition:all .5s ease; -o-transition:all .5s ease; -webkit-transition:all .5s ease; transition:all .5s ease; opacity: 0.6; } .portfolio .entry-title { font-size: 18px; font-size: 1.125rem; line-height: 24px; margin: 0; padding: 15px 0; } .page-template-page_portfolio-php h1 { padding: 0; } .portfolio .entry-title a { font-family: Helvetica, Arial, sans-serif; font-weight: 700; margin: 0; text-decoration: none; } .portfolio p { font-size: 16px; font-size: 1rem; } .portfolio .more-link { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #2a2a2a; color: #fff; display: block; font-size: 14px; font-size: 0.875rem; font-weight: 400; padding: 4px 12px; margin: 20px 0 0; text-align: center; text-decoration: none; width: 110px; } .content .portfolio .more-link:hover { background: #555; color: #fff; } .portfolio .entry-content { padding: 0 20px 0; } .portfolio .entry-footer { background: none; padding: 0; } /* Miscellaneous ---------------------------------------------------------------------------------------------------- */ /* Embedded Gists */ .line-pre::before, .line-pre::after, .line::before, .line::after { content: ''; } .line-number, .gist .line-data > .line-pre { line-height: 1.2; } .tagcloud a { background: #eee; float: left; padding: 3px 10px; margin: 0 2px 5px; } .tagcloud a:hover { background: #f5f5f5; } /* Content Align (Left & Right) */ .feature-left { float: left; margin: 0 2% 0 0; width: 48%; } .feature-right { float: right; width: 48%; } .feature-margin { margin-top: 80px; } /* Check List */ .check-list { list-style: none; margin: 0 0 30px; } .check-list li { background-image: url(images/checkmark.png); background-position: left; background-repeat: no-repeat; padding: 0 0 0 30px; } /* Responsive Videos */ .video-container { height: 0; overflow: hidden; padding-bottom: 56.25%; padding-top: 30px; position: relative; } .video-container iframe, .video-container object, .video-container embed { left: 0; height: 100%; position: absolute; top: 0; width: 100%; } /* ------------- HOME PAGE CLIENTS LOGOS STARTS ------------- */ .container { margin-left: auto; margin-right: auto; } .row { margin: 30px 30px 0px 30px; } .row:before, .row:after { display: table; content: ""; line-height: 0; } .row:after { clear: both; } [class*="span"] { float: left; min-height: 1px; margin-left: 30px; } .span2 { width: 170px; } .dce-partners .partner { height: 130px; margin: 0 auto 50px auto; border-right: 1px solid #dddde1; } .dce-partners .span2:last-child .partner { border: none; } .dce-partners .partner .image-wrap { position: relative; width: 100%; height: auto; } .dce-partners .partner .image-wrap img.color { opacity: none; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -ms-transition: opacity 0.5s; -o-transition: opacity 0.5s; transition: opacity 0.5s; } .dce-partners .partner .image-wrap img { display: block; width: 140px; cursor: default; } .dce-partners .partner .image-wrap img.grey { position: absolute; top: 0; opacity: 1; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -ms-transition: opacity 0.5s; -o-transition: opacity 0.5s; transition: opacity 0.5s; } /* ------------- HOME PAGE CLIENTS LOGOS END ------------- */ /* Footer Widgets ---------------------------------------------------------------------------------------------------- */ .footer-widgets { background-color: #2a2a2a; clear: both; color: #aaa; font-size: 16px; font-size: 1rem; line-height: 1.4; } .footer-widgets .wrap { padding: 60px 0 20px; padding: 3.75rem 0 1.25rem; } .footer-widgets a { color: #fff; } .footer-widgets p { color: #aaa; } .footer-widgets-1, .footer-widgets-2 { float: left; margin: 0 4.166666666% 0 0; width: 30.555555555%; } .footer-widgets-3 { float: right; width: 30.555555555%; } .footer-widgets h1, .footer-widgets h2, .footer-widgets h3, .footer-widgets h4, .footer-widgets h5, .footer-widgets h6 { color: #fff; } .footer-widgets .widget { margin-bottom: 24px; margin-bottom: 1.5rem; } .footer-widgets .widgettitle { color: #fff; font-family: 'Open Sans',"Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; font-size: 0.875rem; text-transform: uppercase; } .footer-widgets li { list-style-type: none; margin-bottom: 6px; margin-bottom: 0.6rem; word-wrap: break-word; } .footer-widgets .search-form { width: 100%; } .footer-widgets .entry { background: none; } .footer-widgets .featured-content .entry-title { margin: 0 0 10px; } /* Site Footer ---------------------------------------------------------------------------------------------------- */ .site-footer { background: url("images/bkg-footer1.png"); clear:both; font-size: 14px; font-size: 0.875rem; text-align: center; margin: 0 auto; position: relative; } .site-footer .wrap { padding: 50px 0px 10px 0px; } .site-footer a { color: #fff; font-weight: 400; } .site-footer p { margin: 0; } /* CUSTOM FOOTER BAR CSS STARTS */ .site-footer #contacts {floar:left;font-family:'MyriadProRegular', sans-serif;font-size:0.9rem; color:#CCC;margin:3px 15%;} .site-footer #contacts li {background:url(images/sprite.png) no-repeat;floar:left; display:inline;margin-left:30px; padding: 6px 0px 6px 32px; width:30px; height:32px;} .site-footer #contacts li a{color:#ccc;} .site-footer #contacts li.contacts-email {background-position:-38px -529px;} .site-footer #contacts li.contacts-tel {background-position:-38px -559px;} .site-footer #contacts li.contacts-twitter {background-position:-38px -596px;} .site-footer #contacts li.contacts-location {background-position:-38px -627px;} .site-footer #contacts {margin:10px auto 0 auto;} .site-footer #contacts li:last-child {margin-right:0;} #copyright{color:#E1E0E0;font-family:'MyriadProLight', sans-serif;font-size:1.0em;margin:0px 0px 10px 0px;} #copyright a{color:#E1E0E0;} #copyright a:hover{color:#FFD600;} .site-footer .ftr-nav li{display:inline-block;margin:13px 0 0 0;padding:0 5px 0 6px;text-transform: uppercase;} .site-footer .ftr-nav li:first-child{background:0;} .site-footer .ftr-nav a{color:#fff;font-family:'Oswald', sans-serif;font-size:1.2em;text-decoration:none;text-transform:uppercase;} .site-footer .ftr-nav a:hover{color:#FFD600;} .fa li { list-style-type: none; } .fa { background: #205D7A; overflow: auto; color: #fff; width: 40px; height: 40px; border-radius: 20px; text-align: center; margin-right: 10px; display: inline-block; font-family: 'FontAwesome'; font-style: normal; font-weight: normal; line-height: 1; padding-top: 8px; font-size: 25px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .fa-facebook { background:#3b5998 } .fa-linkedin { background:#007bb6 } .fa-twitter { background:#00aced } .fa-google-plus { background:#c63c2c } .fa-pinterest { background:#c63c2c } #socials li{display:inline-block;padding:0 10px;} #socials li a{display:inline;width:37px;height:36px;float:left;margin-right:6px;margin-top:20px;opacity:0.7;} #socials li a:hover{opacity:1;-moz-transition:0.2s opacity ease-in;-webkit-transition:0.2s opacity ease-in;transition:0.25 opacity ease-in;} #socials li a#socials-goo{background-position:-154px -52px;} #socials li a#socials-fb{background-position:-274px -52px;} #socials li a#socials-tw{background-position:-315px -52px;} #socials li a#socials-lkdn{background-position:-356px -52px;} /* CUSTOM FOOTER BAR CSS END */ /* 16 Theme Colors ---------------------------------------------------------------------------------------------------- */ /* Epik Black --------------------------------------------- */ .epik-black .head-wrap, .epik-black .welcome, .epik-black .home-feature-bg-dark, .epik-black .author-box, .epik-black .footer-widgets { background: #111; } .epik-black .nav-primary .sub-menu a:hover, .epik-black .nav-secondary .sub-menu a:hover, .epik-black .site-header .sub-menu a:hover, .epik-black .site-header .genesis-nav-menu .sub-menu .current-menu-item > a, .epik-black .genesis-nav-menu .sub-menu .current-menu-item > a, .epik-black .genesis-nav-menu .sub-menu .current-menu-item > a:hover { color: #777; } .epik-black .content .portfolio .more-link, .epik-black .plan-button a { background: #111; color: #fff; } .epik-black .content .portfolio .more-link:hover, .epik-black .plan-button a:hover { -moz-transition: all .5s ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease; opacity: .7; transition: all .5s ease; } .epik-black button, .epik-black input[type="button"], .epik-black input[type="reset"], .epik-black a.button.small, .epik-black a.button.medium, .epik-black a.button.large, .epik-black .circle { background: #111; } .epik-black .footer-widgets button, .epik-black .footer-widgets input[type="button"], .epik-black .footer-widgets input[type="reset"], .epik-black .footer-widgets .enews-widget input[type="submit"], .epik-black .footer-widgets a.button.small, .epik-black .footer-widgets a.button.medium, .epik-black .footer-widgets a.button.large, .epik-black .footer-widgets .circle { background: #333; } .epik-black .footer-widgets input[type="submit"] { background: #333; } .epik-black .footer { background: #222; } /* Epik Blue --------------------------------------------- */ .epik-blue a { color: #1887e5; } .epik-blue .site-title a:hover { color: #ccc; } .epik-blue .site-description { color: #ccc; } .epik-blue .genesis-nav-menu a { color: #fff; } .epik-blue .site-header .widget-area { color: #eee; } .epik-blue .genesis-nav-menu a:hover, .epik-blue .genesis-nav-menu .current-menu-item > a { color: #bbb; } .epik-blue .nav-primary .sub-menu a:hover, .epik-blue .nav-secondary .sub-menu a:hover, .epik-blue .site-header .sub-menu a:hover, .epik-blue .site-header .genesis-nav-menu .sub-menu .current-menu-item > a, .epik-blue .genesis-nav-menu .sub-menu .current-menu-item > a, .epik-blue .genesis-nav-menu .sub-menu .current-menu-item > a:hover { color: #1887e5; } .epik-blue h1 a, .epik-blue h2 a { color: #333; } .epik-blue h1 a:hover, .epik-blue h2 a:hover { color: #1887e5; } .epik-blue .head-wrap, .epik-blue .welcome, .epik-blue .home-feature-bg-dark, .epik-blue .author-box, .epik-blue .footer-widgets { background: #1887e5; color: #eee; } .epik-blue .head-wrap a, .epik-blue .welcome a, .epik-blue .home-feature-bg-dark a, .epik-blue .author-box a, .epik-blue .footer-widgets a { color: #fff; } .epik-blue .head-wrap p, .epik-blue .welcome p, .epik-blue .home-feature-bg-dark p, .epik-blue .author-box p, .epik-blue .footer-widgets p { color: #eee; } .epik-blue .archive-pagination li a:hover, .epik-blue .archive-pagination li.active a { background: #1887e5; } .epik-blue .content .portfolio .more-link, .epik-blue .plan-button a { background: #1887e5; color: #fff; } .epik-blue .content .portfolio .more-link:hover, .epik-blue .plan-button a:hover { -moz-transition: all .5s ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease; opacity: .7; transition: all .5s ease; } .epik-blue button, .epik-blue input[type="button"], .epik-blue input[type="reset"], .epik-blue input[type="submit"], .epik-blue .sidebar .enews-widget input[type="submit"], .epik-blue a.button.small, .epik-blue a.button.medium, .epik-blue a.button.large, .epik-blue .circle { background: #1887e5; } .epik-blue .footer-widgets button, .epik-blue .footer-widgets input[type="button"], .epik-blue .footer-widgets input[type="reset"], .epik-blue .footer-widgets .enews-widget input[type="submit"], .epik-blue .footer-widgets a.button.small, .epik-blue .footer-widgets a.button.medium, .epik-blue .footer-widgets a.button.large, .epik-blue .footer-widgets .circle { background: #111; } .epik-blue .enews-widget input:hover[type="submit"] { -moz-transition: all .5s ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease; opacity: .7; transition: all .5s ease; } .epik-blue .footer-widgets input[type="submit"] { background: #111; } .epik-blue .footer { background: #1887e5; } /* Epik Dark Blue --------------------------------------------- */ .epik-darkblue a { color: #293f5e; } .epik-darkblue .site-title a:hover { color: #ccc; } .epik-darkblue .site-description { color: #ccc; } .epik-darkblue .genesis-nav-menu a { color: #fff; } .epik-darkblue .site-header .widget-area { color: #eee; } .epik-darkblue .genesis-nav-menu a:hover, .epik-darkblue .genesis-nav-menu .current-menu-item > a { color: #aaa; } .epik-darkblue .nav-primary .sub-menu a:hover, .epik-darkblue .nav-secondary .sub-menu a:hover, .epik-darkblue .site-header .sub-menu a:hover, .epik-darkblue .site-header .genesis-nav-menu .sub-menu .current-menu-item > a, .epik-darkblue .genesis-nav-menu .sub-menu .current-menu-item > a, .epik-darkblue .genesis-nav-menu .sub-menu .current-menu-item > a:hover { color: #486ea3; } .epik-darkblue h1 a, .epik-darkblue h2 a { color: #333; } .epik-darkblue h1 a:hover, .epik-darkblue h2 a:hover { color: #293f5e; } .epik-darkblue .head-wrap, .epik-darkblue .welcome, .epik-darkblue .home-feature-bg-dark, .epik-darkblue .author-box, .epik-darkblue .footer-widgets { background: #293f5e; color: #eee; } .epik-darkblue .head-wrap a, .epik-darkblue .welcome a, .epik-darkblue .home-feature-bg-dark a, .epik-darkblue .author-box a, .epik-darkblue .footer-widgets a { color: #fff; } .epik-darkblue .head-wrap p, .epik-darkblue .welcome p, .epik-darkblue .home-feature-bg-dark p, .epik-darkblue .author-box p, .epik-darkblue .footer-widgets p { color: #eee; } .epik-darkblue .archive-pagination li a:hover, .epik-darkblue .archive-pagination li.active a { background: #293f5e; } .epik-darkblue .content .portfolio .more-link, .epik-darkblue .plan-button a { background: #293f5e; color: #fff; } .epik-darkblue .content .portfolio .more-link:hover, .epik-darkblue .plan-button a:hover { -moz-transition: all .5s ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease; opacity: .7; transition: all .5s ease; } .epik-darkblue button, .epik-darkblue input[type="button"], .epik-darkblue input[type="reset"], .epik-darkblue input[type="submit"], .epik-darkblue .sidebar .enews-widget input[type="submit"], .epik-darkblue a.button.small, .epik-darkblue a.button.medium, .epik-darkblue a.button.large, .epik-darkblue .circle { background: #293f5e; } .epik-darkblue .footer-widgets button, .epik-darkblue .footer-widgets input[type="button"], .epik-darkblue .footer-widgets input[type="reset"], .epik-darkblue .footer-widgets .enews-widget input[type="submit"], .epik-darkblue .footer-widgets a.button.small, .epik-darkblue .footer-widgets a.button.medium, .epik-darkblue .footer-widgets a.button.large, .epik-darkblue .footer-widgets .circle { background: #111; } .epik-darkblue .enews-widget input:hover[type="submit"] { -moz-transition: all .5s ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease; opacity: .7; transition: all .5s ease; } .epik-darkblue .footer-widgets input[type="submit"] { background: #111; } .epik-darkblue .footer { background: #293f5e; } /* Epik Gray --------------------------------------------- */ .epik-gray a { color: #777; } .epik-gray .site-title a:hover { color: #ccc; } .epik-gray .site-description { color: #ccc; } .epik-gray .genesis-nav-menu a { color: #fff; } .epik-gray .site-header .widget-area { color: #eee; } .epik-gray .genesis-nav-menu a:hover, .epik-gray .genesis-nav-menu .current-menu-item > a { color: #bbb; } .epik-gray .nav-primary .sub-menu a:hover, .epik-gray .nav-secondary .sub-menu a:hover, .epik-gray .site-header .sub-menu a:hover, .epik-gray .site-header .genesis-nav-menu .sub-menu .current-menu-item > a, .epik-gray .genesis-nav-menu .sub-menu .current-menu-item > a, .epik-gray .genesis-nav-menu .sub-menu .current-menu-item > a:hover { color: #888; } .epik-gray h1 a, .epik-gray h2 a { color: #333; } .epik-gray h1 a:hover, .epik-gray h2 a:hover { color: #777; } .epik-gray .head-wrap, .epik-gray .welcome, .epik-gray .home-feature-bg-dark, .epik-gray .author-box, .epik-gray .footer-widgets { background: #777; color: #eee; } .epik-gray .head-wrap a, .epik-gray .welcome a, .epik-gray .home-feature-bg-dark a, .epik-gray .author-box a, .epik-gray .footer-widgets a { color: #fff; } .epik-gray .head-wrap p, .epik-gray .welcome p, .epik-gray .home-feature-bg-dark p, .epik-gray .author-box p, .epik-gray .footer-widgets p { color: #eee; } .epik-gray .archive-pagination li a:hover, .epik-gray .archive-pagination li.active a { background: #777; } .epik-gray .content .portfolio .more-link, .epik-gray .plan-button a { background: #777; color: #fff; } .epik-gray .content .portfolio .more-link:hover, .epik-gray .plan-button a:hover { -moz-transition: all .5s ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease; opacity: .7; transition: all .5s ease; } .epik-gray button, .epik-gray input[type="button"], .epik-gray input[type="reset"], .epik-gray input[type="submit"], .epik-gray .sidebar .enews-widget input[type="submit"], .epik-gray a.button.small, .epik-gray a.button.medium, .epik-gray a.button.large, .epik-gray .circle { background: #777; } .epik-gray .footer-widgets button, .epik-gray .footer-widgets input[type="button"], .epik-gray .footer-widgets input[type="reset"], .epik-gray .footer-widgets .enews-widget input[type="submit"], .epik-gray .footer-widgets a.button.small, .epik-gray .footer-widgets a.button.medium, .epik-gray .footer-widgets a.button.large, .epik-gray .footer-widgets .circle { background: #111; } .epik-gray .enews-widget input:hover[type="submit"] { -moz-transition: all .5s ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease; opacity: .7; transition: all .5s ease; } .epik-gray .footer-widgets input[type="submit"] { background: #111; } .epik-gray .footer { background: #777; } /* Epik Green --------------------------------------------- */ .epik-green a { color: #9dcb2a; } .epik-green .site-title a:hover { color: #eee; } .epik-green .site-description { color: #eee; } .epik-green .genesis-nav-menu a { color: #fff; } .epik-green .site-header .widget-area { color: #eee; } .epik-green .genesis-nav-menu a:hover, .epik-green .genesis-nav-menu .current-menu-item > a { color: #6d8c1d; } .epik-green .nav-primary .sub-menu a:hover, .epik-green .nav-secondary .sub-menu a:hover, .epik-green .site-header .sub-menu a:hover, .epik-green .site-header .genesis-nav-menu .sub-menu .current-menu-item > a, .epik-green .genesis-nav-menu .sub-menu .current-menu-item > a, .epik-green .genesis-nav-menu .sub-menu .current-menu-item > a:hover { color: #6d8c1d; } .epik-green h1 a, .epik-green h2 a { color: #333; } .epik-green h1 a:hover, .epik-green h2 a:hover { color: #9dcb2a; } .epik-green .head-wrap, .epik-green .welcome, .epik-green .home-feature-bg-dark, .epik-green .author-box, .epik-green .footer-widgets { background: #9dcb2a; color: #eee; } .epik-green .head-wrap a, .epik-green .welcome a, .epik-green .home-feature-bg-dark a, .epik-green .author-box a, .epik-green .footer-widgets a { color: #fff; } .epik-green .head-wrap p, .epik-green .welcome p, .epik-green .home-feature-bg-dark p, .epik-green .author-box p, .epik-green .footer-widgets p { color: #eee; } .epik-green .archive-pagination li a:hover, .epik-green .archive-pagination li.active a { background: #9dcb2a; } .epik-green .content .portfolio .more-link, .epik-green .plan-button a { background: #9dcb2a; color: #fff; } .epik-green .content .portfolio .more-link:hover, .epik-green .plan-button a:hover { -moz-transition: all .5s ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease; opacity: .7; transition: all .5s ease; } .epik-green button, .epik-green input[type="button"], .epik-green input[type="reset"], .epik-green input[type="submit"], .epik-green .sidebar .enews-widget input[type="submit"], .epik-green a.button.small, .epik-green a.button.medium, .epik-green a.button.large, .epik-green .circle { background: #9dcb2a; } .epik-green .footer-widgets button, .epik-green .footer-widgets input[type="button"], .epik-green .footer-widgets input[type="reset"], .epik-green .footer-widgets .enews-widget input[type="submit"], .epik-green .footer-widgets a.button.small, .epik-green .footer-widgets a.button.medium, .epik-green .footer-widgets a.button.large, .epik-green .footer-widgets .circle { background: #111; } .epik-green .enews-widget input:hover[type="submit"] { -moz-transition: all .5s ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease; opacity: .7; transition: all .5s ease; } .epik-green .footer-widgets input[type="submit"] { background: #111; } .epik-green .footer { background: #9dcb2a; } /* Epik Orange --------------------------------------------- */ .epik-orange a { color: #ff7e00; } .epik-orange .site-title a:hover { color: #ddd; } .epik-orange .site-description { color: #ddd; } .epik-orange .genesis-nav-menu a { color: #fff; } .epik-orange .site-header .widget-area { color: #eee; } .epik-orange .genesis-nav-menu a:hover, .epik-orange .genesis-nav-menu .current-menu-item > a { color: #994c00; } .epik-orange .nav-primary .sub-menu a:hover, .epik-orange .nav-secondary .sub-menu a:hover, .epik-orange .site-header .sub-menu a:hover, .epik-orange .site-header .genesis-nav-menu .sub-menu .current-menu-item > a, .epik-orange .genesis-nav-menu .sub-menu .current-menu-item > a, .epik-orange .genesis-nav-menu .sub-menu .current-menu-item > a:hover { color: #c66200; } .epik-orange h1 a, .epik-orange h2 a { color: #333; } .epik-orange h1 a:hover, .epik-orange h2 a:hover { color: #ff7e00; } .epik-orange .head-wrap, .epik-orange .welcome, .epik-orange .home-feature-bg-dark, .epik-orange .author-box, .epik-orange .footer-widgets { background: #ff7e00; color: #eee; } .epik-orange .head-wrap a, .epik-orange .welcome a, .epik-orange .home-feature-bg-dark a, .epik-orange .author-box a, .epik-orange .footer-widgets a { color: #fff; } .epik-orange .head-wrap p, .epik-orange .welcome p, .epik-orange .home-feature-bg-dark p, .epik-orange .author-box p, .epik-orange .footer-widgets p { color: #eee; } .epik-orange .archive-pagination li a:hover, .epik-orange .archive-pagination li.active a { background: #ff7e00; } .epik-orange .content .portfolio .more-link, .epik-orange .plan-button a { background: #ff7e00; color: #fff; } .epik-orange .content .portfolio .more-link:hover, .epik-orange .plan-button a:hover { -moz-transition: all .5s ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease; opacity: .7; transition: all .5s ease; } .epik-orange button, .epik-orange input[type="button"], .epik-orange input[type="reset"], .epik-orange input[type="submit"], .epik-orange .sidebar .enews-widget input[type="submit"], .epik-orange a.button.small, .epik-orange a.button.medium, .epik-orange a.button.large, .epik-orange .circle { background: #ff7e00; } .epik-orange .footer-widgets button, .epik-orange .footer-widgets input[type="button"], .epik-orange .footer-widgets input[type="reset"], .epik-orange .footer-widgets .enews-widget input[type="submit"], .epik-orange .footer-widgets a.button.small, .epik-orange .footer-widgets a.button.medium, .epik-orange .footer-widgets a.button.large, .epik-orange .footer-widgets .circle { background: #111; } .epik-orange .enews-widget input:hover[type="submit"] { -moz-transition: all .5s ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease; opacity: .7; transition: all .5s ease; } .epik-orange .footer-widgets input[type="submit"] { background: #111; } .epik-orange .footer { background: #ff7e00; } /* Epik Pink --------------------------------------------- */ .epik-pink a { color: #ff55a9; } .epik-pink .site-title a:hover { color: #eee; } .epik-pink .site-description { color: #eee; } .epik-pink .genesis-nav-menu a { color: #fff; } .epik-pink .site-header .widget-area { color: #eee; } .epik-pink .genesis-nav-menu a:hover, .epik-pink .genesis-nav-menu .current-menu-item > a { color: #ffc5e1; } .epik-pink .nav-primary .sub-menu a:hover, .epik-pink .nav-secondary .sub-menu a:hover, .epik-pink .site-header .sub-menu a:hover, .epik-pink .site-header .genesis-nav-menu .sub-menu .current-menu-item > a, .epik-pink .genesis-nav-menu .sub-menu .current-menu-item > a, .epik-pink .genesis-nav-menu .sub-menu .current-menu-item > a:hover { color: #ff55a9; } .epik-pink h1 a, .epik-pink h2 a { color: #333; } .epik-pink h1 a:hover, .epik-pink h2 a:hover { color: #ff55a9; } .epik-pink .head-wrap, .epik-pink .welcome, .epik-pink .home-feature-bg-dark, .epik-pink .author-box, .epik-pink .footer-widgets { background: #ff55a9; color: #eee; } .epik-pink .head-wrap a, .epik-pink .welcome a, .epik-pink .home-feature-bg-dark a, .epik-pink .author-box a, .epik-pink .footer-widgets a { color: #fff; } .epik-pink .head-wrap p, .epik-pink .welcome p, .epik-pink .home-feature-bg-dark p, .epik-pink .author-box p, .epik-pink .footer-widgets p { color: #eee; } .epik-pink .archive-pagination li a:hover, .epik-pink .archive-pagination li.active a { background: #ff55a9; } .epik-pink .content .portfolio .more-link, .epik-pink .plan-button a { background: #ff55a9; color: #fff; } .epik-pink .content .portfolio .more-link:hover, .epik-pink .plan-button a:hover { -moz-transition: all .5s ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease; opacity: .7; transition: all .5s ease; } .epik-pink button, .epik-pink input[type="button"], .epik-pink input[type="reset"], .epik-pink input[type="submit"], .epik-pink .sidebar .enews-widget input[type="submit"], .epik-pink a.button.small, .epik-pink a.button.medium, .epik-pink a.button.large, .epik-pink .circle { background: #ff55a9; } .epik-pink .footer-widgets button, .epik-pink .footer-widgets input[type="button"], .epik-pink .footer-widgets input[type="reset"], .epik-pink .footer-widgets .enews-widget input[type="submit"], .epik-pink .footer-widgets a.button.small, .epik-pink .footer-widgets a.button.medium, .epik-pink .footer-widgets a.button.large, .epik-pink .footer-widgets .circle { background: #111; } .epik-pink .enews-widget input:hover[type="submit"] { -moz-transition: all .5s ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease; opacity: .7; transition: all .5s ease; } .epik-pink .footer-widgets input[type="submit"] { background: #111; } .epik-pink .footer { background: #ff55a9; } /* Epik Purple --------------------------------------------- */ .epik-purple a { color: #8542c4; } .epik-purple .site-title a:hover { color: #eee; } .epik-purple .site-description { color: #eee; } .epik-purple .genesis-nav-menu a { color: #fff; } .epik-purple .site-header .widget-area { color: #eee; } .epik-purple .genesis-nav-menu a:hover, .epik-purple .genesis-nav-menu .current-menu-item > a { color: #d5a8ff; } .epik-purple .nav-primary .sub-menu a:hover, .epik-purple .nav-secondary .sub-menu a:hover, .epik-purple .site-header .sub-menu a:hover, .epik-purple .site-header .genesis-nav-menu .sub-menu .current-menu-item > a, .epik-purple .genesis-nav-menu .sub-menu .current-menu-item > a, .epik-purple .genesis-nav-menu .sub-menu .current-menu-item > a:hover { color: #8542c4; } .epik-purple h1 a, .epik-purple h2 a { color: #333; } .epik-purple h1 a:hover, .epik-purple h2 a:hover { color: #8542c4; } .epik-purple .head-wrap, .epik-purple .welcome, .epik-purple .home-feature-bg-dark, .epik-purple .author-box, .epik-purple .footer-widgets { background: #8542c4; color: #eee; } .epik-purple .head-wrap a, .epik-purple .welcome a, .epik-purple .home-feature-bg-dark a, .epik-purple .author-box a, .epik-purple .footer-widgets a { color: #fff; } .epik-purple .head-wrap p, .epik-purple .welcome p, .epik-purple .home-feature-bg-dark p, .epik-purple .author-box p, .epik-purple .footer-widgets p { color: #eee; } .epik-purple .archive-pagination li a:hover, .epik-purple .archive-pagination li.active a { background: #8542c4; } .epik-purple .content .portfolio .more-link, .epik-purple .plan-button a { background: #8542c4; color: #fff; } .epik-purple .content .portfolio .more-link:hover, .epik-purple .plan-button a:hover { -moz-transition: all .5s ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease; opacity: .7; transition: all .5s ease; } .epik-purple button, .epik-purple input[type="button"], .epik-purple input[type="reset"], .epik-purple input[type="submit"], .epik-purple .sidebar .enews-widget input[type="submit"], .epik-purple a.button.small, .epik-purple a.button.medium, .epik-purple a.button.large, .epik-purple .circle { background: #8542c4; } .epik-purple .footer-widgets button, .epik-purple .footer-widgets input[type="button"], .epik-purple .footer-widgets input[type="reset"], .epik-purple .footer-widgets .enews-widget input[type="submit"], .epik-purple .footer-widgets a.button.small, .epik-purple .footer-widgets a.button.medium, .epik-purple .footer-widgets a.button.large, .epik-purple .footer-widgets .circle { background: #111; } .epik-purple .enews-widget input:hover[type="submit"] { -moz-transition: all .5s ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease; opacity: .7; transition: all .5s ease; } .epik-purple .footer-widgets input[type="submit"] { background: #111; } .epik-purple .footer { background: #8542c4; } /* Epik Red --------------------------------------------- */ .epik-red a { color: #d91420; } .epik-red .site-title a:hover { color: #eee; } .epik-red .site-description { color: #eee; } .epik-red .genesis-nav-menu a { color: #fff; } .epik-red .site-header .widget-area { color: #eee; } .epik-red .genesis-nav-menu a:hover, .epik-red .genesis-nav-menu .current-menu-item > a { color: #bbb; } .epik-red .nav-primary .sub-menu a:hover, .epik-red .nav-secondary .sub-menu a:hover, .epik-red .site-header .sub-menu a:hover, .epik-red .site-header .genesis-nav-menu .sub-menu .current-menu-item > a, .epik-red .genesis-nav-menu .sub-menu .current-menu-item > a, .epik-red .genesis-nav-menu .sub-menu .current-menu-item > a:hover { color: #d91420; } .epik-red h1 a, .epik-red h2 a { color: #333; } .epik-red h1 a:hover, .epik-red h2 a:hover { color: #d91420; } .epik-red .head-wrap, .epik-red .welcome, .epik-red .home-feature-bg-dark, .epik-red .author-box, .epik-red .footer-widgets { background: #d91420; color: #eee; } .epik-red .head-wrap a, .epik-red .welcome a, .epik-red .home-feature-bg-dark a, .epik-red .author-box a, .epik-red .footer-widgets a { color: #fff; } .epik-red .head-wrap p, .epik-red .welcome p, .epik-red .home-feature-bg-dark p, .epik-red .author-box p, .epik-red .footer-widgets p { color: #eee; } .epik-red .archive-pagination li a:hover, .epik-red .archive-pagination li.active a { background: #d91420; } .epik-red .content .portfolio .more-link, .epik-red .plan-button a { background: #d91420; color: #fff; } .epik-red .content .portfolio .more-link:hover, .epik-red .plan-button a:hover { -moz-transition: all .5s ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease; opacity: .7; transition: all .5s ease; } .epik-red button, .epik-red input[type="button"], .epik-red input[type="reset"], .epik-red input[type="submit"], .epik-red .sidebar .enews-widget input[type="submit"], .epik-red a.button.small, .epik-red a.button.medium, .epik-red a.button.large, .epik-red .circle { background: #d91420; } .epik-red .footer-widgets button, .epik-red .footer-widgets input[type="button"], .epik-red .footer-widgets input[type="reset"], .epik-red .footer-widgets .enews-widget input[type="submit"], .epik-red .footer-widgets a.button.small, .epik-red .footer-widgets a.button.medium, .epik-red .footer-widgets a.button.large, .epik-red .footer-widgets .circle { background: #111; } .epik-red .enews-widget input:hover[type="submit"] { -moz-transition: all .5s ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease; opacity: .7; transition: all .5s ease; } .epik-red .footer-widgets input[type="submit"] { background: #111; } .epik-red .footer { background: #d91420; } /* Media Queries ---------------------------------------------------------------------------------------------------- */ /* Desktops, laptops and iPads (landscape) --------------------------------------------- */ @media only screen and (max-width: 1139px) { .wrap, .site-header { margin: 0 auto; max-width: 1080px; } .content-sidebar-sidebar .content-sidebar-wrap, .sidebar-content-sidebar .content-sidebar-wrap, .sidebar-sidebar-content .content-sidebar-wrap { width: 740px; } .content { width: 700px; } .sidebar-content-sidebar .content, .sidebar-sidebar-content .content, .content-sidebar-sidebar .content { width: 400px; } .sidebar-primary, .title-area { width: 300px; } #rgtnav .rgtbar .testimonials{display:block;width:360px;height:85px;width:100%} #rgtnav .rgtbar .hire-us {display:block;width:360px;height:98px;width:100%} } /* iPads (portrait) --------------------------------------------- */ @media only screen and (max-width: 1023px) { .content, .content-sidebar-sidebar .content, .content-sidebar-sidebar .content-sidebar-wrap, .sidebar-content-sidebar .content, .sidebar-content-sidebar .content-sidebar-wrap, .sidebar-primary, .sidebar-secondary, .sidebar-sidebar-content .content, .sidebar-sidebar-content .content-sidebar-wrap, .site-header .widget-area, .title-area, .wrap { width: 100%; } .slider-wide { background-size: cover; background-position: 0px 0px; } .slider-wide .wrap .hero h1 { margin: 20px 0px 0px 0px; font-size:4.3em; line-height:normal; } .slider-wide .wrap .hero h2 { font-size:2.0em; line-height:normal; } .site-header, .nav-primary .wrap, .nav-secondary .wrap, .slider .wrap, .welcome .wrap, .home-feature-bg .wrap, .home-feature-bg-alt .wrap, .home-feature-bg-dark .wrap, .footer-widgets .wrap { width: 100%; } .title-area { padding: 16px 0; padding: 1rem 0; width:80px; } .header-image .site-header, .header-image .site-header .wrap { background-position: left top !important; } .site-header .widget-area { text-align: center; margin-top: 0px; } .site-inner { padding-left: 5%; padding-right: 5%; } .site-inner { background: none; } .nav-primary { background-repeat: repeat-y; } .genesis-nav-menu li, .genesis-nav-menu > .right, .site-header ul.genesis-nav-menu, .site-header .search-form { float: none; } .genesis-nav-menu { text-align: right; margin: -60px 0px 0px 0px; } .site-description, .site-header hgroup, .site-header .search-form, .site-title { text-align: center; } .genesis-nav-menu .menu-item { display: inline-block; float: none; } .genesis-nav-menu a, .genesis-nav-menu > .first > a, .genesis-nav-menu > .last > a { } .site-header .search-form { margin: 16px auto ; margin: 1rem auto; } .sidebar .widget.enews-widget { padding: 40px; padding: 2.5rem; } .wp-caption { width: 100% !important; } .footer-widgets .widget { margin-bottom: 40px; margin-bottom: 2.5rem; } #rgtnav .rgtbar { display: none; } #rgtnav a.ctr-work { background: #FBD76D; background-image: -webkit-linear-gradient(#FBD76D,#fbc72f); background-image: -moz-linear-gradient(#FBD76D,#fbc72f); background-image: -ms-linear-gradient(#FBD76D,#fbc72f); background-image: -o-linear-gradient(#FBD76D,#fbc72f); background-image: linear-gradient(#FBD76D,#fbc72f); border-radius: 5px; color: #333; font-family:'SketchBlock', sans-serif; font-size: 24px; font-size: 1.5em; display: inline-block; width: 100%; margin: 20px 0px 0px 0px; font-weight: 300; text-align:center; line-height: 1; padding: 15px 20px; } #rgtnav a.ctr-work:hover { text-decoration:none; color: #fff; } #rgtnav a.ctr-reviews { background: #f7e4aa; background-image: -webkit-linear-gradient(#f7e4aa,#ffe07c); background-image: -moz-linear-gradient(#f7e4aa,#ffe07c); background-image: -ms-linear-gradient(#f7e4aa,#ffe07c); background-image: -o-linear-gradient(#f7e4aa,#ffe07c); background-image: linear-gradient(#f7e4aa,#ffe07c); border-radius: 5px; color: #333; font-family:'SketchBlock', sans-serif; font-size: 24px; font-size: 1.5em; display: inline-block; width: 100%; margin: 20px 0px 0px 0px; font-weight: 300; text-align:center; line-height: 1; padding: 15px 20px; } #rgtnav a.ctr-reviews:hover { text-decoration:none; color: #fff; } #rgtnav a.ctr-contact { background: #6ABFE7; background-image: -webkit-linear-gradient(#6ABFE7,#3aa8dc); background-image: -moz-linear-gradient(#6ABFE7,#3aa8dc); background-image: -ms-linear-gradient(#6ABFE7,#3aa8dc); background-image: -o-linear-gradient(#6ABFE7,#3aa8dc); background-image: linear-gradient(#6ABFE7,#3aa8dc); border-radius: 5px; color: #FFF; font-family:'SketchBlock', sans-serif; font-size: 24px; font-size: 1.5em; display: inline-block; width: 100%; margin: 20px 0px 20px 0px; font-weight: 300; text-align:center; line-height: 1; padding: 15px 20px; } #rgtnav a.ctr-contact:hover { text-decoration:none; color: #333; } } /* iPad/Tablets (portrait and landscape) --------------------------------------------- */ @media only screen and (max-width: 960px) { .feature-margin { margin: 0; } .home-feature-1 { width: auto; } .home-feature-2 { width: auto; } } /* iPhones (portrait and landscape) --------------------------------------------- */ @media only screen and (max-width: 767px) { .home-feature-3, .home-feature-4, .home-bottom-sidebar-1, .home-bottom-sidebar-2, .home-bottom-sidebar-3, .home-bottom-sidebar-4, .footer-widgets-1, .footer-widgets-2, .footer-widgets-3, .five-sixths, .four-fifths, .four-sixths, .one-fifth, .one-fourth, .one-half, .one-sixth, .one-third, .three-fifths, .three-fourths, .three-sixths, .two-fifths, .two-fourths, .two-sixths, .two-thirds { margin: 0; width: 100%; } .slider-wide { background-size: cover; background-position: 0px 0px; } .slider-wide .wrap .hero h1 { margin: 20px 0px 0px 0px; font-size:3.3em; line-height:normal; } .slider-wide .wrap .hero h2 { font-size:2.0em; line-height:normal; } #right-box p {display: inline-block; } .entry-content #info { position: relative; width: 100%; float: left; margin: 0px 0px 0px 0px; padding: 0; } .feature-left, .feature-right { width: 45%; } .home-feature-10, .home-feature-12 { width: 48%; } .home-feature-11, .home-feature-13 { float: right; margin: 0; width: 48%; } .home-feature-12 { clear: left; } .search-form { width: 80%; } .content .portfolio { width: 48%; } .content .portfolio .post-image { width: 100%; } .home-feature-10 img, .home-feature-11 img, .home-feature-12 img, .home-feature-13 img { width: 100%; } .plan-col, .plan-col-popular { float: none; margin: 0 auto 40px; width: 80%; } /* Responsive Menu STARTS --------------------------------------------- */ .menu-toggle, .sub-menu-toggle { display: block; font-size: 20px; font-size: 2rem; font-weight: 700; margin: -40px 20px 0px 0px; float:right; overflow: hidden; padding: 0px; padding: 0rem; text-align: center; visibility: visible; font-family: 'FontAwesome'; } .home button.menu-toggle, .home button.sub-menu-toggle { background-color: transparent; color: #333; } button.menu-toggle, button.sub-menu-toggle { background-color: transparent; color: #fff; } .sub-menu-toggle { padding: 18px; padding: 1.8rem; position: absolute; right: 0; top: 0; } .menu-toggle:before { content: "\f055"; } .menu-toggle.activated:before { content: "\f056"; } .sub-menu-toggle:before { content: "+"; } .sub-menu-toggle.activated:before { content: "-"; } nav { display: none; position: relative; } .genesis-nav-menu { background-color: #000; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; margin: 0 auto; width: 90%; } .home .genesis-nav-menu .menu-item a { color:#FFF; display: block; position: relative; text-align: left; } .genesis-nav-menu .menu-item { color:#FFF; display: block; position: relative; text-align: left; } .genesis-nav-menu .menu-item:hover { position: relative; } .genesis-nav-menu .sub-menu { clear: both; display: none; opacity: 1; position: static; width: 100%; } .genesis-nav-menu .sub-menu a { border-left: 0; position: relative; width: auto; } .genesis-nav-menu .sub-menu .sub-menu { margin: 0; } .genesis-nav-menu .sub-menu .sub-menu a { background-color: #f5f5f5; padding-left: 30px; } .genesis-nav-menu .sub-menu .sub-menu .sub-menu a { background-color: #fff; padding-left: 40px; } .nav-primary a:hover, .nav-primary .current-menu-item > a { color: #333; } /* Responsive Menu END --------------------------------------------- */ } @media only screen and (max-width: 580px) { .home .wrap { text-align: center; } .site-header .wrap { width: 100%; } .header-image .site-header .wrap { float: left; } .welcome-feature-1, .welcome-feature-2, .welcome-feature-3, .home-feature-1, .home-feature-2, .home-feature-3, .home-feature-4, .home-feature-1, .home-feature-2, .home-feature-3, .home-feature-4, .home-feature-5, .home-feature-6, .home-feature-7, .home-feature-8, .home-feature-9, .home-feature-10, .home-feature-11, .home-feature-12, .home-feature-13, .home-feature-14 { margin: 0 auto; text-align: left; width: 100%; } .slider { clear: both; margin: 0px; } .home-feature-bg-alt { clear: both; margin: 0px 5px 0px 5px; } .slider .wrap .index_services_icon { display:none; } .slider .wrap ul { margin:0px; } /* Responsive Menu STARTS --------------------------------------------- */ .menu-toggle, .sub-menu-toggle { display: block; font-size: 20px; font-size: 2rem; font-weight: 700; margin: -40px 20px 0px 0px; float:right; overflow: hidden; padding: 0px; padding: 0rem; text-align: center; visibility: visible; } .genesis-nav-menu { background-color: #000; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; margin: 0 auto; width: 90%; } /* Responsive TAG LINE START */ .hero .desktop { display: none; } .hero .mobile { display: block; } .slider-wide .wrap .hero h1 { margin: 0px 0px 0px 0px; font-size:3.3em; line-height:normal; } .slider-wide .wrap .hero h2 { font-size:1.5em; line-height:normal; } /* Responsive TAG LINE END */ .feature-left { float: none; margin: 0 auto; text-align: center; width: 100%; } .feature-right { float: none; margin: 40px auto 0; text-align: center; width: 100%; } } @media only screen and (max-width: 480px) { .site-header { width: 100%; } /* Responsive TAG LINE START */ .hero .desktop { display: none; } .hero .mobile { display: block; } /* Responsive TAG LINE END */ .content .portfolio { text-align: center; width: 100%; } .content .portfolio .post-image { width: 100%; } .content .portfolio .more-link { margin: 20px auto 0; padding: 6px; width: 60%; } } /* SPRIGHTLY MEDIA CUSTOM STYLES STARTS --------------------------------------------- */ /* RIBBON SCOROLL CSS STARTS */ #ribbon { height: 3px; background-color: #d13636; background-color: rgba(221,60,77,.95); background-image: -webkit-gradient(linear,0 50%,100% 50%,color-stop(0,#e75239),color-stop(12.5%,#e75239),color-stop(12.5%,#ff961c),color-stop(25%,#ff961c),color-stop(25%,#ffcc27),color-stop(37.5%,#ffcc27),color-stop(37.5%,#fce62f),color-stop(50%,#fce62f),color-stop(50%,#cde35b),color-stop(62.5%,#cde35b),color-stop(62.5%,#82cc33),color-stop(75%,#82cc33),color-stop(75%,#41bece),color-stop(87.5%,#41bece),color-stop(87.5%,#049cdb),color-stop(100%,#049cdb)); background-image: -webkit-linear-gradient(left,#e75239 0,#e75239 12.5%,#ff961c 12.5%,#ff961c 25%,#ffcc27 25%,#ffcc27 37.5%,#fce62f 37.5%,#fce62f 50%,#cde35b 50%,#cde35b 62.5%,#82cc33 62.5%,#82cc33 75%,#41bece 75%,#41bece 87.5%,#049cdb 87.5%,#049cdb 100%); background-image: -moz-linear-gradient(left,#e75239 0,#e75239 12.5%,#ff961c 12.5%,#ff961c 25%,#ffcc27 25%,#ffcc27 37.5%,#fce62f 37.5%,#fce62f 50%,#cde35b 50%,#cde35b 62.5%,#82cc33 62.5%,#82cc33 75%,#41bece 75%,#41bece 87.5%,#049cdb 87.5%,#049cdb 100%); background-image: -o-linear-gradient(left,#e75239 0,#e75239 12.5%,#ff961c 12.5%,#ff961c 25%,#ffcc27 25%,#ffcc27 37.5%,#fce62f 37.5%,#fce62f 50%,#cde35b 50%,#cde35b 62.5%,#82cc33 62.5%,#82cc33 75%,#41bece 75%,#41bece 87.5%,#049cdb 87.5%,#049cdb 100%); background-image: -ms-linear-gradient(left,#e75239 0,#e75239 12.5%,#ff961c 12.5%,#ff961c 25%,#ffcc27 25%,#ffcc27 37.5%,#fce62f 37.5%,#fce62f 50%,#cde35b 50%,#cde35b 62.5%,#82cc33 62.5%,#82cc33 75%,#41bece 75%,#41bece 87.5%,#049cdb 87.5%,#049cdb 100%); background-image: linear-gradient(left,#e75239 0,#e75239 12.5%,#ff961c 12.5%,#ff961c 25%,#ffcc27 25%,#ffcc27 37.5%,#fce62f 37.5%,#fce62f 50%,#cde35b 50%,#cde35b 62.5%,#82cc33 62.5%,#82cc33 75%,#41bece 75%,#41bece 87.5%,#049cdb 87.5%,#049cdb 100%); background-position: 0 0; background-size: 1600px; width: 100%; bottom: 0; left: 0; position: absolute; -webkit-animation: ribbon 10s linear infinite; -moz-animation: ribbon 10s linear infinite; -ms-animation: ribbon 10s linear infinite; -o-animation: ribbon 10s linear infinite; animation: ribbon 10s linear infinite; } @-webkit-keyframes ribbon { from { background-position:0 bottom; } to { background-position:1600px bottom; } } @-moz-keyframes ribbon { from { background-position:0 bottom; } to { background-position:1600px bottom; } } @-ms-keyframes ribbon { from { background-position:0 bottom; } to { background-position:1600px bottom; } } @-o-keyframes ribbon { from { background-position:0 bottom; } to { background-position:1600px bottom; } } @keyframes ribbon { from { background-position:0 bottom; } to { background-position:1600px bottom; } } /* RIBBON SCOROLL CSS END */ /* DOMAIN AUCTION STYLEs STARTS */ #domainsale {margin:0px 0px 5px 0px;width:95%;padding:20px 30px 0px 30px;display:inline-block;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;border:4px solid rgba(221, 218, 190, 0.4);box-shadow:0 0 5px rgba(0, 0, 0, 0.25);-moz-box-shadow:0 0 5px rgba(0, 0, 0, 0.25);-webkit-box-shadow:0 0 5px rgba(0, 0, 0, 0.25);background:url('images/bg-quote.png') repeat 0 0;box-shadow:3px 3px 3px #aaaaaa;} #domainsale .required{background: url("images/corner-left.gif") no-repeat scroll left top #FFFFFF;} #domainsale fieldset{margin:0;padding:0;border:none;float:left;display:inline;width:100%;font-size:90%;} #domainsale legend, h2 { font-family : 'Oswald', Arial, sans-serif; font-size: 1.0em; font-weight:normal; color:#231f20; text-transform: uppercase; } #domainsale label { font-family:Arial, Helvetica, sans-serif;font-size:0.8em;color:#8d7879; } #domainsale input,textarea { font-family : 'Lato', Arial, Verdana, sans-serif; font-style:normal; font-size: 0.8em; color:#97918b; padding : 2px; display:block; box-shadow:0 1px 1px #999 inset; border:1px solid #DDD; -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; } #domainsale input { height:30px; width:32%; display:inline-block; margin: 0px 5px 0px 0px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } #domainsale textarea { height:80px; width:100%; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } #domainsale #scaptcha { width:60px; height:18px; } #domainsale input[type="submit"] { width:100%; height:30px; margin-top: 10px; font-size:0.8em; font-weight:bold; color:#FFF; background-color:#007b6d; float:left; border: 2px solid #005349; border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; box-shadow: 0 8px 6px -6px #B6B6B6; } #domainsale input[type="text"]:focus,textarea:focus { color : #807879; font-style:normal; background-color : #ffff99; } #domainsale .container { margin-top:10px; margin-bottom: 10px; clear: both; } #domainsale .error { font-family: Verdana, Arial, sans-serif; font-size: 0.7em; color: #900; background-color : #ffff00; } #domainsale fieldset#antispam { padding:2px; border-top:1px solid #EEE; border-left:0; border-right:0; border-bottom:0; } #domainsale fieldset#antispam legend { font-family : Arial, sans-serif; font-size: 0.8em; font-weight:bold; color:#333; } #domainsale .short_explanation { font-family : Arial, sans-serif; font-size: 0.6em; color:#333; } /* spam_trap: This input is hidden. This is here to trick the spam bots*/ #domainsale .spmhidip { display:none; width:10px; height:3px; } @media only screen and (max-width: 960px) { #domainsale input { height:30px; width:100%; display:block; margin: 0px 5px 5px 0px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } } #fg_crdiv { font-family : Arial, sans-serif; font-size: 0.3em; opacity: .2; -moz-opacity: .2; filter: alpha(opacity=20); } #fg_crdiv p { display:none; } /* DOMAIN AUCTION STYLEs END */ /* CONTACT FORM ------------------------------------------------------------ */ #kontact { position: relative; width: 100%; margin: 0 auto; padding: 0; } #contact-left { display:block; margin-right: 5%; float: left; margin-top: 30px; } #contact-left form { width: 50%; } #contact-right { display:block; float: left; margin-top: 30px; } #contact-right .text { width: 50%; } #map-canvas{margin-left:20px;padding-bottom:20px;width:600px;height:180px;display:block;text-align:center;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;border:5px solid rgba(221, 218, 190, 0.4);box-shadow:0 0 5px rgba(0, 0, 0, 0.25);-moz-box-shadow:0 0 5px rgba(0, 0, 0, 0.25);-webkit-box-shadow:0 0 5px rgba(0, 0, 0, 0.25);background:url('images/bg-quote.png') repeat 0 0;} #mapaddress { width:50%; font-family:Verdana, Geneva, sans-serif; position:relative; display:block; font-style: normal; padding: 30px 0px 0px 0px; } #mapaddress h2 { font-family:Arial, Helvetica, sans-serif; font-style: normal; color:#248F3B; } #contact-info { float:left; width:50%; position:relative; display:block; font-style: normal; padding: 30px 0px 0px 0px; } #contact-info h2 { font-family:Arial, Helvetica, sans-serif; font-style: normal; color:#248F3B; } #contact-info .push { padding-left: 15px; } #contact-info .social-icons a{background:url(images/sprite.png) no-repeat;display:block;width:28px;height:28px; float:left; margin:0 auto;} #contact-info .social-icons a:hover{} #contact-info .social-icons a.last{margin-right:5px;} #contact-info a.social-goo{background-position:-38px -4px;margin-right:5px;} #contact-info a.social-fb{background-position:-38px -74px;margin-right:5px;} #contact-info a.social-tw{background-position:-38px -39px;margin-right:5px;} #contact-info a.social-li{background-position:-38px -109px;margin-right:5px;} #contact-info a.social-pin{background-position:-38px -144px;margin-right:5px;} #social { font-style: normal; margin: 0px 0px 0px 0px; } #social .social-icons a{display:block;width:25px;height:25px; float:left; margin:0 auto} #social .social-icons a:hover{} #social .social-icons a.last{margin-right:0px;} #social a.social-goo{background:url(images/ico-googleplus.png) no-repeat; width:32px; height:32px;margin-right:10px;} #social a.social-goo:hover{background:url(images/ico-googleplus.png) no-repeat; width:32px; height:32px;margin-right:10px;} #social a.social-fb{background:url(images/ico-facebook.png) no-repeat; width:32px; height:32px;margin-right:10px;} #social a.social-fb:hover{background:url(images/ico-facebook-hover.png) no-repeat; width:32px; height:32px;margin-right:10px;} #social a.social-tw{background:url(images/ico-twitter.png) no-repeat; width:32px; height:32px;margin-right:10px;} #social a.social-tw:hover{background:url(images/ico-twitter-hover.png) no-repeat; width:32px; height:32px;margin-right:10px;} #social a.social-li{background:url(images/ico-linkedin.png) no-repeat; width:32px; height:32px;margin-right:10px;} #social a.social-li:hover{background:url(images/ico-linkedin-hover.png) no-repeat; width:32px; height:32px;margin-right:10px;} #social a.social-pin{background:url(images/ico-pinterest.png) no-repeat; width:32px; height:32px;margin-right:10px;} #social a.social-pin:hover{background:url(images/ico-pinterest-hover.png) no-repeat; width:32px; height:32px;margin-right:10px;} /* CONTACT WIDGET */ #contactwidget { left: 0; top: 0; width: 100%; position: relative; z-index: 1; } #info { position: relative; width: 100%; float:left; margin: 0px 0px 0px 0px; padding: 0; } #info .contactbox { position: relative; margin: 0 auto; padding: 0; float: none; display: block; } #contactwidget #contact-details { background: #262626; float: left; display: block; margin: 0px 0px 35px 0px; max-width: 500px; width: 40%; } #contactwidget #message { background: #262626; float: left; display: block; margin: 0px 0px 0px 180px; padding: 35px 40px 15px; max-width: 500px; width: 40%; } #phone-address { border-bottom: 1px solid #565656; padding: 20px 40px; } #phone-address a { color: #fff; } #phone-address a:hover { color: #ffcc00; } #phone-address p#title { margin: 0px 0px 10px 0px; font-size: 14px; } #phone-address p#phone { background: url('images/phone.png') no-repeat 2px 2px; } #phone-address p#address { background: url('images/location.png') no-repeat 2px 2px; margin: 0; } #phone-address p#socially { background: url('images/share.png') no-repeat 2px 2px; margin: 0; } #phone-address ul{list-style:none;margin:0px;padding:0px 0px 0px 30px;border:none;} #phone-address ul li{list-style:none;margin:0px;padding:0px;display: inline-block;} #phone-address ul li a{list-style:none;font-size:100%;display:block;border-bottom:1px dashed #C39C4E;padding:4px 2px 2px 4px;text-decoration:none;color:#fff;} #phone-address .social-icons a{display:inline;width:37px;height:36px;float:left;margin-right:16px;margin-top:20px;opacity:0.7;} #phone-address .social-icons a:hover{opacity:1;-moz-transition:0.2s opacity ease-in;-webkit-transition:0.2s opacity ease-in;transition:0.2s opacity ease-in;} #phone-address .social-icons a.last{margin-right:16px;} #phone-address a.social-goo{background-position:-154px -3px;margin-left:6px;} #phone-address a.social-goo:hover{background-position:-154px -52px;} #phone-address a.social-fb{background-position:-274px -3px;} #phone-address a.social-fb:hover{background-position:-274px -52px;} #phone-address a.social-tw{background-position:-315px -3px;} #phone-address a.social-tw:hover{background-position:-315px -52px;} #phone-address a.social-li{background-position:-356px -3px;} #phone-address a.social-li:hover{background-position:-356px -52px;} #phone-address a.social-em{background-position:-233px -3px;} #phone-address a.social-em:hover{background-position:-233px -52px;} #phone-address a.social-skp{background-position:-192px -3px;} #phone-address a.social-skp:hover{background-position:-192px -52px;} #phone-address p { padding-left: 35px; } #phone-address p { text-transform: uppercase; color: #fff; font-size: 12px; font-family: 'Oswald', Arial, Helvetica, sans-serif } #phone-address, #work-planner { padding: 40px 40px 20px; } #work-planner h2, #message h2 { margin: 0 0 10px; line-height: normal; text-transform: uppercase; color: #fff; font-family: 'Oswald', Arial, Helvetica, sans-serif; font-size: 22px; } #work-planner p { color: #9c9c9c; font-size: 14px; } #work-planner a { padding: 12px 40px 12px 12px; color: #fff; text-transform: uppercase; font-size: 12px; font-family: 'Oswald', Arial, Helvetica, sans-serif; background: #ce462b url('images/arrow.png') no-repeat right center; background-position-x: 55%; margin: 0 0 10px; display: block; width: 60%; -webkit-transition: background-color .2s ease-in-out; -moz-transition: background-color .2s ease-in-out; transition: background-color .2s ease-in-out; } #contact .required{background: url("images/corner-left.png") no-repeat scroll left bottom;} #contact{margin:0px 0px; width:100%; padding: 0px 0px; display:block; background:#262626; } #contact fieldset{margin:0;padding:0;border:none;font-size:100%;} #contact p{display:block;font-family:'Oswald', Helvetica, sans-serif;font-size:1em;color:#000;} #contact label .optional{font-family:'MyriadProLight', Arial, Helvetica, sans-serif;display:block;float:right;font-style:italic;font-size:0.9em;color:#098506;margin:30px 20px 0px 0px;} #contact input {width: 100%; font-family: 'MyriadProLight',serif; font-weight: 400; background: transparent; border-style: solid; border-color: white; border-width: 0 0 1px 0; padding: .05em 0; outline: none; color: white; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: box-shadow 0.4s ease; -moz-transition: box-shadow 0.4s ease; -o-transition: box-shadow 0.4s ease; transition: box-shadow 0.4s ease;} input::-webkit-input-placeholder{color:#8c8c8c;} input:-moz-placeholder{color:#8c8c8c;} #contact textarea { font-family : 'Lato', Arial, Verdana, sans-serif; font-style:normal; font-size: 0.8em; color:#6c6b6b; display:block; outline: none; border-radius:0px; box-shadow:none; margin-top: 40px; } textarea::-webkit-input-placeholder{color:#8c8c8c;} textarea:-moz-placeholder{color:#8c8c8c;} #contact p.submit{margin:0px 0px;clear:both;position:relative;display:block;} #contact p.submit:hover{opacity:0.4;} #contact .button{padding:0px 0px 0px 0px;width:95px;height:55px;border:none;background:url('images/send.gif') no-repeat 0 0;color:#fff;cursor:pointer;text-indent:-9999px;} #contact input[type="submit"] { width:100px; height:30px; margin-bottom: 20px; font-size:0.8em; font-weight:bold; color:#FFF; background-color:#CE462B; float:left; border: 2px solid #a32b16; border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } /* ------- CUSTOM STYLES FOR CONTACT FORM 7 --------- */ .wpcf7 .wpcf7-mail-sent-ok {visibility:hidden;} div.wpcf7-mail-sent-ok { border:0px !important; } div.wpcf7-mail-sent-ng { border:0px !important; } div.wpcf7-spam-blocked { border:0px !important; } div.wpcf7-validation-errors { border:0px !important; } @media only screen and (max-width: 1023px) { #contactwidget #contact-details { float: left; margin: 0px; width: 80%; } #contactwidget #message { float: left; margin: 0px; width: 80%; } } @media only screen and (max-width: 767px) { #contactwidget #contact-details { float: left; margin: 0px; width: 100%; } #contactwidget #message { float: left; margin: 0px; width: 100%; } } /* GOOGLE MAPS RESPONSIVELY WIDGET */ #map { width: 100% !important; height: 100%; position:absolute; margin-top: -40px; top: 0; left: 0; display:block; } /*------ THANKYOU WIDGET STYLES ------ */ .thankyou { width: 100%; margin: -40px 0 auto; padding: 0; top: 0; left: 0; } /* QUOTE FORM ------------------------------------------------------------ */ #quote{margin:10px 0px 20px 10px;padding: 20px 0px 20px 15px;;width:95%;font-size:90%;display:block;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;border:5px solid rgba(221, 218, 190, 0.4);box-shadow:0 0 5px rgba(0, 0, 0, 0.25);-moz-box-shadow:0 0 5px rgba(0, 0, 0, 0.25);-webkit-box-shadow:0 0 5px rgba(0, 0, 0, 0.25);background:url('images/bg-quote.png') repeat 0 0;} #quote p{display:block;font-family:'Oswald', Arial, Helvetica, sans-serif;color:#000;font-size:0.9em;} #quote .text{font-family:'MyriadProRegular', Arial, 'Oswald', Helvetica, sans-serif;font-size:95%;margin:10px 34px 20px 34px;text-align:left;display:inline-block;} #quote fieldset{margin:0;padding:0;border:none;float:left;display:inline;margin-left:34px;padding-top:15px;} #quote #services{margin:0;padding:0;float:left;width:100%;margin-left:35px;font-family:'Oswald', Helvetica, sans-serif;color:#000;} #quote #services #quoteserve{font-family:'MyriadProRegular', Arial, sans-serif;color:#0B9E99;margin:0;} #quote #details{margin:0;padding:0;border:none;float:left;display:inline;width:100%;margin-left:34px;padding-top:10px;font-family: 'Oswald', Helvetica, sans-serif;color:#000;} #quote .required{background: url("images/corner-left.gif") no-repeat scroll left top #FFFFFF;} #quote input{width:80%;height:30px;font-size:95%;color:#6c6b6b;border:1px solid #ddd;background:#fff;padding:5px;border:none;border:1px solid #E1E1E1;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;} input::-webkit-input-placeholder{color:#8c8c8c;} input:-moz-placeholder{color:#8c8c8c;} #quote textarea{width:78%;height:100px;padding:5px;color:#6c6b6b;font-size:90%;font-family:'MyriadProRegular', Arial, Helvetica, sans-serif;resize:none;overflow:auto;border:1px solid #E1E1E1;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;} #quote .services{width:78%;color:#6c6b6b;font-size:100%;font-family:'MyriadProRegular', Arial, Helvetica, sans-serif;resize:none;overflow:auto;border:1px solid #E1E1E1;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;} textarea::-webkit-input-placeholder{color:#8c8c8c;} textarea:-moz-placeholder{color:#8c8c8c;} #quote p.submit{margin:0 34px;clear:both;position:relative;} #quote .button{padding:0px;left:0;top:0;width:95px;height:36px;overflow:hidden;border:none;background:url('images/submit.gif') no-repeat 0 0;color:#fff;cursor:pointer; display:block;text-indent:-9999px;} textarea:focus, input:focus, select:focus{ outline: none; } /* PORTFOLIO STYLES ------------- */ .portfoliobox { padding: 0; width: 33.33%; text-align: center; margin-left: -0.5%; margin-right: 0.5%; margin-bottom: 30px; float: left; } .portfoliocontent { background: #fff; overflow: hidden; padding: 15px 0px 10px 0px; -moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px#888; box-shadow: 0 0 5px #888; /* display: inline-block; */ width: 97%; margin: 0 auto; -moz-border-radius:6px; -webkit-border-radius:6px; border:6px; height: 380px; } .portfoliobox img { margin: 0; } .portfoliobox img:hover { -webkit-filter: grayscale(100%); } .portfoliobox p { font-size: 14px; margin: 0 0 1.25rem; padding: 0px 15px 0px 15px; line-height: 20px; } .portfoliobox h2 { font-family: 'Oswald', Arial, sans-serif; text-transform:capitalize; font-size: 20px; font-size: 1.428rem; line-height: 24px; margin: 0; padding: 0px 5px 5px 5px; text-align: center; } @media only screen and (min-width: 768px) and (max-width: 960px) { .portfoliobox { float: left; width: 48%; margin: 10px 1%; } .portfoliocontent { width: 100%; padding: 20px 0px; } } @media only screen and (max-width: 767px) { .portfoliobox { float: none; width: 100%; margin: 10px 0px; } .portfoliobox p { font-size: 12px !important; font-size: 0.80rem !important; } .portfoliocontent { width: 100%; height: auto; padding: 20px 0px; } } /* DOMAIN AUCTION TABLE */ .rwd-table { background: #34495E; color: #fff; border-radius: .4em; overflow: hidden; width:100%; font-family: 'MyriadProLight', Arial, sans-serif; font-size: 14px; } .rwd-table a { color: #fff; } .rwd-table a:hover { color: #ffcc00; } .rwd-table th, .rwd-table td { margin: .5em 1em; width: 33.3%; } .rwd-table { margin: 1em 0; } .rwd-table tr { border-top: 1px solid #466273; border-bottom: 1px solid #466273; } .rwd-table th { display: none; } .rwd-table td { display: block; } .rwd-table td:first-child { padding-top: .5em; } .rwd-table td:last-child { padding-bottom: .5em; } .rwd-table td:before { content: attr(data-th) ": "; padding-right: 5px; font-weight: bold; display: inline-block; } @media (min-width: 480px) { .rwd-table td:before { display: none; } } .rwd-table th, .rwd-table td { text-align: left; } @media (min-width: 480px) { .rwd-table th, .rwd-table td { display: table-cell; padding: .25em .5em; } .rwd-table th:first-child, .rwd-table td:first-child { padding-left: 0; } .rwd-table th:last-child, .rwd-table td:last-child { padding-right: 0; } } @media (min-width: 480px) { .rwd-table th, .rwd-table td { padding: 1em !important; } } .rwd-table th, .rwd-table td:before { color: #ffcc00; } a.tooltip {outline:none; } a.tooltip strong {line-height:30px;} a.tooltip:hover {text-decoration:none;} a.tooltip span { z-index:10;display:none; padding:10px 10px; margin-top:5px; margin-left:-10px; width:240px; line-height:16px; } a.tooltip:hover span{ display:inline; position:absolute; color:#111; border:1px solid #DCA; background:#fffAF0;} .callout {z-index:20;position:absolute;top:30px;border:0;left:-12px;} /*CSS3 extras*/ a.tooltip span { border-radius:4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } /* FEEDBACK STYLES STARTS */ #feedback { background-color: #FBF5DF; margin: 0 auto; padding: 1em 2em 0em 2em; width: 95%; font-size: 100%; display: block; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 5px solid #EBD282; box-shadow: 0 0 5px #EBD282; -moz-box-shadow: 0 0 5px #EBD282; -webkit-box-shadow: 0 0 5px #EBD282; } #feedback fieldset { margin: 0; padding: 0; border: none; margin: 0 auto; padding-top: 15px; } #feedback p { display: block; font-family: 'Lato', Arial, Helvetica, sans-serif; color: #000; font-size: 0.8em; } #feedback #details { margin: 0; padding: 0; border: none; display: inline; margin: 0 auto; padding-top: 10px; font-family: 'Lato', Helvetica, sans-serif; color: #000; } #feedback textarea { height: 100px; padding: 5px; margin: 0 auto; padding-left: 15px; color: #6c6b6b; font-size: 95%; font-family: 'Lato', Arial, Helvetica, sans-serif; overflow: auto; border: 1px solid #E1E1E1; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; line-height: normal; } #feedback .rating { font-family: 'Lato', Arial, sans-serif; font-size: 1.2em; font-weight: bold; width: 40px; color: #fff; background: #8DCA09; text-align: center; padding: 2px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; float: right; margin-top: 5px; } #feedback input { height: 35px; font-size: 95%; color: #6c6b6b; border: 1px solid #ddd; background: #fff; padding: 5px; border: none; border: 1px solid #E1E1E1; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; padding-left: 15px; } #feedback .strong { font-weight: 600; font-size: 0.9em; color: #7E4E0B; } #feedback input[type="submit"] { width: 100%; height: 40px; font-family: 'Lato', Arial, sans-serif; font-size: 1.5em; font-weight: bold; color: #FFF; background-color: #007b6d; float: left; border: 2px solid #005349; border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; box-shadow: 0 8px 6px -6px #B6B6B6; } /* HOME PAGE REVIEWS STARTS */ .left { float: left; width: 50%; } .right { float: right; width: 50%; } img { max-width: 100%; height: auto; } .group:after { content:""; display: table; clear: both; } @media screen and (max-width: 480px) { .left, .right { float: none; width: auto; } } /* HOME PAGE REVIEWS END */