/* Theme Name: Sterling Child Theme Theme URI: http://themeforest.net/user/TrueThemes?ref=TrueThemes Description: Child theme for Sterling Author: TrueThemes Author URI: http://themeforest.net/user/TrueThemes?ref=TrueThemes Template: Sterling Version: 1.0 */ /* @import url("../Sterling/style.css");*/ /* ------- Insert custom styles below this line ------- */ .home-slider-post+.home-slider-post { display: none; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { border: 0; font: inherit; font-size: 100%; margin: 0; padding: 0; vertical-align: baseline; } body, html { background: #FFF; } body { /*font-family:"HelveticaNeue-Regular","Helvetica Neue",Helvetica,Arial,sans-serif;*/ font-family: 'Lato', sans-serif !important; color: #333; line-height: 1; margin: 0; } html { -webkit-text-size-adjust:none !important; /* Prevent font scaling in landscape */; } .clearfix:after { clear:both; content:"."; display:block; height:0; visibility: hidden; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: none; } table, td { border-collapse: collapse; border-spacing: 0; padding: 5px; } hr { clear: both; margin: 0; } a { outline: none; } .hr { /*background:url(images/global/bg-hr-dotted.png) 0 50% repeat-x;*/ border: 0; clear: both; height: 50px; width: 100%; } p+.hr { margin-top: -7px; } .hr-dotted { /*background:url(images/global/bg-hr-dotted.png) 0 50% repeat-x;*/ } .hr-dotted-double { /*background:url(images/global/bg-hr-dotted-double.png) 0 50% repeat-x;*/ } .hr-solid { background: none; border-bottom: 1px solid #DADADA; height: 25px; margin-bottom: 25px; } .hr-solid-double { /*background:url(images/global/bg-hr-solid-double.png) 0 50% repeat-x;*/ } object { outline: none; } .social_icons a, #scroll_to_top, .top-aside .social_icons a, .article_preview strong a, .member-contact-email, .member-contact-twitter, .member-contact-facebook, .member-contact-google, .member-contact-linkedin, .member-contact-phone, #banner-search input, .tabs_type_1_arrow, .accordion dt:before, .accordion dt.current:before, .post-categories, .post-leave-comment, .metadata, .tt-notification.success p:before, .tt-notification.error p:before, .tt-notification.warning p:before, .tt-notification.tip p:before, .tt-notification.neutral p:before, .tt-icon:before, .tt-mono-icon:before, .tabs_type_2_arrow, .closeable-x:before, .banner-slider .next, .banner-slider .prev, .pagination li a, .pagination li.current a, .pagination li a:hover, blockquote:before, .top-aside ul.custom-menu a .sf-sub-indicator { /*background:url(images/global/sprite.png) no-repeat;*/ } .top-aside ul.custom-menu.sf-menu a.sf-with-ul:after, .has_submenu>a:after, .has_submenu .has_submenu>a:after, ul.social_icons.tt_vector_social_icons a:after { display: inline-block; font-family: FontAwesome; font-size: 12px; } ul.social_icons.tt_vector_social_icons.tt_vector_social_color a { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } /*----------------------------------------------------------*/ /* 2. Layout Structure/*----------------------------------------------------------*/ #main-wrap { margin: 0 auto; overflow: visible; padding: 40px 0; position: relative; width: 960px; z-index: 1; } .tt-overlay { height: 100%; position: absolute; top: 0; width: 100%; z-index: -1; } .center-wrap { width: 960px; margin: 0 auto; position: relative; } .page_content { float: left; width: 670px; } .page_content_right { float: right; width: 670px; } .page_content_600 { float: left; width: 600px; } .page_aside_360 { float: right; width: 330px; margin-left: 30px; } body>div>.full-width { width: 960px !important; } #tt-header-wrap { top: 0; transition: height 0.3s; width: 100%; z-index: 9999; -moz-transition: height 0.3s; -webkit-transition: height 0.3s; } #tt-header-wrap.tt-sticky-header.tt-animated header { max-height: 100px; } .admin-bar .tt-sticky-header { margin-top: 28px; } .top-header { margin: 0 auto; padding: 30px 0 25px 0; position: relative; width: 100%; z-index: 100; background-color: #f8f8f8; } .top-text { position: absolute; left: 0px; bottom: -18px; padding: 20px; font-size: 30px; font-weight: 400; width: 450px; line-height: 47px; background-color: rgba(24, 120, 70, 0.4); text-shadow: 3px 3px 0px rgba(0, 0, 0, 0.3); } .top-text span { font-size: 30px; } .top-text strong { font-weight: 600; } header { margin: 0 auto; padding: 10px 0 !important; position: relative; width: 100%; z-index: 100; } #content-container { width: 100%; } .small_banner, .banner { color: #FFF; z-index: 1; } #tt-boxed-layout { box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.4); margin: 0 auto; max-width: 1200px; width: 97%; -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.4); } @media only screen and (max-device-width:992px){ #main-wrap { width:100%; padding:40px; } } /* @since 2.2.1 - these styles improve rendering on 'responsive-disabled' sites */ /* iPad (landscape) ----------- */ @media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) { #tt-boxed-layout { width: 98%; } #tt-boxed-layout .center-wrap, #tt-boxed-layout #main-wrap { width: 94%; } } /* Generic mobile devices ----------- */ @media screen and (max-width:990px) { #tt-boxed-layout { width: 98%; } #tt-boxed-layout .center-wrap, #tt-boxed-layout #main-wrap { width: 94%; } #tt-boxed-layout div+.sidebar { margin-left: 680px; } } /*----------------------------------------------------------*/ /* 3. Main Navigation/*----------------------------------------------------------*/ #menu-main-nav li a { font-family: 'Lato', sans-serif !important; font-size: 16px !important; font-weight: 500 !important; } #menu-main-nav li a:hover { color: #333; } #menu-main-nav .current-menu-item a { color: #333; } nav select { display: none; } header nav { margin-top: -8px; position: absolute; top: 50%; z-index: 9999; text-transform: uppercase; } header nav ul { list-style-image: none; padding: 0px; margin: 0; } header nav li { white-space: nowrap; } .tt-logo-center nav { padding: 5px 0 15px 0; position: relative; margin: 0; top: 30px; } .current-menu-parent a, .current_page_parent a { color: #333 !important; } .tt-logo-center nav ul { text-align: center; } .tt-logo-center nav ul .sub-menu { text-align: left; } .tt-logo-right nav { left: 0; } nav>ul>li { display: inline-block; position: relative; } nav>ul>li+li { margin-left: 28px; } nav a { font-size: 16.5px; padding: 3px 5px; text-decoration: none; } header nav .sub-menu a:hover { color: #555; } header .sub-menu li:hover { background: #eee; border-radius: 2px; box-shadow: inset 0 0 2px #CCC; } nav>ul ul { display: none; } .submenu { font-size: 13px; height: 14px; overflow: hidden; } .submenu ul { padding-bottom: 1px; } .submenu strong { float: left; } .submenu li { float: left; line-height: 1em; margin: 0 16px; } header .sub-menu { background-color: #FFF; border-radius: 0px 0px 3px 3px; box-shadow: 0 0 3px #c3c3c3; left: -12px; padding: 15px; position: absolute; top: 35px; text-align: left; text-transform: none !important; z-index: 2; -moz-box-shadow: 0 0 3px #c3c3c3; -webkit-box-shadow: 0 0 3px #c3c3c3; } header .sub-menu a { display: inline-block; font-size: 12px; padding: 9px 10px; width: 100%; color: #000; } header .sub-menu .sub-menu { left: 231px; top: 0; } header .sub-menu .sub-menu:before { content: ''; } header .sub-menu li { margin: 0; position: relative; } .has_submenu>a:after { content: "\f107"; position: absolute; right: -11px; top: 0; } .has_submenu .has_submenu>a:after { content: "\f105"; position: absolute; right: 11px; top: 8px; } /*----------------------------------------------------------*/ /* 4. Header/*----------------------------------------------------------*/ p, dl, ol, ul, a:visitedheader nav *, .submenu *, blockquote, .home_2_aside p a:link, .home_2_aside p a:visited, .tool_tip, .post-details strong, .faq-questions ol li a, .home-vertical-sidebar *, .home-vertical-sidebar #mc_signup .mc_var_label, #home-marketing-icons .tt-icon, header .current-menu-item ul a, header .current-menu-parent ul a, header .current-menu-ancestor ul .current-menu-item ul a, header .current-menu-ancestor .sub-menu a, header .current-menu-ancestor .sub-menu .current-menu-ancestor .sub-menu a { color: #333; } .footer-callout-content .callout-text { color: #747C88; } header nav, .footer-callout, #gallery-nav, footer .foot-heading, h1, h2, h3, h4, h5, h6, .page-banner-heading { font-family: "HelveticaNeue-Regular", "Helvetica Neue", Helvetica, arial, sans-serif; font-weight: 400; /* text-rendering:optimizeLegibility;*/ } h1, h2, h3, h4, h5, h6 { line-height: 1.4em; } .companyIdentity { overflow: hidden; position: relative; } .companyIdentity img { background: none; border: none; box-shadow: none; float: left; margin-right: 9px; max-height: 100px; padding: 0; -moz-transition: all 0.2s ease-in-out 0s; } .companyIdentity h1 { left: 65px; margin-top: -13px; position: absolute; top: 50%; } .companyIdentity a { text-decoration: none; } .tt-logo-center .companyIdentity a { display: block; margin: auto; text-align: center; width: auto; } .tt-logo-center .companyIdentity img { float: none; } .tt-logo-right .companyIdentity img { float: right; margin: 0 0 0 9px; } .top-aside { padding: 10px 0; } .top-aside, .top-aside a, .top-aside p, .top-aside ul, .top-aside li { color: #FFF; font-size: 14px; text-shadow: 0 0px 0px rgba(0, 0, 0, 0.3); } .top-aside p, .top-aside ul { margin: 0; padding: 0; } .top-aside .one_half+.one_half { float: right; text-align: right; } .top-aside ul, .top-aside li { list-style: none; margin: 0; padding: 0; } .top-aside .one_half+.one_half ul { float: right; margin: 0; padding: 0; } .top-aside ul li { float: left; } .top-aside ul li+li { margin-left: 10px; } .top-aside ul li a { border-right: 1px solid rgba(255, 255, 255, 0.3); color: #FFF; font-weight: 500; padding-right: 9px; } .top-aside ul li:last-child a { border-right: none; padding-right: 0; } .top-aside li ul.sub-menu li { float: none; margin: 0; padding: 0; text-align: left; } .top-aside li ul.sub-menu li a { background: none; padding: 0px; } .top-aside li ul.sub-menu { clear: both; } .top-aside li a.sf-with-ul { background: none; } .shadow.top { height: 60%; position: absolute; top: 0; width: 100%; z-index: -1; } .shadow.bottom, .top-aside-shadow { bottom: 0; height: 30%; position: absolute; width: 100%; z-index: -1; } .top-aside-shadow { height: 10%; } body>section+div .shadow { height: 50%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } .small_banner { position: relative; padding: 25px 0; width: 100%; } .small_banner .tt-overlay { background-color: #f8f8f8 !important; } .small_banner .center-wrap { z-index: 250; } .small_banner .page-banner-description, .small_banner .page-banner-heading, .breadcrumbs>a { } .small_banner .page-banner-description { font-size: 13.2px; margin-top: -0.8%; position: absolute; right: 0; text-align: right; top: 50%; width: 70%; } .small_banner .page-banner-heading { display: none; font-size: 32px !important; margin: 0; margin-top: -8px; padding-bottom: 6px; } .small_banner .banner-no-crumbs .page-banner-heading { margin-top: 0px !important; } .small_banner .banner-no-crumbs #banner-search { top: 4px !important; } div.breadcrumbs { color: #6D6D6D; font-size: 14px; margin: 0 0 0 -3px; width: 100%; } .breadcrumbs>a { display: inline-block; margin: 0 4px; color: #6D6D6D !important; text-decoration: underline; } .breadcrumbs a:hover { color: #6D6D6D; opacity: 0.95; text-decoration: none; } .current_crumb { color: #6D6D6D !important; margin-left: 4px; opacity: 1.0; } .small_banner *, .banner * { color: #fff; } .dots { z-index: 200; } .banner-slideshow .circle { border-color: #000; opacity: 0.4; } .circle { border: 6px solid #ebebeb; border-radius: 6px; cursor: pointer; float: left; margin-left: 8px; width: 0; } .circle.current, circles:hover { border-color: #d6d6d6; } #B_sticky_menu header { padding: 18px 0; } #B_sticky_menu .top-aside { padding: 5px 0; } /* #B_sticky_menu #tt-header-wrap{-moz-box-shadow:0 3px 9px 0 rgba(0,0,0,0.1),0 1px 3px 0 rgba(0,0,0,0.2);-webkit-box-shadow:0 3px 9px 0 rgba(0,0,0,0.1),0 1px 3px 0 rgba(0,0,0,0.2);box-shadow: 0 3px 9px 0 rgba(0,0,0,0.1),0 1px 3px 0 rgba(0,0,0,0.2);}*/ /*----------------------------------------------------------*/ /* 5. Typography/*----------------------------------------------------------*/ a { text-decoration: none; } p { font-size: 13px; margin-bottom: 18px; line-height: 1.6em; } .callout-text p { font-size: 16px; } blockquote { font-size: 18px; font-style: italic; line-height: 1.6em; margin-top: 20px; padding-left: 36px; position: relative; } strong { font-weight: 700; } h1 { font-size: 26px; margin-bottom: 11px; } h2 { font-size: 24px; margin-bottom: 11px; } h3 { font-size: 23px; } h4 { font-size: 18px; } h5 { font-size: 16px; } h6 { font-size: 13px; text-transform: uppercase; } h1+p { margin-top: 19px; } h2+p { margin-top: 16px; } h3+p { margin-top: 15px; } h4+p { margin-top: 12px; } h5+p { margin-top: 12px; } h6+p { margin-top: 10px; } blockquote:before { background-position: 0 -6003px; content: ''; height: 22px; left: 0; position: absolute; top: 0; width: 28px; } .custom-logo { float: left; margin-left: 12px; outline: none; text-decoration: none; } .custom-logo .logo-text { color: #FFF; font-size: 2em; font-weight: 700; letter-spacing: -0.5px; padding-left: 7px; word-spacing: 4px; } .custom-logo img { margin-bottom: -17px; } em { font-style: italic; } /*----------------------------------------------------------*/ /* 6. Lists/*----------------------------------------------------------*/ ul, ol { color: #333; font-size: 16px; margin-left: 22px; line-height: 1.6em; } ul li, ol li { margin-bottom: 16px; } .feature_list li { margin-bottom: 34px; position: relative; } .feature_list { padding-top: 10px; } .custom-menu { list-style: none; } /*----------------------------------------------------------*/ /* 7. Images+Links/*----------------------------------------------------------*/ img, img a { border: 0; outline: none; padding: 0; } img { height: auto; } img a, a img { cursor: pointer; } a:hover { text-decoration: underline; } footer a { color: #FFF; } header nav a, .search .current_page_parent a { color: #707885; } header nav ul li ul li a { font-weight: normal; } header nav a:hover, .subnav a:hover { text-decoration: none; } .img-frame { /*background:url(images/global/img-frames.png);*/ margin-bottom: 20px; } .banner-slider .img-frame { margin: 0; } .img-frame img { margin: 0px 0 0 0px; } .banner-slider .img-frame img { display: block; margin: 9px 0 0 9px; } .full-banner { background-position: 0px -1113px; height: 181px; width: 100%; } .small-banner { background-position: 0px -908px; height: 189px; width: 670px; } .full-third-portrait { background-position: -224px -517px; height: 373px; width: 300px; } .full-fourth-portrait { background-position: -530px -332px; height: 297px; width: 203px; } .full-half { background-position: 0px 0px; height: 295px; width: 465px; } .full-third { background-position: 0px -305px; height: 199px; width: 300px; } .full-third-short { background-position: 0px -1486px; height: 145px; width: 300px; } .full-fourth { background-position: 0px -519px; height: 153px; width: 217px; } .small-half { background-position: -481px 0px; height: 206px; width: 320px; } .small-third { background-position: -315px -306px; height: 140px; width: 203px; } .small-fourth { background-position: -530px -215px; height: 109px; width: 145px; } .blog-frame { background-position: 0px -1299px; height: auto; margin-bottom: 20px; width: 100%; } .edit-page-button { clear: left; margin-top: 30px; } .edit-page-button a { border-radius: 3px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08); display: inline-block; font-size: 13px; font-weight: 700; height: 20px; line-height: 12px; margin: 0 5px 20px; padding: 8px 10px 0; text-decoration: none; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); } .edit-page-button a { background-position: 0 -630px; border: 1px solid #DAB347; color: #835503; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); } .edit-page-button a:hover { background-position: 0 -658px; border: 1px solid #DAB347; color: #422B01; } .top-aside .current-menu-item a, .top-aside .current-menu-parent a, .top-aside .current-menu-parent .sub-menu .current-menu-item a { color: #FFF !important; opacity: 0.6 !important; } .top-aside .current-menu-parent .sub-menu a { color: #FFF !important; opacity: 1.0 !important; } .top-aside a { opacity: 1; transition: opacity .20s ease-in-out; -moz-transition: opacity .20s ease-in-out; -webkit-transition: opacity .20s ease-in-out; } .top-aside a:hover { opacity: 0.6; } .tour-pagination-links { clear: both; padding-top: 15px; width: 100%; } .tour-pagination-links a { font-size: 14px; } .tour-pagination-next { float: right; } .tour-pagination-previous { float: left; } /*----------------------------------------------------------*/ /* 8. Forms/*----------------------------------------------------------*/ form,fieldset { border-style:none; margin:0; padding:0; } /*input,textarea,select{font-family:Lucida Grande,Lucida Sans Unicode,sans-serif;font-size:100%;font-size:13px;resize:none;border:1px solid #e0e0e0;padding:7px;/*vertical-align: middle;*/ } */ input, textarea { padding: 7px; } textarea { height: 190px; width: 88%; } /*input,textarea,button{background:none repeat scroll 0 0 #FFFFFF;border: 1px solid #EFEFEF;}*/ .contact-form div { margin-bottom: 0px !important; } .contact-form label { margin-top: 10px !important; } .contact-form .radio { display: inline !important; } #content-container input, #content-container textarea { border: 1px solid #D2D2D2; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1) inset; color: #747474; font-size: 13px; padding: 8px 7px; } #content-container input[type="text"] { margin: 0 10px 10px 0;/*width:300px;*/ } #content-container input:focus, #content-container textarea:focus { border: 1px solid #CCC; } label { color: #555; display: block; font-size: 13px; font-weight: 700; margin-bottom: 10px; } label span { color: #ACACAC; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-weight: normal; font-size: 11px; } #content-container .tt-form-submit { float: right; } .contact-submit { float: right; margin: 20px 65px 0 0; width: 100%; } #content-container .contact-form { padding-top: 20px; } /*----------------------------------------------------------*/ /* 9. Sidebar/*----------------------------------------------------------*/ .sidebar>* { margin-right: 30px; } .subnav_cont>* { margin-right: 0; } div+.sidebar { background-position: -321px -100px; float: none; margin-left: 707px; } div+.sidebar>* { float: none; margin-left: 30px; margin-right: 0; } .sidebar p { margin-bottom: 14px; margin-top: 1px; } .sidebar>div+div { margin-top: 20px; padding-top: 25px; } .sidebar div>strong { font-size: 13px; } .subnav+.sidebar-widget { border-top: 0; } #content-container .sidebar input[type="text"] { max-width: 170px; } /*----------------------------------------------------------*/ /* 10. Sub Navigation/*----------------------------------------------------------*/ div+.subnav_cont>* { margin-left: 0; } .sidebar .subnav>ul { list-style-image: none; padding-left: 0; } .sidebar .subnav li { border-bottom: 1px solid #dcddde; border-top: 1px solid #FFF; margin-bottom: 0; min-height: 18px; } .sidebar .subnav li:first-child { border-bottom: 1px solid #EEE; } .sidebar .subnav a { display: block; padding: 11px 0 11px 23px; min-height: 18px; } .sidebar .subnav ul .has_subnav ul a { padding: 9px 0 9px 23px; } .sidebar .subnav a:hover {/*background:url(images/global/bg-subnav-link-hover.png) top right no-repeat;*/ } .sidebar li:first-child { border-top: none; } .sidebar .subnav ul ul { border-top: 1px solid #dcddde; padding: 5px 0; } .has_subnav { padding-bottom: 0 !important; } .sidebar .subnav .current_subpage, .sidebar .subnav .current_subpage a, .sidebar .subnav .current_subpage a:hover { color: #FFF; } .sidebar .subnav .current_subpage ul a, .sidebar .subnav .current_subpage ul a:hover { background: none; color: #636B75; } .subnav ul a:link, .subnav ul a:visited { color: #636B75; } .sidebar .subnav ul ul li { border: none; list-style-position: inside; margin: 0; padding: 0; } .subnav>ul ul {/*background: #F4F4F4 url(images/global/bg-subnav-subnav.png) right top repeat-y;*/ } ul {/*list-style-image:url(images/global/bullet-type-1.png);*/ padding: 5px 0 0 16px; } .sidebar .subnav ul { list-style-image: none; list-style-type: none; } .sidebar .subnav ul .has_subnav ul a, .sidebar .subnav ul .has_subnav ul a:hover {/*background:url(images/global/bullet-type-1.png) 90% 50% no-repeat;*/ } .sidebar .subnav .has_subnav ul li a, .sidebar .subnav .has_subnav ul li a:hover, .sidebar .subnav .has_subnav .current_subpage a, .sidebar .subnav .has_subnav .current_subpage a:hover { margin-right: 0px; } .current_subpage { border: none !important; } hr { border: none; border-top: 1px solid #DADADA; } /*----------------------------------------------------------*/ /* 11. Homepage/*----------------------------------------------------------*/ .banner { height: 370px; overflow: visible; position: relative; width: 100%; z-index: 2; } .banner .center-wrap { position: relative; } .wide { font-size: 25px; text-align: center; } /* ------ Homepage - jQuery Slider ------ */ .banner-slider, .top-aside { position: relative; z-index: 1; } .banner-slider .center-wrap { padding: 35px 0; } .banner-slider.tt-custom-slider-wrap .center-wrap { padding: 0; } .banner-slider.tt-custom-slider-wrap .shadow.top, .banner-slider.tt-custom-slider-wrap .shadow.bottom { z-index: 99; } .banner-slide.current { display: block; } .banner-slider * { color: #FFF; } .main-wrap-slider { clear: both; } #slides { position: relative; } .slides_container { width: 960px; } .slides_container div { display: block; overflow: hidden; z-index: 525; } .slides_control .home-slider-post p:last-child { margin-bottom: 0px; } .pagination { float: left; left: 50%; list-style: none; margin: 50px auto 0 0; max-width: 960px; position: relative; } .pagination li { float: left; margin: 0 10px 0 0; position: relative; right: 50%; } .pagination li a { background-position: 0 -6030px; display: block; height: 9px; text-indent: -9999px; width: 8px; } .pagination li.current a, .pagination li a:hover { background-position: -8px -6030px; } .slides_container .single-post-thumb { border: none; box-shadow: 0 0 3px rgba(0, 0, 0, 0.45); margin-bottom: 5px; } .banner-slider h1, .banner-slider h2, .banner-slider h3, .banner-slider h4, .banner-slider h5, .banner-slider h6 { color: #FFF; margin-top: 35px; } #slides .next, #slides .prev { display: none; } .banner-slider .next, .banner-slider .prev {/*background:url(images/global/bg-slider-navigation-arrows.png) no-repeat 0 0;*/ background-position: 0 -5799px; cursor: pointer; display: block; height: 51px; margin: -20px 0 0; opacity: 0.6; position: absolute; text-indent: -9999px; top: 50%; width: 54px; z-index: 9999; -webkit-transition: all .3s ease; } .banner-slider .prev { left: 0px; } .banner-slider .next { right: 0px; background-position: 0 -5859px; } .banner-slider .next:hover, .banner-slider .prev:hover { opacity: 0.9; } /* ------ Homepage - Vertical Layout ------ */ .home-vertical-callout .img-frame { float: left; margin: 0 18px 18px 0; } .home-vertical-callout { clear: left; margin-bottom: 10px; } .home-vertical-content { padding-top: 8px; } .home-vertical-sidebar { background: #f7f7f7; border-radius: 5px; box-shadow: 0 1px 3px #c3c3c3; font-size: 13px; padding: 5px 0; } .home-vertical-sidebar>* { margin-left: 15px; margin-right: 15px; } .home-vertical-sidebar .sidebar-widget { padding-top: 0px; } .home-vertical-sidebar .widget-heading { font-size: 15px; font-weight: 500; margin-bottom: 24px; } .home-vertical-sidebar .recent-post-widget-text { border-bottom: 1px solid #dcdcdc; font-size: 13px; margin-bottom: 18px; margin-top: 2px; padding-bottom: 18px; width: 92%; } .home-vertical-sidebar .recent-post-widget-text a {/*background:url(images/global/arrow-right.png) right center no-repeat;*/ display: inline-block; padding-right: 28px; } .home-vertical-sidebar a:hover { text-decoration: none; } .recent-post-widget-title { font-weight: bold; margin-bottom: 0px; } .home-vertical-sidebar .recent-post-widget-text { font-size: 11px; } .home-vertical-sidebar .recent-post-widget-text:last-child { border-bottom: 0; padding-bottom: 10px; } /* ------ Homepage - Lightbox Layout ------ */ .main-wrap-home-lightbox { padding-top: 70px !important; } .home-lightbox-banner-content { left: 570px; position: absolute; top: 62px; } .home-lightbox-banner-content p { font-size: 13px; } .hero-image { bottom: 0px; position: absolute; right: 0px; } .hero-wrap { height: 320px; left: 0px; padding-bottom: 89px; position: absolute; top: -1px; width: 975px; } .home-primary-image { left: 27px; position: absolute; top: 20px; z-index: 900; } .home-secondary-image { left: 98px; position: absolute; top: 65px; z-index: 800; } .lightbox-link {/*background:url(images/global/bg-home-lightbox-link.png) 0 0 no-repeat;*/ display: block; height: 315px; left: 27px; outline: none; position: absolute; text-indent: -9999em; top: 20px; width: 450px; z-index: 9999; } .lightbox-link:hover { background-position: -450px 0; } /* ------ Homepage - Marketing Content Layout ------ */ #home-marketing-content, #home-marketing-blogposts { float: left; font-size: 13px; width: 54.6%; } #home-marketing-content p { margin-top: 5px; } #home-marketing-icons, #home-marketing-testimonials { float: right; font-size: 13px; margin-right: -5px; width: 43.8%; } #home-marketing-icons p { display: inline; } #home-marketing-testimonials .testimonials { margin-top: -5px; } #home-marketing-icons .tt-icon { float: left; line-height: 18px; margin-right: 5px; padding-bottom: 0; width: 34%; } #home-marketing-icons .tt-icon:first-child+.tt-icon+.tt-icon { clear: left; } #home-marketing-icons .tt-icon:last-child { padding-bottom: 8px; } #home-marketing-icons .tt-icon:hover { text-decoration: none; } #home-marketing-icons .tt-icon-link strong:hover { text-decoration: underline; } .section_title { color: #555; font-size: 11px; font-weight: 400; text-transform: uppercase; } .article_preview { font-size: 13px; margin-top: 25px; } .article_preview strong a { background-position: 0 -673px; padding: 2px 0 2px 25px; } .article_preview p { padding-left: 25px; padding-top: 3px; } /*----------------------------------------------------------*/ /* 12. Blog/*----------------------------------------------------------*/ .blog_page_content { width: 645px !important; } .member-name { color: #5B626D; } div+.blog_sidebar { float: right !important; margin-left: 0px !important; width: 220px !important; } .tt-share { padding: 8px 0 5px 0; } .facebook-share iframe { height: 20px; width: 85px; } .retweet-share iframe { margin: 0; width: 90px !important; } .facebook-share, .retweet-share, .pinterest-share { display: inline-block; } .pinterest-share { margin-left: 9px; } footer .facebook-share, footer .retweet-share { clear: none; display: inline-block; margin: 0; } .preview h2 { margin-bottom: 6px; } .no-posted-by { padding-bottom: 15px; } .metadata { background-position: 0 -1007px; color: #999; display: block; font-size: 13px; font-style: italic; margin-bottom: 25px; padding: 3px 0 3px 20px; } .blog-feature { margin-bottom: 20px; } article { font-size: 13px; margin-bottom: 100px; width: 640px; } .blog-main-preview { margin-bottom: 150px !important; } .articles_preview .tabs_type_2 { margin-top: 30px; } article hr { margin-top: 30px; } .post-tags { display: none; } .post-details { border-top: 1px solid #E5E5E5; margin-top: 30px; padding: 10px 0 0; width: 100%; } .post-thumb a, .post-thumb iframe, .single-post-thumb { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #DCE1E7; box-shadow: 0 0 4px rgba(0, 0, 0, 0.15); display: block; float: left; margin-bottom: 22px; padding: 8px; } .single-post-thumb+p { clear: left; } .post-thumb iframe { float: none; } .post-categories, .post-leave-comment { background-position: 0 -673px; } .post-categories { background-position: 0 -950px; float: left; padding: 5px 0 5px 24px; } .post-leave-comment { float: right; margin-left: 12px; padding: 5px 0 5px 24px; } #respond { clear: both; padding: 45px 0 0 40px; } .comment-title {/*background:url(images/global/bg-blog-comments.png) no-repeat scroll 0 50% transparent;*/ font-size: 18px; margin-bottom: 13px; padding: 5px 0 5px 26px; } #cancel-comment-reply-link {/*background:url(images/global/icon-cancel-reply.png) 0 50% no-repeat;*/ color: #AF3435; margin-left: 20px; padding: 25px 25px 25px 20px; text-decoration: underline; } #blog-comment-outer-wrap {/*background:url(images/global/bg-blog-comment-wrap.png) 0 0 repeat-x;*/ margin-top: -1px; } .tt-comment-count {/*background:url(images/global/arrow-up-2.png) 31px 29px no-repeat;*/ font-size: 16px; padding-bottom: 18px; margin-bottom: 0px; } .tags a { text-decoration: underline; } #blog-comment-outer-wrap a { font-size: 13px; } .topmargin { margin-top: 25px; } .preview h2 { line-height: 30px; } .archive-heading { color: #333; font-weight: bold; } /* ----- Discussion & Comments ----- */ .discussion-wrap { padding-top: 80px; } #blog-comment-outer-wrap ul li, #blog-comment-outer-wrap ol li { margin-bottom: 0px; } .discussion-wrap .comment-gravatar { margin-left: 0; } .comment-wrap { float: left; padding-top: 10px; width: 100%; } .comment-wrap ul { margin: 0 !important; padding: 0 !important; } .comment-content { float: left; padding: 30px 0 0; width: 550px; } .comment-gravatar { background: #FFF; border: 1px solid #EEE; float: left; height: 70px; margin: 25px 0 0 25px; width: 70px; } .comment-content .comment-gravatar { margin: 8px 0 0 25px; } .comment-gravatar img { border: 1px solid #EEE; margin: 4px 0 0 4px; } .comment-text { float: left; margin: 6px 0 0 20px; padding: 0 0 15px 10px; width: 400px; } .comment-author { display: block; font-weight: 700; } .comment-date { color: #999; display: block; font-size: 11px; font-style: italic; padding-bottom: 15px; } .comment-text p { font-size: 13px; margin-bottom: 15px; } .comment-ol { list-style: none; margin: 0; padding: 0; } .comment-ol li ul { list-style: none; margin: 0; padding: 0; } .comment-ol li ul li .comment-content { float: left; margin: 0 0 0 35px; width: 585px; } .comment-ol li ul li ul li .comment-content { float: left; margin: 0 0 0 70px; width: 550px; } .comment-ol li ul li ul li ul li .comment-content { float: left; margin: 0 0 0 105px; width: 515px; } .comment-ol li ul li ul li ul li ul li .comment-content { float: left; margin: 0 0 0 140px; width: 480px; } .comment-ol li ul li .comment-content .comment-text { width: 423px; } .comment-ol li ul li ul li .comment-content .comment-text { width: 388px; } .comment-ol li ul li ul li ul li .comment-content .comment-text { width: 353px; } #commentform { margin: 30px 0 50px; } #commentform label { display: inline; font-size: 13px; font-weight: 400; } ol #respond { margin-top: 30px; } #respond small { color: #7B7B7B; } .cancel-comment-reply { display: block; margin: 20px 0; } /*----------------------------------------------------------*/ /* 13. Gallery/*----------------------------------------------------------*/ #gallery-outer-wrap, #contact-content-wrap {/*background:url(images/global/bg-gallery-wrap.png) top center no-repeat;*/ clear: both; width: 100%; } #gallery-outer-wrap h4+p { margin-top: 12px; } #iso-wrap { padding-bottom: 30px; } .lightbox-zoom {/*background:url(images/global/lightbox-zoom.png) center center no-repeat;*/ height: 100%; width: 100%; } .lightbox-linked {/*background:url(images/global/lightbox-linked.png) center center no-repeat;*/ height: 100%; width: 100%; } #gallery-nav { display: block; margin: 0 auto; padding: 35px 0; text-align: center; width: 960px; } #gallery-nav a { color: #636B75; padding: 6px 12px; } #gallery-nav a:hover, #gallery-nav .active a { color: #555; background: #EEE; border-radius: 5px; box-shadow: inset 0 0 2px #CCC; text-decoration: none; } #gallery-nav li { display: inline; margin-right: 16px; } #gallery-nav li:last-child { margin-right: 0; } #gallery-wrap p { font-size: 13px; } #gallery-wrap h3 { font-size: 18px; } #gallery-wrap h3+p { margin-top: 10px; } .isotope-item { margin: 5px !important; z-index: 2; } .iso-space .isotope-item { margin: 10px !important; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } .isotope, .isotope .isotope-item { transition-duration: 0.8s; -moz-transition-duration: 0.8s; -webkit-transition-duration: 0.8s; } .isotope { transition-property: height, width; -moz-transition-property: height, width; -webkit-transition-property: height, width; } .isotope .isotope-item { transition-property: transform, opacity; -moz-transition-property: -moz-transform, opacity; -webkit-transition-property: -webkit-transform, opacity; } /*----------------------------------------------------------*/ /* 14. Utility Pages/*----------------------------------------------------------*/ /* ----- Sitemap ----- */ .sitemap-title { font-size: 13px; font-weight: 600; } .s-one { float: left; width: 190px; } .s-two { float: left; margin-left: 65px; width: 460px; } .s-three { float: right; width: 190px; } .s-two p, .s-two strong { font-size: 13px; } .s-one .sub-menu { padding-top: 15px; } .s-one ul li, .s-three ul li { margin-bottom: 10px; } .s-one .current-menu-item a, .s-one .current-menu-parent a, .s-one .current-menu-parent ul .current-menu-item a, .s-one .current-menu-ancestor ul .current-menu-ancestor a { color: #636B75; } .s-three ul li { color: #CCC; } .s-two .article_preview strong a { color: #757575; } .s-two .article_preview { margin-top: 20px; } .s-two .article_preview+.article_preview { margin-top: 30px; } /* ----- Search Results ----- */ .search-list { padding: 0 5px 5px 25px; } .search-list li { margin-bottom: 25px; } .search-list { list-style: decimal; } .search-list p { margin-left: -25px; } .search-list+.wp-pagenavi { margin-top: 15px; } .search-list li strong a:hover { text-decoration: underline; } /* ----- 404 Page not found ----- */ .page-not-found {/*background:url(images/global/bg-page-not-found.png) 0 0 no-repeat;*/ height: 266px; margin: 0 0 10px 75px; padding: 80px 0 0 430px; } .page-not-found strong { color: #5B626D; font-size: 14px; font-weight: 600; } .error404 header .current-menu-item a, .error404 header .current-menu-parent a, .error404 header .current-menu-parent ul .current-menu-item a, .error404 header .current-menu-ancestor ul .current-menu-ancestor a, .error404 header .current_page_parent a { color: #636B75; } /* ----- Under Construction Page ----- */ .construction-top-wrap { background: #FFF; padding-bottom: 150px; width: 100%; } .construction-heading { color: #666; font-family: Georgia, "Times New Roman", Times, serif; font-size: 25px; font-style: italic; font-weight: 300; padding-bottom: 30px; text-align: center; width: 100%; } #construction-body header nav, #construction-body .footer-callout, #construction-body .top-aside * { display: none; } #construction-body .companyIdentity img { float: none; margin: 0 auto; margin-top: 50px; } #construction-body .companyIdentity { text-align: center; } #countbox, .time-info-wrap { margin: 0 auto; width: 415px; } #days, #hours, #mins, #secs {/*background:url(images/global/image-sprite.png) -232px -7px no-repeat;*/ float: left; height: 81px; width: 81px; } #hours, #mins, #secs, #hours_text, #mins_text, #secs_text { margin-left: 30px; } #days span, #hours span, #mins span, #secs span, #days_text, #hours_text, #mins_text, #secs_text { float: left; font-family: "Myriad Pro", Arial, Helvetica, sans-serif; font-size: 32px; font-weight: 500; padding-top: 27px; text-align: center; width: 81px; } #days_text, #hours_text, #mins_text, #secs_text { font-size: 17px; padding-top: 10px; } .clear { clear: both; } /*----------------------------------------------------------*/ /* 15. FAQ+Team Members/*----------------------------------------------------------*/ .faq-answers {/*background:url(images/global/bg-faq-answers.png) 0 0 no-repeat;*/ clear: both; margin: 50px 0 0 0; padding-top: 60px; width: 100%; } .faq-pad { padding-top: 80px !important; } .faq-wrap { clear: both; margin-bottom: 15px; } /*.faq-content{float:right;width:800px;}.faq-content p{padding:10px;padding-bottom:5px;}.faq-content .faq-heading{font-size:14px;font-weight:600;margin-bottom:0px;padding-top: 0px;}*/ .faq-questions a:hover, .s-one ul li a, .s-one .current-page-ancestor a, .s-one .current-page-ancestor ul li a, .home-vertical-sidebar .widget-heading, .tt-icon strong { text-decoration: none; } .go_to_top { display: block; font-size: 9px; font-weight: 600; line-height: 18px; text-transform: uppercase; } .basic-divider {/*background:url(images/global/bg-divider-basic.png) right center no-repeat;*/ clear: both; display: block; height: 20px; margin: 30px 0; text-align: right; width: 100%; } .faq-number {/*background:url(images/global/bg-faq-numbers.png) 0 0 no-repeat;*/ float: left; height: 87px; margin-right: 40px; width: 120px; } .img-frame+.faq-questions { padding-top: 10px; } .answer_1 { background-position: 0 0; } .answer_2 { background-position: 0 -87px; } .answer_3 { background-position: 0 -177px; } .answer_4 { background-position: 0 -266px; } .answer_5 { background-position: 0 -354px; } .answer_6 { background-position: 0 -443px; } .answer_7 { background-position: 0 -532px; } .answer_8 { background-position: 0 -620px; } .answer_9 { background-position: 0 -709px; } .answer_10 { background-position: 0 -798px; } .answer_11 { background-position: 0 -886px; } .answer_12 { background-position: 0 -974px; } .answer_13 { background-position: 0 -1062px; } .answer_14 { background-position: 0 -1150px; } .answer_15 { background-position: 0 -1241px; } .answer_16 { background-position: 0 -1331px; } .answer_17 { background-position: 0 -1417px; } .answer_18 { background-position: 0 -1507px; } .answer_19 { background-position: 0 -1595px; } .answer_20 { background-position: 0 -1684px; } .answer_21 { background-position: 0 -1772px; } .answer_22 { background-position: 0 -1860px; } .answer_23 { background-position: 0 -1950px; } .answer_24 { background-position: 0 -2038px; } .answer_25 { background-position: 0 -2127px; } .answer_26 { background-position: 0 -2216px; } .answer_27 { background-position: 0 -2304px; } .answer_28 { background-position: 0 -2393px; } .answer_29 { background-position: 0 -2481px; } .answer_30 { background-position: 0 -2570px; } .answer_31 { background-position: 0 -2659px; } .answer_32 { background-position: 0 -2748px; } .answer_33 { background-position: 0 -2836px; } .answer_34 { background-position: 0 -2925px; } .answer_35 { background-position: 0 -3013px; } .answer_36 { background-position: 0 -3102px; } .answer_37 { background-position: 0 -3191px; } .answer_38 { background-position: 0 -3279px; } .answer_39 { background-position: 0 -3368px; } .answer_40 { background-position: 0 -3457px; } .answer_41 { background-position: 0 -3546px; } .answer_42 { background-position: 0 -3634px; } .answer_43 { background-position: 0 -3723px; } .answer_44 { background-position: 0 -3812px; } .answer_45 { background-position: 0 -3901px; } .answer_46 { background-position: 0 -3989px; } .answer_47 { background-position: 0 -4077px; } .answer_48 { background-position: 0 -4165px; } .answer_49 { background-position: 0 -4254px; } .answer_50 { background-position: 0 -4343px; } .member-wrap { clear: both; width: 100%; } #main-wrap .member-wrap:first-child { margin-top: -20px; } .member-wrap+.member-wrap { border-top: 1px dotted #aeaeae; margin-top: 35px; } #main-wrap .member-wrap:last-child { margin-bottom: 20px; } .member-contact { float: left; padding-top: 50px; width: 24%; } .member-bio { float: left; font-size: 13px; line-height: 1.6em; margin-left: 5px; padding-top: 50px; width: 50%; } .member-photo { float: right; height: 125px; margin-top: 50px; width: 160px; } .member-frame { background-position: -548px -668px; } .member-name { color: #666; font-size: 22px; margin: 0; padding: 0; } .member-title { color: #999; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; } .member-list { list-style: none; margin: 0; padding: 0; } .member-list li { margin-bottom: 8px; } .member-contact-email { background-position: 0 -709px; padding: 2px 0 2px 24px; } .member-contact-phone { background-position: 0 -746px; padding: 0 0 0 24px; } .member-contact-twitter { background-position: 0 -345px; padding: 0 0 0 24px; } .member-contact-facebook { background-position: 0 -371px; padding: 0 0 0 24px; } .member-contact-google { background-position: 0 -578px; padding: 2px 0 2px 24px; } .member-contact-linkedin { background-position: 0 -474px; padding: 2px 0 2px 24px; } /*----------------------------------------------------------*/ /* 16. Footer/*----------------------------------------------------------*/ footer { clear: both; font-size: 13px; overflow: visible; padding-top: 30px; position: relative; width: 100%; z-index: 1; } .footer-content { padding-bottom: 40px; } .footer-content .one_third { width: 31% !important; } .footer-content .one_third ul { margin-left: 0px; padding: 0px; } footer .sidebar-widget { padding-top: 0px; } .tt-relative { position: relative; } .footer-social { float: left; } .footer-search { float: right; } .footer-callout { display: none; background-color: #39ab70; border-top: 1px solid #dfdfdf; box-shadow: 0 0 3px #ddd; background-repeat: repeat-x; padding: 37px 0; width: 100%; } .footer-callout-content { float: left; line-height: 20px; width: 76%; } .footer-callout-button { float: right; margin: 14px 0 0 0; } .footer-callout-content p { font-size: 17px; margin-bottom: 0px; text-shadow: 1px 1px 2px #FFF; } .footer-callout-content .callout-heading { font-size: 20px; letter-spacing: -0.3px; } form.search { margin: 0; padding: 0; } form.search p { margin-top: 10px; } footer>div>p { float: left; font-size: 11px; padding-top: 20px; width: 450px; } footer ul {/*list-style-image:url(images/global/bullet-type-1-footer.png);*/ } footer nav { float: right; padding: 16px 0 0 0; } footer nav a { font-size: 11px; } footer nav>ul>li+li { margin-left: 10px; } footer *, .social_links a:link, .social_links a:active, .social_links a:visited, footer a:hover, footer span { color: #FFF; } footer .current-menu-item a { color: #FFF;/*font-weight:bold;*/ } footer .foot-heading { color: #FFF; font-size: 16px; font-weight: 500; margin-bottom: 12px; } footer .social_icons, #contact-info-wrap .social_icons { padding-left: 0; } footer .social_icons a, #contact-info-wrap .social_icons a { padding-left: 22px; } .footer-default-one, .construction-default-one { float: left; width: 41.6%; } .footer-default-two, .construction-default-two { float: left; margin-left: 6.25%; width: 18.75%; } .footer-default-three, .construction-default-three { float: right; width: 26.04%; } footer .footer-default-three .social_icons li, footer .construction-default-three .social_icons li, #contact-info-wrap .social_icons li { float: left; margin-right: 20px; } .display-none { display: none; } .footer-copyright { background: rgba(0, 0, 0, 0.1); clear: both; padding: 15px 0; width: 100%; } .footer-nav { list-style: none; margin: 0; padding: 1px 0 0 0; } .footer-nav li { float: left; margin-bottom: 0; } .footer-nav li+li { margin-left: 10px; } .footer-nav li a { border-right: 1px solid rgba(255, 255, 255, 0.3); color: #FFF; font-weight: 500; padding-right: 10px; } .footer-nav li:last-child a { background: none; } .footer-nav .current_page_parent a { color: #FFF; } .foot-copy { float: left; } .footer-nav { float: right; margin-left: 110px; } .foot-copy p { margin: 0; padding: 0; } .footer-copyright p, .footer-copyright ul { font-size: 13px; } .footer-logo { padding-bottom: 10px; } /*----------------------------------------------------------*/ /* 17. Shortcodes/*----------------------------------------------------------*/ /*----- Buttons ----- */ a.tt-button { border-radius: 2px; display: inline-block; font-size: 17px; font-weight: 500; height: 20px; line-height: 12px; padding: 8px 10px 0; text-decoration: none; } a.tt-button.large { height: 46px; line-height: 46px; padding: 0px 20px; } a.tt-button.jumbo { font-size: 14px; height: 30px; line-height: 14px; padding: 17px 18px 0; } a.tt-button.black { color: #FFF; background-color: #4195d5; -webkit-box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.4); -moz-box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.4); box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.4); } a.tt-button.black:hover { background-color: #3e8bc5; -webkit-box-shadow: inset 0px 2px 0px 0px rgba(0, 0, 0, 0.4); -moz-box-shadow: inset 0px 2px 0px 0px rgba(0, 0, 0, 0.4); box-shadow: inset 0px 2px 0px 0px rgba(0, 0, 0, 0.4); } a.tt-button.black-2 { height: 42px; line-height: 42px; border-radius: 3px; color: #333; border: 2px solid #333; background-color: #fff; } a.tt-button.black-2:hover { background-color: #f4f4f4; } a.tt-button.blue { background-color: #8dd9f6; background-image: linear-gradient(top, #abe4f8, #6fcef3); background-repeat: repeat-x; border: 1px solid #8DC5DA; color: #42788E; background-image: -moz-linear-gradient(top, #abe4f8, #6fcef3); background-image: -ms-linear-gradient(top, #abe4f8, #6fcef3); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#abe4f8), to(#6fcef3)); background-image: -webkit-linear-gradient(top, #abe4f8, #6fcef3); background-image: -o-linear-gradient(top, #abe4f8, #6fcef3); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#abe4f8', endColorstr='#6fcef3', GradientType=0); } a.tt-button.blue:hover { background: #92dbf6; border: 1px solid #7CAEC0; } a.tt-button.green { background-color: #cae285; background-image: linear-gradient(top, #cae285, #9fcb57); background-repeat: repeat-x; border: 1px solid #ADC671; color: #5D7731; background-image: -moz-linear-gradient(top, #cae285, #9fcb57); background-image: -ms-linear-gradient(top, #cae285, #9fcb57); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#cae285), to(#9fcb57)); background-image: -webkit-linear-gradient(top, #cae285, #9fcb57); background-image: -o-linear-gradient(top, #cae285, #9fcb57); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cae285', endColorstr='#9fcb57', GradientType=0); } a.tt-button.green:hover { border: 1px solid #8BB14D; background: #b9d972; } a.tt-button.grey { background-color: #cacaca; background-image: linear-gradient(top, #cacaca, #aeaeae); background-repeat: repeat-x; border: 1px solid #B5B5B5; color: #555; background-image: -moz-linear-gradient(top, #cacaca, #aeaeae); background-image: -ms-linear-gradient(top, #cacaca, #aeaeae); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#cacaca), to(#aeaeae)); background-image: -webkit-linear-gradient(top, #cacaca, #aeaeae); background-image: -o-linear-gradient(top, #cacaca, #aeaeae); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cacaca', endColorstr='#aeaeae', GradientType=0); } a.tt-button.grey:hover { background-color: #bcbcbc; background-image: linear-gradient(top, #bcbcbc, #c2c2c2); background-repeat: repeat-x; border: 1px solid #989898; background-image: -moz-linear-gradient(top, #bcbcbc, #c2c2c2); background-image: -ms-linear-gradient(top, #bcbcbc, #c2c2c2); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#bcbcbc), to(#c2c2c2)); background-image: -webkit-linear-gradient(top, #bcbcbc, #c2c2c2); background-image: -o-linear-gradient(top, #bcbcbc, #c2c2c2); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bcbcbc', endColorstr='#c2c2c2', GradientType=0); } a.tt-button.navy { background-color: #becbd6; background-image: linear-gradient(top, #becbd6, #88a1b4); background-repeat: repeat-x; border: 1px solid #A2AFB8; color: #515F6A; background-image: -moz-linear-gradient(top, #becbd6, #88a1b4); background-image: -ms-linear-gradient(top, #becbd6, #88a1b4); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#becbd6), to(#88a1b4)); background-image: -webkit-linear-gradient(top, #becbd6, #88a1b4); background-image: -o-linear-gradient(top, #becbd6, #88a1b4); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#becbd6', endColorstr='#88a1b4', GradientType=0); } a.tt-button.navy:hover { background: #adbfcb; border: 1px solid #8996A0; } a.tt-button.orange, .edit-page-button a { background-color: #feda71; background-image: linear-gradient(top, #feda71, #febb4a); background-repeat: repeat-x; border: 1px solid #DAB347; color: #835503; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); background-image: -moz-linear-gradient(top, #feda71, #febb4a); background-image: -ms-linear-gradient(top, #feda71, #febb4a); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#feda71), to(#febb4a)); background-image: -webkit-linear-gradient(top, #feda71, #febb4a); background-image: -o-linear-gradient(top, #feda71, #febb4a); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#feda71', endColorstr='#febb4a', GradientType=0); } a.tt-button.orange:hover { background-color: #fec354; background-image: linear-gradient(top, #fec354, #fecd61); background-repeat: repeat-x; border: 1px solid #DAB347; background-image: -moz-linear-gradient(top, #fec354, #fecd61); background-image: -ms-linear-gradient(top, #fec354, #fecd61); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fec354), to(#fecd61)); background-image: -webkit-linear-gradient(top, #fec354, #fecd61); background-image: -o-linear-gradient(top, #fec354, #fecd61); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fec354', endColorstr='#fecd61', GradientType=0); } a.tt-button.purple { background-color: #e8c4e4; background-image: linear-gradient(top, #e8c4e4, #d494ce); background-repeat: repeat-x; border: 1px solid #BC9DB9; color: #7B5777; background-image: -moz-linear-gradient(top, #e8c4e4, #d494ce); background-image: -ms-linear-gradient(top, #e8c4e4, #d494ce); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e8c4e4), to(#d494ce)); background-image: -webkit-linear-gradient(top, #e8c4e4, #d494ce); background-image: -o-linear-gradient(top, #e8c4e4, #d494ce); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8c4e4', endColorstr='#d494ce', GradientType=0); } a.tt-button.purple:hover { background-color: #deabd9; background-image: linear-gradient(top, #deabd9, #e0b1db); background-repeat: repeat-x; border: 1px solid #A482A0; background-image: -moz-linear-gradient(top, #deabd9, #e0b1db); background-image: -ms-linear-gradient(top, #deabd9, #e0b1db); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#deabd9), to(#e0b1db)); background-image: -webkit-linear-gradient(top, #deabd9, #e0b1db); background-image: -o-linear-gradient(top, #deabd9, #e0b1db); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#deabd9', endColorstr='#e0b1db', GradientType=0); } a.tt-button.red { background-color: #f78297; background-image: linear-gradient(top, #f78297, #f56778); background-repeat: repeat-x; border: 1px solid #DF6F8B; color: #913944; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3); background-image: -moz-linear-gradient(top, #f78297, #f56778); background-image: -ms-linear-gradient(top, #f78297, #f56778); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f78297), to(#f56778)); background-image: -webkit-linear-gradient(top, #f78297, #f56778); background-image: -o-linear-gradient(top, #f78297, #f56778); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f78297', endColorstr='#f56778', GradientType=0); } a.tt-button.red:hover { background-color: #f56c7e; background-image: linear-gradient(top, #f56c7e, #f78297); background-repeat: repeat-x; border: 1px solid #C36079; background-image: -moz-linear-gradient(top, #f56c7e, #f78297); background-image: -ms-linear-gradient(top, #f56c7e, #f78297); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f56c7e), to(#f78297)); background-image: -webkit-linear-gradient(top, #f56c7e, #f78297); background-image: -o-linear-gradient(top, #f56c7e, #f78297); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f56c7e', endColorstr='#f78297', GradientType=0); } a.tt-button.teal { background-color: #b7f2f4; background-image: linear-gradient(top, #b7f2f4, #7ce7ea); background-repeat: repeat-x; border: 1px solid #90C6C8; color: #437B7D; background-image: -moz-linear-gradient(top, #b7f2f4, #7ce7ea); background-image: -ms-linear-gradient(top, #b7f2f4, #7ce7ea); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b7f2f4), to(#7ce7ea)); background-image: -webkit-linear-gradient(top, #b7f2f4, #7ce7ea); background-image: -o-linear-gradient(top, #b7f2f4, #7ce7ea); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b7f2f4', endColorstr='#7ce7ea', GradientType=0); } a.tt-button.teal:hover { background: #9fedf0; border: 1px solid #7DB9BB; } a.tt-button.white, #content-container .tt-form-submit, #commentform #submit-button, .gform_footer .button { background-color: #fbfbfb; background-image: linear-gradient(top, #fbfbfb, #f0f0f0); background-repeat: repeat-x; border: 1px solid #D3D3D3; color: #555; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); background-image: -moz-linear-gradient(top, #fbfbfb, #f0f0f0); background-image: -ms-linear-gradient(top, #fbfbfb, #f0f0f0); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbfbfb), to(#f0f0f0)); background-image: -webkit-linear-gradient(top, #fbfbfb, #f0f0f0); background-image: -o-linear-gradient(top, #fbfbfb, #f0f0f0); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbfbfb', endColorstr='#f0f0f0', GradientType=0); } a.tt-button.white:hover, #content-container .tt-form-submit:hover, #commentform #submit-button:hover, .gform_footer .button:hover { background-color: #efefef; background-image: linear-gradient(top, #efefef, #f8f8f8); background-repeat: repeat-x; border: 1px solid #C4C4C4; background-image: -moz-linear-gradient(top, #efefef, #f8f8f8); background-image: -ms-linear-gradient(top, #efefef, #f8f8f8); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#efefef), to(#f8f8f8)); background-image: -webkit-linear-gradient(top, #efefef, #f8f8f8); background-image: -o-linear-gradient(top, #efefef, #f8f8f8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#f8f8f8', GradientType=0); } a.tt-button.autumn { background-color: #D0600E; background-image: linear-gradient(to bottom, #D0600E, #772002); border: 1px solid #772002; color: #FFF; text-shadow: none; background-image: -webkit-gradient(linear, left top, left bottom, from(#D0600E), to(#772002)); background-image: -webkit-linear-gradient(top, #D0600E, #772002); background-image: -moz-linear-gradient(top, #D0600E, #772002); background-image: -o-linear-gradient(top, #D0600E, #772002); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#D0600E', endColorstr='#772002');/*For IE7-8-9*/ ; } a.tt-button.autumn:hover { background-color: #772002; background-image: linear-gradient(to bottom, #772002, #D0600E); color: #FFF; text-shadow: none; background-image: -webkit-gradient(linear, left top, left bottom, from(#772002), to(#D0600E)); background-image: -webkit-linear-gradient(top, #772002, #D0600E); background-image: -moz-linear-gradient(top, #772002, #D0600E); background-image: -o-linear-gradient(top, #772002, #D0600E); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#772002', endColorstr='#D0600E');/*For IE7-8-9*/ ; } a.tt-button.blue-grey { background-color: #5E6475; background-image: linear-gradient(to bottom, #5E6475, #2C2F38); border: 1px solid #2C2F38; color: #FFF; text-shadow: none; background-image: -webkit-gradient(linear, left top, left bottom, from(#5E6475), to(#2C2F38)); background-image: -webkit-linear-gradient(top, #5E6475, #2C2F38); background-image: -moz-linear-gradient(top, #5E6475, #2C2F38); background-image: -o-linear-gradient(top, #5E6475, #2C2F38); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#5E6475', endColorstr='#2C2F38');/*For IE7-8-9*/ ; } a.tt-button.blue-grey:hover { background-color: #2C2F38; background-image: linear-gradient(to bottom, #2C2F38, #5E6475); color: #FFF; text-shadow: none; background-image: -webkit-gradient(linear, left top, left bottom, from(#2C2F38), to(#5E6475)); background-image: -webkit-linear-gradient(top, #2C2F38, #5E6475); background-image: -moz-linear-gradient(top, #2C2F38, #5E6475); background-image: -o-linear-gradient(top, #2C2F38, #5E6475); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#2C2F38', endColorstr='#5E6475');/*For IE7-8-9*/ ; } a.tt-button.cool-blue { background-color: #0D9DDC; background-image: linear-gradient(to bottom, #0D9DDC, #0D5292); border: 1px solid #0D5292; color: #FFF; text-shadow: none; background-image: -webkit-gradient(linear, left top, left bottom, from(#0D9DDC), to(#0D5292)); background-image: -webkit-linear-gradient(top, #0D9DDC, #0D5292); background-image: -moz-linear-gradient(top, #0D9DDC, #0D5292); background-image: -o-linear-gradient(top, #0D9DDC, #0D5292); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#0D9DDC', endColorstr='#0D5292');/*For IE7-8-9*/ ; } a.tt-button.cool-blue:hover { background-color: #0D5292; background-image: linear-gradient(to bottom, #0D5292, #0D9DDC); color: #FFF; text-shadow: none; background-image: -webkit-gradient(linear, left top, left bottom, from(#0D5292), to(#0D9DDC)); background-image: -webkit-linear-gradient(top, #0D5292, #0D9DDC); background-image: -moz-linear-gradient(top, #0D5292, #0D9DDC); background-image: -o-linear-gradient(top, #0D5292, #0D9DDC); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#0D5292', endColorstr='#0D9DDC');/*For IE7-8-9*/ ; } a.tt-button.coffee { background-color: #9A6742; background-image: linear-gradient(to bottom, #9A6742, #2E1C10); border: 1px solid #2E1C10; color: #FFF; text-shadow: none; background-image: -webkit-gradient(linear, left top, left bottom, from(#9A6742), to(#2E1C10)); background-image: -webkit-linear-gradient(top, #9A6742, #2E1C10); background-image: -moz-linear-gradient(top, #9A6742, #2E1C10); background-image: -o-linear-gradient(top, #9A6742, #2E1C10); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#9A6742', endColorstr='#2E1C10');/*For IE7-8-9*/ ; } a.tt-button.coffee:hover { background-color: #2E1C10; background-image: linear-gradient(to bottom, #2E1C10, #9A6742); color: #FFF; text-shadow: none; background-image: -webkit-gradient(linear, left top, left bottom, from(#2E1C10), to(#9A6742)); background-image: -webkit-linear-gradient(top, #2E1C10, #9A6742); background-image: -moz-linear-gradient(top, #2E1C10, #9A6742); background-image: -o-linear-gradient(top, #2E1C10, #9A6742); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#2E1C10', endColorstr='#9A6742');/*For IE7-8-9*/ ; } a.tt-button.fire { background-color: #FE8A0B; background-image: linear-gradient(to bottom, #FE8A0B, #B33410); border: 1px solid #B33410; color: #FFF; text-shadow: none; background-image: -webkit-gradient(linear, left top, left bottom, from(#FE8A0B), to(#B33410)); background-image: -webkit-linear-gradient(top, #FE8A0B, #B33410); background-image: -moz-linear-gradient(top, #FE8A0B, #B33410); background-image: -o-linear-gradient(top, #FE8A0B, #B33410); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#FE8A0B', endColorstr='#B33410');/*For IE7-8-9*/ ; } a.tt-button.fire:hover { background-color: #B33410; background-image: linear-gradient(to bottom, #B33410, #FE8A0B); color: #FFF; text-shadow: none; background-image: -webkit-gradient(linear, left top, left bottom, from(#B33410), to(#FE8A0B)); background-image: -webkit-linear-gradient(top, #B33410, #FE8A0B); background-image: -moz-linear-gradient(top, #B33410, #FE8A0B); background-image: -o-linear-gradient(top, #B33410, #FE8A0B); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#B33410', endColorstr='#FE8A0B');/*For IE7-8-9*/ ; } a.tt-button.golden { background-color: #FDBB0D; background-image: linear-gradient(to bottom, #FDBB0D, #BF7D02); border: 1px solid #BF7D02; color: #FFF; text-shadow: none; background-image: -webkit-gradient(linear, left top, left bottom, from(#FDBB0D), to(#BF7D02)); background-image: -webkit-linear-gradient(top, #FDBB0D, #BF7D02); background-image: -moz-linear-gradient(top, #FDBB0D, #BF7D02); background-image: -o-linear-gradient(top, #FDBB0D, #BF7D02); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#FDBB0D', endColorstr='#BF7D02');/*For IE7-8-9*/ ; } a.tt-button.golden:hover { background-color: #BF7D02; background-image: linear-gradient(to bottom, #BF7D02, #FDBB0D); color: #FFF; text-shadow: none; background-image: -webkit-gradient(linear, left top, left bottom, from(#BF7D02), to(#FDBB0D)); background-image: -webkit-linear-gradient(top, #BF7D02, #FDBB0D); background-image: -moz-linear-gradient(top, #BF7D02, #FDBB0D); background-image: -o-linear-gradient(top, #BF7D02, #FDBB0D); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#BF7D02', endColorstr='#FDBB0D');/*For IE7-8-9*/ ; } a.tt-button.green-2 { border: 1px solid #416119; background-color: #49A501; background-image: linear-gradient(to bottom, #49A501, #416119); color: #FFF; text-shadow: none; background-image: -webkit-gradient(linear, left top, left bottom, from(#49A501), to(#416119)); background-image: -webkit-linear-gradient(top, #49A501, #416119); background-image: -moz-linear-gradient(top, #49A501, #416119); background-image: -o-linear-gradient(top, #49A501, #416119); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#49A501', endColorstr='#416119');/*For IE7-8-9*/ ; } a.tt-button.green-2:hover { background-color: #416119; background-image: linear-gradient(to bottom, #416119, #49A501); color: #FFF; text-shadow: none; background-image: -webkit-gradient(linear, left top, left bottom, from(#416119), to(#49A501)); background-image: -webkit-linear-gradient(top, #416119, #49A501); background-image: -moz-linear-gradient(top, #416119, #49A501); background-image: -o-linear-gradient(top, #416119, #49A501); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#416119', endColorstr='#49A501');/*For IE7-8-9*/ ; } a.tt-button.lime-green { background-color: #AED613; background-image: linear-gradient(to bottom, #AED613, #467612); border: 1px solid #467612; color: #FFF; text-shadow: none; background-image: -webkit-gradient(linear, left top, left bottom, from(#AED613), to(#467612)); background-image: -webkit-linear-gradient(top, #AED613, #467612); background-image: -moz-linear-gradient(top, #AED613, #467612); background-image: -o-linear-gradient(top, #AED613, #467612); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#AED613', endColorstr='#467612');/*For IE7-8-9*/ ; } a.tt-button.lime-green:hover { background-color: #467612; background-image: linear-gradient(to bottom, #467612, #AED613); color: #FFF; text-shadow: none; background-image: -webkit-gradient(linear, left top, left bottom, from(#467612), to(#AED613)); background-image: -webkit-linear-gradient(top, #467612, #AED613); background-image: -moz-linear-gradient(top, #467612, #AED613); background-image: -o-linear-gradient(top, #467612, #AED613); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#467612', endColorstr='#AED613');/*For IE7-8-9*/ ; } a.tt-button.periwinkle { background-color: #5064C9; background-image: linear-gradient(to bottom, #5064C9, #522173); border: 1px solid #522173; color: #FFF; text-shadow: none; background-image: -webkit-gradient(linear, left top, left bottom, from(#5064C9), to(#522173)); background-image: -webkit-linear-gradient(top, #5064C9, #522173); background-image: -moz-linear-gradient(top, #5064C9, #522173); background-image: -o-linear-gradient(top, #5064C9, #522173); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#5064C9', endColorstr='#522173');/*For IE7-8-9*/ ; } a.tt-button.periwinkle:hover { background-color: #522173; background-image: linear-gradient(to bottom, #522173, #5064C9); color: #FFF; text-shadow: none; background-image: -webkit-gradient(linear, left top, left bottom, from(#522173), to(#5064C9)); background-image: -webkit-linear-gradient(top, #522173, #5064C9); background-image: -moz-linear-gradient(top, #522173, #5064C9); background-image: -o-linear-gradient(top, #522173, #5064C9); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#522173', endColorstr='#5064C9');/*For IE7-8-9*/ ; } a.tt-button.pink { background-color: #C4378F; background-image: linear-gradient(to bottom, #C4378F, #72234F); border: 1px solid #72234F; color: #FFF; text-shadow: none; background-image: -webkit-gradient(linear, left top, left bottom, from(#C4378F), to(#72234F)); background-image: -webkit-linear-gradient(top, #C4378F, #72234F); background-image: -moz-linear-gradient(top, #C4378F, #72234F); background-image: -o-linear-gradient(top, #C4378F, #72234F); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#C4378F', endColorstr='#72234F');/*For IE7-8-9*/ ; } a.tt-button.pink:hover { background-color: #72234F; background-image: linear-gradient(to bottom, #72234F, #C4378F); color: #FFF; text-shadow: none; background-image: -webkit-gradient(linear, left top, left bottom, from(#72234F), to(#C4378F)); background-image: -webkit-linear-gradient(top, #72234F, #C4378F); background-image: -moz-linear-gradient(top, #72234F, #C4378F); background-image: -o-linear-gradient(top, #72234F, #C4378F); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#72234F', endColorstr='#C4378F');/*For IE7-8-9*/ ; } a.tt-button.purple-2 { background-color: #8F4EC2; background-image: linear-gradient(to bottom, #8F4EC2, #513567); border: 1px solid #513567; color: #FFF; text-shadow: none; background-image: -webkit-gradient(linear, left top, left bottom, from(#8F4EC2), to(#513567)); background-image: -webkit-linear-gradient(top, #8F4EC2, #513567); background-image: -moz-linear-gradient(top, #8F4EC2, #513567); background-image: -o-linear-gradient(top, #8F4EC2, #513567); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#8F4EC2', endColorstr='#513567');/*For IE7-8-9*/ ; } a.tt-button.purple-2:hover { background-color: #513567; background-image: linear-gradient(to bottom, #513567, #8F4EC2); color: #FFF; text-shadow: none; background-image: -webkit-gradient(linear, left top, left bottom, from(#513567), to(#8F4EC2)); background-image: -webkit-linear-gradient(top, #513567, #8F4EC2); background-image: -moz-linear-gradient(top, #513567, #8F4EC2); background-image: -o-linear-gradient(top, #513567, #8F4EC2); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#513567', endColorstr='#8F4EC2');/*For IE7-8-9*/ ; } a.tt-button.red-2 { background-color: #C71901; background-image: linear-gradient(to bottom, #C71901, #961300); border: 1px solid #961300; color: #FFF; text-shadow: none; background-image: -webkit-gradient(linear, left top, left bottom, from(#C71901), to(#961300)); background-image: -webkit-linear-gradient(top, #C71901, #961300); background-image: -moz-linear-gradient(top, #C71901, #961300); background-image: -o-linear-gradient(top, #C71901, #961300); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#C71901', endColorstr='#961300');/*For IE7-8-9*/ ; } a.tt-button.red-2:hover { background-color: #961300; background-image: linear-gradient(to bottom, #961300, #C71901); color: #FFF; text-shadow: none; background-image: -webkit-gradient(linear, left top, left bottom, from(#961300), to(#C71901)); background-image: -webkit-linear-gradient(top, #961300, #C71901); background-image: -moz-linear-gradient(top, #961300, #C71901); background-image: -o-linear-gradient(top, #961300, #C71901); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#961300', endColorstr='#C71901');/*For IE7-8-9*/ ; } a.tt-button.royal-blue { background-color: #2D59A2; background-image: linear-gradient(to bottom, #2D59A2, #122A53); border: 1px solid #122A53; color: #FFF; text-shadow: none; background-image: -webkit-gradient(linear, left top, left bottom, from(#2D59A2), to(#122A53)); background-image: -webkit-linear-gradient(top, #2D59A2, #122A53); background-image: -moz-linear-gradient(top, #2D59A2, #122A53); background-image: -o-linear-gradient(top, #2D59A2, #122A53); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#2D59A2', endColorstr='#122A53');/*For IE7-8-9*/ ; } a.tt-button.royal-blue:hover { background-color: #122A53; background-image: linear-gradient(to bottom, #122A53, #2D59A2); color: #FFF; text-shadow: none; background-image: -webkit-gradient(linear, left top, left bottom, from(#122A53), to(#2D59A2)); background-image: -webkit-linear-gradient(top, #122A53, #2D59A2); background-image: -moz-linear-gradient(top, #122A53, #2D59A2); background-image: -o-linear-gradient(top, #122A53, #2D59A2); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#122A53', endColorstr='#2D59A2');/*For IE7-8-9*/ ; } a.tt-button.silver { background-color: #ACACAC; background-image: linear-gradient(to bottom, #ACACAC, #5C5C5C); border: 1px solid #5C5C5C; color: #FFF; text-shadow: none; background-image: -webkit-gradient(linear, left top, left bottom, from(#ACACAC), to(#5C5C5C)); background-image: -webkit-linear-gradient(top, #ACACAC, #5C5C5C); background-image: -moz-linear-gradient(top, #ACACAC, #5C5C5C); background-image: -o-linear-gradient(top, #ACACAC, #5C5C5C); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ACACAC', endColorstr='#5C5C5C');/*For IE7-8-9*/ ; } a.tt-button.silver:hover { background-color: #5C5C5C; background-image: linear-gradient(to bottom, #5C5C5C, #ACACAC); color: #FFF; text-shadow: none; background-image: -webkit-gradient(linear, left top, left bottom, from(#5C5C5C), to(#ACACAC)); background-image: -webkit-linear-gradient(top, #5C5C5C, #ACACAC); background-image: -moz-linear-gradient(top, #5C5C5C, #ACACAC); background-image: -o-linear-gradient(top, #5C5C5C, #ACACAC); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#5C5C5C', endColorstr='#ACACAC');/*For IE7-8-9*/ ; } a.tt-button.sky-blue { background-color: #53C5FE; background-image: linear-gradient(to bottom, #53C5FE, #16A7E1); border: 1px solid #16A7E1; color: #FFF; text-shadow: none; background-image: -webkit-gradient(linear, left top, left bottom, from(#53C5FE), to(#16A7E1)); background-image: -webkit-linear-gradient(top, #53C5FE, #16A7E1); background-image: -moz-linear-gradient(top, #53C5FE, #16A7E1); background-image: -o-linear-gradient(top, #53C5FE, #16A7E1); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#53C5FE', endColorstr='#16A7E1');/*For IE7-8-9*/ ; } a.tt-button.sky-blue:hover { background-color: #16A7E1; background-image: linear-gradient(to bottom, #16A7E1, #53C5FE); color: #FFF; text-shadow: none; background-image: -webkit-gradient(linear, left top, left bottom, from(#16A7E1), to(#53C5FE)); background-image: -webkit-linear-gradient(top, #16A7E1, #53C5FE); background-image: -moz-linear-gradient(top, #16A7E1, #53C5FE); background-image: -o-linear-gradient(top, #16A7E1, #53C5FE); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#16A7E1', endColorstr='#53C5FE');/*For IE7-8-9*/ ; } a.tt-button.teal-grey { background-color: #33657E; background-image: linear-gradient(to bottom, #33657E, #162E36); border: 1px solid #162E36; color: #FFF; text-shadow: none; background-image: -webkit-gradient(linear, left top, left bottom, from(#33657E), to(#162E36)); background-image: -webkit-linear-gradient(top, #33657E, #162E36); background-image: -moz-linear-gradient(top, #33657E, #162E36); background-image: -o-linear-gradient(top, #33657E, #162E36); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#33657E', endColorstr='#162E36');/*For IE7-8-9*/ ; } a.tt-button.teal-grey:hover { background-color: #162E36; background-image: linear-gradient(to bottom, #162E36, #33657E); color: #FFF; text-shadow: none; background-image: -webkit-gradient(linear, left top, left bottom, from(#162E36), to(#33657E)); background-image: -webkit-linear-gradient(top, #162E36, #33657E); background-image: -moz-linear-gradient(top, #162E36, #33657E); background-image: -o-linear-gradient(top, #162E36, #33657E); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#162E36', endColorstr='#33657E');/*For IE7-8-9*/ ; } a.tt-button.teal-2 { background-color: #3CBA9F; background-image: linear-gradient(to bottom, #3CBA9F, #185C60); border: 1px solid #185C60; color: #FFF; text-shadow: none; background-image: -webkit-gradient(linear, left top, left bottom, from(#3CBA9F), to(#185C60)); background-image: -webkit-linear-gradient(top, #3CBA9F, #185C60); background-image: -moz-linear-gradient(top, #3CBA9F, #185C60); background-image: -o-linear-gradient(top, #3CBA9F, #185C60); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#3CBA9F', endColorstr='#185C60');/*For IE7-8-9*/ ; } a.tt-button.teal-2:hover { background-color: #185C60; background-image: linear-gradient(to bottom, #185C60, #3CBA9F); color: #FFF; text-shadow: none; background-image: -webkit-gradient(linear, left top, left bottom, from(#185C60), to(#3CBA9F)); background-image: -webkit-linear-gradient(top, #185C60, #3CBA9F); background-image: -moz-linear-gradient(top, #185C60, #3CBA9F); background-image: -o-linear-gradient(top, #185C60, #3CBA9F); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#185C60', endColorstr='#3CBA9F');/*For IE7-8-9*/ ; } /* ----- Testimonials ----- */ .testimonial strong { font-size: 16px; } .client_identity { margin-left: 36px; } /* ----- Tabs - Type 1 ----- */ .tabs_type_1 { background-color: #f8f8f8; border-radius: 4px; box-shadow: 0 0 3px #c3c3c3; height: 468px; margin-bottom: 30px; overflow: hidden; position: relative; width: 100%; } .tabs_type_1 dt { border-bottom: 1px solid #ededed; cursor: pointer; font-size: 16px; font-weight: 500; padding: 16px 0 16px 3%; width: 22%; } .tabs_type_1 dt img { display: inline-block; margin-right: 15px; position: relative; top: 5px; } .tabs_type_1 dd { background-color: #FFF; box-shadow: inherit; display: none; height: 84%; margin-left: 25%; overflow: auto; padding: 4%; position: absolute; right: 0; top: 0; z-index: 1000; } .tabs_type_1 dt:first-child { margin-top: 2.4%; } .tabs_type_1 dd.current { display: block; } .tabs_type_1 dd .column_group p:first-child { margin-top: 0; } .tabs_type_1_arrow { background-position: 0 -791px; height: 36px; left: 23%; position: absolute; top: 0; width: 18px; z-index: 1001; } /* ----- Tabs - Type 2 ----- */ .tabs_type_2 { font-size: 13px; height: 380px; margin-top: 0; padding-top: 0; position: relative; } .tabs_type_2 dt { cursor: pointer; float: left; font-weight: bold; margin-left: 1.25%; margin-right: 3.5%; } .tabs_type_2 dd {/*background-image:url(images/shortcodes/tabs-type2-BG.png);*/ background-repeat: repeat-x; display: none; padding: 30px; position: absolute; top: 50px; } .tabs_type_2 dd.current { display: block; } .tabs_type_2_arrow { background-position: 0 -5764px; height: 15px; position: absolute; top: 38px; width: 28px; z-index: 1001; } /* ----- Accordion ----- */ .accordion { font-size: 16px; margin-bottom: 40px; position: relative; z-index: 0; } .accordion dt { background-repeat: repeat-x; border: 1px solid #e9e9e9; border-radius: 5px 5px 0 0; cursor: pointer; margin-top: 5px; padding: 20px 0; position: relative; text-indent: 50px; width: 100%; } .accordion dt h2 { font-weight: 500 !important; color: #333 !important; font-size: 17px !important; margin-bottom: 0px; } .accordion dd { display: none; line-height: 20px; padding: 10px 50px; background-color: #f9f9f9; border: 1px solid #e9e9e9; border-top: none; border-radius: 0 0 5px 5px; margin-left: 1px; } .accordion dd.current { display: block; } .accordion dd p:first-child { margin-top: 8px; margin-bottom: 8px; } .accordion dt:before { background-position: 0 -841px; content: ""; height: 24px; left: 12px; margin-top: -12px; position: absolute; top: 50%; width: 24px; } .accordion dt.current:before { background-position: 0 -913px; } /* ----- Accordion inside Tabs ----- */ .tabs_type_1 dd .accordion dd { background-color: none; box-shadow: none; height: auto; margin-left: 0; overflow: auto; padding: 10px; position: relative; right: 0; top: 0; z-index: 1000; } .tabs_type_1 dd .accordion dt { border-bottom: 1px solid #e9e9e9; cursor: pointer; font-size: 13px; font-weight: normal; padding: 20px 0; width: 100%; } .tabs_type_2 dd .accordion dd { background: none; display: none; padding: 10px; position: relative; top: 0; } .tabs_type_2 dd .accordion dt { cursor: pointer; float: none; font-weight: 500; margin-left: 0; margin-right: 0; } /* ----- Tabs inside Accordion ----- */ .accordion dd .tabs_type_1 dd { line-height: auto; padding: 4%; } .accordion dd .tabs_type_1 dt { background-color: none; background-image: none; border: 0; border-bottom: 1px solid #ededed; border-radius: 0; cursor: pointer; font-weight: 700; margin-bottom: 0; position: relative; padding: 16px 0 16px 3%; text-indent: 0; width: 22%; } .accordion dd .tabs_type_1 dt.current:before, .accordion dd .tabs_type_1 dt:before { background: none; } .accordion dd .tabs_type_2 dd { line-height: auto; padding: 30px; } .accordion dd .tabs_type_2 dt { background: none; border: 0; border-radius: 0; cursor: pointer; font-weight: bold; margin-bottom: 0; margin-left: 1.25%; margin-right: 3.5%; padding: 0; position: relative; text-indent: 0; width: auto; } .accordion dd .tabs_type_2 dt.current:before, .accordion dd .tabs_type_2 dt:before { background: none; } /* ----- Columns ----- */ #main-wrap .one_half, #main-wrap .two_thirds, #main-wrap .one_third, #main-wrap .one_fourth, #main-wrap .one_fifth, #main-wrap .one_sixth { font-size: 16px; line-height: 22px; margin-bottom: 20px; } #main-wrap .one_half .custom_align_left { width: auto !important; float: none !important; margin-right: auto !important; margin-bottom: auto !important; position: relative !important; left: auto !important; z-index: 1; } .one_half, .one_third, .one_fourth, .one_fifth, .two_thirds, .one_sixth { float: left; } .one_half { width: 48%; } .page_content_right .one_half, .page_content .one_half { width: 320px; } .one_third { width: 29.6%; } .one_fourth { width: 22%; } .page_content_right .one_fourth, .page_content .one_fourth { width: 145px; } .one_fifth { width: 16.8%; } .page_content_right .one_fifth, .page_content .one_fifth { width: 110px; } .page_content_right .two_thirds, .page_content .two_thirds { width: 435px; } .one_half+.one_half, .one_third+.one_third, .two_thirds+.one_third, .one_fourth+.one_fourth, .one_fifth+.one_fifth, .one_third+.two_thirds, .one_sixth+.one_sixth { margin-left: 4%; } .column-clear { clear: both; height: 25px; } .two_thirds { width: 64%; } .one_sixth { width: 13.33%; overflow: hidden; } /* ----- Content Boxes ----- */ .tt-contentbox { margin-bottom: 20px; width: 100%; } .tt-contentbox-title { background-color: #f4f4f4 !important; background-image: none !important; border: 1px solid #e9e9e9; border-radius: 5px 5px 0 0; cursor: pointer; font-weight: 500; margin-top: 5px; padding: 20px 0; position: relative; text-indent: 20px; width: 100%; color: #333; font-size: 17px; } .tt-contentbox-title span { } .tt-contentbox-content { line-height: 20px; padding: 10px 18px; background-color: #f9f9f9; border: 1px solid #e9e9e9; border-top: none; border-radius: 0 0 5px 5px; margin-left: 1px; } .tt-contentbox-content a { text-decoration: underline; } .tt-contentbox-content a:hover { color: rgba(0, 0, 0, 0.4); } .tt-contentbox-content p { color: #888; } .tt-contentbox-content p:last-child { margin-bottom: 0; } .tt-contentbox-content h1, .tt-contentbox-content h2, .tt-contentbox-content h3, .tt-contentbox-content h4, .tt-contentbox-content h5, .tt-contentbox-content h6 { font-size: 10px; letter-spacing: 0.1em; line-height: 2.6em; margin-bottom: 5px; text-transform: uppercase; } .tt-cb-title-autumn { background-image: linear-gradient(to bottom, #D0600E, #772002); background-image: -webkit-gradient(linear, left top, left bottom, from(#D0600E), to(#772002)); background-image: -webkit-linear-gradient(top, #D0600E, #772002); background-image: -moz-linear-gradient(top, #D0600E, #772002); background-image: -o-linear-gradient(top, #D0600E, #772002); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#D0600E', endColorstr='#772002');/*For IE7-8-9*/ ; } .tt-cb-title-black-2 { background-image: linear-gradient(to bottom, #333333, #262626); background-image: -webkit-gradient(linear, left top, left bottom, from(#333333), to(#262626)); background-image: -webkit-linear-gradient(top, #333333, #262626); background-image: -moz-linear-gradient(top, #333333, #262626); background-image: -o-linear-gradient(top, #333333, #262626); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#333333', endColorstr='#262626');/*For IE7-8-9*/ ; } .tt-cb-title-blue-grey { background-image: linear-gradient(to bottom, #5E6475, #2C2F38); background-image: -webkit-gradient(linear, left top, left bottom, from(#5E6475), to(#2C2F38)); background-image: -webkit-linear-gradient(top, #5E6475, #2C2F38); background-image: -moz-linear-gradient(top, #5E6475, #2C2F38); background-image: -o-linear-gradient(top, #5E6475, #2C2F38); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#5E6475', endColorstr='#2C2F38');/*For IE7-8-9*/ ; } .tt-cb-title-cool-blue { background-image: linear-gradient(to bottom, #0D9DDC, #0D5292); background-image: -webkit-gradient(linear, left top, left bottom, from(#0D9DDC), to(#0D5292)); background-image: -webkit-linear-gradient(top, #0D9DDC, #0D5292); background-image: -moz-linear-gradient(top, #0D9DDC, #0D5292); background-image: -o-linear-gradient(top, #0D9DDC, #0D5292); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#0D9DDC', endColorstr='#0D5292');/*For IE7-8-9*/ ; } .tt-cb-title-coffee { background-image: linear-gradient(to bottom, #9A6742, #2E1C10); background-image: -webkit-gradient(linear, left top, left bottom, from(#9A6742), to(#2E1C10)); background-image: -webkit-linear-gradient(top, #9A6742, #2E1C10); background-image: -moz-linear-gradient(top, #9A6742, #2E1C10); background-image: -o-linear-gradient(top, #9A6742, #2E1C10); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#9A6742', endColorstr='#2E1C10');/*For IE7-8-9*/ ; } .tt-cb-title-fire { background-image: linear-gradient(to bottom, #FE8A0B, #B33410); background-image: -webkit-gradient(linear, left top, left bottom, from(#FE8A0B), to(#B33410)); background-image: -webkit-linear-gradient(top, #FE8A0B, #B33410); background-image: -moz-linear-gradient(top, #FE8A0B, #B33410); background-image: -o-linear-gradient(top, #FE8A0B, #B33410); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#FE8A0B', endColorstr='#B33410');/*For IE7-8-9*/ ; } .tt-cb-title-golden { background-image: linear-gradient(to bottom, #FDBB0D, #BF7D02); background-image: -webkit-gradient(linear, left top, left bottom, from(#FDBB0D), to(#BF7D02)); background-image: -webkit-linear-gradient(top, #FDBB0D, #BF7D02); background-image: -moz-linear-gradient(top, #FDBB0D, #BF7D02); background-image: -o-linear-gradient(top, #FDBB0D, #BF7D02); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#FDBB0D', endColorstr='#BF7D02');/*For IE7-8-9*/ ; } .tt-cb-title-green-2 { background-image: linear-gradient(to bottom, #49A501, #416119); background-image: -webkit-gradient(linear, left top, left bottom, from(#49A501), to(#416119)); background-image: -webkit-linear-gradient(top, #49A501, #416119); background-image: -moz-linear-gradient(top, #49A501, #416119); background-image: -o-linear-gradient(top, #49A501, #416119); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#49A501', endColorstr='#416119');/*For IE7-8-9*/ ; } .tt-cb-title-lime-green { background-image: linear-gradient(to bottom, #AED613, #467612); background-image: -webkit-gradient(linear, left top, left bottom, from(#AED613), to(#467612)); background-image: -webkit-linear-gradient(top, #AED613, #467612); background-image: -moz-linear-gradient(top, #AED613, #467612); background-image: -o-linear-gradient(top, #AED613, #467612); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#AED613', endColorstr='#467612');/*For IE7-8-9*/ ; } .tt-cb-title-periwinkle { background-image: linear-gradient(to bottom, #5064C9, #522173); background-image: -webkit-gradient(linear, left top, left bottom, from(#5064C9), to(#522173)); background-image: -webkit-linear-gradient(top, #5064C9, #522173); background-image: -moz-linear-gradient(top, #5064C9, #522173); background-image: -o-linear-gradient(top, #5064C9, #522173); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#5064C9', endColorstr='#522173');/*For IE7-8-9*/ ; } .tt-cb-title-pink { background-image: linear-gradient(to bottom, #C4378F, #72234F); background-image: -webkit-gradient(linear, left top, left bottom, from(#C4378F), to(#72234F)); background-image: -webkit-linear-gradient(top, #C4378F, #72234F); background-image: -moz-linear-gradient(top, #C4378F, #72234F); background-image: -o-linear-gradient(top, #C4378F, #72234F); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#C4378F', endColorstr='#72234F');/*For IE7-8-9*/ ; } .tt-cb-title-purple-2 { background-image: linear-gradient(to bottom, #8F4EC2, #513567); background-image: -webkit-gradient(linear, left top, left bottom, from(#8F4EC2), to(#513567)); background-image: -webkit-linear-gradient(top, #8F4EC2, #513567); background-image: -moz-linear-gradient(top, #8F4EC2, #513567); background-image: -o-linear-gradient(top, #8F4EC2, #513567); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#8F4EC2', endColorstr='#513567');/*For IE7-8-9*/ ; } .tt-cb-title-red-2 { background-image: linear-gradient(to bottom, #C71901, #961300); background-image: -webkit-gradient(linear, left top, left bottom, from(#C71901), to(#961300)); background-image: -webkit-linear-gradient(top, #C71901, #961300); background-image: -moz-linear-gradient(top, #C71901, #961300); background-image: -o-linear-gradient(top, #C71901, #961300); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#C71901', endColorstr='#961300');/*For IE7-8-9*/ ; } .tt-cb-title-royal-blue { background-image: linear-gradient(to bottom, #2D59A2, #122A53); background-image: -webkit-gradient(linear, left top, left bottom, from(#2D59A2), to(#122A53)); background-image: -webkit-linear-gradient(top, #2D59A2, #122A53); background-image: -moz-linear-gradient(top, #2D59A2, #122A53); background-image: -o-linear-gradient(top, #2D59A2, #122A53); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#2D59A2', endColorstr='#122A53');/*For IE7-8-9*/ ; } .tt-cb-title-silver { background-image: linear-gradient(to bottom, #ACACAC, #5C5C5C); background-image: -webkit-gradient(linear, left top, left bottom, from(#ACACAC), to(#5C5C5C)); background-image: -webkit-linear-gradient(top, #ACACAC, #5C5C5C); background-image: -moz-linear-gradient(top, #ACACAC, #5C5C5C); background-image: -o-linear-gradient(top, #ACACAC, #5C5C5C); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ACACAC', endColorstr='#5C5C5C');/*For IE7-8-9*/ ; } .tt-cb-title-sky-blue { background-image: linear-gradient(to bottom, #53C5FE, #16A7E1); background-image: -webkit-gradient(linear, left top, left bottom, from(#53C5FE), to(#16A7E1)); background-image: -webkit-linear-gradient(top, #53C5FE, #16A7E1); background-image: -moz-linear-gradient(top, #53C5FE, #16A7E1); background-image: -o-linear-gradient(top, #53C5FE, #16A7E1); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#53C5FE', endColorstr='#16A7E1');/*For IE7-8-9*/ ; } .tt-cb-title-teal-grey { background-image: linear-gradient(to bottom, #33657E, #162E36); background-image: -webkit-gradient(linear, left top, left bottom, from(#33657E), to(#162E36)); background-image: -webkit-linear-gradient(top, #33657E, #162E36); background-image: -moz-linear-gradient(top, #33657E, #162E36); background-image: -o-linear-gradient(top, #33657E, #162E36); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#33657E', endColorstr='#162E36');/*For IE7-8-9*/ ; } .tt-cb-title-teal-2 { background-image: linear-gradient(to bottom, #3CBA9F, #185C60); background-image: -webkit-gradient(linear, left top, left bottom, from(#3CBA9F), to(#185C60)); background-image: -webkit-linear-gradient(top, #3CBA9F, #185C60); background-image: -moz-linear-gradient(top, #3CBA9F, #185C60); background-image: -o-linear-gradient(top, #3CBA9F, #185C60); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#3CBA9F', endColorstr='#185C60');/*For IE7-8-9*/ ; } .tt-cb-title-black { background-color: #545454; background-image: linear-gradient(top, #5e5e5e, #434343); background-repeat: repeat-x; background-image: -moz-linear-gradient(top, #5e5e5e, #434343); background-image: -ms-linear-gradient(top, #5e5e5e, #434343); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5e5e5e), to(#434343)); background-image: -webkit-linear-gradient(top, #5e5e5e, #434343); background-image: -o-linear-gradient(top, #5e5e5e, #434343); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5e5e5e', endColorstr='#434343', GradientType=0); } .tt-cb-title-blue { background-color: #8dd9f6; background-image: linear-gradient(top, #abe4f8, #6fcef3); background-repeat: repeat-x; background-image: -moz-linear-gradient(top, #abe4f8, #6fcef3); background-image: -ms-linear-gradient(top, #abe4f8, #6fcef3); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#abe4f8), to(#6fcef3)); background-image: -webkit-linear-gradient(top, #abe4f8, #6fcef3); background-image: -o-linear-gradient(top, #abe4f8, #6fcef3); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#abe4f8', endColorstr='#6fcef3', GradientType=0); } .tt-cb-title-green { background-color: #cae285; background-image: linear-gradient(top, #cae285, #9fcb57); background-repeat: repeat-x; background-image: -moz-linear-gradient(top, #cae285, #9fcb57); background-image: -ms-linear-gradient(top, #cae285, #9fcb57); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#cae285), to(#9fcb57)); background-image: -webkit-linear-gradient(top, #cae285, #9fcb57); background-image: -o-linear-gradient(top, #cae285, #9fcb57); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cae285', endColorstr='#9fcb57', GradientType=0); } .tt-cb-title-grey { background-color: #cacaca; background-image: linear-gradient(top, #cacaca, #aeaeae); background-repeat: repeat-x; background-image: -moz-linear-gradient(top, #cacaca, #aeaeae); background-image: -ms-linear-gradient(top, #cacaca, #aeaeae); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#cacaca), to(#aeaeae)); background-image: -webkit-linear-gradient(top, #cacaca, #aeaeae); background-image: -o-linear-gradient(top, #cacaca, #aeaeae); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cacaca', endColorstr='#aeaeae', GradientType=0); } .tt-cb-title-navy { background-color: #becbd6; background-image: linear-gradient(top, #becbd6, #88a1b4); background-repeat: repeat-x; background-image: -moz-linear-gradient(top, #becbd6, #88a1b4); background-image: -ms-linear-gradient(top, #becbd6, #88a1b4); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#becbd6), to(#88a1b4)); background-image: -webkit-linear-gradient(top, #becbd6, #88a1b4); background-image: -o-linear-gradient(top, #becbd6, #88a1b4); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#becbd6', endColorstr='#88a1b4', GradientType=0); } .tt-cb-title-orange { background-color: #feda71; background-image: linear-gradient(top, #feda71, #febb4a); background-repeat: repeat-x; background-image: -moz-linear-gradient(top, #feda71, #febb4a); background-image: -ms-linear-gradient(top, #feda71, #febb4a); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#feda71), to(#febb4a)); background-image: -webkit-linear-gradient(top, #feda71, #febb4a); background-image: -o-linear-gradient(top, #feda71, #febb4a); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#feda71', endColorstr='#febb4a', GradientType=0); } .tt-cb-title-purple { background-color: #e8c4e4; background-image: linear-gradient(top, #e8c4e4, #d494ce); background-repeat: repeat-x; background-image: -moz-linear-gradient(top, #e8c4e4, #d494ce); background-image: -ms-linear-gradient(top, #e8c4e4, #d494ce); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e8c4e4), to(#d494ce)); background-image: -webkit-linear-gradient(top, #e8c4e4, #d494ce); background-image: -o-linear-gradient(top, #e8c4e4, #d494ce); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8c4e4', endColorstr='#d494ce', GradientType=0); } .tt-cb-title-red { background-color: #f78297; background-image: linear-gradient(top, #f78297, #f56778); background-repeat: repeat-x; background-image: -moz-linear-gradient(top, #f78297, #f56778); background-image: -ms-linear-gradient(top, #f78297, #f56778); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f78297), to(#f56778)); background-image: -webkit-linear-gradient(top, #f78297, #f56778); background-image: -o-linear-gradient(top, #f78297, #f56778); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f78297', endColorstr='#f56778', GradientType=0); } .tt-cb-title-teal { background-color: #b7f2f4; background-image: linear-gradient(top, #b7f2f4, #7ce7ea); background-repeat: repeat-x; background-image: -moz-linear-gradient(top, #b7f2f4, #7ce7ea); background-image: -ms-linear-gradient(top, #b7f2f4, #7ce7ea); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b7f2f4), to(#7ce7ea)); background-image: -webkit-linear-gradient(top, #b7f2f4, #7ce7ea); background-image: -o-linear-gradient(top, #b7f2f4, #7ce7ea); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b7f2f4', endColorstr='#7ce7ea', GradientType=0); } .tt-content-style-autumn a, .tt-content-style-autumn h1, .tt-content-style-autumn h2, .tt-content-style-autumn h3, .tt-content-style-autumn h4, .tt-content-style-autumn h5, .tt-content-style-autumn h6 { color: #AE500C; } .tt-content-style-black-2 a, .tt-content-style-black-2 h1, .tt-content-style-black-2 h2, .tt-content-style-black-2 h3, .tt-content-style-black-2 h4, .tt-content-style-black-2 h5, .tt-content-style-black-2 h6 { color: #000; } .tt-content-style-blue-grey a, .tt-content-style-blue-grey h1, .tt-content-style-blue-grey h2, .tt-content-style-blue-grey h3, .tt-content-style-blue-grey h4, .tt-content-style-blue-grey h5, .tt-content-style-blue-grey h6 { color: #616276; } .tt-content-style-cool-blue a, .tt-content-style-cool-blue h1, .tt-content-style-cool-blue h2, .tt-content-style-cool-blue h3, .tt-content-style-cool-blue h4, .tt-content-style-cool-blue h5, .tt-content-style-cool-blue h6 { color: #0070B3; } .tt-content-style-coffee a, .tt-content-style-coffee h1, .tt-content-style-coffee h2, .tt-content-style-coffee h3, .tt-content-style-coffee h4, .tt-content-style-coffee h5, .tt-content-style-coffee h6 { color: #52453A; } .tt-content-style-fire a, .tt-content-style-fire h1, .tt-content-style-fire h2, .tt-content-style-fire h3, .tt-content-style-fire h4, .tt-content-style-fire h5, .tt-content-style-fire h6 { color: #D1631A; } .tt-content-style-golden a, .tt-content-style-golden h1, .tt-content-style-golden h2, .tt-content-style-golden h3, .tt-content-style-golden h4, .tt-content-style-golden h5, .tt-content-style-golden h6 { color: #D89606; } .tt-content-style-green-2 a, .tt-content-style-green-2 h1, .tt-content-style-green-2 h2, .tt-content-style-green-2 h3, .tt-content-style-green-2 h4, .tt-content-style-green-2 h5, .tt-content-style-green-2 h6 { color: #479307; } .tt-content-style-lime-green a, .tt-content-style-lime-green h1, .tt-content-style-lime-green h2, .tt-content-style-lime-green h3, .tt-content-style-lime-green h4, .tt-content-style-lime-green h5, .tt-content-style-lime-green h6 { color: #84B011; } .tt-content-style-periwinkle a, .tt-content-style-periwinkle h1, .tt-content-style-periwinkle h2, .tt-content-style-periwinkle h3, .tt-content-style-periwinkle h4, .tt-content-style-periwinkle h5, .tt-content-style-periwinkle h6 { color: #554191; } .tt-content-style-pink a, .tt-content-style-pink h1, .tt-content-style-pink h2, .tt-content-style-pink h3, .tt-content-style-pink h4, .tt-content-style-pink h5, .tt-content-style-pink h6 { color: #8C3267; } .tt-content-style-purple-2 a, .tt-content-style-purple-2 h1, .tt-content-style-purple-2 h2, .tt-content-style-purple-2 h3, .tt-content-style-purple-2 h4, .tt-content-style-purple-2 h5, .tt-content-style-purple-2 h6 { color: #70498D; } .tt-content-style-red-2 a, .tt-content-style-red-2 h1, .tt-content-style-red-2 h2, .tt-content-style-red-2 h3, .tt-content-style-red-2 h4, .tt-content-style-red-2 h5, .tt-content-style-red-2 h6 { color: #BD1900; } .tt-content-style-royal-blue a, .tt-content-style-royal-blue h1, .tt-content-style-royal-blue h2, .tt-content-style-royal-blue h3, .tt-content-style-royal-blue h4, .tt-content-style-royal-blue h5, .tt-content-style-royal-blue h6 { color: #2D59A2; } .tt-content-style-silver a, .tt-content-style-silver h1, .tt-content-style-silver h2, .tt-content-style-silver h3, .tt-content-style-silver h4, .tt-content-style-silver h5, .tt-content-style-silver h6 { color: #9E9E9E; } .tt-content-style-sky-blue a, .tt-content-style-sky-blue h1, .tt-content-style-sky-blue h2, .tt-content-style-sky-blue h3, .tt-content-style-sky-blue h4, .tt-content-style-sky-blue h5, .tt-content-style-sky-blue h6 { color: #0094BF; } .tt-content-style-teal-grey a, .tt-content-style-teal-grey h1, .tt-content-style-teal-grey h2, .tt-content-style-teal-grey h3, .tt-content-style-teal-grey h4, .tt-content-style-teal-grey h5, .tt-content-style-teal-grey h6 { color: #406273; } .tt-content-style-teal-2 a, .tt-content-style-teal-2 h1, .tt-content-style-teal-2 h2, .tt-content-style-teal-2 h3, .tt-content-style-teal-2 h4, .tt-content-style-teal-2 h5, .tt-content-style-teal-2 h6 { color: #297372; } .tt-content-style-black a, .tt-content-style-black h1, .tt-content-style-black h2, .tt-content-style-black h3, .tt-content-style-black h4, .tt-content-style-black h5, .tt-content-style-black h6 { color: #545454; } .tt-content-style-blue a, .tt-content-style-blue h1, .tt-content-style-blue h2, .tt-content-style-blue h3, .tt-content-style-blue h4, .tt-content-style-blue h5, .tt-content-style-blue h6 { color: #8dd9f6; } .tt-content-style-green a, .tt-content-style-green h1, .tt-content-style-green h2, .tt-content-style-green h3, .tt-content-style-green h4, .tt-content-style-green h5, .tt-content-style-green h6 { color: #9fcb57; } .tt-content-style-grey a, .tt-content-style-grey h1, .tt-content-style-grey h2, .tt-content-style-grey h3, .tt-content-style-grey h4, .tt-content-style-grey h5, .tt-content-style-grey h6 { color: #cacaca; } .tt-content-style-navy a, .tt-content-style-navy h1, .tt-content-style-navy h2, .tt-content-style-navy h3, .tt-content-style-navy h4, .tt-content-style-navy h5, .tt-content-style-navy h6 { color: #A5B0B9; } .tt-content-style-orange a, .tt-content-style-orange h1, .tt-content-style-orange h2, .tt-content-style-orange h3, .tt-content-style-orange h4, .tt-content-style-orange h5, .tt-content-style-orange h6 { color: #F6D36C; } .tt-content-style-purple a, .tt-content-style-purple h1, .tt-content-style-purple h2, .tt-content-style-purple h3, .tt-content-style-purple h4, .tt-content-style-purple h5, .tt-content-style-purple h6 { color: #DEBBD9; } .tt-content-style-red a, .tt-content-style-red h1, .tt-content-style-red h2, .tt-content-style-red h3, .tt-content-style-red h4, .tt-content-style-red h5, .tt-content-style-red h6 { color: #f78297; } .tt-content-style-teal a, .tt-content-style-teal h1, .tt-content-style-teal h2, .tt-content-style-teal h3, .tt-content-style-teal h4, .tt-content-style-teal h5, .tt-content-style-teal h6 { color: #A9DEE1; } /* ----- Highlight Text ----- */ .highlight-style-1 { border-radius: 2px; color: #333 !important; padding: 2px 4px; background-color: #FFF483 !important; -moz-border-radius: 2px; -webkit-border-radius: 2px; } .highlight-autumn .highlight-style-1 { background-color: #873108; } .highlight-autumn .highlight-style-2 { border-bottom: 1px dashed #873108; color: #873108; } .highlight-black .highlight-style-1 { background-color: #000; } .highlight-black .highlight-style-2 { border-bottom: 1px dashed #000; color: #000; } .highlight-blue-grey .highlight-style-1 { background-color: #474759; } .highlight-blue-grey .highlight-style-2 { border-bottom: 1px dashed #474759; color: #474759; } .highlight-cool-blue .highlight-style-1 { background-color: #0076B8; } .highlight-cool-blue .highlight-style-2 { border-bottom: 1px dashed #0076B8; color: #0076B8; } .highlight-coffee .highlight-style-1 { background-color: #372E25; } .highlight-coffee .highlight-style-2 { border-bottom: 1px dashed #372E25; color: #372E25; } .highlight-fire .highlight-style-1 { background-color: #D0631C; } .highlight-fire .highlight-style-2 { border-bottom: 1px dashed #D0631C; color: #D0631C; } .highlight-golden .highlight-style-1 { background-color: #BF7D02; } .highlight-golden .highlight-style-2 { border-bottom: 1px dashed #BF7D02; color: #BF7D02; } .highlight-green .highlight-style-1 { background-color: #478418; } .highlight-green .highlight-style-2 { border-bottom: 1px dashed #478418; color: #478418; } .highlight-lime-green .highlight-style-1 { background-color: #A1BE00; } .highlight-lime-green .highlight-style-2 { border-bottom: 1px dashed #A1BE00; color: #A1BE00; } .highlight-periwinkle .highlight-style-1 { background-color: #5556A3; } .highlight-periwinkle .highlight-style-2 { border-bottom: 1px dashed #5556A3; color: #5556A3; } .highlight-pink .highlight-style-1 { background-color: #92366D; } .highlight-pink .highlight-style-2 { border-bottom: 1px dashed #92366D; color: #92366D; } .highlight-purple .highlight-style-1 { background-color: #6B4687; } .highlight-purple .highlight-style-2 { border-bottom: 1px dashed #6B4687; color: #6B4687; } .highlight-red .highlight-style-1 { background-color: #A1070B; } .highlight-red .highlight-style-2 { border-bottom: 1px dashed #A1070B; color: #A1070B; } .highlight-royal-blue .highlight-style-1 { background-color: #2F496F; } .highlight-royal-blue .highlight-style-2 { border-bottom: 1px dashed #2F496F; color: #2F496F; } .highlight-silver .highlight-style-1 { background-color: #DDD; color: #444 !important; } .highlight-silver .highlight-style-2 { border-bottom: 1px dashed #999; color: #999; } .highlight-sky-blue .highlight-style-1 { background-color: #16A7E1; } .highlight-sky-blue .highlight-style-2 { border-bottom: 1px dashed #16A7E1; color: #16A7E1; } .highlight-teal-grey .highlight-style-1 { background-color: #5A7D77; } .highlight-teal-grey .highlight-style-2 { border-bottom: 1px dashed #5A7D77; color: #5A7D77; } .highlight-teal .highlight-style-1 { background-color: #4BA096; } .highlight-teal .highlight-style-2 { border-bottom: 1px dashed #4BA096; color: #4BA096; } /* ----- Drop Caps ----- */ .tt-dropcap-round, .tt-dropcap-square, .tt-dropcap-text { color: #FFFFFF; float: left; font-size: 24px; height: 41px; letter-spacing: -1px; line-height: 42px; margin: 1px 10px -5px 0; text-align: center; width: 41px; } .tt-dropcap-round { border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px; } .tt-dropcap-text { display: block; font-size: 40px; line-height: 40px; margin: 0 8px -5px 0; } .tt-dropcap-autumn .tt-dropcap-square, .tt-dropcap-autumn .tt-dropcap-round { background-image: linear-gradient(to bottom, #D0600E, #772002); background-image: -webkit-gradient(linear, left top, left bottom, from(#D0600E), to(#772002)); background-image: -webkit-linear-gradient(top, #D0600E, #772002); background-image: -moz-linear-gradient(top, #D0600E, #772002); background-image: -o-linear-gradient(top, #D0600E, #772002); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#D0600E', endColorstr='#772002');/*For IE7-8-9*/ ; } .tt-dropcap-autumn .tt-dropcap-text { color: #A64108; } .tt-dropcap-black-2 .tt-dropcap-square, .tt-dropcap-black-2 .tt-dropcap-round { background-image: linear-gradient(to bottom, #333333, #262626); background-image: -webkit-gradient(linear, left top, left bottom, from(#333333), to(#262626)); background-image: -webkit-linear-gradient(top, #333333, #262626); background-image: -moz-linear-gradient(top, #333333, #262626); background-image: -o-linear-gradient(top, #333333, #262626); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#333333', endColorstr='#262626');/*For IE7-8-9*/ ; } .tt-dropcap-black-2 .tt-dropcap-text { color: #222; } .tt-dropcap-blue-grey .tt-dropcap-square, .tt-dropcap-blue-grey .tt-dropcap-round { background-image: linear-gradient(to bottom, #5E6475, #2C2F38); background-image: -webkit-gradient(linear, left top, left bottom, from(#5E6475), to(#2C2F38)); background-image: -webkit-linear-gradient(top, #5E6475, #2C2F38); background-image: -moz-linear-gradient(top, #5E6475, #2C2F38); background-image: -o-linear-gradient(top, #5E6475, #2C2F38); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#5E6475', endColorstr='#2C2F38');/*For IE7-8-9*/ ; } .tt-dropcap-blue-grey .tt-dropcap-text { color: #454956; } .tt-dropcap-cool-blue .tt-dropcap-square, .tt-dropcap-cool-blue .tt-dropcap-round { background-image: linear-gradient(to bottom, #0D9DDC, #0D5292); background-image: -webkit-gradient(linear, left top, left bottom, from(#0D9DDC), to(#0D5292)); background-image: -webkit-linear-gradient(top, #0D9DDC, #0D5292); background-image: -moz-linear-gradient(top, #0D9DDC, #0D5292); background-image: -o-linear-gradient(top, #0D9DDC, #0D5292); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#0D9DDC', endColorstr='#0D5292');/*For IE7-8-9*/ ; } .tt-dropcap-cool-blue .tt-dropcap-text { color: #0D76B5; } .tt-dropcap-coffee .tt-dropcap-square, .tt-dropcap-coffee .tt-dropcap-round { background-image: linear-gradient(to bottom, #9A6742, #2E1C10); background-image: -webkit-gradient(linear, left top, left bottom, from(#9A6742), to(#2E1C10)); background-image: -webkit-linear-gradient(top, #9A6742, #2E1C10); background-image: -moz-linear-gradient(top, #9A6742, #2E1C10); background-image: -o-linear-gradient(top, #9A6742, #2E1C10); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#9A6742', endColorstr='#2E1C10');/*For IE7-8-9*/ ; } .tt-dropcap-coffee .tt-dropcap-text { color: #67432A; } .tt-dropcap-fire .tt-dropcap-square, .tt-dropcap-fire .tt-dropcap-round { background-image: linear-gradient(to bottom, #FE8A0B, #B33410); background-image: -webkit-gradient(linear, left top, left bottom, from(#FE8A0B), to(#B33410)); background-image: -webkit-linear-gradient(top, #FE8A0B, #B33410); background-image: -moz-linear-gradient(top, #FE8A0B, #B33410); background-image: -o-linear-gradient(top, #FE8A0B, #B33410); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#FE8A0B', endColorstr='#B33410');/*For IE7-8-9*/ ; } .tt-dropcap-fire .tt-dropcap-text { color: #DD640E; } .tt-dropcap-golden .tt-dropcap-square, .tt-dropcap-golden .tt-dropcap-round { background-image: linear-gradient(to bottom, #FDBB0D, #BF7D02); background-image: -webkit-gradient(linear, left top, left bottom, from(#FDBB0D), to(#BF7D02)); background-image: -webkit-linear-gradient(top, #FDBB0D, #BF7D02); background-image: -moz-linear-gradient(top, #FDBB0D, #BF7D02); background-image: -o-linear-gradient(top, #FDBB0D, #BF7D02); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#FDBB0D', endColorstr='#BF7D02');/*For IE7-8-9*/ ; } .tt-dropcap-golden .tt-dropcap-text { color: #E3A108; } .tt-dropcap-green-2 .tt-dropcap-square, .tt-dropcap-green-2 .tt-dropcap-round { background-image: linear-gradient(to bottom, #49A501, #416119); background-image: -webkit-gradient(linear, left top, left bottom, from(#49A501), to(#416119)); background-image: -webkit-linear-gradient(top, #49A501, #416119); background-image: -moz-linear-gradient(top, #49A501, #416119); background-image: -o-linear-gradient(top, #49A501, #416119); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#49A501', endColorstr='#416119');/*For IE7-8-9*/ ; } .tt-dropcap-green-2 .tt-dropcap-text { color: #45850C; } .tt-dropcap-lime-green .tt-dropcap-square, .tt-dropcap-lime-green .tt-dropcap-round { background-image: linear-gradient(to bottom, #AED613, #467612); background-image: -webkit-gradient(linear, left top, left bottom, from(#AED613), to(#467612)); background-image: -webkit-linear-gradient(top, #AED613, #467612); background-image: -moz-linear-gradient(top, #AED613, #467612); background-image: -o-linear-gradient(top, #AED613, #467612); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#AED613', endColorstr='#467612');/*For IE7-8-9*/ ; } .tt-dropcap-lime-green .tt-dropcap-text { color: #7DA813; } .tt-dropcap-periwinkle .tt-dropcap-square, .tt-dropcap-periwinkle .tt-dropcap-round { background-image: linear-gradient(to bottom, #5064C9, #522173); background-image: -webkit-gradient(linear, left top, left bottom, from(#5064C9), to(#522173)); background-image: -webkit-linear-gradient(top, #5064C9, #522173); background-image: -moz-linear-gradient(top, #5064C9, #522173); background-image: -o-linear-gradient(top, #5064C9, #522173); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#5064C9', endColorstr='#522173');/*For IE7-8-9*/ ; } .tt-dropcap-periwinkle .tt-dropcap-text { color: #51439E; } .tt-dropcap-pink .tt-dropcap-square, .tt-dropcap-pink .tt-dropcap-round { background-image: linear-gradient(to bottom, #C4378F, #72234F); background-image: -webkit-gradient(linear, left top, left bottom, from(#C4378F), to(#72234F)); background-image: -webkit-linear-gradient(top, #C4378F, #72234F); background-image: -moz-linear-gradient(top, #C4378F, #72234F); background-image: -o-linear-gradient(top, #C4378F, #72234F); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#C4378F', endColorstr='#72234F');/*For IE7-8-9*/ ; } .tt-dropcap-pink .tt-dropcap-text { color: #9C2E70; } .tt-dropcap-purple-2 .tt-dropcap-square, .tt-dropcap-purple-2 .tt-dropcap-round { background-image: linear-gradient(to bottom, #8F4EC2, #513567); background-image: -webkit-gradient(linear, left top, left bottom, from(#8F4EC2), to(#513567)); background-image: -webkit-linear-gradient(top, #8F4EC2, #513567); background-image: -moz-linear-gradient(top, #8F4EC2, #513567); background-image: -o-linear-gradient(top, #8F4EC2, #513567); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#8F4EC2', endColorstr='#513567');/*For IE7-8-9*/ ; } .tt-dropcap-purple-2 .tt-dropcap-text { color: #704295; } .tt-dropcap-red-2 .tt-dropcap-square, .tt-dropcap-red-2 .tt-dropcap-round { background-image: linear-gradient(to bottom, #C71901, #961300); background-image: -webkit-gradient(linear, left top, left bottom, from(#C71901), to(#961300)); background-image: -webkit-linear-gradient(top, #C71901, #961300); background-image: -moz-linear-gradient(top, #C71901, #961300); background-image: -o-linear-gradient(top, #C71901, #961300); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#C71901', endColorstr='#961300');/*For IE7-8-9*/ ; } .tt-dropcap-red-2 .tt-dropcap-text { color: #B01601; } .tt-dropcap-royal-blue .tt-dropcap-square, .tt-dropcap-royal-blue .tt-dropcap-round { background-image: linear-gradient(to bottom, #2D59A2, #122A53); background-image: -webkit-gradient(linear, left top, left bottom, from(#2D59A2), to(#122A53)); background-image: -webkit-linear-gradient(top, #2D59A2, #122A53); background-image: -moz-linear-gradient(top, #2D59A2, #122A53); background-image: -o-linear-gradient(top, #2D59A2, #122A53); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#2D59A2', endColorstr='#122A53');/*For IE7-8-9*/ ; } .tt-dropcap-royal-blue .tt-dropcap-text { color: #20437C; } .tt-dropcap-silver .tt-dropcap-square, .tt-dropcap-silver .tt-dropcap-round { background-image: linear-gradient(to bottom, #ACACAC, #5C5C5C); background-image: -webkit-gradient(linear, left top, left bottom, from(#ACACAC), to(#5C5C5C)); background-image: -webkit-linear-gradient(top, #ACACAC, #5C5C5C); background-image: -moz-linear-gradient(top, #ACACAC, #5C5C5C); background-image: -o-linear-gradient(top, #ACACAC, #5C5C5C); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ACACAC', endColorstr='#5C5C5C');/*For IE7-8-9*/ ; } .tt-dropcap-silver .tt-dropcap-text { color: #868686; } .tt-dropcap-sky-blue .tt-dropcap-square, .tt-dropcap-sky-blue .tt-dropcap-round { background-image: linear-gradient(to bottom, #53C5FE, #16A7E1); background-image: -webkit-gradient(linear, left top, left bottom, from(#53C5FE), to(#16A7E1)); background-image: -webkit-linear-gradient(top, #53C5FE, #16A7E1); background-image: -moz-linear-gradient(top, #53C5FE, #16A7E1); background-image: -o-linear-gradient(top, #53C5FE, #16A7E1); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#53C5FE', endColorstr='#16A7E1');/*For IE7-8-9*/ ; } .tt-dropcap-sky-blue .tt-dropcap-text { color: #34B6EF; } .tt-dropcap-teal-grey .tt-dropcap-square, .tt-dropcap-teal-grey .tt-dropcap-round { background-image: linear-gradient(to bottom, #33657E, #162E36); background-image: -webkit-gradient(linear, left top, left bottom, from(#33657E), to(#162E36)); background-image: -webkit-linear-gradient(top, #33657E, #162E36); background-image: -moz-linear-gradient(top, #33657E, #162E36); background-image: -o-linear-gradient(top, #33657E, #162E36); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#33657E', endColorstr='#162E36');/*For IE7-8-9*/ ; } .tt-dropcap-teal-grey .tt-dropcap-text { color: #264D5E; } .tt-dropcap-teal-2 .tt-dropcap-square, .tt-dropcap-teal-2 .tt-dropcap-round { background-image: linear-gradient(to bottom, #3CBA9F, #185C60); background-image: -webkit-gradient(linear, left top, left bottom, from(#3CBA9F), to(#185C60)); background-image: -webkit-linear-gradient(top, #3CBA9F, #185C60); background-image: -moz-linear-gradient(top, #3CBA9F, #185C60); background-image: -o-linear-gradient(top, #3CBA9F, #185C60); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#3CBA9F', endColorstr='#185C60');/*For IE7-8-9*/ ; } .tt-dropcap-teal-2 .tt-dropcap-text { color: #29897E; } .tt-dropcap-black .tt-dropcap-square, .tt-dropcap-black .tt-dropcap-round { background-color: #545454; background-image: linear-gradient(top, #5e5e5e, #434343); background-repeat: repeat-x; background-image: -moz-linear-gradient(top, #5e5e5e, #434343); background-image: -ms-linear-gradient(top, #5e5e5e, #434343); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5e5e5e), to(#434343)); background-image: -webkit-linear-gradient(top, #5e5e5e, #434343); background-image: -o-linear-gradient(top, #5e5e5e, #434343); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5e5e5e', endColorstr='#434343', GradientType=0); } .tt-dropcap-black .tt-dropcap-text { color: #434343; } .tt-dropcap-blue .tt-dropcap-square, .tt-dropcap-blue .tt-dropcap-round { background-color: #8dd9f6; background-image: linear-gradient(top, #abe4f8, #6fcef3); background-repeat: repeat-x; background-image: -moz-linear-gradient(top, #abe4f8, #6fcef3); background-image: -ms-linear-gradient(top, #abe4f8, #6fcef3); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#abe4f8), to(#6fcef3)); background-image: -webkit-linear-gradient(top, #abe4f8, #6fcef3); background-image: -o-linear-gradient(top, #abe4f8, #6fcef3); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#abe4f8', endColorstr='#6fcef3', GradientType=0); } .tt-dropcap-blue .tt-dropcap-text { color: #6fcef3; } .tt-dropcap-green .tt-dropcap-square, .tt-dropcap-green .tt-dropcap-round { background-color: #cae285; background-image: linear-gradient(top, #cae285, #9fcb57); background-repeat: repeat-x; background-image: -moz-linear-gradient(top, #cae285, #9fcb57); background-image: -ms-linear-gradient(top, #cae285, #9fcb57); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#cae285), to(#9fcb57)); background-image: -webkit-linear-gradient(top, #cae285, #9fcb57); background-image: -o-linear-gradient(top, #cae285, #9fcb57); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cae285', endColorstr='#9fcb57', GradientType=0); } .tt-dropcap-green .tt-dropcap-text { color: #9fcb57; } .tt-dropcap-grey .tt-dropcap-square, .tt-dropcap-grey .tt-dropcap-round { background-color: #cacaca; background-image: linear-gradient(top, #cacaca, #aeaeae); background-repeat: repeat-x; background-image: -moz-linear-gradient(top, #cacaca, #aeaeae); background-image: -ms-linear-gradient(top, #cacaca, #aeaeae); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#cacaca), to(#aeaeae)); background-image: -webkit-linear-gradient(top, #cacaca, #aeaeae); background-image: -o-linear-gradient(top, #cacaca, #aeaeae); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cacaca', endColorstr='#aeaeae', GradientType=0); } .tt-dropcap-grey .tt-dropcap-text { color: #aeaeae; } .tt-dropcap-navy .tt-dropcap-square, .tt-dropcap-navy .tt-dropcap-round { background-color: #becbd6; background-image: linear-gradient(top, #becbd6, #88a1b4); background-repeat: repeat-x; background-image: -moz-linear-gradient(top, #becbd6, #88a1b4); background-image: -ms-linear-gradient(top, #becbd6, #88a1b4); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#becbd6), to(#88a1b4)); background-image: -webkit-linear-gradient(top, #becbd6, #88a1b4); background-image: -o-linear-gradient(top, #becbd6, #88a1b4); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#becbd6', endColorstr='#88a1b4', GradientType=0); } .tt-dropcap-navy .tt-dropcap-text { color: #88a1b4; } .tt-dropcap-orange .tt-dropcap-square, .tt-dropcap-orange .tt-dropcap-round { background-color: #feda71; background-image: linear-gradient(top, #feda71, #febb4a); background-repeat: repeat-x; background-image: -moz-linear-gradient(top, #feda71, #febb4a); background-image: -ms-linear-gradient(top, #feda71, #febb4a); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#feda71), to(#febb4a)); background-image: -webkit-linear-gradient(top, #feda71, #febb4a); background-image: -o-linear-gradient(top, #feda71, #febb4a); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#feda71', endColorstr='#febb4a', GradientType=0); } .tt-dropcap-orange .tt-dropcap-text { color: #febb4a; } .tt-dropcap-purple .tt-dropcap-square, .tt-dropcap-purple .tt-dropcap-round { background-color: #e8c4e4; background-image: linear-gradient(top, #e8c4e4, #d494ce); background-repeat: repeat-x; background-image: -moz-linear-gradient(top, #e8c4e4, #d494ce); background-image: -ms-linear-gradient(top, #e8c4e4, #d494ce); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e8c4e4), to(#d494ce)); background-image: -webkit-linear-gradient(top, #e8c4e4, #d494ce); background-image: -o-linear-gradient(top, #e8c4e4, #d494ce); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8c4e4', endColorstr='#d494ce', GradientType=0); } .tt-dropcap-purple .tt-dropcap-text { color: #d494ce; } .tt-dropcap-red .tt-dropcap-square, .tt-dropcap-red .tt-dropcap-round { background-color: #f78297; background-image: linear-gradient(top, #f78297, #f56778); background-repeat: repeat-x; background-image: -moz-linear-gradient(top, #f78297, #f56778); background-image: -ms-linear-gradient(top, #f78297, #f56778); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f78297), to(#f56778)); background-image: -webkit-linear-gradient(top, #f78297, #f56778); background-image: -o-linear-gradient(top, #f78297, #f56778); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f78297', endColorstr='#f56778', GradientType=0); } .tt-dropcap-red .tt-dropcap-text { color: #f56778; } .tt-dropcap-teal .tt-dropcap-square, .tt-dropcap-teal .tt-dropcap-round { background-color: #b7f2f4; background-image: linear-gradient(top, #b7f2f4, #7ce7ea); background-repeat: repeat-x; background-image: -moz-linear-gradient(top, #b7f2f4, #7ce7ea); background-image: -ms-linear-gradient(top, #b7f2f4, #7ce7ea); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b7f2f4), to(#7ce7ea)); background-image: -webkit-linear-gradient(top, #b7f2f4, #7ce7ea); background-image: -o-linear-gradient(top, #b7f2f4, #7ce7ea); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b7f2f4', endColorstr='#7ce7ea', GradientType=0); } .tt-dropcap-teal .tt-dropcap-text { color: #7ce7ea; } /* ----- Icons ----- */ .tt-icon { display: inline-block; font-size: 13px; line-height: 1.5em; padding: 4px 0 20px 55px; } .sidebar .tt-icon { font-size: 12px; padding: 8px 0 20px 55px; } .tt-icon span { font-weight: bold; } .tt-icon { position: relative; } .tt-icon:before { content: ""; height: 48px; left: 1px; position: absolute; top: 0; width: 48px; } .icon-alarm:before { background-position: 0 -1144px; } .icon-arrow-down-a:before { background-position: 0 -1190px; } .icon-arrow-down-b:before { background-position: 0 -1237px; } .icon-arrow-up-a:before { background-position: 0 -3596px; } .icon-arrow-up-b:before { background-position: 0 -3649px; } .icon-bookmark:before { background-position: 0 -2249px; } .icon-calculator:before { background-position: 0 -1339px; } .icon-calendar-day:before { background-position: 0 -2519px; } .icon-calendar-month:before { background-position: 0 -3383px; } .icon-camera:before { background-position: 0 -3429px; top: 2px; } .icon-cart-add:before { background-position: 0 -3486px; } .icon-caution:before { background-position: 0 -3542px; } .icon-cellphone:before { background-position: 0 -2305px; } .icon-chart:before { background-position: 0 -2351px; } .icon-chat:before { background-position: 0 -2407px; } .icon-chat-2:before { background-position: 0 -2460px; } .icon-checklist:before { background-position: 0 -1391px; } .icon-checkmark:before { background-position: 0 -1442px; } .icon-clipboard:before { background-position: 0 -3923px; } .icon-clock:before { background-position: 0 -1493px; } .icon-contacts:before { background-position: 0 -1551px; } .icon-crate:before { background-position: 0 -1605px; } .icon-database:before { background-position: 0 -1651px; } .icon-document-edit:before { background-position: 0 -3865px; } .icon-drive:before { background-position: 0 -2624px; } .icon-dvd:before { background-position: 0 -2678px; } .icon-email-send:before { background-position: 0 -2725px; } .icon-flag:before { background-position: 0 -2785px; } .icon-games:before { background-position: 0 -3708px; } .icon-gear:before { background-position: 0 -3756px; } .icon-globe-download:before { background-position: 0 -3811px; } .icon-globe-upload:before { background-position: 0 -2568px; } .icon-globe:before { background-position: 0 -1287px; } .icon-hdtv:before { background-position: 0 -1699px; } .icon-heart:before { background-position: 0 -1760px; } .icon-support:before { background-position: 0 -1816px; } .icon-history:before { background-position: 0 -1865px; } .icon-home:before { background-position: 0 -1923px; } .icon-info:before { background-position: 0 -2839px; } .icon-laptop:before { background-position: 0 -2889px; } .icon-light-on:before { background-position: 0 -2951px; } .icon-lock-closed:before { background-position: 0 -3004px; } .icon-magnify:before { background-position: 0 -3058px; } .icon-megaphone:before { background-position: 0 -3973px; } .icon-money:before { background-position: 0 -4020px; } .icon-movie:before { background-position: 0 -4082px; } .icon-mp3:before { background-position: 0 -4139px; } .icon-ms-word:before { background-position: 0 -6113px; } .icon-music:before { background-position: 0 -4189px; } .icon-network:before { background-position: 0 -1976px; } .icon-news:before { background-position: 0 -2025px; } .icon-notebook:before { background-position: 0 -2086px; } .icon-pdf:before { background-position: 0 -6186px; } .icon-photos:before { background-position: 0 -2135px; } .icon-refresh:before { background-position: 0 -3109px; } .icon-rss:before { background-position: 0 -3163px; } .icon-shield-blue:before { background-position: 0 -3217px; } .icon-shield-green:before { background-position: 0 -3271px; } .icon-star:before { background-position: 0 -3325px; } .icon-smart-phone:before { background-position: 0 -4246px; } .icon-tools:before { background-position: 0 -4299px; } .icon-user-group:before { background-position: 0 -4353px; } .icon-vcard:before { background-position: 0 -2192px; } .icon-video-camera:before { background-position: 0 -4406px; } .icon-x:before { background-position: 0 -4457px; } /* ----- Icons Minimal ----- */ .tt-mono-icon { display: inline-block; padding: 0 0 10px 45px; position: relative; } .tt-mono-icon:before { content: ""; height: 40px; left: 0; position: absolute; top: 0; width: 40px; } .mono-address_book:before { background-position: 0 -4675px; } .mono-alert:before { background-position: 0 -4944px; } .mono-announcement:before { background-position: 0 -5215px; } .mono-calendar:before { background-position: 0 -5485px; } .mono-cog:before { background-position: 0 -4721px; } .mono-comments:before { background-position: 0 -4986px; } .mono-download:before { background-position: 0 -5257px; } .mono-edit:before { background-position: 0 -5530px; } .mono-email:before { background-position: 0 -4760px; } .mono-file:before { background-position: 0 -5035px; } .mono-home:before { background-position: 0 -5303px; } .mono-info:before { background-position: 0 -5575px; } .mono-movie:before { background-position: 0 -4811px; } .mono-page-layout:before { background-position: 0 -5077px; } .mono-pencil:before { background-position: 0 -5349px; } .mono-pictures:before { background-position: 0 -5616px; } .mono-restart:before { background-position: 0 -4853px; } .mono-settings:before { background-position: 0 -5123px; } .mono-support:before { background-position: 0 -5395px; } .mono-tags:before { background-position: 0 -5663px; } .mono-upload:before { background-position: 0 -4897px; } .mono-users:before { background-position: 0 -5167px; } .mono-vcard:before { background-position: 0 -5436px; } .mono-zoom:before { background-position: 0 -5709px; } /* ----- Notification Boxes ----- */ .tt-notification { border: 1px solid; border-bottom-width: 1px; border-radius: 2px; color: #4f4f4f; display: block; font-size: 11px; line-height: 19px; margin-bottom: 20px; overflow: hidden; position: relative; width: 100%; -webkit-border-radius: 2px; -moz-border-radius: 2px; } .closeable-x:before { background-position: 0 -5783px; content: ""; height: 9px; position: absolute; right: 9px; top: 8px; width: 9px; } .closeable-x { height: 100%; position: relative; width: 100%; } .tt-notification p { margin-bottom: 0; padding: 16px 16px 16px 42px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.65); } .tt-notification p strong { color: #303030; font-weight: 700; } .tt-notification.success { background-color: #dde6ba; background-image: linear-gradient(to bottom, #e6efc2, #d9e2b7); border-color: #d0e289 #c6d881 #b8cb71; background-image: -webkit-gradient(linear, left top, left bottom, from(#e6efc2), to(#d9e2b7)); background-image: -webkit-linear-gradient(top, #e6efc2, #d9e2b7); background-image: -moz-linear-gradient(top, #e6efc2, #d9e2b7); background-image: -o-linear-gradient(top, #e6efc2, #d9e2b7); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#e6efc2', endColorstr='#d9e2b7');/*For IE7-8-9*/ ; } .tt-notification.success p:before, .tt-notification.error p:before, .tt-notification.warning p:before, .tt-notification.tip p:before, .tt-notification.neutral p:before { background-position: 0 -1044px; content: ""; height: 16px; left: 14px; position: absolute; top: 18px; width: 17px; } .tt-notification.error p:before { background-position: 0 -1063px; } .tt-notification.warning p:before { background-position: 0 -1084px; } .tt-notification.tip p:before { background-position: 0 -1105px; } .tt-notification.neutral p:before { background-position: 0 -1126px; } .tt-notification.success p strong { color: #417800; } .tt-notification.error { background-color: #f6dbd6; background-image: linear-gradient(to bottom, #fbe2e3, #eeccce); border-color: #f7d5d6 #f1c8ca #f2b5b8; background-image: -webkit-gradient(linear, left top, left bottom, from(#fbe2e3), to(#eeccce)); background-image: -webkit-linear-gradient(top, #fbe2e3, #eeccce); background-image: -moz-linear-gradient(top, #fbe2e3, #eeccce); background-image: -o-linear-gradient(top, #fbe2e3, #eeccce); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#fbe2e3', endColorstr='#eeccce');/*For IE7-8-9*/ ; } .tt-notification.error p strong { color: #d43c41; } .tt-notification.warning { background-color: #f9f9b4; background-image: linear-gradient(to bottom, #ffffb9, #f0efae); border-color: #f7dc72 #f4d96c #eace61; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffb9), to(#f0efae)); background-image: -webkit-linear-gradient(top, #ffffb9, #f0efae); background-image: -moz-linear-gradient(top, #ffffb9, #f0efae); background-image: -o-linear-gradient(top, #ffffb9, #f0efae); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffb9', endColorstr='#f0efae');/*For IE7-8-9*/ ; } .tt-notification.warning p strong { color: #777909; } .tt-notification.tip { background-color: #dceffa; background-image: linear-gradient(to bottom, #e0f4ff, #d4e6f0); border-color: #b8e1fd #a6d4f4 #9ed1f5; background-image: -webkit-gradient(linear, left top, left bottom, from(#e0f4ff), to(#d4e6f0)); background-image: -webkit-linear-gradient(top, #e0f4ff, #d4e6f0); background-image: -moz-linear-gradient(top, #e0f4ff, #d4e6f0); background-image: -o-linear-gradient(top, #e0f4ff, #d4e6f0); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#e0f4ff', endColorstr='#d4e6f0');/*For IE7-8-9*/ ; } .tt-notification.tip p strong { color: #0068a4; } .tt-notification.neutral { background-color: #f0f0f0; background-image: linear-gradient(to bottom, #f0f0f0, #e4e4e4); border-color: #e4e4e4 #d9d9d9 #cbcbcb; background-image: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#e4e4e4)); background-image: -webkit-linear-gradient(top, #f0f0f0, #e4e4e4); background-image: -moz-linear-gradient(top, #f0f0f0, #e4e4e4); background-image: -o-linear-gradient(top, #f0f0f0, #e4e4e4); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#f0f0f0', endColorstr='#e4e4e4');/*For IE7-8-9*/ ; } .tt-notification.neutral p strong { color: #303030; } /*----- Text Styles ----- */ .large-callout p { font-family: Helvetica, Arial, sans-serif; font-size: 15px; } /*----- Pricing Boxes ----- */ .true-vision-pricing-column { background: #F7F7F7; border: 1px solid rgba(0, 0, 0, 0.05); border-radius: 5px; float: left; margin: 5px; width: 100%; -webkit-border-radius: 5px; -moz-border-radius: 5px; } .one_fourth .true-vision-pricing-column, .vision_one_fourth .true-vision-pricing-column { width: 110%; } .true-vision-pricing-top { border: 0; border-radius: 4px 4px 0 0; margin-left: -0.25%; padding: 30px 0; width: 100.5%; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; } .true-vision-pricing-top h2 { color: #fff; font: 300 25px/25px Helvetica, Verdana, sans-serif; margin-bottom: 20px; text-align: center; } .true-vision-pricing-column h1 sup { padding-right: 4px; } .true-vision-pricing-column h1 { color: #FFF; font: bold 88px/1 Helvetica, Arial, Verdana, sans-serif; margin: 0 0 0 -24px; text-align: center; } .true-vision-pricing-column p { color: #BCBEC0; font: 500 14px/1 Helvetica, Arial, Verdana, sans-serif; text-align: center; } .true-vision-pricing-top p { color: rgba(255, 255, 255, 0.50); } .true-vision-pricing-column h1+p { margin: 10px 0 0 0; } .true-vision-pricing-column ul { font: 300 18px/2 Helvetica, Verdana, sans-serif; list-style-type: none; margin: 20px 0 0 45px; } .one_fourth .true-vision-pricing-column ul, .vision_one_fourth .true-vision-pricing-column ul { font-size: 15px; margin: 20px 0 0 25px; } .one_fourth .true-vision-pricing-column h1, .vision_one_fourth .true-vision-pricing-column h1 { font-size: 78px; } .true-vision-pricing-column ul strong { font-weight: bold; } .true-vision-pricing-column hr { background-color: #BCBEC0; border: 0; color: #BCBEC0; height: 1px; margin: 20px auto 0 auto; width: 80%; } .true-vision-pricing-column .tt-button { display: block; margin: 30px auto; text-align: center; width: 40%; } .true-vision-pricing-column.featured { background: #EEE; } /* Style 2 */ .true-vision-pricing-column.true-vision-pricing-style-2 h1 { color: inherit; margin: 20px 0 0 0; } .true-vision-pricing-column.true-vision-pricing-style-2 h2 { font: 300 25px/70px Helvetica, Verdana, sans-serif; margin-bottom: 0; } .true-vision-pricing-column.true-vision-pricing-style-2 .true-vision-pricing-top { padding: 0; } .true-vision-pricing-column.true-vision-pricing-style-2 h1+p { margin: 5px 0 25px 0; } /*-------------------------------*/ /* Font Awesome Icon Boxes/*-------------------------------*/ .tt-icon-box { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .tt-icon-box { background: none repeat scroll 0 0 #FEFEFE; border-radius: 4px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15); color: #333333; float: left; margin-bottom: 20px; overflow: hidden; padding: 30px; text-align: center; transition: all 0.2s ease-out 0s; width: 100%; -webkit-border-radius: 2px; -moz-border-radius: 2px; -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15); -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; } .tt-icon-box span.fa-stack { margin-bottom: 15px; } a.tt-icon-box { text-decoration: none; cursor: pointer; } .tt-icon-box:hover { margin: -6px 0 26px 0; text-decoration: none; } /*----------------------------------------------------------*/ /* 18. Wordpress+Widgets/*----------------------------------------------------------*/ /*----- Custom Menu - Superfish Dropdown ----- */ .top-aside ul.custom-menu.sf-menu { position: absolute; } .top-aside { z-index: 999; } /* sub-menu styles */ .top-aside ul.custom-menu.sf-menu li ul { padding: 6px; float: none; width: 120px; z-index: 999; position: absolute; margin-left: -8px; } .top-aside ul.custom-menu.sf-menu li ul { -webkit-border-radius: 0px 0px 3px 3px; -moz-border-radius: 0px 0px 3px 3px; border-radius: 0px 0px 3px 3px; } .top-aside ul.custom-menu.sf-menu li ul li { width: 100%; margin: 0; padding: 0; } .top-aside ul.custom-menu.sf-menu a.sf-with-ul+ul li a { border: 0; text-decoration: none; padding: 3px 7px; display: block; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .top-aside ul.custom-menu.sf-menu li.sf-with-ul ul a:after { display: none; } .top-aside .top-holder ul.custom-menu.sf-menu li .sub-menu li a:hover { color: #FFF !important; } .top-aside ul li ul.sub-menu { display: none;/* hide dropdown on page load to prevent FOUC */ } /* font-awesome "dropdown arrow" */ .top-aside ul.custom-menu.sf-menu a.sf-with-ul { position: relative; padding: 3px 20px 3px 3px; } .top-aside ul.custom-menu.sf-menu a.sf-with-ul:after { content: "\f107"; position: absolute; right: 7px; top: 2px; } .sticky, .gallery-caption, .bypostauthor { font-size: inherit; } .widget-heading { color: #383C43; font-size: 14px; margin-bottom: 14px; } .sidebar-widget { margin-bottom: 30px; padding-top: 30px; } .top-aside .sidebar-widget { margin: 0; padding: 0; } .entry-content img { margin: 0 0 10px; } .alignleft, img.alignleft { float: left; display: inline; margin-right: 10px; z-index: 1; } .alignright, img.alignright { float: right; display: inline; margin-left: 10px; } .aligncenter, img.aligncenter { clear: both; display: block; margin: 0 auto; } .wp-caption { margin-bottom: 10px; padding-top: 5px; text-align: center; } .wp-caption img { border: 0 none; margin: 0; padding: 0; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 1.5; margin: 0; } .wp-smiley { max-height: 1em; margin: 0 !important; } blockquote.left { float: left; margin-left: 0; margin-right: 20px; text-align: right; width: 33%; } blockquote.right { float: right; margin-left: 20px; margin-right: 0; text-align: left; width: 33%; } /* ------ MailChimp Plugin ------ */ #mc_signup .mc_input { color: #222; width: 170px; padding: 5px; } #mc_signup .mc_merge_var { margin-bottom: 10px; } #mc_signup .mc_required, #mc-indicates-required { color: #4BA196; } #mc_signup .mc_required { font-size: 14px; } #mc_message { font-size: 12px; padding-bottom: 10px; } #mc-indicates-required { font-size: 11px; } #mc_signup .mc_signup_submit { clear: left; padding: 10px 0 0; text-align: left; } #mc_signup .mc_var_label { color: #FFF; font-weight: 400; opacity: 0.6; } #mc_signup #mc_signup_submit, #constant-contact-signup .button {/*background:url(images/global/bg-submit-button.png) repeat scroll 0 0 transparent;*/ border: 1px solid #D5D5D5; border-radius: 3px 3px 3px 3px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); color: #555555; cursor: pointer; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; font-weight: bold; height: 28px; line-height: 12px; padding: 0 8px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); width: auto; } #content-container .home-vertical-sidebar input[type="text"], #content-container .home-vertical-sidebar .mc_input { margin-bottom: 0px; width: 88%; } /* ------ Constant Contact Plugin ------ */ #constant-contact-signup input { color: #222; padding: 5px; width: 201px; } #constant-contact-signup .checkbox { font-size: 13px; width: 15px; } #constant-contact-signup .button { display: block; font-size: 11px !important; margin: 0; outline: none; padding: 6px 10px !important; width: 90px; } /* ----- Gravity Forms ----- */ .gform_heading p { margin-bottom: 5px; } .gfield input[type="text"] { padding: 5px; } .gfield input[type="checkbox"], .gfield input[type="radio"], .gform_footer .button { box-shadow: none !important; } .gform_footer .button { font-size: 13px !important; } /* ------ Calendar ------ */ table#wp-calendar { color: #636B75; font-size: 13px; width: 86%; } table#wp-calendar td { padding: 4px 1px; text-align: center; width: 14%; } table#wp-calendar caption { font-weight: 700; font-size: 15px; padding-bottom: 10px; } td#today, table#wp-calendar a { font-weight: 700; } .widget_calendar tfoot td { background-image: none; } .widget_calendar td a { text-decoration: underline; } /* ------ Recent Posts ------ */ #sidebar .footer_post h4 { color: #222 !important; font-size: 1.2em; font-weight: 700; padding-bottom: 0; } #sidebar .footer_post h4 a { color: #222 !important; text-decoration: none; } #sidebar .footer_post p { line-height: 19px; margin: 0 0 15px; } #sidebar .footer_post p a { text-decoration: none; } #sidebar .footer_post a:hover { text-decoration: underline; } /* ------ Blogroll ------ */ #sidebar .blogroll { list-style: none !important; margin: 0 !important; padding: 10px 0 0 !important; } #sidebar .blogroll li { background: none !important; color: #666 !important; margin-bottom: 18px !important; padding: 0 !important; width: 100% !important; } /* ------ Searchform ------ */ #sidebar #searchsubmit { border: 1px solid #000; color: #DDD; cursor: pointer; display: block; letter-spacing: 1px; margin: 0; outline: none; padding: 8px 12px; text-transform: uppercase; } #sidebar #searchform #s { margin-bottom: 7px; padding: 3px; width: 90%; } #sidebar #searchform label { color: #4C4C4C; display: none; font-weight: 700; } #searchform label { display: none; } #banner-search { display: none; background: rgba(0, 0, 0, 0.2); border-radius: 15px; height: 28px; margin: 3px 0 0 0; position: absolute; right: 0; top: 9px; width: 158px; z-index: 400; -moz-border-radius: 15px; -webkit-border-radius: 15px; } #banner-search input { background-position: 0 -771px; border: none; height: 15px; line-height: 14px; margin: 6px 0 0 8px; padding: 0 0 0 18px; width: 120px; } /* ------ Flickr Widget ------ */ #flickr_badge_wrapper { margin: 0 0 -11px; width: 231px; } .flickr_badge_image { float: left; margin: 0 11px 11px 0; } .flickr_badge_image a { background: none repeat scroll 0 0 #FFF; border: 1px solid #DDD; box-shadow: 0 0 4px rgba(0, 0, 0, 0.15); float: left; padding: 4px; } .flickr_badge_image img { float: left; height: 52px; width: 52px; } #scroll_to_top { background-position: 0 -658px; color: #FFF; float: right; font-size: 13px; margin: 5px 0 0 30px; padding-left: 15px; } /* ------ Social Media Widget ------ */ .social_icons { list-style-type: none; list-style-image: none; padding-top: 4px; } .sidebar .social_icons { list-style-type: none; list-style-image: none; padding: 8px 0 0 4px; } .sidebar .social_icons a { padding-left: 24px; } .social_icons a { padding-top: 0px; padding-bottom: 10px; } .social_links a:link, .social_links a:active, .social_links a:visited { font-weight: 600; } a.rss { background-position: 0 -317px; } a.twitter { background-position: 0 -346px; } a.facebook { background-position: 0 -372px; } a.email { background-position: 0 -398px; } a.flickr { background-position: 0 -424px; } a.youtube { background-position: 0 -450px; } a.linkedin { background-position: 0 -476px; } a.foursquare { background-position: 0 -502px; } a.delicious { background-position: 0 -528px; } a.digg { background-position: 0 -554px; } a.google { background-position: 0 -580px; padding-bottom: 2px !important; } a.pinterest { background-position: 0 -606px; } a.instagram { background-position: 0 -632px; } .top-aside .social_icons { margin: 0; } .top-aside .social_icons li+li { margin-left: 5px; } .top-aside .one_half+.one_half .social_icons { float: right; } .top-aside .social_icons li { float: left; margin-bottom: 0; } .top-aside .social_icons a { border: none; font-weight: bold; padding-bottom: 5px; padding-bottom: 0; padding-left: 22px; padding-top: 5px; } .top-aside .social_icons a.rss { background-position: 0 4px !important; } .top-aside .social_icons a.twitter { background-position: 0 -20px !important; } .top-aside .social_icons a.facebook { background-position: 0 -45px !important; } .top-aside .social_icons a.email { background-position: 0 -69px !important; } .top-aside .social_icons a.flickr { background-position: 0 -91px !important; } .top-aside .social_icons a.youtube { background-position: 0 -113px !important; padding: 9px 0 9px 24px !important; } .top-aside .social_icons a.linkedin { background-position: 0 -148px !important; } .top-aside .social_icons a.foursquare { background-position: 0 -171px !important; } .top-aside .social_icons a.delicious { background-position: 0 -196px !important; } .top-aside .social_icons a.digg { background-position: 0 -218px !important; } .top-aside .social_icons a.google { background-position: 0 -241px !important; } .top-aside .social_icons a.pinterest { background-position: -0px -265px !important; } .top-aside .social_icons a.instagram { background-position: -0px -289px !important; } .top-aside .social_icons a:hover { color: #FFF; } /* ------ WP-Pagenavi ------ */ .wp-pagenavi { clear: both; font-size: 9px; height: 110px; letter-spacing: 1.6px; margin-top: 25px; padding-top: 10px; text-align: left; text-transform: uppercase; } .blog_page_content .wp-pagenavi { margin-top: -20px; } .wp-pagenavi a, .wp-pagenavi .current { border-radius: 3px 3px 3px 3px; margin: 0 4px; padding: 7px 9px; } .wp-pagenavi a { background-color: #F6F6F6; border: 1px solid #EFEFEF; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FAFAFA), to(#F6F6F6)); background-image: -webkit-linear-gradient(top, #FAFAFA, #F6F6F6); background-image: -moz-linear-gradient(top, #FAFAFA, #F6F6F6); background-image: -ms-linear-gradient(top, #FAFAFA, #F6F6F6); background-image: -o-linear-gradient(top, #FAFAFA, #F6F6F6); } .paged-navigation .next, .paged-navigation .prev { background: none repeat scroll 0 0 transparent; border: 0 none; } .wp-pagenavi a:hover, .paged-navigation a:hover { text-decoration: none; } .wp-pagenavi a:hover, .wp-pagenavi .current {/*background:url(images/global/bg-input-gradient.gif) repeat-x scroll -1px -2px #F9F9F9;*/ border: 1px solid #DDD; color: #666666; } .wp-pagenavi .current { font-weight: 400; } .gallery-wp-navi .wp-pagenavi { height: 40px; letter-spacing: 1.6px; margin-top: 20px; padding-top: 10px; text-align: left; text-transform: uppercase; } .wp-pagenavi .pages { color: #555; } /* ------ Twitter Widget ------ */ #twitter_update_list { margin-top: -10px; } #twitter-link {/*background:url(images/global/sprite.png) 0 -346px no-repeat;*/ display: inline-block; font-size: 12px; margin-left: 15px; padding: 2px 0 2px 24px; } .tz_tweet_widget ul { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; list-style-type: none; padding: 15px; word-wrap: break-word; } .tz_tweet_widget ul li a {/**display: none;**/ ; } .sidebar #twitter_update_list li {/*background:url(images/global/bg-hr-dotted.png) repeat-x scroll center bottom transparent;*/ font-size: 11px; line-height: 20px; padding: 10px 0; } .sidebar #twitter_update_list li:last-child { background: none; } .widget.tz_tweet_widget ul li span a { color: #0CA2D1; display: inline; height: auto; line-height: 20px; } .tz_tweet_widget ul li a:hover { text-decoration: underline; } /* ---Simple Google Site Map CSS--- */ #SGM { border: 5px solid #FFFFFF; box-shadow: 0 0 2px #666666; height: 260px; width: 100%; } #SGM .infoWindow { font-size: 10px; line-height: 13px; } #SGM .infoWindow p { font-size: 10px !important; } #SGM input { font-size: 10px; margin: 4px 4px 0 0; } #SGM input.text { background-color: #fff; border: solid 1px #ccc; padding: 2px; } #content-container .sidebar-widget #SGM input {/*background:url(images/global/bg_text_field_3.png) no-repeat 0 0 transparent !important;*/ border: medium none; color: #666; font-size: 11px; height: 20px; padding: 3px 10px 4px; width: 265px; } #content-container .sidebar-widget #SGM input[type="text"] { margin: 0 10px 2px 0; width: 182px; } #SGM input.submit {/*background-image:url(images/global/main_button_bg_2.jpg) !important;*/ background-position: 0px 0px !important; background-repeat: repeat-x !important; border: 1px solid #e6e6e6 !important; border-radius: 14px; color: #808080 !important; cursor: pointer; display: block !important; height: 26px !important; font-family: Tahoma; font-size: 11px; line-height: 25px !important; overflow: hidden !important; padding: 0px 14px !important; position: relative !important; text-align: center !important; text-shadow: 1px 1px #ffffff !important; -moz-border-radius: 14px !important; -webkit-border-radius: 14px !important; } #SGM input.submit { cursor: pointer; float: right; margin-right: 60px; width: auto !important; } #SGM input.submit:hover { background-position: 0px -26px !important; border: 1px solid #ccc !important; text-decoration: none !important; } /* ------ Business Hours Widget ------ */ .business-hours p { margin: 0; padding: 3px 5px; } .business-hours .odd { background: #EEE; } .business-hours .day { font-weight: bold; } .business-hours .hours { float: right; font-size: 12px; } /* ------ Contact Details Widget ------ */ .contact_details p { margin-bottom: 3px; line-height: 17px; } .contact_details .address { margin-bottom: 18px; } .contact_details_wrap { background: none repeat scroll 0 0 #EEE; border-radius: 3px; box-shadow: 0 1px 2px #C3C3C3; padding: 15px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } footer .contact_details_wrap, footer .business-hours .odd { background: none; box-shadow: none; } /* ------ Tag Cloud Widget ------ */ .tagcloud a { background: #EEE; border: 1px solid #DDDDDD; border-radius: 3px 3px 3px 3px; color: #666666; display: block; float: left; font-size: 12px; line-height: 1em; margin: 0 5px 7px 0; padding: 6px 8px; text-shadow: 1px 1px 1px #FFFFFF; } /* ------ 
styling ------ */
pre, code, tt { background: #F3F8FC; border: 2px solid #C7DEEC; color: #555555; display: block; font-family: 'andale mono', 'lucida console', monospace; font-size: 13px; line-height: 19px; margin: 20px 0 40px 0; overflow: auto; padding: 20px; word-wrap: break-word; }

/*----------------------------------------------------------*/

/* 19. PrettyPhoto Styles/*----------------------------------------------------------*/
div.pp_default .pp_top, div.pp_default .pp_top .pp_middle, div.pp_default .pp_top .pp_left, div.pp_default .pp_top .pp_right, div.pp_default .pp_bottom, div.pp_default .pp_bottom .pp_left, div.pp_default .pp_bottom .pp_middle, div.pp_default .pp_bottom .pp_right { height: 13px; }
div.pp_default .pp_top .pp_left {/*background:url(images/prettyPhoto/default/sprite.png) -78px -93px no-repeat;*/ }
div.pp_default .pp_top .pp_middle {/*background:url(images/prettyPhoto/default/sprite_x.png) top left repeat-x;*/ }
div.pp_default .pp_top .pp_right {/*background:url(images/prettyPhoto/default/sprite.png) -112px -93px no-repeat;*/ }
div.pp_default .pp_content .ppt { color: #f8f8f8; }
div.pp_default .pp_content_container .pp_left {/*background:url(images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;*/
padding-left: 13px; }
div.pp_default .pp_content_container .pp_right {/*background:url(images/prettyPhoto/default/sprite_y.png) top right repeat-y;*/
padding-right: 13px; }
div.pp_default .pp_next:hover {/*background:url(images/prettyPhoto/default/sprite_next.png) center right no-repeat;*/
cursor: pointer; }
div.pp_default .pp_previous:hover {/*background:url(images/prettyPhoto/default/sprite_prev.png) center left no-repeat;*/
cursor: pointer; }
div.pp_default .pp_expand {/*background:url(images/prettyPhoto/default/sprite.png) 0 -29px no-repeat;*/
cursor: pointer; height: 28px; width: 28px; }
div.pp_default .pp_expand:hover {/*background:url(images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;*/
cursor: pointer; }
div.pp_default .pp_contract {/*background:url(images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;*/
cursor: pointer; height: 28px; width: 28px; }
div.pp_default .pp_contract:hover {/*background:url(images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;*/
cursor: pointer; }
div.pp_default .pp_close {/*background:url(images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;*/
cursor: pointer; height: 30px; width: 30px; }
div.pp_default .pp_gallery ul li a {/*background:url(images/prettyPhoto/default/default_thumb.png) center center #f8f8f8;*/
border: 1px solid #aaa; }
div.pp_default .pp_social { margin-top: 7px; }
div.pp_default .pp_gallery a.pp_arrow_previous, div.pp_default .pp_gallery a.pp_arrow_next { left: auto; position: static; }
div.pp_default .pp_nav .pp_play, div.pp_default .pp_nav .pp_pause {/*background:url(images/prettyPhoto/default/sprite.png) -51px 1px no-repeat;*/
height: 30px; width: 30px; }
div.pp_default .pp_nav .pp_pause { background-position: -51px -29px; }
div.pp_default a.pp_arrow_previous, div.pp_default a.pp_arrow_next {/*background:url(images/prettyPhoto/default/sprite.png) -31px -3px no-repeat;*/
height: 20px; margin: 4px 0 0; width: 20px; }
div.pp_default a.pp_arrow_next { background-position: -82px -3px; left: 52px; }
div.pp_default .pp_content_container .pp_details { margin-top: 5px; }
div.pp_default .pp_nav { clear: none; height: 30px; position: relative; width: 110px; }
div.pp_default .pp_nav .currentTextHolder { color: #999; font-family: Georgia; font-size: 11px; font-style: italic; left: 75px; line-height: 25px; margin: 0; padding: 0 0 0 10px; position: absolute; top: 2px; }
div.pp_default .pp_close:hover, div.pp_default .pp_nav .pp_play:hover, div.pp_default .pp_nav .pp_pause:hover, div.pp_default .pp_arrow_next:hover, div.pp_default .pp_arrow_previous:hover { opacity: 0.7; }
div.pp_default .pp_description { font-size: 11px; font-weight: 700; line-height: 14px; margin: 5px 50px 5px 0; }
div.pp_default .pp_bottom .pp_left {/*background:url(images/prettyPhoto/default/sprite.png) -78px -127px no-repeat;*/ }
div.pp_default .pp_bottom .pp_middle {/*background:url(images/prettyPhoto/default/sprite_x.png) bottom left repeat-x;*/ }
div.pp_default .pp_bottom .pp_right {/*background:url(images/prettyPhoto/default/sprite.png) -112px -127px no-repeat;*/ }
div.pp_default .pp_loaderIcon {/*background:url(images/prettyPhoto/default/loader.gif) center center no-repeat;*/ }
div.pp_pic_holder a:focus { outline: none; }
div.pp_overlay { background: #000; display: none; left: 0; position: absolute; top: 0; width: 100%; z-index: 9500; }
div.pp_pic_holder { display: none; position: absolute; width: 100px; z-index: 10000; }
.pp_content { height: 40px; min-width: 40px; }
* html .pp_content { width: 40px; }
.pp_content_container { position: relative; text-align: left; width: 100%; }
.pp_content_container .pp_left { padding-left: 20px; }
.pp_content_container .pp_right { padding-right: 20px; }
.pp_content_container .pp_details { float: left; margin: 10px 0 2px; }
.pp_description { display: none; margin: 0; }
.pp_social { float: left; margin: 0; }
.pp_social .facebook { float: left; margin-left: 5px; overflow: hidden; width: 55px; }
.pp_social .twitter { float: left; }
.pp_nav { clear: right; float: left; margin: 3px 10px 0 0; }
.pp_nav p { float: left; margin: 2px 4px; white-space: nowrap; }
.pp_nav .pp_play, .pp_nav .pp_pause { float: left; margin-right: 4px; text-indent: -10000px; }
a.pp_arrow_previous, a.pp_arrow_next { display: block; float: left; height: 15px; margin-top: 3px; overflow: hidden; text-indent: -10000px; width: 14px; }
.pp_hoverContainer { position: absolute; top: 0; width: 100%; z-index: 2000; }
.pp_gallery { display: none; left: 50%; margin-top: -50px; position: absolute; z-index: 10000; }
.pp_gallery div { float: left; overflow: hidden; position: relative; }
.pp_gallery ul { float: left; height: 35px; margin: 0 0 0 5px; padding: 0; position: relative; white-space: nowrap; }
.pp_gallery ul a { border: 1px rgba(0, 0, 0, 0.5) solid; display: block; float: left; height: 33px; overflow: hidden; }
.pp_gallery ul a img { border: 0; }
.pp_gallery li { display: block; float: left; margin: 0 5px 0 0; padding: 0; }
.pp_gallery li.default a {/*background:url(../images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;*/
display: block; height: 33px; width: 50px; }
.pp_gallery .pp_arrow_previous, .pp_gallery .pp_arrow_next { margin-top: 7px !important; }
a.pp_next {/*background:url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;*/
display: block; float: right; height: 100%; text-indent: -10000px; width: 49%; }
a.pp_previous {/*background:url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;*/
display: block; float: left; height: 100%; text-indent: -10000px; width: 49%; }
a.pp_expand, a.pp_contract { cursor: pointer; display: none; height: 20px; position: absolute; right: 30px; text-indent: -10000px; top: 10px; width: 20px; z-index: 20000; }
a.pp_close { display: block; line-height: 22px; position: absolute; right: 0; text-indent: -10000px; top: 0; }
.pp_loaderIcon { display: block; height: 24px; left: 50%; margin: -12px 0 0 -12px; position: absolute; top: 50%; width: 24px; }
#pp_full_res { line-height: 1 !important; }
#pp_full_res .pp_inline { text-align: left; }
#pp_full_res .pp_inline p { margin: 0 0 15px; }
div.ppt { color: #fff; display: none; font-size: 17px; margin: 0 0 5px 15px; z-index: 9999; }
div.pp_default .pp_content, div.light_rounded .pp_content { background-color: #fff; }
div.pp_default #pp_full_res .pp_inline, div.light_rounded .pp_content .ppt, div.light_rounded #pp_full_res .pp_inline, div.light_square .pp_content .ppt, div.light_square #pp_full_res .pp_inline, div.facebook .pp_content .ppt, div.facebook #pp_full_res .pp_inline { color: #000; }
div.pp_default .pp_gallery ul li a:hover, div.pp_default .pp_gallery ul li.selected a, .pp_gallery ul a:hover, .pp_gallery li.selected a { border-color: #fff; }
div.pp_default .pp_details, div.light_rounded .pp_details, div.dark_rounded .pp_details, div.dark_square .pp_details, div.light_square .pp_details, div.facebook .pp_details { position: relative; }
div.light_rounded .pp_top .pp_middle, div.light_rounded .pp_content_container .pp_left, div.light_rounded .pp_content_container .pp_right, div.light_rounded .pp_bottom .pp_middle, div.light_square .pp_left, div.light_square .pp_middle, div.light_square .pp_right, div.light_square .pp_content, div.facebook .pp_content { background: #fff; }
.pp_top, .pp_bottom { height: 20px; position: relative; }
* html .pp_top, * html .pp_bottom { padding: 0 20px; }
.pp_top .pp_left, .pp_bottom .pp_left { height: 20px; left: 0; position: absolute; width: 20px; }
.pp_top .pp_middle, .pp_bottom .pp_middle { height: 20px; left: 20px; position: absolute; right: 20px; }
* html .pp_top .pp_middle, * html .pp_bottom .pp_middle { left: 0; position: static; }
.pp_top .pp_right, .pp_bottom .pp_right { height: 20px; left: auto; position: absolute; right: 0; top: 0; width: 20px; }
.pp_fade, .pp_gallery li.default a img { display: none; }
.pagination a:link, .pagination a:visited { color: #717171; }
.meta, .pagination { color: #636b73; }

/*----------------------------------------------------------*/

/* 20. Responsive Media Queries/*----------------------------------------------------------*/

/* Responsive media queries are located within css/_mobile.css */

/*----------------------------------------------------------*/

/* 21. WooCommerce/*----------------------------------------------------------*/

/* WooCommerce styles are located within css/_woocommerce.css */

/* -------- Fixed Header --------#tt-fixed-header{position:fixed;width:100%;box-shadow:0 3px 9px 0 rgba(0,0,0,0.1),0 1px 3px 0 rgba(0,0,0,0.2);z-index:9999;}.banner-slider{padding-top:145px;}.small_banner{padding-top:161px !important;}@media screen and (max-width:800px){.banner-slider{padding-top:203px;}.small_banner{padding-top:219px !important;}}@media screen and (max-width:600px){.banner-slider{padding-top:233px;}.small_banner{padding-top: 249px !important;}}*/

/* Custom Levver Styles */
.energieleveranciers-table-header {/*background-image:url(../../../img/blueback.jpg);background-position:center top;background-repeat:no-repeat;*/
width: 100%; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; -webkit-border-radius: 6px 6px 0px 0px; -moz-border-radius: 6px 6px 0px 0px; border-radius: 6px 6px 0px 0px; color: #4d4d4d; border: 1px solid #ccc; background-color: #f1f1f1; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(25%, rgba(255, 255, 255, 0.7)), color-stop(100%, rgba(255, 255, 255, 0.1))); }
.custom_button_css { float: left; padding: 0 11px; background-color: rgb(48, 175, 247); background-image: -webkit-linear-gradient(top, rgb(99, 204, 255) 0px, rgb(34, 174, 255) 40%, rgb(4, 149, 238) 100%); background-position: 50% 50%; border: 1px solid; border-radius: 3px; box-shadow: rgb(0, 135, 219) 0px 0px 0px 1px, rgba(60, 163, 227, 0.298039) 1px 1px 0.5px 1px; color: rgb(255, 255, 255) !important; cursor: pointer; display: inline-block; font-weight: bold; line-height: 1.5; overflow: visible; vertical-align: middle; width: auto; word-wrap: break-word; }
.custom_button_css:hover { background-color: rgb(2, 109, 197); background-image: none; border: 1px solid; text-decoration: none; }
#search_home.custom_button_css {/*float:left;*/
font-family: helvetica; font-size: 24px; background-color: rgb(48, 175, 247); background-image: -webkit-linear-gradient(top, rgb(99, 204, 255) 0px, rgb(34, 174, 255) 40%, rgb(4, 149, 238) 100%); background-position: 50% 50%; border-radius: 3px; box-shadow: rgb(0, 135, 219) 0px 0px 0px 1px, rgba(60, 163, 227, 0.298039) 1px 1px 0.5px 1px; color: rgb(255, 255, 255) !important; cursor: pointer; display: inline-block; font-weight: bold; line-height: 1.5; margin: 0px 2px 4px; overflow: visible; vertical-align: middle; width: 200px; height: 75px; height: 70px\9; border: 2px solid #D2D2D2; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1) inset; padding: 8px 10px; position: relative; }
#search_home.custom_button_css:hover { background-color: rgb(2, 109, 197); background-image: -webkit-linear-gradient(top, rgb(2, 109, 197) 0px, rgb(2, 109, 197) 40%, rgb(2, 109, 197) 100%); background-position: 50% 50%; text-decoration: none; }
#search.custom_button_css { margin-left: 35px; }
#search2.custom_button_css { margin-left: 28px; margin-top: 8px; margin-bottom: 8px; padding-top: 8px; padding-bottom: 8px; box-shadow: rgb(0, 135, 219) 0px 0px 0px 1px, rgba(60, 163, 227, 0.298039) 1px 1px 0.5px 1px; }
#search2.custom_button_css:hover { background-color: rgb(57, 187, 25); background-image: -webkit-linear-gradient(top, rgb(2, 109, 197) 0px, rgb(2, 109, 197) 40%, rgb(2, 109, 197) 100%); background-position: 50% 50%; text-decoration: none; }
#details.custom_button_css { padding-top: 8px; padding-bottom: 8px; box-shadow: rgb(0, 135, 219) 0px 0px 0px 1px, rgba(60, 163, 227, 0.298039) 1px 1px 0.5px 1px; }
#details.custom_button_css:hover { background-color: rgb(2, 109, 197); background-image: -webkit-linear-gradient(top, rgb(2, 109, 197) 0px, rgb(2, 109, 197) 40%, rgb(2, 109, 197) 100%); background-position: 50% 50%; text-decoration: none; box-shadow: rgb(0, 135, 219) 0px 0px 0px 1px, rgba(60, 163, 227, 0.298039) 1px 1px 0.5px 1px; }
#main-wrap div p a.post-edit-link:hover { background-color: rgb(2, 109, 197); background-image: none; border: 1px solid; text-decoration: none; }
#main-wrap div p a.post-edit-link { font-size: 24px; padding: 0 11px; background-color: rgb(48, 175, 247); background-image: -webkit-linear-gradient(top, rgb(99, 204, 255) 0px, rgb(34, 174, 255) 40%, rgb(4, 149, 238) 100%); background-position: 50% 50%; border: 1px solid; border-radius: 3px; box-shadow: rgb(0, 135, 219) 0px 0px 0px 1px, rgba(60, 163, 227, 0.298039) 1px 1px 0.5px 1px; color: rgb(255, 255, 255) !important; cursor: pointer; display: inline-block; font-weight: bold; line-height: 1.5; margin: 0px 2px 4px; overflow: visible; vertical-align: middle; width: auto; border: 1px solid #D2D2D2; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1) inset; font-size: 13px; padding: 8px 10px;/*position:relative;left:-6px;*/ font-family: 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; text-shadow: none; }
body { margin: 0px auto; padding: 0px }
.clear { clear: both }
.menu { float: right; background: #4d4d4d; width: 120px; padding-top: 14px; padding-bottom: 13px; margin-left: 6px }
.menu-selected { float: right; background: #769e0c; width: 120px; padding-top: 14px; padding-bottom: 13px; margin-left: 6px }
.textBox { height: 20px; border: 2px solid #858585; color: #181818; font-size: 12px; font-family: Arial, Helvetica, sans-serif; padding-top: 1px; padding-left: 3px -webkit-border-radius:8px; -moz-border-radius: 8px; border-radius: 8px; behavior: url(/code/css/PIE.htc); }
input:disabled { background: #eeeeee; color: #999999; }
.selectBox { height: 30px; width: 125px; border: none; color: #181818; font-size: 14px; font-family: Arial, Helvetica, sans-serif; padding-top: 10px }
.supplierHeading { color: #779e0d; font-family: Arial, Helvetica, sans-serif; font-size: 18px }
.heading { color: #779e0d; font-family: Arial, Helvetica, sans-serif; font-size: 28px; }
.supplierDesc { line-height: 17px; font-family: Verdana, Geneva, sans-serif; font-size: 11px; color: #727272; padding-top: 20px }
.footerLink { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; }
.footerLink a { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; text-decoration: none; padding-left: 2px }
.mainSearch { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #505050; font-family: Arial, Helvetica, sans-serif; border: 1px solid #ccc; background: #FFF; height: 20px; text-align: left; padding-left: 3px; padding-top: 3px; cursor: pointer; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; margin: 3px; }
.mainSearch_Sel1 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FFF; font-family: Arial, Helvetica, sans-serif; border: 1px solid #666; background: #779E0D; height: 20px; text-align: left; padding-left: 3px; padding-top: 3px; cursor: pointer; -webkit-border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; behavior: url(/code/css/PIE.htc); }
.mainSearch_Sel2 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FFF; font-family: Arial, Helvetica, sans-serif; border: 1px solid #666; background: #999; height: 20px; text-align: left; padding-left: 3px; padding-top: 3px; -webkit-border-radius: 0px 3px 0px 0px; -moz-border-radius: 0px 3px 0px 0px; border-radius: 0px 3px 0px 0px; behavior: url(/code/css/PIE.htc); }
.mainSearch_Sel { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FFF; font-family: Arial, Helvetica, sans-serif; border: 1px solid #666; background: #779E0D; height: 20px; text-align: left; padding-left: 3px; padding-top: 3px; cursor: pointer; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; margin: 3px; }
.mainSearch1 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #505050; font-family: Arial, Helvetica, sans-serif; border: 1px solid #ccc; background: #FFF; height: 20px; text-align: left; padding-left: 3px; padding-top: 3px; cursor: pointer; -webkit-border-radius: 0px 0px 0px 3px; -moz-border-radius: 0px 0px 0px 3px; border-radius: 0px 0px 0px 3px; }
.mainSearch2 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #505050; font-family: Arial, Helvetica, sans-serif; border: 1px solid #ccc; background: #FFF; height: 20px; text-align: left; padding-left: 3px; padding-top: 3px; cursor: pointer; -webkit-border-radius: 0px 0px 3px 0px; -moz-border-radius: 0px 0px 3px 0px; border-radius: 0px 0px 3px 0px; }
.mainSearch_space { height: 25px; text-align: left; padding-left: 3px; padding-top: 3px }
.textSearch { font-family: Arial, Helvetica, sans-serif; font-size: 11px; border: 0px; height: 14px; background: none }
.searchButton { width: 260px; font-weight: bold; font-size: 12px; background: #779e0d; color: #FFF; font-family: Verdana, Geneva, sans-serif; border: 0px; height: 25px }
.buttonCls { width: 100px; font-size: 11px; background: #779e0d; color: #FFF; font-family: Verdana, Geneva, sans-serif; border: 0px; height: 25px }
.text { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #181818 }
.boxRoundCornersFull { border: 2px solid #DDDDDD; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; behavior: url(/code/css/PIE.htc); }

/* Hide Home banner for mobile devices. Requires theme responsiveness enabled */
@media all and (max-width:479px) {
	#homeBanner { visibility: hidden; display: none; clear: both; float: left; margin: 10px auto 5px 20px; width: 28%; }
}

/* Green */
a.tt-button.green { background-position: 0 -252px; border: 1px solid #ADC671; color: #5D7731; }
a.tt-button.green:hover { border: 1px solid #8BB14D; background-position: 0 -280px; }

/* Green */
input.tt-button.green { background-position: 0 -252px; border: 1px solid #ADC671; color: #222; }
input.tt-button.green:hover { border: 1px solid #8BB14D; background-position: 0 -280px; }
input.tt-button {/*background-image:url(/code/images/button-sprite.png);*/
text-decoration: none; font-size: 13px; font-weight: 700; height: 30px; line-height: 12px; border-radius: 3px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08); display: inline-block; padding: 0px 10px 0; font-family: Arial, Helvetica, sans-serif; cursor: pointer; }
.edit-page-button { clear: left; margin-top: 30px; }
.edit-page-button a {/*background-image:url(/code/images/button-sprite.png);*/
text-decoration: none; font-size: 13px; font-weight: 700; height: 20px; line-height: 12px; border-radius: 3px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08); display: inline-block; margin: 0 5px 20px; padding: 8px 10px 0; }
.edit-page-button a { background-position: 0 -630px; border: 1px solid #DAB347; color: #835503; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
.edit-page-button a:hover { border: 1px solid #DAB347; background-position: 0 -658px; color: #422B01; font-family: Arial, Helvetica, sans-serif; }

/* new css after the design change */
header { background-image: none; }
.home .custom_align_left, .pushLeft .custom_align_left { float: right !important; left: auto !important; right: 15px; z-index: 1; }
.top-aside { color: #8d8d8d; text-shadow: none; font-family: 'Lato', sans-serif; font-weight: 700; padding: 10px 0 !important; }
.topsubc { width: 100%; height: 78px; background-color: #39ab70; }
.topsubk { width: 990px; margin: auto; padding: 25px 0px; color: #FFFFFF; font-size: 30px; font-family: 'Lato', sans-serif; font-weight: 900; text-align: center; }
#menu-main-nav { font-family: 'Lato', sans-serif; font-weight: bold; }
.hero-wrap { background-image: none; }
#content-container { background-image: none; }
.hero-wrap { width: 990px; padding-bottom: 0px; margin-top: 2px; }
.banner { height: 380px; padding: 15px 0; }
.brandtc { width: 100%; height: 75px; padding: 5px 0; background-color: #f3f3f3; }
.brandt { width: 990px; margin: auto; height: 75px; }
.hbox { background-color: #f9f9f9; padding: 10px; -webkit-box-shadow: 8px 8px 0px 0px rgba(50, 50, 50, 0.16); -moz-box-shadow: 8px 8px 0px 0px rgba(50, 50, 50, 0.16); box-shadow: 8px 8px 0px 0px rgba(50, 50, 50, 0.16); }
.demoHeaders { font-size: 16px !important; font-family: 'Lato', sans-serif !important; font-weight: 900 !important; background-color: #f9f9f9; color: #000000; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; padding: 11px 18px; width: 300px; margin-bottom: 0px; margin-top: 0px !important; }
.hbox h3 span { float: left; }
.hbox h3, .tw-15 button { border: 0px; border-radius: 0px; padding: 9px; background-image: none; background-color: #57b3de; font-family: 'Lato', sans-serif !important; font-weight: 400 !important; font-size: 17px; }
.tw-15 button { color: #fff; font-size: 14px; padding: 5px 20px; margin: 2px 0 5px 25px; cursor: pointer; }
.hbox h3:hover { color: #FFFFFF; }
.ui-accordion-content { font-family: 'Lato', sans-serif !important; font-weight: 700 !important; font-size: 16px !important; }
.ui-state-active .ui-icon {/*background-image:url(images/checked.png)!important;*/
background-position: left; background-repeat: no-repeat; width: 29px; height: 21px; }
.ui-state-default .ui-icon {/*background-image:url(images/unchecked.png)!important;*/
background-position: left; background-repeat: no-repeat; width: 29px; height: 21px; }
.hbox input { border: 1px solid #e0e0e0; }
.fieltex { float: left; font-size: 12px; font-family: 'Lato', sans-serif !important; font-weight: 400 !important; font-size: 14px; color: #666666 !important; margin-top: 3px; }
.hbox .ui-accordion-content { border: 0px !important; border-radius: 0px !important; }
.topright1t a { font-weight: bold; color: #666666; }
.topright1c { float: right; }
.brnd { width: 175px; height: 77px; float: left; margin-right: 20px; }
.brnd img { opacity: 0.6; -webkit-filter: grayscale(100%);/* Chrome,Safari,Opera */ filter: grayscale(100%); }
h1 { line-height: 30px; }
.sbarlinks { margin-top: 10px; }
.sbarlinks span { color: #000000; }
.sbarlinks a { font-size: 17px; font-family: 'Lato', sans-serif; color: #57b3de; line-height: 25px; font-weight: 700; }
.sbarlinks a:hover { color: #57b3de; text-decoration: underline; }
.sidtex { font-family: 'Lato', sans-serif; font-size: 14px; font-weight: 700; line-height: 25px; color: #0e1d24; margin-top: 30px; }
.sidtex strong { color: #f97042; font-size: 16px; font-weight: 900; line-height: 27px; }
.tt-overlay { background-color: #39ab70; }
.foot-copy p { color: #FFFFFF; }
.hboxt { background-color: #57b3de; background-image: none; border: 0 none; border-radius: 0; font-family: "Lato", sans-serif; font-size: 17px; font-weight: 400; padding: 9px; }
.hboxt a { color: #333333; text-decoration: underline; }
.hboxt a:hover { color: #333333; text-decoration: underline; }
#overview { font-family: 'Lato', sans-serif; }
.overbox { width: 49%; height: 63px; background-color: #FFFFFF; margin-top: 10px; color: #333333; }
.overboxt1 { float: left;/*background-image:url(images/hico1.png);*/ background-position: 7px 7px; background-repeat: no-repeat; }
.overboxt2 { float: right;/*background-image:url(images/hico2.png);*/ background-position: 7px 7px; background-repeat: no-repeat; }
.overboxt3 { float: left;/*background-image:url(images/hico3.png);*/ background-position: 7px 7px; background-repeat: no-repeat; }
.overboxt4 { float: right;/*background-image:url(images/hico4.png);*/ background-position: 7px 7px; background-repeat: no-repeat; }
.overboxt5 { float: left;/*background-image:url(images/hico5.png);*/ background-position: 7px 7px; background-repeat: no-repeat; }
.obtt { margin: 14px 0px 0px 62px; color: #333333; font-size: 18px; font-family: 'Lato', sans-serif; font-weight: 700; }
.obtt span { color: #999; font-size: 12px; font-weight: 700; }
.obttgrey { width: 307px; height: 48px; background-color: #e9e9e9; padding: 10px 44px; float: left; margin-top: 14px; color: #8d8d8d; font-size: 16px; line-height: 21px; }
.obttbutnc { width: 100%; height: 30px; margin: 15px 0px; float: left; text-align: center; }
.obttbutnc input { background-color: #57b3de; color: #FFFFFF; font-family: 'Lato', sans-serif; font-weight: 400; border: none; font-size: 18px; cursor: pointer; }
.obttbutnck { width: 100%; height: 30px; margin: 15px 0px; float: left; text-align: center; }
.obttbutnck input { background-color: #f97042; color: #FFFFFF; font-family: 'Lato', sans-serif; font-weight: 400; border: none; font-size: 18px; cursor: pointer; padding: 8px 30px !important; }
#elec { font-size: 14px; }
.flb, .flb1, .flb2 { float: left; height: 45px; margin-top: 7px; padding: 2px 35px; width: 318px; }
.flb3 { float: left; height: 45px; margin-top: 7px; padding: 2px 35px; width: 318px; margin-bottom: 15px; }
.flb input { width: 75px; margin-left: 20px; }
.flb1 input { width: 75px; margin-left: 22px !important; margin-bottom: 20px; }
.flb2 input { width: 75px; margin-left: 7px !important; margin-bottom: 30px; }
.flb3 input { width: 75px; margin-left: 7px !important; margin-bottom: 10px; }
#gas input { width: 75px; margin-left: 20px; }
nav>ul>li+li { margin-left: 15px; }
header nav a, .search .current_page_parent a { color: #fff; }
.headtc { margin-top: -12px; position: absolute; right: 0; top: 50%; z-index: 9999; }
.usptop { margin-top: -20px; position: absolute; right: 0; top: 50%; z-index: 9999; width: 700px; }
.uspbar1 { width: 160px;/* height:50px;*/ margin-right: 15px; position: absolute; top: -3px; left: 80px; font-size: 13px; font-family: 'Lato', sans-serif; font-weight: 500; color: rgb(41, 41, 41); line-height: 23px; }
.uspbar2 { width: 200px;/* height:50px;*/ margin-right: 15px; position: absolute; top: -3px; left: 290px; font-size: 13px; font-family: 'Lato', sans-serif; font-weight: 500; color: rgb(41, 41, 41); line-height: 23px; }
.uspbar3 { width: 180px;/* height:50px;*/ margin-right: 15px; position: absolute; top: -3px; right: -36px; font-size: 13px; font-family: 'Lato', sans-serif; font-weight: 500; color: rgb(41, 41, 41); line-height: 23px; }
.euro {/*background-image:url(images/global/euro.png);*/
background-repeat: no-repeat; padding-bottom: 40px; padding-left: 40px; position: absolute; left: 30px; }
.klik {/*background-image:url(images/global/click1.png);*/
background-repeat: no-repeat; background-position:; padding-left: 40px; line-height: 23px; padding-bottom: 40px; position: absolute; right: 170px; }
.onafhankelijk {/*background-image:url(images/global/persons.png);*/
background-repeat: no-repeat; padding-bottom: 40px; padding-left: 40px; position: absolute; left: 240px; }
.headtt { height: 30px; float: left; font-size: 29px; font-weight: 900; font-family: 'Lato', sans-serif; color: #292929; margin-top: 15px; margin-bottom: 10px; }
.headtl { height: 30px; float: left; font-size: 15px; font-weight: 500; font-family: 'Lato', sans-serif; color: #292929;/*background-image:url(images/global/usp-v.png);*/ background-repeat: no-repeat; background-position: 20px 6px; padding-left: 40px; line-height: 23px; }
.advtc { width: 375px; height: 200px; float: right; margin-top: 5px; padding: 15px; border-width: 2px; border-style: solid; border-color: #ccc; }
.advtt { width: 365px; height: 30px; float: left; font-size: 26px; font-weight: 900; font-family: 'Lato', sans-serif; margin-top: 5px; margin-bottom: 10px; }
.advtl { width: 365px; height: 30px; float: left; font-size: 16px; font-weight: 700; font-family: 'Lato', sans-serif; margin-top: 8px; background-repeat: no-repeat; background-position: 1px 1px; padding-left: 0px; line-height: 23px; }
.fthree input { height: 26px; vertical-align: -8px; }
.ffour input { height: 26px; vertical-align: -8px; }
.ffour select { width: 50px; height: 30px; }
.ffive input { height: 26px; vertical-align: -1px; }
.ffive #elec { color: #000; font-family: "Lato", sans-serif !important; font-size: 15px !important; font-weight: 700 !important; }
.hbox h4 { background-color: #e8f8ff; background-image: none; border: 0 none; border-radius: 0; font-family: "Lato", sans-serif !important; font-size: 16px !important; font-weight: 500 !important; color: #000000 !important; margin-bottom: 10px; padding: 9px 18px; }
.hbox h4 b { font-family: "Lato", sans-serif !important; font-size: 17px !important; font-weight: 700 !important; color: #000000 !important; }
.slt { font-family: "Lato", sans-serif !important; font-size: 14px !important; font-weight: 500 !important; color: #777; float: left; margin-left: 46px; margin-top: -5px; }
#gas h4 { height: 75px; }
.gasd { font-family: "Lato", sans-serif !important; font-size: 13px !important; font-weight: 500 !important; color: #999 !important; float: left; margin-left: -6px; margin-top: 3px;/*background-image:url(images/ingo.png);*/ background-repeat: no-repeat; background-position: 5px 5px; padding-left: 31px; }
#elec2 { background-color: none; }
#elec input { margin-left: 25px; }
.ui-icon-triangle-1-s { display: none !important; }
.number { width: 23px; height: 21px; float: left; text-align: center;/*background-image:url(images/unchecked.png);*/ background-repeat: no-repeat; background-position: center top; font-size: 12px; padding-top: 3px; margin-right: 8px; }
.checked { width: 23px; height: 21px; float: left; text-align: center;/*background-image:url(images/checked.png);*/ background-repeat: no-repeat; background-position: center top; font-size: 12px; padding-top: 3px; margin-right: 8px; display: block; }

/*Aghadi CSS Start Kaushik*/
.small_banner2 .headtl { width: auto; font-size: 18px; height: auto; padding-right: 10px; margin-top: 0px; }
.brandtc2 { width: 100%; background-color: #f3f3f3; }
.small_banner2 { background-color: #f97042; padding: 15px 0; display: none; }
.brandtc2 { width: 100%; background-color: #f3f3f3; padding: 20px 0 }
.brandtc2 .voor1 { padding: 0 40px 0 0 }
.brandtc2 .voor1 h2 { margin: 0; font-size: 22px !important; font-weight: normal !important; }
.brandtc2 .voor1 ul { margin: 0; padding: 0; }
.brandtc2 .voor1 ul li { float: left; margin: 0 5px 0 0; }
.brandtc2 .voor1 ul li a { color: #57b3de; text-decoration: none; }
.brandtc2 .voor2 h3, .voor3 h3, .voor4 h3, .voor5 h3, .voor6 h3 { color: #333; margin: 0; font-size: 20px !important; font-weight: 700 !important; line-height: 20px; }
.voor2 p, .voor3 p, .voor4 p, .voor5 p, .voor6 p { font-size: 14px; color: #8d8d8d; margin: 0; }
.brandtc2 .voor2 {/*background:url(images/home1.png) no-repeat left 8px;*/
padding: 0px 40px 0 40px; }
.brandtc2 .voor3 {/*background:url(images/persons.png) no-repeat left 8px;*/
padding: 0px 40px 0 40px; }
.brandtc2 .voor4 {/*background:url(images/elec.png) no-repeat left 8px;*/
padding: 0px 40px 0 40px; }
.brandtc2 .voor5 {/*background:url(images/gas.png) no-repeat left 8px;*/
padding: 0px 40px 0 40px; }
.brandtc2 .voor6 { padding: 10px 0 0 0; }
.brandtc2 .voor6 a { color: #57b3de; text-decoration: underline; }
.brandtc2 .aanpassen-click { text-decoration: underline; margin-top: 4px; display: block; }
.brandtc3 { margin: 50px 0 0 0; }
.brandtc3 .center-wrap { background: #f9f9f9; padding: 20px 0; }
.brandtc3 .voor1 { border: 1px solid #e6e6e6; margin-left: 20px; }
.brandtc3 .voor2 { padding: 0 20px 0 25px; }
.brandtc3 .voor2 h2 { margin: 0; color: #333; font-size: 24px !important; font-weight: 700 !important; }
.brandtc3 .voor2 h3 { margin: 0; color: #333; font-size: 20px !important; font-weight: 700 !important; }
.brandtc3 a { float: left; background-color: #57b3de; color: #fff; padding: 10px 25px; margin-top: 10px; }
.brandtc3 ul { float: left; padding: 0; margin: 12px 0 0 40px; }
.brandtc3 ul li { margin: 0; color: #8d8d8d; line-height: 18px; list-style: disc; }
.brandtc4 { margin: 25px 0 0 0 }
.brandtc4 .center-wrap2 { max-width: 1000px; margin: 0 auto; }
.brandtc4 h2 {/*border-bottom:1px dashed #eee;*/ line-height: 40px; font-size: 26px !important; margin-top: 0; }
.brandtc4 .left_1 { float: left; width: 247px; padding-left: 30px !important; }
.brandtc4 .left_1, .brandtc4 .right_1 { padding: 5px 0; overflow: hidden }
.brandtc4 .left_1 p, .brandtc4 .left_2 p, .brandtc4 .right_1 p { margin: 0; color: #0e1d24; }
.brandtc4 .left_1 span p, .brandtc4 .right_1 span p { color: #f97042; }
.doted-box { border: 1px dashed #8d8d8d; padding: 15px 20px; width: 575px; margin: 15px 0 50px 0; float: left }
.doted-box .row { padding: 0 20px; margin: 0; }
.doted-box .stroom { padding: 0; margin: 0; }
.doted-box .lit-icon1 {/*background:url(images/lit-icon1.png) no-repeat left 2px;*/
padding: 0 0 0 20px; }
.doted-box .lit-icon2 {/*background:url(images/lit-icon2.png) no-repeat left 2px;*/
padding: 0 0 0 20px; }
.button-box { float: right; width: 260px; margin-top: 150px; }
.button-box a { float: left; width: 260px; height: 40px; line-height: 40px; text-align: center; }
.button-box a.btn-bl { background: #57b3de; color: #fff; }
.button-box a.btn-gr { background: #e8f8ff; color: #57b3de; }
.brandtc4 h4 { color: #0e1d24; line-height: 24px; font-size: 20px !important; }
.simple-link a { color: #57b3de; clear: both; float: left; text-decoration: underline; }
p b { font-weight: bold; }
.doted-box span { color: #8d8d8d; font-size: 16px; font-weight: 500; padding: 0px; display: inline-block }
.doted-box .right_2 span .y-clr { color: #f97042; }
.row2 { clear: both }
.right_2 { float: left; width: 100px; padding: 5px 0; }
.doted-box .right_2 span { display: inline-block; }
.brandtc4 .right_2 span p { color: #7e7e7e; }
.brandtc4 .right_2 p { margin: 0; }
.t-right { text-align: right }
.tb-border { border-top: 1px dashed #8d8d8d; border-bottom: 1px dashed #8d8d8d; display: inline-block; padding: 5px 0 }
.brandtc4 .left_2 { float: left; width: 450px; padding: 5px 0; }
.brandtc4 .left_2 span p { color: #f97042; }
.total { background: #f97042; float: left; width: 100%; padding: 10px; width: 620px; }
.brandtc4 .total p { color: #fff; line-height: 30px !important; }
.brandtc4 .total p b { font-weight: 300; font-size: 24px; }
.total .left_2 p, .total .right_2 p { font-family: "Lato", sans-serif !important; font-weight: 700 !important; }
.gas-title { margin: 15px 0 0 !important; }
.right_2.totalprice p { font-size: 25px !important; }
.button-box.tottal-front { margin: -20px -50px 0 -10px; }
.main-box-outer { float: left; width: 100%; }
.outer-box-title { float: left; width: 100%; }
.outer-box-title h2 { float: left; margin: 0; }
.select-box { float: right; }
.select-box label { float: left; color: #8d8d8d; font-family: "Lato", sans-serif; font-weight: 400; font-size: 16px; line-height: 40px; }
.select-box select { width: auto; background: #f9f9f9; border: 1px solid #eeeeee; padding: 10px; margin: 0 0 0 10px; font-weight: 700; font-family: Arial, Helvetica, sans-serif; }
.table-row.gray { float: left; width: 100%; padding: 15px 0; }
.tw-5 { float: left; width: 5%; text-align: center; }
.tw-15 { float: left; width: 13%; }
.tw-11 { float: left; width: 7%; text-align: center; }
.tw-20 { float: left; width: 25%; }
.tw-10 { float: left; width: 12%; color: #636B75; }
.tw-11.groen { margin: 0px 0 0 10px; }
.tw-11.orange { color: #f97042; font-size: 14px; font-weight: 700; }
.tw-12.orange { color: #f97042; font-size: 14px; font-weight: 700; }
.tw-11.price { font-size: 24px; color: #636B75; font-weight: 700; text-align: center; width: 8%; float: left; }
.table-row label { font-size: 16px; font-weight: 400; color: #8d8d8d; margin: 0; }
.table-row.gray { background: #f9f9f9; border-top: 1px solid #eee; border-bottom: 1px solid #eee }
.table-row.white { background: #ffffff; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; }
.tw-15 a { color: #292929; font-size: 14px; text-decoration: underline;/*background:url(images/aro.png) right center no-repeat;*/ padding: 0 10px 0 0; margin: 2px 0 5px 30px; }
.tw-15 a:hover { color: #292929; }
.tw-13 { float: left; width: 13%; color: #636B75; }
.tw-12 { float: left; width: 12%; text-align: center }
.tw-15.button-result { text-align: center; }
.tw-15.button-result a { display: inline-block; }
.table-row { float: left; padding: 15px 0; width: 100%; }
.tw-5 label { margin: 11px 0 0 0; color: #636B75; display: inline-block; font-size: 16px; font-weight: 400; height: 25px; line-height: 25px; width: 25px; background: #eee; border-radius: 20px; }
.bottom-btn { float: left; width: 100%; text-align: center; margin: 40px 0; }
.bottom-btn button { background: none; border: 1px solid #57b3de; font-size: 18px; color: #57b3de; padding: 10px 15px; }
.box-inner { background: #f9f9f9; border: 1px solid #eeeeee; float: left; padding: 15px; width: 32.33%; box-sizing: border-box; }
.box-inner h6 { font-size: 18px; font-weight: 700; text-transform: capitalize; }
.box-inner.middle { width: 32.33%; margin: 0 1.5% }
.box-inner p { font-size: 14px !important; line-height: 30px !important }
.tw-13 img { border: 1px solid #e5e5e5; padding: 10px; background-color: #fff; }
.pull-left.voor1>ul { list-style-image: none !important; }
.page-id-1434 .topsubc { }
.page-id-1437 .topsubc { }
.page-id-1437 .row_margin { margin-right: 0px !important; margin-left: -25px !important; }
.voor2 a:hover, .button-box a.btn-bl:hover { background-color: #F97042; color: #FFFFFF; }
.tw-15>button:hover, .bottom-btn>button:hover { background-color: #F97042; color: #FFFFFF; }
.detail-container input { font-weight: normal !important; }

/*Aghadi CSS End Kaushik*/

/*Aghadi CSS Start Hardik*/
.detail-container .flb input { height: 45px; }
.flb3 { width: 271px !important; }
.detail-container input[type="text"] { padding: 8px 7px !important; width: 90px !important; }

/* change 1177 padding:8px 7px;*/
.detail-container .flb.flb2, .detail-container .flb.flb1, .detail-container .flb.flb3 { width: 100% !important; }

/* Gravity Forms CSS*/
body .gform_wrapper .gform_body .gform_fields .gfield_label, body .gform_wrapper .gform_body .gform_fields .gfield_contains_required .field_sublabel_below .field_description_below { font-size: 18px; font-weight: normal; color: grey; }
.gform_wrapper .gfield_checkbox li label, .gform_wrapper .gfield_radio li label { font-size: 16px; font-weight: normal; color: grey; }
.gform_wrapper .gf_step_label, .gf_step_number { font-size: 20px; font-weight: bold; }
body .gform_wrapper .gform_body .button { width: auto; height: 50px; margin-right: 10px; padding: 0 11px; background-color: #4195d5 !important; color: #fff !important; border-bottom: 4px solid #377fb5; cursor: pointer; display: inline-block; font-weight: bold; line-height: 1.5; overflow: visible; vertical-align: middle; word-wrap: break-word; }
body .gform_wrapper .gform_body .button:hover { background-color: #377fb5 !important; }
body .gform_browse_button_5_6 .button .gform_button_select_files { width: auto; height: 50px; margin-right: 10px; padding: 0 11px; background-color: #4195d5 !important; color: #fff !important; border-bottom: 4px solid #377fb5; cursor: pointer; display: inline-block; font-weight: bold; line-height: 1.5; overflow: visible; vertical-align: middle; word-wrap: break-word; }
body .gform_wrapper .gform_body .gform_button_select_files:hover { background-color: #377fb5 !important; }
body .gform_wrapper .gform_body .gform_fields .ginput_container { font-size: 18px; color: grey }
body .gform_wrapper .gform_body .gform_fields .gfield input[type=text], body .gform_wrapper .gform_body .gform_fields .gfield input[type=email], body .gform_wrapper .gform_body .gform_fields .gfield input[type=tel], body .gform_wrapper .gform_body .gform_fields .gfield input[type=url], body .gform_wrapper .gform_body .gform_fields .gfield input[type=number], body .gform_wrapper .gform_body .gform_fields .gfield input[type=password], body .gform_wrapper .gform_body .gform_fields .gfield select { font-size: 16px; height: 45px; }

/* expand/collapse && total price bar hover effect */
[href].total:hover { background: #377fb5; }
.row2:after { content: ''; display: table; clear: both; }
.doted-box .glyphicon { padding: 4px; }
.collapsed .glyphicon-minus:before { content: "\2b"; }
.stickySummary { position: absolute; right: 0; top: 0; width: 330px; background: #fff; z-index: 10; }
.stickySummary h3 { margin-bottom: 16px; margin-top: 8px; }
.stickySummary .voor1 img { padding: 15px; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; max-width: 60%; }
.stickySummary .voor2 { padding: 20px; font-size: 15px; margin-bottom: 0; overflow: hidden; }
.stickySummary .totaal { padding: 20px; background-color: #f3f3f3; font-size: 16px; border-top: 1px solid #ccc; }
.summary { background-color: #f3f3f3; overflow: hidden; padding: 13px 0 13px 15px; }
.outlinedBox { border: 1px solid #d6d6d6; }
.textRight { text-align: right; }
h2.size-20 { font-size: 20px !important; line-height: normal; }
h2.boldFont, div.boldFont, p.boldFont { font-weight: bold !important; }
span.normalFont { font-weight: normal !important; }
.smallFont { font-size: 14px !important; }

/*.btn{text-align:center;font-size:20px!important;;font-weight:bold!important;border-radius:0!important;display:block;padding:14px 20px !important;width: 100%!important;}*/
.btn.color1 { background-color: #4195d5 !important; color: #fff !important; border-bottom: 4px solid #377fb5; }
.btn.color1:hover { background-color: #377fb5 !important; }
.btn.medium-font { font-size: 16px !important; }
.successColor { color: #339900 !important; }
.dataColRow { margin: 0 0 10px; }
.dataCol1 { float: left; width: 65%; line-height: 27px; }
.dataCol2 { float: right; width: 35%; line-height: 27px; }
.discountDisclaimer { width: 100%; padding: 5px 0 5px 30px !important; margin-bottom: 0px !important; }
.discountDisclaimer p, .discountAmount p { margin-bottom: 0px !important; }
u.discountComments_dotted { border-bottom: 1px dashed #999; text-decoration: none; }
.discountHeading { width: 445px; padding: 5px 0 5px 30px !important; margin-bottom: 0px !important; }
.discountAmount { text-align: right; width: 100px; padding: 5px 0 5px 30px !important; margin-bottom: 0px !important; }
.discountHeading p, .discountAmount p { margin-bottom: 0px !important; }
.collapseBox { margin-bottom: 0; margin-top: 5px; width: 600px; background-color: #f3f3f3; overflow: hidden; padding: 7px 0 7px 15px; }
.detailBackLink { display: inline-block; float: right; margin-top: 15px; text-decoration: underline; color: #656565; font-size: 16px; }
.detailBackLink:hover { color: #4195d5; }
ul.usp-list { color: #323232;/*list-style-image:url("images/global/bullet-type-2.png");*/ }
ul.usp-list li span { font-size: 16px; font-weight: bold; }
ul.check-list { margin: 0; padding: 0;/*list-style-image:url("images/global/usp-v.png");*/ }
#notaccordion input[type=text] { margin: 0 10px; }
#notaccordion .ui-accordion-content input[type=radio], #notaccordion .ui-accordion-content input[type=checkbox] { vertical-align: -9px !important; }
/* ENERGIE ELEVERANCIERS PAGE */
.energieleveranciers-overview h2 { font-size: 24px !important; }
.energieleveranciers-overview .selection-overview { border: 1px solid #e1e1e1; padding: 12px 15px; margin-bottom: 30px; font-size: 15px; }
.energieleveranciers-overview .selection-overview h5 { font-size: 20px; margin-bottom: 30px; }
.energieleveranciers-overview .selection-overview hr { margin: 20px 0; }
.energieleveranciers-overview .selection-overview a { color: #4195d5; display: block; margin: -5px 0 5px; }
.energieleveranciers-overview .selection-overview .row { margin-bottom: 10px; font-weight: bold; overflow: hidden; }
.energieleveranciers-overview .selection-overview .row .cell1 { margin-bottom: 5px; }
.energieleveranciers-overview .selection-overview .row .cell2 { font-weight: normal; margin-bottom: 5px; }
.energieleveranciers-overview .filters { position: relative; }
.energieleveranciers-overview .filters h5 { font-size: 20px; border: 1px solid #e1e1e1; padding: 12px 15px; margin-bottom: 20px; }
.energieleveranciers-overview .filters h6 { font-size: 17px; font-weight: bold; margin-bottom: 9px; margin-top: 30px; }
.energieleveranciers-overview .filters label { font-size: 16px; font-weight: normal; }
.energieleveranciers-overview .filters input[type=radio] { margin-bottom: 10px; }
.energieleveranciers-overview .filters .filter-wrapper { padding-left: 26px; padding-top: 5px; }
.energieleveranciers-overview .item-box { width: 700px; height: 160px; background-color: #f7f7f7; margin-top: 40px; border: 1px solid #e1e1e1; position: relative; }
.energieleveranciers-overview .item-box .item-box-logo { border: 1px solid #e1e1e1; background-color: #fff; width: 135px; height: 43px; box-shadow: 6px 4px 0 rgba(224, 223, 223, 0.4); position: absolute; left: 235px; top: -22px; padding-top: 2px; }
.energieleveranciers-overview .item-box .item-box-logo a { position: relative; top: 50%; transform: translateY(-50%) translateX(-50%); left: 50%; display: inline-block; text-align: center; }
.energieleveranciers-overview .item-box .item-box-logo img { max-height: 40px; max-width: 130px; }
.energieleveranciers-overview .item-box .item-box-counter { background-color: #e75438; border-radius: 34px; color: #ffffff; font-weight: bold; height: 30px; line-height: 30px; position: absolute; text-align: center; width: 30px; top: 20px; left: -15px; }
.energieleveranciers-overview .item-box .item-box-content { float: left; padding: 30px 25px; width: 180px; }
.energieleveranciers-overview .item-box .item-box-content .total-price { font-size: 34px; color: #333333; padding-left: 20px; }
.energieleveranciers-overview .item-box .item-box-content .month-price { font-size: 16px; color: #666666; padding-left: 20px; padding-top: 23px; }
.energieleveranciers-overview .item-box .item-box-content .btn { padding: 14px 0 !important; width: 180px !important; margin-top: 11px; }
.energieleveranciers-overview .item-box .item-box-content a.btn:hover { text-decoration: none; }
.energieleveranciers-overview .item-box .item-box-content .details-link { text-align: center; color: #4195d5; display: block; margin-top: 15px; }
.energieleveranciers-overview .item-box .item-box-content ul.check-list { padding-top: 5px; margin-left: 1px; width: 250px; }
.energieleveranciers-overview .item-box .item-box-content ul.check-list li { margin-bottom: 7px; }
.LevLogoList { border: #dfdfdf 1px solid; padding: 10px; margin-right: 20px; display: block; float: left; }
.LevLogoList img { max-width: 100px; margin: 0; }
.LevTitleList { float: left; width: 450px; margin-top: -20px; }
.LevTextList { float: left; width: 450px; }

/** * Contact Form Correction * incredible_developer * 14-02-2017 */
.gform_footer #gform_submit_button_6 { padding: 14px 0; width: 180px; background-color: #4195d5 !important; border-bottom: 4px solid #377fb5; color: #fff !important; font-size: 16px; background-image: none; height: auto; font-family: Verdana, Geneva, sans-serif; }
.gform_footer #gform_submit_button_6:hover { background-color: #377fb5 !important; }
.gform_footer #gform_submit_button_9 { margin-left: 15px; width: 335px; padding: 14px 0; background-color: #4195d5 !important; border-bottom: 4px solid #377fb5; color: #fff !important; font-size: 16px; background-image: none; height: auto; font-family: Droid Sans; }
.gform_footer #gform_submit_button_9:hover { background-color: #377fb5 !important; }
#gform_drag_drop_area_6_6 { display: inline-block; float: none; width: 62.5%; height: 84px; }
#gform_browse_button_6_6 { float: right; top: -36px; background-color: #333 !important; position: relative; top: -10px; }
#gform_drag_drop_area_6_6 .gform_drop_instructions { padding-right: 46px; }
.contact-form-btn { cursor: pointer; text-shadow: 0px -1px #005fd3; background: linear-gradient(to bottom, #3eafea 0%, #2996e1 100%); width: 208px; text-align: center; box-shadow: 0px 0px 0px 5px rgba(0, 0, 0, .1); border-radius: 5px; color: #fff; font-size: 22px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: bold; line-height: 1.42857143; display: inline-block; padding: 8px 3px; height: 47px; box-sizing: border-box; width: 200px; }
.contact-form-btn .fa { width: 1.28em; }
.contact-form-btn:hover { background: linear-gradient(to bottom, #2996e1 0%, #3eafea 100%); }
#input_6_7, #input_6_2, #input_6_4 { border: 1px solid #D2D2D2; }
.mailons h3 { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 0 none; }
.chatsvg { left: -260px; top: 30px; }

/** H E A D E R  R A T I N G  **/

.rating-container {text-align: center;margin-top:30px;}
.rating-container .first-rating-description{font-weight: bold; display: block;}

@media only screen and (min-width: 1280px) {
	.navbar-brand{width:100% !important;background-size:contain;background-repeat: no-repeat;}
}

@media only screen and (max-width:1279px) {
	.rating-container { margin: 0 !important; }
	.rating-container .ratings { display: none !important }
	.rating-container .numerical-rating { display: none !important }
	.rating-container .first-rating-description { display: none !important }
}

/** L E A D  P O P U P */
div.pum-container.popmake { padding: 0px }
#popmake-7727 button.pum-close.popmake-close { display: none; }
div.lead-popup-header, div.lead-popup-body, div.lead-popup-footer { text-align: center; padding: 18px; }
div.lead-popup-body { color: #555d08; }
div.lead-popup-body h1 { font-size: 40px; margin-top: 0px; color: #555d08 !important; font-weight: bold !important; }
div.lead-popup-body h3 { font-size: 28px; line-height: 32px; margin-bottom: 20px; }
#popmake-7729 div.lead-popup-body h1 { margin-top: 0px; }
#popmake-7743 div.lead-popup-footer { padding: 30px; }
div.lead-popup-footer { background: #34b379; }
div.lead-popup-footer button { width: auto !important; background: #262a04; color: white; padding: 10px; font-size: 22px !important; font-weight: 600; border: none; border-radius: 4px; margin: 30px auto 30px; }
#popmake-7729 div.lead-popup-footer { padding-top: 9px; }
#popmake-7729 div.lead-popup-footer li.gfield.gfield_error { margin: 0px !important; padding: 0px !important; max-width: 100% !important; }
#popmake-7729 div.lead-popup-footer li.gfield.gfield_error div.ginput_container.ginput_container { margin-top: 0px !important; }
#popmake-7729 div.lead-popup-footer li.gfield.gfield_error div.ginput_container.ginput_container input { margin-top: 0px !important; }
#popmake-7729 div.lead-popup-footer li.gfield.gfield_error div.gfield_description.validation_message { padding-right: 0px !important; padding-top: 5px !important; }
div.lead-popup-footer input[type="text"] { width: 100% !important; padding: 0px 10px !important; }
div.lead-popup-footer div.gform_footer { padding: 0 !important; margin: 0 !important; text-align: center; }
div.lead-popup-footer div.gform_wrapper { margin: 0px; }
div.lead-popup-body.send-form { margin-top: 0px; padding-top: 0px; }
div.lead-popup-footer .send-form { margin: 0px auto; }
div.lead-popup-footer #gform_submit_button_13 { width: auto !important; background: #262a04; color: white; padding: 10px; font-size: 22px !important; font-weight: 400; margin: 0px auto 0px; border: none; border-radius: 4px; }
div.lead-popup-footer a { text-decoration: underline; font-size: 12px; color: #262a04; font-weight: bold; position: relative; bottom: 10px }
div.lead-popup-footer a:none { text-decoration: none; }

#gform_12 input[type="text"] { border: 1px solid #bdbdbd !important; }

.redctabutton:hover { color: white; background-color: #d8540b !important; text-decoration: none; }

body .gform_wrapper.gf_browser_chrome .gfield_checkbox li input, body .gform_wrapper.gf_browser_chrome .gfield_checkbox li input[type=checkbox] { margin-top: 2px; }
.email-button { width: 100%; height: 40px; background-color: transparent; border-color: #30ac72; border-width: 1px; }
.email-button:hover { background-color: #30ac72; color: #ffff; }

#gform_15, #gform_16 { max-width: 95%; }
#gform_15 .gfield_error, #gform_16 .gfield_error { border: none !important; }
#gform_15 .gform_footer, #gform_16 .gform_footer { display: flex; justify-content: flex-end; }
#gform_15 .gform_wrapper li.gfield.gfield_error, #gform_16 .gform_wrapper li.gfield.gfield_error { border-top: none !important; }
#gform_15 .gform_ajax_spinner, #gform_16 .gform_ajax_spinner { height: 15px; position: absolute; right: 190px; }
/*#gform_14 .gform_footer { position: relative; }*/
/*#input_14_1 { padding-right: 43px; max-width: 80%; }*/
#gform_confirmation_wrapper_15, #gform_confirmation_wrapper_16 { padding: 30px 0px; font-size: 16px; text-align: center; }
#gform_submit_button_15, #gform_submit_button_16 { color: #ffff; padding: 8px 14px; text-shadow: none; background-color: #30ac72; background-image: none; /*position: absolute;*/ bottom: 42px; right: 0; }
.gchoice_12_81_1 { display: flex; align-items: center; }
/*.gchoice_12_81_1 input { margin-right: 14px !important; }*/
.gchoice_12_81_1 input[type=checkbox]:checked+label { font-weight: normal !important; }
.gchoice_12_81_1 label { max-width: 100%; }

/** GRAVITY FORMS **/

.gfield_description.validation_message{ margin-left: 0;margin-top: -15px;}
#gform_12 input{margin-bottom: 3px !important}
div.ginput_container.ginput_container_radio {margin-top: 0px !important;padding-top: 0px !important}
div.ginput_container.ginput_container_radio ul.gfield_radio li{display: block;margin:5px 0px;}
div.ginput_container.ginput_container_radio ul.gfield_radio li input{vertical-align: top;margin-top: 8px !important}

div.ginput_container.ginput_container_checkbox{margin-top: 0px !important;padding-top: 0px !important}
div.ginput_container.ginput_container_checkbox ul.gfield_checkbox li label{    margin-top: 0px !important;margin-left: 0px !important;}
section.calculator .calculator-container, div.calculator .calculator-container{box-shadow: unset}
body.page-template-template-listing .onlineaanvragen {padding-top: 15px}
body.page-template-template-listing .onlineaanvragen .details{top:45px;border:none;padding-top:0px;padding-bottom: 0px; right: 14px}
body.page-template-template-listing .onlineaanvragen .redbutton{position: relative;top:25px;}
body.page-template-template-listing .prijsvak {padding-bottom: 68px;padding-top: 67px}
body.page-template-template-listing .prijsvak img{ width: 100%;}
body.page-template-template-listing .abbo-usp{ padding-left: 0px !important;margin-left: 0px !important;padding-top: 0px}
body.page-template-template-listing .abbo-usp .product-name{padding-left: 15px;padding-top: 10px;display: block;font-size: 16px;font-weight: normal;}
body.page-template-template-listing .price-result{padding-left: 0px;padding-bottom: 204px;}
body.page-template-template-listing .text-sidebar{margin-right: 0;margin-left: 0px}
body.page-template-template-listing div.left-sidebar div.gegevens{margin-right: 0px}
body.page-template-template-listing div.left-sidebar div.gegevens:nth-child(2){margin-top: 50px}
body.page-template-template-listing div.jaarprijs{font-weight: normal;}
body.page-template-template-listing .abbo-usp .product-name:nth-child(2){padding-top: 0px}
body.page-template-template-listing ul.nobulletsgrey li{margin-bottom: 0px}
.enkeleprijs, .verbruik-dag, .verbruik-nacht { font-size: 18px; }
.nobulletsgrey { margin-left: 14px !important }
.revised-calculator-submit { width: 100%; padding: 6px 12px !important; }
.ui-autocomplete { max-width: 317px; border: 1px solid rgb(175, 175, 175); background-color: #ffff; padding: 0 !important; }
.ui-autocomplete li { padding: 0 12px; }
.ui-autocomplete li.ui-state-focus { background-color: #228456; padding: 0 12px; color: #ffff; }
.page-template-template-listing footer, .page-id-3258 footer, .page-id-7089 footer, .page-id-1437 footer { display: none; }

.aanvraag-box { border: #30ac72 solid 1px; padding: 10px; }
.graph-button-wrapper { padding: 25px; }
.btn.btn-green { font-weight: 600; width: 100%; color: #ffffff; background-color: #30ac72; padding: 10px 30px; box-shadow: 0 3px 0 0 #228456; }
.btn.btn-green:hover { background-color: #228456; color: #ffffff !important; }
.btn.btn-green:active,
.btn.btn-green:focus { color: #ffffff !important; }
.btn.gas-graph { margin-top: 20px; }

.original-price { display: inline-block; width: 100%; }
.original-price h2 { text-decoration: line-through; color: #9ea3a8; }

.total-cost { background-color: #30AC72; padding: 18px 40px; }
.total-cost h2 { font-size: 19px; color: #ffffff; margin: 0; }
.total-cost h2.price { text-align: right; }
.total-cost .subtext { color: #ffffff; font-style: italic; }

.hero-banner { position: absolute; width: 100%; height: auto; object-fit: cover; left: 0; right: 0; }
/*.navbar-collapse ul li, .navbar-collapse ol li, section li::marker { color: white !important; }*/

/*.badge-rating { float: right; margin-top: 42px; width: 200px; background-color: white; display: flex; flex-direction: column; align-items: center; position: relative; padding: 20px; border-radius: 18px; overflow: hidden; }*/
/*.badge-rating:before { content: ''; display: block; width: 117%; height: 163px; background-color: #258658; position: absolute; z-index: 1; top: -49px; transform: rotate(-8deg); }*/
/*.badge-rating .number { height: 125px; width: 125px; color: #30ac72; background-color: #ffff; border-radius: 50%; font-weight: 700; display: flex; justify-content: center; align-items: center; font-size: 26px; z-index: 2; margin-top: 20px; }*/
/*.badge-rating:after { content: ''; display: block; width: 129%; height: 144px; background-color: #30ac72; position: absolute; z-index: 1; top: -52px; transform: rotate(-17deg); }*/
.badge-rating-col { display: flex; }
.badge-rating { width: 140px; height: 140px; background-color: white; display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; border-radius: 50%; overflow: hidden; box-shadow: 0 0 0 10px #30ac72; transform: translate(-25%, 50%); left: 50%; top: 50%; }
.badge-rating .number { height: auto; width: 100%; color: #30ac72; font-weight: 700; display: flex; justify-content: center; align-items: center; font-size: 25px; z-index: 2; }
.badge-rating .description { margin-top: 2px; font-weight: 700; text-align: center; }

.navbar-toggle.tablet { left: 0 !important; display: none; float: left; margin: 0 !important; padding: 0 !important; }
.nav-tablet { display: none; transition: all 0.3s ease-in-out; position: absolute; background-color: #ffff; width: 100%; }
.navbar-brand { padding: 15px 0 !important; }

.modal-dialog { top: 50%; transform: translateY(-50%) !important; }
.digital-meter { margin-top: 5px; }
.digital-meter > label { margin-right: 12px; display: inline-block; }
.digital-meter input { float: right; margin-left: 3px !important; }
.digital-meter .result .label { font-size: 13px; padding: 0; }
.digital-meter .result .cost { font-weight: bold; color: #555; }
.digital-meter .inject.result { margin-top: 5px; }
.digital-meter-form .form-group { display: none; }
.digital-meter-form .form-group.active { display: block; }
.digital-meter-form input { margin-bottom: 12px; }
.digital-meter-form .form-input-group { position: relative; }
.digital-meter-form .form-input-group span { position: absolute; top: 0; right: 0; height: 100%; padding: 7px 20px; background-color: #afdecb; }

.item-label { position: absolute; width: auto; height: auto; top: -13px; display: block; right: 196px; }
.item-label:before { content: ''; position: absolute; height: 0; width: 0; display: block; border-bottom: 12px solid #df8000; border-left: 12px solid transparent; z-index: 1; left: -12px; top: 1px; }
.item-label .text { background-color: #ff9403; color: white; padding: 4px 10px; font-weight: bold; position: absolute; z-index: 2; width: 190px; box-shadow: -2px 2px 5px 0px #df80008c; }
span.greenLeaf:after{content:'\f06c'; font-family:'FontAwesome'; color:#30ac72; padding-left:3px;}

tbody.sub-total { background-color: #f9f9f9; border: 1px solid #30ac72 !important; }

.compariCheckbox li{display:flex;}
.compariCheckbox li input{margin-top:5px !important; margin-right:5px;}
.cusClose{position:absolute; top:15px; right:25px; color:#fff !important; opacity:0.8 !important; text-shadow:none !important;}
.cusClose:hover{opacity:1;}
/* .compariEmail{display:flex; align-items:center;} */
#exitIntent .modal-content{/*background-color:#234B8B;*/background-color:#136640; padding:10px 25px;}
#exitIntent .modal-content h3{color:#fff; margin:0;}
#exitIntent .modal-dialog{margin-top:0;}
#exitIntent .modal-header{padding-top:30px; padding-bottom:20px;}
#exitIntent .modal-body p{color:#fff; line-height:1.5;}
#exitIntent .gform_wrapper div.validation_error{border:none; padding:0; margin-bottom:5px; color:#EA593C;}
#exitIntent .gform_wrapper .validation_message{color:#EA593C;}
#exitIntent .gform_wrapper .gfield_required{color:#EA593C;}
#exitIntent .gform_wrapper li.gfield.gfield_error{background-color:transparent; border:none; padding:0; margin:0;}
#exitIntent .gform_wrapper .top_label div.ginput_container{margin-top:0;}
#exitIntent .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]){font-size:15px; height:auto;}
#exitIntent .gfield_label{color:#fff !important;}
#exitIntent li{color:#fff;}
#exitIntent .gform_wrapper .gfield_checkbox li label{color:#fff; font-weight:inherit;}
#exitIntent .gform_footer .button{background-color:#EA593C; background-image:none; border-color:#EA593C; padding: 5px 15px 6px; color:#fff; text-shadow:none; font-weight:700; font-size:15px !important; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px;}
#exitIntent .gform_confirmation_wrapper{color:#fff;}

tr.max-discount { text-decoration: line-through; }
/* div#loadingSearch{position:absolute; top:0; left:0; width:100%; height:100%; display:none; justify-content:center; align-items:center; background:rgba(0,0,0,0.3); z-index:99;} */
div#loadingSearch{position:fixed; top:0; left:0; width:100%; height:100%; display:none; justify-content:center; align-items:center; z-index:99; background:rgba(0,0,0,0.3);}
#gform_18 .gform_ajax_spinner, #gform_19 .gform_ajax_spinner, #loadingSearch .gform_ajax_spinner, #loadingSearchList .gform_ajax_spinner, #pageLoadingDiv .gform_ajax_spinner{
	box-sizing: border-box;
	margin-top: 11px;
	margin-left: 10px;
    border: 3px solid rgba(234,89,60,1);
    border-left: 3px solid rgba(234,89,60,0);
    border-top: 3px solid rgba(234,89,60,.15);
    border-right: 3px solid rgba(234,89,60,.5);
	animation: spinner18 1.1s infinite linear;
	border-radius: 50%;
	width: 16px;
	height: 16px;
	position: absolute;
	z-index: 1;
}
/* #loadingSearch .gform_ajax_spinner{width:30px; height:30px; border-width:5px;} */
#loadingSearch .gform_ajax_spinner{width:75px; height:75px; border-width:15px;}
@keyframes spinner18 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
div#gform_6_validation_container.validation_error{display:none;}
#gform_fields_6 .gfield_validation_message{width:100%; line-height:1.5; color:#765f5f;}
@media (min-width: 768px) {
	.col-sm-5ths { width: 20%; float: left; }
	.header-bottom .container > .row { display: flex; align-items: center; }
	.navbar-brand { width: 100% !important; }
}

@media (min-width: 992px) {
	.conntact-number { display: inline; }
}
@media screen and (max-width: 480px) {
	.enkeleprijs, .verbruik-dag, .verbruik-nacht { font-size: 14px;}
	.onlineaanvragen { right: 12px !important; }
	.enkeleprijs .unit, .verbruik-dag .unit, .verbruik-nacht .unit { display: none; }
	.lightgreen-header { padding: 10px !important; }
}

@media screen and (max-width: 575px) {
	.kwh-calculator form .row { flex-direction: column; }
	.kwh-calculator .metertype-block { margin-top: 20px; }
}

@media screen and (max-width: 991px){
	h2.padding-bottom-mobile{padding-bottom: 20px}
	h2.custom-heading-title{font-size: 2rem !important}
	h2.custom-heading-subtitle{font-size: 1.5rem !important}
	body.page-template-template-listing .abbo-usp {right:0px}
	body.page-template-template-listing .abbo-usp .product-name{font-size: 14px}
	.solar-block.metertype-block{width:100% !important;}
}

@media screen and (max-width: 767px){
	body.page-template-template-listing div.prijsvak{ position: absolute;height: auto;width: 20vw;top: 20px;padding:0px;left: 75%;}
	body.page-template-template-listing .price-result{padding-bottom:30px;}
	body.page-template-template-listing .abbo-usp{padding-top: 10px}
	body.page-template-template-listing .onlineaanvragen{/*top: 70px*/ bottom: 89px;}
	.total-cost { padding: 18px 15px; }
	.lightgreen-header h1 { text-align: center; }
	.nobullets-hero li { font-size: 13px; }
	.badge-rating-col { display: none; }

	#gform_12 input { margin-top: 10px !important; }
	#gform_12 input[type="radio"]{margin-top: 8px !important;}
	#gform_12 input[type="checkbox"]{margin-top: 4px !important;}
	#gform_12 .gform_page_footer { display: flex; justify-content: space-between; }
	#gform_12 .gform_page_footer .gform_previous_button { padding-left: 0px; padding-right: 0px; flex-basis: 20%; }
	#gform_12 .gform_page_footer .gform_next_button { padding-left: 0; padding-right: 0; flex-basis: 75%; }
}

@media screen and (min-width: 575px) and (max-width: 991px) {
	.kwh-calculator .metertype-block { margin-top: 0px !important; width: 200px !important; }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	.revised-calculator-submit { padding: 10px 72px !important; }
	body .navbar-collapse.collapse { display: none !important; }
	body .nav-tablet.active { display: block !important; }
	.navbar-toggle.tablet { display: block; }
	.navbar-collapse { display: block; position: fixed; background-color: #ffffff; top: 100px; width: 100%; left: 0; }
	.navbar-collapse ul { background-color: #ffffff; left: 6vw; position: relative; }
	.maillever .call { text-align: right; }
}

@media screen and (max-width: 1299px) and (min-width: 992px){
	body.page-template-template-listing .prijsvak{ width: 25%;padding-left: 0px}
	.kwh-calculator .onlineaanvragen { padding-top: 11px !important; }
	.kwh-calculator .onlineaanvragen .enkeleprijs { font-size: 15px; }
}

@media screen and (max-width: 640px) {
	.gform_ajax_spinner { right: 60px; bottom: 56px; }
}

@media screen and (max-width: 1299px) {
	.hero-banner { height: 100%; }
}
/*@media screen and (min-width: 1360px) {
	body.page-template-template-listing div.new-product-listing div.price-result{margin-top: 0px}
	body.page-template-template-listing div.new-product-listing div.price-result:nth-child(2){margin-top:15px;}
	body.page-template-template-listing div.left-sidebar {padding-left: 35px;padding-right: 35px}
	body.page-template-template-listing div.sidebar-results {padding-left:25px;padding-right: 25px}
	
}*/