/*@font-face { font-family: 'roboto regular'; src: url('https://charionsafe.joomlatema.net/templates/charionsafe/fonts/roboto/roboto-regular-webfont.woff2') format('woff2'), url('https://charionsafe.joomlatema.net/templates/charionsafe/fonts/roboto/roboto-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'roboto medium'; src: url('https://charionsafe.joomlatema.net/templates/charionsafe/fonts/roboto/roboto-medium-webfont.woff2') format('woff2'), url('https://charionsafe.joomlatema.net/templates/charionsafe/fonts/roboto/roboto-medium-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'noto sans light'; src: url('https://charionsafe.joomlatema.net/templates/charionsafe/fonts/noto-sans/notosans-light-webfont.woff2') format('woff2'), url('https://charionsafe.joomlatema.net/templates/charionsafe/fonts/noto-sans/notosans-light-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }*/ a:link, a:visited, a strong{text-decoration: none;transition: all 0.2s linear 0s;} a:hover{transition: all 0.2s linear 0s; outline:none;} a:focus{outline:none;} .btn {border-radius: 0px;padding: 3px 10px;} .pull-left.item-image img {margin-right: 30px;margin-bottom: 30px;} #t3-content .item-page img{ border:4px solid rgba(0,0,0,0.30); max-width:100%;background:none;} #k2Container img { border: 4px solid rgba(0,0,0,0.30);} h3.module-title {padding-bottom:10px; margin-bottom:15px;} .tagspopular ul > li {margin:0 0px 4px 0px;} .tagspopular ul > li > a {border-radius: 0px;display: block;padding: 3px 10px;} #t3-content .dropdown-menu{background-color:#fff;border-radius:0px;} .pagenav {margin-bottom:30px;} .form-horizontal .control-group .control-label {text-align: left;} .chzn-container-single .chzn-single{border-radius:0px;} /*********/ .t3-wrapper {background:none;} #background-shadow{box-shadow:0 3px 20px 0 rgba(0, 0, 0, 0.19);-webkit-box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.19);-moz-box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.19); position:relative; z-index:101; } #background-shadow .margincorrect{ margin-right:-15px; margin-left:-15px;} .t3-header{z-index:101; position:relative} .t3-header.container{ background:none;} .topcolor-overlay{ position:absolute; top:0; left:0; height:443px; z-index:1; width:100%;-webkit-box-shadow: 0px 7px 0px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 7px 0px 0px rgba(0,0,0,0.2); box-shadow: 0px 7px 0px 0px rgba(0,0,0,0.2);} .t3-mainbody{ position:relative; padding-top:50px;} .fullwidth .t3-wrapper {position: relative; z-index:2;} .home .t3-mainbody{ position:relative; padding-top:20px;} .t3-content{} select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .inputbox{border-radius:0px;box-shadow:none;transition: all 0.2s linear 0s; max-width:100%;} .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {border-top-left-radius: 0;border-bottom-left-radius: 0;} .head-search p {margin: 0 0 5px;} #login-form li {list-style: none;margin-bottom: 7px;} #login-form ul.unstyled {padding-left: 0;} /* ======================================= TOPBAR ======================================= */ .topbar {min-height:40px;position: relative;z-index:102;font-family:'roboto regular';padding:10px 0;} .topbar .container{ background:none;} .topbar [class*=' col-']{ padding-left:0; padding-right:0;} .topbar-left-inner [class*=' col-']{ padding-left:0;} .topbar-right [class*=' col-']{ padding-right:0;} .topbar ul.menu li,.topbar li{display:inline;float:left; margin:0;} .topbar ul.menu li a,.topbar li a,.topbar ul.menu li > .separator, .topbar ul.menu li > span { font-size:92%;font-weight:300; border-radius:0px; padding:0px 30px 0px 0px; font-family: 'roboto regular'; cursor:pointer} .topbar p,.top-login { margin:0px;} .topbar i{ margin-right:10px;} .topbar ul.menu li a:hover,.topbar li a:hover ,.topbar a:hover{background:none;background-color:transparent;transition: all 0.2s linear 0s;} .topbar ul.menu li.active a,.topbar li.active a { background:none} .topbar ul.dropdown-menu{ border-radius:0px; padding-left:10px; margin-top:0; margin-left:-10px;} .topbar ul.dropdown-menu li a{padding:10px;} .topbar .nav li,.topbar .nav li a,.topbar .nav li:hover,.topbar .nav li a:hover{background:none!important;background-color:transparent!important;} .social-top p{text-align:right;} .topbar .search{ float:right;} .topbar .search input{border-radius:0px; padding:5px; height:24px; font-size:11px; min-width:180px;transition: all 0.2s linear 0s; display:inline-block;} .topbar .search input:focus {min-width:195px;transition: all 0.2s linear 0s;} .topbar .btn {padding:3px 8px;font-size: 11px;border-radius:0px;line-height: 1.42857143;} .topbar .fa{ font-size:15px;} /* /******Megamenu no animation styling*******/ #t3-mainnav .container{ background:none;} #t3-mainnav ul{ padding-left:0;} #t3-mainnav li,#t3-mainnav li span{ list-style:none;display:block;} #t3-mainnav .dropdown-menu span,#t3-mainnav .dropdown li a,#t3-mainnav .dropdown-menu > li > a{display:block;} #t3-mainnav .mega-dropdown-menu {min-width: 215px; padding:0; border:0;} .t3-mainnav .t3-navbar-collapse .nav .caret {position: absolute;right: 15px;} .navbar-nav > li > .dropdown-menu,.dropdown-submenu > .dropdown-menu {border-radius: 0;} #t3-mainnav.navbar {border: 0px;} .t3-megamenu .mega > .dropdown-menu .mega-col-nav{padding-left:0; padding-right:0;} .t3-megamenu .mega-inner {padding:0px 0;} .nav .open a,.nav .open a:hover{ background-color:transparent} .navbar-default .navbar-nav li > a, .navbar-default .navbar-nav li > .separator, .navbar-default .navbar-nav li > span {cursor: pointer;} .breadcrumb > li + li::before {font-family:FontAwesome;content: "\f0da";} .breadcrumb {background-color: transparent;} .content-icons-outer{line-height: 0;} ul.content-icons.pull-right {margin-bottom:0;} .content-icons.pull-right li {display:inline-block; list-style:none;} .content-icons.pull-right li.print-icon{margin-right:10px;} .tags{ margin-bottom:10px;} .tags .label-info {background-color:transparent;border-radius:0px; margin-right:4px; font-weight:normal; letter-spacing:0.3px; line-height:1; padding-top:5px;} .article-aside {line-height:0;} .article-info {line-height: 0; } .article-info dd{line-height:1;} .module_menu ul li{ display:block;} .latestnews.mod-list li{ list-style:none; margin-bottom:10px;} ul.latestnews.mod-list {margin-left:0px;} .navbar-default.affix{ background:none;animation: fadein 0.5s; -moz-animation: fadein 0.5s; /* Firefox */ -webkit-animation: fadein 0.5s; /* Safari and Chrome */ -o-animation: fadein 0.5s; /* Opera */} /*******************/ @keyframes fadein{from{opacity:0;top:-50px}to{opacity:1;top:0}} @-moz-keyframes fadein{from{opacity:0;top:-50px}to{opacity:1;top:0}} @-webkit-keyframes fadein{from{opacity:0;top:-50px}to{opacity:1;top:0}} @-o-keyframes fadein{from{opacity:0;top:-50px}to{opacity:1;top:0}} /* ======================================= SLIDER ======================================= */ .slider_bg{ position:relative;} .slider-sp{ position:absolute; top:0; z-index:999; width:100%;} .tp-caption a.btn, .tp-caption a.btn:hover {color: #fff; float:right;} .excerpt_charionsafe .small{ font-size:60%!important; line-height:1.42; padding-top:10px;} /* ======================================= SUBSLIDER ======================================= */ .subslider_inner.container{ background:none;} .subslidermodul h3{ color:#fff; padding-top:10px;} .bt-cs.subslider .bt-title-cat-subslider .bt-title {font-weight: normal;text-transform: none; line-height: 100%;} .bt-cs.subslider .first-word-charionsafe,.bt-cs.subslider .bt-title-cat-subslider .bt-category,.bt-cs.subslider .bt-introtext{ color:#fff;} .bt-title-cat-subslider{ display:block;} .bt-cs.charionsafe .bt-inner{padding: 0 15px 0 0;} .bt-cs.charionsafe .bt-inner img {outline:0;max-width:100%; border: 4px solid rgba(0,0,0,0.30)} .bt-cs.subslider .bt-row {padding: 0 15px 0 15px;} .bt-cs.charionsafe .bt-row.bt-row-first{padding-left:0px;} .bt-cs.subslider h4, .bt-cs.subslider .h4{ padding-bottom:10px;} .bt-cs.subslider .bt-row { background:url(../images/right-border-dark.png) no-repeat right top; padding-top:10px;} .bt-cs.subslider .bt-row.bt-row-last{background: none;} .bt-cs.charionsafe .bt_handles li {margin: 0 2px !important;} .bt-cs.charionsafe .bt_handles li a {background-color:rgba(0,0,0,0.25);display: block !important;width: 10px;height:10px;padding-top: 10px;background-image: none!important;background-position: 0 0;float: left;padding: 10px 0 0 0 !important;overflow: hidden;border-radius:100%;opacity:0.80!important} .bt-cs.charionsafe .bt-extra{ clear:none;margin-bottom:7px;} .bt-cs.charionsafe.subslider .bt-extra{color:#fff; } /* ======================================= JOIN GOODNES - BT CONTENT SLIDER ======================================= */ .bt-cs.charionsafe .bt-inner .bt-title {font-weight: normal;text-transform: none;line-height:1; padding-bottom:5px; margin-bottom:0px;display:inline-block;} .bt-cs.charionsafe .bt-introtext{ text-align:justify} .bt-cs.charionsafe p.readmore .btn {margin-top:10px} /* ======================================= WHAT WE DO - BT CONTENT SLIDER ======================================= */ .bt-cs.charionsafe.whatwedo .bt-inner .bt-title{ background:none;} .bt-cs.charionsafe.whatwedo .bt-imagewrap{ position:relative; background:rgba(0,0,0,0.30);} .bt-cs.charionsafe .bt-center{ overflow:hidden; margin-bottom:17px;} .bt-cs.charionsafe.whatwedo .bt-imagewrap:hover{transition: all 0.7s ease-in-out;background:rgba(0,0,0); } .bt-cs.charionsafe .bt-imagewrap img { margin:0;transition: all 0.7s ease-in-out;} .bt-cs.charionsafe .bt-imagewrap:hover img {opacity:0.6; transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);-webkit-transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ease-in-out;-ms-transition: all 0.7s ease-in-out;-o-transition: all 0.7s ease-in-out;transition: all 0.7s ease-in-out;} .bt-cs.charionsafe .bt-row-separate {border-bottom: 0;} .t3-sidebar .bt-cs.charionsafe .bt-row-separate {margin-bottom:7px;} /* ================================================== SAVE A LIFE CHANGE A LIFE- BT CONTENT SLIDER ================================================== */ .colormodule.submain{ padding:15px; } .colormodule.submain h3.module-title{background:none;border-bottom:4px solid rgba(0,0,0,0.15); padding-bottom:10px;} .colormodule .bt-cs.subslider .bt-row { background:url(../images/right-border-dark2.png) no-repeat right top; padding-top:10px;} .colormodule .bt-cs.subslider .bt-row.bt-row-last{background: none;} /* ================================================== CHARIONSAFE IN ACTION- BT CONTENT SLIDER ================================================== */ .bt-cs.charionsafe.action .bt-inner .bt-title{ background:none;color:#eb5d1f;} .bt-cs.charionsafe.action .next, .bt-cs.charionsafe.action .prev {width: 20px;height: 21px;top: 0;opacity: 1;display: inline-block;} .bt-cs.charionsafe.action a.prev {text-indent: -9999px;position: absolute;z-index: 100;margin: 0;padding: 0;right: 22px;top: -42px;left: auto;} .bt-cs.charionsafe.action a.next {text-indent: -9999px;position: absolute;z-index: 100;margin: 0;padding: 0;right: 0px;top: -42px;} .bt-cs.charionsafe.action .bt-imagewrap{ position:relative; z-index:1;} .bt-cat-title-text{ position:absolute; top:0; left:0; width:100%; height:100%;opacity:0; background:rgba(0,0,0,0.60);transition: all 0.3s linear 0s; z-index:2; padding:10PX 15px;} .bt-cs.charionsafe.action .bt-imagewrap:hover .bt-cat-title-text{opacity:1;transition: all 0.3s linear 0s;} .bt-cs.charionsafe.action .bt-imagewrap:hover img {opacity:1;transition: all 0.3s linear 0s;} .bt-cs.charionsafe.action .bt-introtext,.bt-cs.charionsafe.action .bt-category{ color:#fff; line-height:1.42;} .bt-cs.charionsafe.action .bt-extra{ color:#ddd; line-height:1.42;} .bt-cs.charionsafe.action p.readmore .btn {margin-top:5px; float:right; background:#4FC3F7; font-size:12px;} /* ================================================== FOOTER ================================================== */ #t3-footer .container,#t3-footer .bt-cs.charionsafe .bt-inner .bt-title{ background:none;} #t3-footer .bt-cs.charionsafe .bt-inner img {} #t3-footer .chronoforms input,#t3-footer .chronoforms textarea,#t3-footer .chronoforms .ui.error.message{background:none;border-radius:0px;} #t3-footer .chronoforms { margin-top:10px} #t3-footer .chronoforms #button-charionsafe{border-radius:0px; font-weight:normal;} #t3-footer .chronoforms textarea{ min-height:143px;} a.chronoforms6_credits{ display:none;} .t3-copyright p{ margin-bottom:0;} .t3-copyright ul.menu li,.t3-copyright li{display:inline;float:left; margin:0;} .t3-copyright ul.menu li a,.t3-copyright li a {font-weight:300; border-radius:0px; padding:0px 30px 0px 0px; font-family: 'roboto regular';} .t3-copyright p,.top-login { margin:0px;} .t3-copyright i{ margin-right:10px;} .t3-copyright ul.menu li a:hover,.t3-copyright li a:hover ,.t3-copyright a:hover{background:none;background-color:transparent;transition: all 0.2s linear 0s;} .t3-copyright ul.menu li.active a,.t3-copyright li.active a { background:none} .t3-copyright ul.dropdown-menu{ border-radius:0px; padding-left:10px; margin-top:0; margin-left:-10px;} .t3-copyright ul.dropdown-menu li a{padding:10px;} .t3-copyright .nav li,.t3-copyright .nav li a,.t3-copyright .nav li:hover,.t3-copyright .nav li a:hover{background:none!important;background-color:transparent!important;} .t3-copyright ul.menu {float: right;} /* ================================================== SIDEBAR ================================================== */ .t3-sidebar.t3-sidebar-right{} @media screen and (min-width: 768px) { .sidebar-shadow-right{ position:absolute;left:0;top:0px; bottom:0px;background:url(../images/sidebar-drop-shadow.png) repeat-y right;} .sidebar-shadow-left{ position:absolute;left:0;top:0px;bottom:0px;background:url(../images/sidebar-drop-shadow.png) repeat-y right;} .home .sidebar-shadow-right{top:0px;bottom:0px;} .home .sidebar-shadow-left{top:0px;bottom:0px;} } @media screen and (min-width: 990px) { .sidebar-shadow-left2{ position:absolute;left:0;top:0px;height:100%;background:url(../images/sidebar-drop-shadow.png) repeat-y right;} .home .sidebar-shadow-left2{top:0px;} } .donate-image{ position: relative;z-index:1;transition: all 0.2s linear 0s;} .btn-primary.donate{ position:absolute; top:75%; left:35%; z-index:2; border-radius:3px; border:0; text-transform:uppercase; font-weight:600; padding:4px 10px;transition: all 0.2s linear 0s;} /* ================================================== EVENTS - ICAGENDA ================================================== */ .ic_eventlist .ic-section img{ max-width:100%;border: 4px solid rgba(0,0,0,0.30); margin-bottom:15px;} .default_eventlist.charionsafe .ic-event-div {margin-bottom:30px;} .default_eventlist.charionsafe .ic-date-img-box {float: left;margin: 4px 15px 0 0;} .default_eventlist.charionsafe .ic-date-div {height: 70px;width: 66px;text-align: center;padding-top: 0;text-shadow: rgba(0,0,0,0.5) 0 0 7px;-webkit-border-radius: 5px;-moz-border-radius: 5px;-o-border-radius: 5px;border-radius: 4px;box-sizing: content-box;color:#fff;} .default_eventlist.charionsafe .ic-day {line-height: 1 !important;font-size: 24px;font-weight: normal;padding:6px;} .default_eventlist.charionsafe .iceventlist-title {line-height: 1.42 !important;font-size: 15px;font-weight: normal;-moz-hyphens: auto;hyphens: auto;} .default_eventlist.charionsafe .iceventlist-desc {font-size: 13px;} .addthis_floating_style.addthis_32x32_style, .addthis_floating_style.addthis_32x32_style .addthis_internal_container{ width:46px!important} .addthis_floating_style {text-align: left!important;} .t3-content .addthis_32x32_style .addthis_counter.addthis_bubble_style,.t3-content .addthis_32x32_white_style .addthis_counter.addthis_bubble_style {width:30px !important; border-right:1px solid #c2c2c2; border-top-right-radius:3px;border-bottom-right-radius:3px;} .t3-content .addthis_32x32_style .addthis_counter.addthis_bubble_style a.addthis_button_expanded,.t3-content .addthis_32x32_white_style .addthis_counter.addthis_bubble_style a.addthis_button_expanded{width:28px !important;} #icagenda { margin: 15px 0 0 0;} .ic-back.ic-clearfix a {background-color: transparent !important;background-image: none !important;background-repeat: repeat-x;border-radius: 0;font: inherit;margin: 0 10px 10px 0;overflow: visible;padding: 3px 5px;position: relative;transition: color 0.3s ease-in-out 0s, background-color 0.3s ease-in-out 0s, border-color 0.3s ease-in-out 0s;box-shadow: none;} .ic-event-category{margin-top: 20px;margin-bottom: 0px;} .ic-divRow.ic-details-cat{ float:right;} .ic-event-title h2{margin-bottom: 0px;} .ic-divRow.ic-details-cat .ic-value{ font-weight:bold;} .default_eventlist hr {display: none;} .ic-charionsafe.iccalendar,.ic_eventlist .ic-header-text { margin-top:8px!important} .ic-charionsafe.iccalendar { padding:15px!important;} .icnav .titleic{ padding-bottom:7px!important;} .ic-charionsafe.iccalendar table td div,.ic-charionsafe.iccalendar table td .icevent a:hover .ic-bright, .ic-charionsafe.iccalendar table td .icevent a:focus .ic-bright{border-radius:0px;} /* ================================================== VIDEO GALLERY - ALLVIEDOSHARE ================================================== */ #avs_gallery.charionsafe .avs_thumb .avs_img_container{ float:left; width:auto } .avs_gallery.charionsafe span.title{ display:block; font-weight:400} .avs_gallery.charionsafe span.views{color:rgba(0,0,0,0.50);} .avs_gallery.charionsafe div.avs_thumb .image{border: 4px solid rgba(0,0,0,0.30);} .avs_gallery.charionsafe .avs_video_description{ display:inline;} #avs_gallery .avs_thumb .avs_img_container .arrow{z-index:99!important} .avs_input_search input{ float:left;} .avs_input_search .btn{ margin-left:10px;padding: 3px 10px;} .avs_player_responsive{ margin-top:30px;} #avs_gallery{} .t3-sidebar .avs_input_search{ float:left!important;width: 100%; margin-top:15px} .t3-sidebar div.avs_input_search input#avssearch{ float:left!important; width:76%!important;} .t3-sidebar .avs_input_search .btn{width:21%; } .avs_gallery-item-charionsafe{ margin-bottom:21px;} #t3-content #avs_gallery .avs_thumb{margin-bottom:20px;} /* ================================================== NEWSLETTER - ACYMAILING STARTER ================================================== */ .acym_module_form .acym_form.charionsafe input {cursor: text;width:254px;border-radius:0px;box-shadow:none} /* ==================================================== PORTFOLIO - SP SIMPLE PORTFOLIO MODULE ==================================================== */ #sp-simpleportfolio {} .sp-simpleportfolio.charionsafe {} .featherlight .featherlight-content,.featherlight{ z-index:999!important} .sp-simpleportfolio .sp-simpleportfolio-item.charionsafe .sp-simpleportfolio-info{ position:relative;padding:50px 20px 30px 20px;} .sp-description.charionsafe{ clear:both; line-height:1.42; text-align:justify} .sp-simpleportfolio-created.charionsafe-overimage{ font-size:19px; font-family:ralewaybold; text-transform:uppercase; line-height:1.1; padding-top:7px; text-align:center; width:60px; height:60px; display:block; overflow:hidden; position:absolute;top:-30px; left:20px; z-index:3} .sp-simpleportfolio .sp-simpleportfolio-item.charionsafe .sp-simpleportfolio-info h3 a,.sp-simpleportfolio .sp-simpleportfolio-item.charionsafe .sp-simpleportfolio-info h3{ font-weight:bold; font-size:20px; margin-bottom:10px;} .sp-simpleportfolio-client.charionsafe.col-sm-6,.sp-simpleportfolio-client.charionsafe.col-md-6{ padding-left:0; padding-right:10px;} .sp-simpleportfolio-client.charionsafe, .sp-simpleportfolio-created.charionsafe{ margin-bottom:15px;} .sp-simpleportfolio-client.charionsafe h4, .sp-simpleportfolio-created.charionsafe h4{ font-size:13px;} .sp-simpleportfolio-client.charionsafe h4 span, .sp-simpleportfolio-created.charionsafe h4 span{ font-weight:bold;} .sp-simpleportfolio-info.charionsafe:hover h4{ color:#fff;} .sp-simpleportfolio .sp-simpleportfolio-item.charionsafe .sp-simpleportfolio-link{ text-align:right; margin-top:30px;} .sp-simpleportfolio .sp-simpleportfolio-item.charionsafe .sp-simpleportfolio-btns a{border-radius:0px;} .filters.btn-toolbar .btn{height:38px;} span[itemprop="keywords"] { margin-right:5px;} .sp-simpleportfolio .sp-simpleportfolio-description.charionsafe{ width:100%; margin-bottom:15px;} .sp-simpleportfolio-meta.charionsafe{ width:100%; padding-left: 0px;} .sp-simpleportfolio .sp-simpleportfolio-filter > ul > li > a {border-radius:0px;} .sp-simpleportfolio .sp-simpleportfolio-meta.charionsafe > div { margin-bottom:10px; padding-bottom:10px} .sp-simpleportfolio-link a.btn{ margin-top:15px; margin-bottom:15px;} .sp-simpleportfolio.charionsafe .sp-simpleportfolio-item .sp-simpleportfolio-btns a {border-radius:0px;} .sp-simpleportfolio .sp-simpleportfolio-meta h4 {font-weight: 400;} .sp-simpleportfolio .sp-simpleportfolio-image[class*=' col-']{ padding-left:0;} .sp-simpleportfolio.charionsafe .sp-simpleportfolio-columns-3 .sp-simpleportfolio-item {width: 33.3334%;} /* ======================================= FAQ ======================================= */ #accordion.faq .panel-title a::after{opacity:0.6;background: none;content: "\f078";position: absolute;right:0px;font-family: FontAwesome;font-size:20px; } #accordion.faq .panel-title a.collapsed::after {opacity:0.6;background: none;content: "\f054";position: absolute;right:0px;font-family: FontAwesome;font-size:20px;} #accordion.faq .panel-default > .panel-heading {background-color:transparent;} #accordion.faq .panel-title a{display: block;font-size: 18px;font-weight:400;position: relative;-webkit-transition: none;-moz-transition: none;-ms-transition: none;-o-transition: none;transition: none;transition: all 700ms ease 0s;border-radius:0px;background:transparent;outline:none;line-height:1.42857;} #accordion.faq .panel-default > .panel-heading ,#accordion.faq .panel-group .panel{border-radius:0px;} #accordion.faq .panel-default > .panel-heading{ padding:20px 0px;} #accordion.faq .panel-default { border-bottom:0; border-left:0; border-right:0; border-top:0; box-shadow:none;} #accordion.faq .panel-default > .panel-heading + .panel-collapse > .panel-body {border-top-color: transparent;font-size: 18px;} #accordion.faq.panel-group .panel + .panel {margin-top:0px;} /* ========================================================== CONTACT PAGE ========================================================== */ .page-header.charionsafe{display:none;} .contact .nav-tabs{border-bottom:0} .contact .nav-tabs > li > a{ border-radius:0px;} .contact-form.charionsafe .well{box-shadow:none; border-radius:0px;} .contact i{margin-right:5px; font-size:20px;} .contact-form .charionsafe.form-horizontal .control-group .control-label{ text-align: left;} .contact-right .dl-horizontal dd{margin-left:0px; margin-bottom:20px;} .contact-right .dl-horizontal dt{ width:auto;} .contact #jform_spacer-lbl{font-size:12px; font-weight:300} .contact-form textarea#jform_contact_message {height:150px;} /**/ /* ======================================= COUNTERS ======================================= */ .counters1 {float: left;width: 100%;padding: 0px;text-align: center;font-size: 50px;font-weight: 500; padding:10px 0;color:#888} .counters1 i {font-size: 62px;display: block;margin-bottom: 10px;color:#888} .counters1 h4 {display: block;width: 70%;font-size: 16px;font-weight: 400;margin: 0px auto 0 auto;border-tlayout-2-section3: 1px solid rgba(255,255,255,0.10);padding: 5px 0px 20px 0px; color:#888} .counters2 {float: left;width: 100%;padding: 0px;text-align: center;font-size: 42px;color: #000;font-weight: 500;} .counters2 i {color: #2ecc71;font-size: 52px;display: block;margin-bottom: 35px;} .counters2 h4 {display: block;width: 50%;font-size: 18px;color: #2ecc71;font-weight: 400;margin: 35px auto 0 auto;border-tlayout-2-section3: 1px solid rgba(255,255,255,0.10);border-bottom: 1px solid rgba(255,255,255,0.10);padding: 5px 0px 8px 0px;} .counters3 {float: left;width: 100%;padding: 0px;text-align: center;font-size: 42px;font-weight: 500;} .counters3 i {font-size: 52px;display: block;margin-bottom: 35px;} .counters3 h4 {display: block;width: 50%;font-size: 18px;font-weight: 400;margin: 35px auto 0 auto;border-bottom: 1px solid rgba(255,255,255,0.10);padding: 5px 0px 8px 0px;} .counters4 {float: left;width: 100%;padding: 0px;text-align: center;font-size: 42px;color: #272727;font-weight: 500;margin-top:100px;} .counters4 i {font-size: 32px;margin-bottom:30px;border-radius:100%;width:100px;height:100px;line-height:100px;text-align: center;background-color:#4d8bf5;} .counters4 h4 {width: 50%;text-align: center;font-size: 18px;color: #272727;font-weight: 400;margin: 15px auto 0 auto;border-bottom: 1px solid #4d8bf5;padding: 10px 0px 12px 0px;} /* ======================================= ABOUT US ======================================= */ .aboutus-img{ position:relative; background:url(../images/about-us-img.jpg) no-repeat fixed; background-size:cover; min-height:250px; margin-top:40px;} .aboutus-img-overlay{position:absolute; top:0; left:0; right:0; bottom:0; opacity:0.75; z-index:1;} .aboutus-overlay-text{ text-align:center; z-index:2; color:#fff; position:relative; width:100%; font-size:18px; padding:40px 30px} .aboutus-img{ margin-left:-15px; margin-right:-15px;} .aboutus-title{ color:#fff; margin-top:0px;} .about-us-title-h4{font-size: 26px;} /* ========================================================== CLIENT FEEDBACK TESTIMONIAL - ZT TESTIMONIAL MODULE ========================================================== */ .zt-testimonial.volunteer p.content-testimonial {padding: 18px 18px ;position: relative;min-height: 10px;border-radius:3px 3px 3px 3px;margin: 0 0 40px 0; position: relative; z-index: 10; font-size: 17px; line-height: 1.6em; font-style:italic;} .zt-testimonial.volunteer p.content-testimonial:before, .zt-testimonial.volunteer p.content-testimonial:after {} .zt-testimonial.volunteer p.content-testimonial:before {content: ''; display: block; position: absolute; right: 38px; left:auto; bottom: -16px; border-right: 10px solid transparent; border-left: 10px solid transparent; margin-right:0;} .zt-testimonial.volunteer p.content-testimonial:after {content: ''; display: block; position: absolute; right: 38px;left:auto; bottom: -14px; border-right: 10px solid transparent; border-left: 10px solid transparent; } .ztTestimonial.volunteer .owl-item {padding: 15px 15px;} .zt-information-charionsafe{ text-align:right;} .zt-information-charionsafe .name{ font-weight:600; letter-spacing:0.4px } .col-md-3.zt-imagewrap{ padding-left:0px;} .zt-module-testimonial.charionsafe .zt-testimonial .zt-information ul.zt-member-social-links{ padding-left:0;} .ztTestimonial.volunteer .tw-fb a:hover {background-color:transparent;} .ztTestimonial.volunteer .tw-fb a:hover {box-shadow: none; color:#888;} /* ======================================= BLOG - BT CONTENT SLIDER ======================================= */ .bt-cs.charionsafe .bt-inner img {outline: none;border:4px solid rgba(0,0,0,0.30);max-width:100%!important; margin:0;} .bt-cs.charionsafe .modal{ display:inline;position: relative;} .bt-cs.charionsafe .bt_handles li a {display: block !important;width: 10px;height: 10px;padding-top: 10px;background-image: none !important;background-position: 0 0;float: left;padding: 10px 0 0 0 !important;overflow: hidden;border-radius: 100%;opacity: 0.80 !important;} .bt-cs.charionsafe .bt_handles li a:focus{ outline:none;} .bt-cs.charionsafe.blog .bt-imagewrap{ overflow:hidden;} .bt-cs.charionsafe.blog p.readmore a{ margin-top:25px;} .bt-cs.charionsafe.blog .bt-date, .bt-cs.charionsafe.blog .bt-author {font-size:85%; margin-right:15px;} .bt-cs.charionsafe.blog .bt-extra i,.bt-cs.charionsafe.blog .bt-extra .fa{ margin-right:5px;} .bt-cs.charionsafe .bt-inner .bt-category,.bt-cs.charionsafe.blog .bt-author{ font-weight: bold;} .bt-cs.charionsafe.blog .hover-icon.charionsafe{ width:20%;left:40%;position: absolute;top:50%;background: transparent; z-index:7;opacity:0.7;} .bt-cs.charionsafe.blog .bt-imagewrap{ position:relative;} .bt-cs.charionsafe.blog .bt-imagewrap .bt-icon.icon-lightbox {display: inline-block;margin: 0;padding: 0;opacity:0;color: #ffffff;text-transform: none;font-weight: 500;font-size: 16px;height: 44px;width: 44px;border-radius: 50%;line-height: 45px; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; -moz-transition: opacity 0.35s, -moz-transform 0.35s; -o-transition: opacity 0.35s, -o-transform 0.35s; -ms-transition: opacity 0.35s, -ms-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0%, -400px, 0); -moz-transform: translate3d(0%, -400px, 0); -o-transform:translate3d(0%, -400px, 0); -ms-transform: translate3d(0%, -400px, 0); transform: translate3d(0%, -400px, 0); text-align: center; position: absolute; z-index:9;} .bt-cs.charionsafe.blog .bt-imagewrap .bt-icon.icon-url {display: inline-block;margin: 0;padding: 0;opacity:0;color: #ffffff;text-transform: none;font-weight: 500;font-size: 16px;height: 44px;width: 44px;border-radius: 50%;line-height: 45px;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;-moz-transition: opacity 0.35s, -moz-transform 0.35s;-o-transition: opacity 0.35s, -o-transform 0.35s;-ms-transition: opacity 0.35s, -ms-transform 0.35s;transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(400px, 0, 0);-moz-transform: translate3d(400px, 0, 0);-o-transform: translate3d(400px, 0, 0);-ms-transform: translate3d(400px, 0, 0);transform: translate3d(400px, 0, 0);text-align: center;} .bt-cs.charionsafe.blog .bt-imagewrap:hover .bt-icon.icon-lightbox {opacity: 1;-webkit-transform: translate3d(0%, 0%, 0);-moz-transform: translate3d(0%, 0%, 0);-o-transform: translate3d(0%, 0%, 0);-ms-transform: translate3d(0%, 0%, 0);transform: translate3d(0%, 0%, 0);text-align: center;} .bt-cs.charionsafe.blog .bt-imagewrap:hover .bt-icon.icon-url {opacity: 1;-webkit-transform: translate3d(100%, 0, 0);-moz-transform: translate3d(100%, 0, 0);-o-transform: translate3d(100%, 0, 0);-ms-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0%, 0);text-align: center;} .bt-image-link { position: relative; z-index:1;} .bt-cs.charionsafe.blog .bt-imagewrap .bt-icon.icon-url i,.bt-cs.charionsafe.blog .bt-imagewrap .bt-icon.icon-url .fa,.bt-cs.charionsafe.blog .bt-imagewrap .bt-icon.icon-lightbox i,.bt-cs.charionsafe.blog .bt-imagewrap .bt-icon.icon-lightbox .fa{ width:100%; height:100%; color:#fff;display: block;line-height: 45px;} .bt-cs.charionsafe.blog.bt-cs .bt-inner {/*padding-right:0;*/} .bt-cs.charionsafe.blog .bt-imagewrap::after{position:absolute; width:100%; height:100%; content:""; z-index:4; opacity:0;transition: all 0.2s linear 0s; top:0; left:0;} .bt-cs.charionsafe.blog .bt-imagewrap:hover::after{opacity:0.5;transition: all 0.2s linear 0s;} .bt-cs.charionsafe.blog .bt-inner img {/*max-width: 99.5% !important;*/} .t3-sidebar .bt-cs.charionsafe .bt-inner{ padding-left:0; padding-right:0;} .bt-cs.charionsafe.blog .bt-imagewrap:hover img {opacity:1;} /* ======================================= PROGRESSBAR - SCROLLING ======================================= */ .scroll-progress-bar { position: fixed; z-index: 9999; height: 5px; top: 0; left:0; } /*========================== Color Preset =========================*/ .presetArea{z-index: 9999;padding: 15px 13px 15px 20px;} .jpanelHandle {box-shadow: -2px 0 3px rgba(0, 0, 0, 0.4) inset; } .switch:focus{ color: #FFF; } .presetArea h2{ color: #fff!important; font-size: 30px!important; font-weight: 700!important; line-height: 23px!important; margin: 0; text-align: left; text-transform: uppercase; } .presetArea h2 span{ font-weight: 100; display: inline-block; width: 100%; } .accentColor{ width: 100%; position: relative; margin-top:0px; } .psTitle{ font-size:15px!important; color:#FFF!important; margin:0px; text-transform: uppercase; text-align: left; margin-bottom: 20px; font-weight:700; } .psTitle span{ font-weight: 100; display: inline-block; width: 100%; } .accentColor a{ background:#3D566E; display: inline-block; height: 30px; margin-bottom: 6px; margin-right: 6px; width: 30px; position: relative; cursor: pointer; box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.5); } .accentColor a.color1{background:#0c0c0c;} .accentColor a.color1:after{border-left-color:#1E88E5;} .accentColor a.color2{background:#2A2F33;} .accentColor a.color2:after{border-left-color: #0077bb;} .accentColor a.color3{background: #243238} .accentColor a.color3:after{border-left-color: #D64A0C;} .accentColor a.color4{background: #2B3539 } .accentColor a.color4:after{border-left-color:#E23E57;} .accentColor a.color5{background:#202a30;} .accentColor a.color5:after{border-left-color:#EB5310;} .accentColor a.color6{background:#2F3837;} .accentColor a.color6:after{border-left-color: #F25F43;} .accentColor a.color7{background:#070707 ;} .accentColor a.color7:after{border-left-color: #830411;} .accentColor a.color8{background:#414a5c;} .accentColor a.color8:after{border-left-color: #cc0000;} .accentColor a.color9{background:#333;} .accentColor a.color9:after{border-left-color: #ED1C24;} .accentColor a.color10{background:#2A2F33;} .accentColor a.color10:after{border-left-color: #F2B33D;} .accentColor a.color11{background:#252525;} .accentColor a.color12{background:#2B2B2B;} .accentColor a:focus,.colorChem a:focus,.layoutstyle a:focus{ outline:none;} .accentColor a:after{ border-bottom: 0 solid transparent; border-left: 30px solid #E74C3C; border-top: 30px solid transparent; bottom: 0; content: ""; height: 0; left: 0; position: absolute; width: 0; } .colorChem a.dark1{ background:#2D2D2D;} .accentColor a.dark1:after{ border-bottom: 0 solid transparent; border-left:41px solid #0077bb; border-top: 40px solid transparent; bottom: 0; content: ""; height: 0; left: 0; position: absolute; width: 0; } .colorChem a.dark2{ background:#1A1D24;} .accentColor a.dark2:after{ border-bottom: 0 solid transparent; border-left: 41px solid #E0011A; border-top: 40px solid transparent; bottom: 0; content: ""; height: 0; left: 0; position: absolute; width: 0; } .colorChem a.dark3{ background:#1f1f1f;} .accentColor a.dark3:after{ border-bottom: 0 solid transparent; border-left:41px solid #750c41; border-top: 40px solid transparent; bottom: 0; content: ""; height: 0; left: 0; position: absolute; width: 0; } .colorChem a.dark4{ background:#651a01;} .accentColor a.dark4:after{ border-bottom: 0 solid transparent; border-left: 41px solid #d68b47; border-top: 40px solid transparent; bottom: 0; content: ""; height: 0; left: 0; position: absolute; width: 0; } .colorChem a.dark5{ background:#263845;} .accentColor a.dark5:after{ border-bottom: 0 solid transparent; border-left: 41px solid #0077bb; border-top: 40px solid transparent; bottom: 0; content: ""; height: 0; left: 0; position: absolute; width: 0; } .accentColor a.active:before, .accentColor a:hover:before,.accentColor a:focus:before{ background: url("../images/tick.png") no-repeat scroll center center; bottom: 4px; content: ""; height: 8px; left: 4px; position: absolute; width: 11px; z-index: 999; transition: all ease 700ms; -moz-transition: all ease 700ms; -webkit-transition: all ease 700ms; -ms-transition: all ease 700ms; -o-transition: all ease 700ms; } .colorChem{ width: 100%; position: relative; margin-top: 25px; } .colorChem a{ color: #fff; display: inline-block; font-size: 10px; font-weight: 600; height: 40px; line-height: 8px; text-align: center; text-indent:10px; letter-spacing:0.7px; text-transform: uppercase; width: 90px; padding-top: 16px; margin-right:3px; margin-bottom:13px; transition: all ease 700ms; -moz-transition: all ease 700ms; -webkit-transition: all ease 700ms; -ms-transition: all ease 700ms; -o-transition: all ease 700ms; } .colorChem a:hover, .colorChem a.active{ background: rgba(0, 0, 0, 0.8); color: #FFF; } .colorChem a:last-child{ margin-right: 0px; } .layoutstyle{ width: 100%; margin-top: 30px; position: relative; } .layoutstyle a{ display: inline-block; width: 90px; height: 30px; font-size: 10px; line-height: 8px; text-transform: uppercase; color: #fff; font-weight: 600; text-align: left; padding-left: 40px; padding-top: 11px; position: relative; transition: all ease 700ms; -moz-transition: all ease 700ms; -webkit-transition: all ease 700ms; -ms-transition: all ease 700ms; -o-transition: all ease 700ms; } .layoutstyle a.wide{ background: url(../images/wide.png) no-repeat left center; } .layoutstyle a.Box{ background: url(../images/boxed.png) no-repeat left center; } .layoutstyle a.patterned{ background: url(../images/pattern.html) no-repeat left center; display:block; margin:5px 0; } .layoutstyle a.Box.fixedimage,.layoutstyle a.patterned,.layoutstyle a.solidcolor{ width:100%; } .layoutstyle a.active:before, .layoutstyle a:hover:before{ background: url("../images/tick.png") no-repeat scroll center center rgba(0, 0, 0, 0); bottom: 0; content: ""; height: 23px; left: 0; position: absolute; top: 0; width: 32px; z-index: 999; transition: all ease 700ms; -moz-transition: all ease 700ms; -webkit-transition: all ease 700ms; -ms-transition: all ease 700ms; -o-transition: all ease 700ms; } .layoutstyle a:hover{ color: #DE3C2F; } .presetBorder{ width: 100%; height: 1px; background: #5e5e5e; margin: 30px 0; } .layoutstyle p{ font-size: 14px; color: #cccccc; line-height: 11px; margin-bottom: 15px; } .jpanelHandle{ z-index:9999;} .jpanelContent h2 { display: none; } .jpanelHandle .fa{ line-height:100%; padding-top:5px;} table.dark-colors td{ padding-right:5px; border-top:0;} .wrap.bottomspot-2{ max-width:100%; overflow:hidden;} /* ======================================= MOBILE CSS - ======================================= */ @media screen and (max-width:1200px){ } @media only screen and (max-width : 992px) { .sp-simpleportfolio.charionsafe .sp-simpleportfolio-items .sp-simpleportfolio-item {width: 50%;} .ic-content h2{font-size:18px} } @media screen and (max-width:767px){ .navbar-default.affix .navbar-header{position:relative; top:0;background-image:url(../images/logo-navbar.png); background-repeat: no-repeat; background-position:15px center; background-size: auto 55px; } .navbar-default .navbar-header{position:absolute; top:0px; right:0; } .navbar-default ,.fullwidth .navbar-default{background-color: transparent;border-color: rgba(0, 0, 0, 0.8);} .navbar-default.affix .navbar-toggle {margin-top: 20px;margin-bottom:20px;background-color: rgba(0, 0, 0, 0.8);} .navbar-default .navbar-toggle { z-index:999;transition: all 0.2s linear 0s; background-color: rgba(0, 0, 0, 0.9);border-color:#000;color: rgba(255, 255, 255, 1); height:30px; line-height:30px;margin-top:5px;margin-bottom:4px;} .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {color: rgba(255, 255, 255, 0.8);transition: all 0.2s linear 0s;background-color:rgba(0, 0, 0, 0.70);} .navbar-default .navbar-collapse {background-color: rgba(0, 0, 0, 0.9);} .t3-mainnav .t3-navbar-collapse .navbar-nav > li > a,.t3-mainnav .t3-navbar-collapse .navbar-nav > li span{ padding:10px 20px; line-height:20px;} .t3-mainnav .t3-navbar-collapse .dropdown-menu > li > a,.t3-mainnav .t3-navbar-collapse .dropdown-menu > li span{ padding:5px 20px; } .t3-mainnav .t3-navbar-collapse .dropdown-menu{ padding-top:0px; padding-bottom:0px;} .bt-cs.subslider .bt-row {padding: 0 0px 0 0px;} .bt-cs.subslider .bt-row {background: none;} .bt-cs.charionsafe.join-goodness .bt-inner img { margin-bottom:20px;} .t3-copyright ul.menu {float: left; margin-top:15px;} .sp-simpleportfolio .sp-simpleportfolio-filter > ul > li {margin-bottom:15px;} .sp-simpleportfolio .sp-simpleportfolio-image[class*=' col-']{ padding-right:0px;} .sp-simpleportfolio .sp-simpleportfolio-details[class*=' col-']{ padding-right:0px; padding-left:0;} div.itemHeader h2.itemTitle{ font-size:22px} } @media screen and (max-width:700px){ } @media screen and (max-width:540px){ .article-info dd {line-height: 1.85;} } @media screen and (max-width:480px){ .logo-image img{max-height:60px;} .logo-image{text-align: left;} .social-top p{text-align:left;} .bt-cs.charionsafe .bt-inner {padding: 0 0px 0 0;} .sp-simpleportfolio.charionsafe .sp-simpleportfolio-columns-3 .sp-simpleportfolio-item,.sp-simpleportfolio.charionsafe .sp-simpleportfolio-items .sp-simpleportfolio-item {width:100%;} } @media screen and (max-width:360px){ #avs_gallery.charionsafe .avs_thumb .avs_img_container{width:100%; } #avs_gallery .avs_thumb{margin:0!important; padding:7px 7px 7px 0!important} #avs_gallery .avs_thumb img.image{ } .avs_clear { clear:none;} .avs_gallery.charionsafe span.title,.avs_gallery.charionsafe span.views,.avs_gallery.charionsafe span.description,.avs_gallery.charionsafe div.title-desc-views {display: inline-block;} .t3-sidebar .bt-cs.charionsafe .bt-inner .bt-title {font-size:14px;} .bt-cs.charionsafe .bt-inner img{ margin-right:7px!important} .default_eventlist.charionsafe .iceventlist-title {font-size:13px;} .t3-sidebar div.avs_input_search input#avssearch{ float:left!important; width:66%!important;} h4.about-us-title-h4{font-size:20px; line-height:1.42} #t3-content #avs_gallery .avs_thumb{ width:99.9%!important;height:auto!important; margin:0!important; padding:7px 7px 7px 0!important} #t3-content #avs_gallery .avs_thumb img.image{ width:100%!important; height:auto!important} } @media screen and (min-width: 361px) and (max-width:991px){ #avs_gallery .avs_thumb{margin:0!important; padding:7px 7px 7px 0!important;} #avs_gallery .avs_thumb img.image{ width:100%!important; height:auto !important;} .avs_clear { clear:none;} #avs_gallery.charionsafe .avs_thumb .avs_img_container{width:100%; } .avs_gallery.charionsafe span.title,.avs_gallery.charionsafe span.views,.avs_gallery.charionsafe span.description,.avs_gallery.charionsafe div.title-desc-views {display: inline-block;} #t3-content #avs_gallery .avs_thumb{ width:49.4%!important; margin:0!important; padding:7px 7px 7px 0!important;} #t3-content #avs_gallery .avs_thumb img.image{ width:100%!important; height:auto !important;} } @media screen and (min-width: 768px) and (max-width:1199px){ .bt-cs.charionsafe .bt-inner .bt-title {font-size:15px;} .topbar .search input {min-width:150px!important;} .t3-sidebar .bt-cs.charionsafe .bt-inner .bt-title {font-size:14px;} .bt-cs.charionsafe .bt-inner img{ margin-right:7px!important} } @media screen and (min-width: 361px) and (max-width:1200px){ }