/*
Departure template for Joomla!
Commercial Software
Copyright 2013 joomlaxtc.com
All Rights Reserved
www.joomlaxtc.com
*/

/* ----------------------------------------------*/
/* B 00 - Body
/* ----------------------------------------------*/
body.frontpage {background:#f1f1f1 url('https://wrightglazing.icaal.dev/templates/departure/images/backgrounds/') 50% -30px no-repeat;color:#777777;}
/* ----------------------------------------------*/
/* B 01 - Heading,links and titles
/* ----------------------------------------------*/
.contentheading {color:#888C8F;}
.componentheading {color:#888C8F;}
a,input.button {color:#00B0F2;}
a:hover {color:#00B0F2;}
a:active {color:#00B0F2;}
h1 {color:#888C8F;}
h2 {color:#888C8F;}
h3 {color:#999A9C;}
h4 {color:#333333;}
h5 {color:#333333;}
h6 {color:#00B0F2;}
/* ----------------------------------------------*/
/* B 02 - Titles
/* ----------------------------------------------*/
h1.pagetitle span {background: url(https://wrightglazing.icaal.dev/templates/departure/images/backgrounds/ele-bkg.png)50% 50% no-repeat;}
.pagetitle, .pagetitle a {color:#888C8F;}
.pagetitle span{}
.title {color:#888C8F;}
.title a {color:#888C8F;}
.title a:hover {color:#00B0F2;}
h4.title{color:#333333;}
/* ----------------------------------------------*/
/* B 03 - Basecolor styles, used in JXTC Walls and 3rd party components
/* ----------------------------------------------*/
.basecolor_1 {color:#3E8EDE;}
.basecolor_2 {color:#00B0F2;}
.basecolor_2 a {color:#00B0F2;}
.basecolor_3 {color:#999A9C;}
.basecolor_4 {color:#fff;}
.basecolor_5 {color:#ffad2a;}
.basecolor_6 {color:#c8718a;}
.basecolor_7 {color:#c88b7d;}
.basecolor_8 {color:#7daeff;}
/* ----------------------------------------------*/
/* L 00 - Header,logo,menu,inset,message,breadcrumb
/* ----------------------------------------------*/
#headerwrap{background:#fff ; border-top:0px solid #00B0F2; -moz-box-shadow: 0 0 25px rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 25px rgba(0,0,0,0.1); box-shadow: 0 0 25px rgba(0,0,0,0.1);  }
#header{background:transparent ; }
#header {}
#logo a{background:url(https://wrightglazing.icaal.dev/templates/departure/images/logos/WG_Logo.gif) no-repeat 0 0;height: 70px;width:311px;margin:0px auto 0;}
#search input{-moz-box-shadow: -1px -1px 0px rgba(0,0,0,0.3), 1px 1px 0px rgba(255,255,255,0.075); -webkit-box-shadow: -1px -1px 0px rgba(0,0,0,0.3), 1px 1px 0px rgba(255,255,255,0.075); box-shadow: -1px -1px 0px rgba(0,0,0,0.3), 1px 1px 0px rgba(255,255,255,0.075);}
/* ----------------------------------------------*/
/* L 01 - Region 1
/* ----------------------------------------------*/
#region1wrap{background: ; }
#region1wrap h1.pagetitle span {background-color:}
#region1{background:transparent ;}
/* ----------------------------------------------*/
/* L 02 - Region 2
/* ----------------------------------------------*/
#region2wrap{background:#f1f1f1 }
#region2wrap h1.pagetitle span {background-color:#f1f1f1}
#region2{background:#fff ;}
/* ----------------------------------------------*/
/* L 03 - Region 3
/* ----------------------------------------------*/
#region3wrap{background:#f1f1f1 ;}
#region3wrap h1.pagetitle span {background-color:#f1f1f1}
#region3wrapnoimg{background:#f1f1f1}
#region3{ background:#fff ;}
/* ----------------------------------------------*/
/* L 04 - Region 4
/* ----------------------------------------------*/
#region4wrap{background:#f1f1f1 ;}
#region4wrap h1.pagetitle span {background-color:#f1f1f1}
#region4{background:#fff ;}
/* ----------------------------------------------*/
/* L 05 - Region 5
/* ----------------------------------------------*/
#region5wrap{background:#f1f1f1 ;}
#region5wrap h1.pagetitle span {background-color:#f1f1f1}
#region5{background:#ffffff ;}
/* ----------------------------------------------*/
/* L 06 - Region 6
/* ----------------------------------------------*/
#region6wrap{background:#f1f1f1 ; }
#region6wrap h1.pagetitle span {background-color:#f1f1f1}
#region6{background:#fff ; }
/* ----------------------------------------------*/
/* L 07 - Region 7
/* ----------------------------------------------*/
#region7wrap{background:#f1f1f1 ;}
#region7wrap h1.pagetitle span {background-color:#f1f1f1}
#region7{background:transparent#fff ;}
/* ----------------------------------------------*/
/* L 08 - Region 8
/* ----------------------------------------------*/
#region8wrap{background:#f1f1f1 ;}
#region8wrap h1.pagetitle span {background-color:#f1f1f1}
#region8{background:#ffffff ;}
/* ----------------------------------------------*/
/* L 09 - Region 9
/* ----------------------------------------------*/
#region9wrap{background:#222 ;background-attachment:fixed;}
#region9wrap h1.pagetitle span {background-color:#222}
#region9{background: ;}
#region9 input.inputbox{background:#333!important;border:1px solid #333!important;}
/* ----------------------------------------------*/
/* L 07 - Footerwrap
/* ----------------------------------------------*/
#footerwrap{background:#111;color:#222;}
#footerpad{background:transparent;}
/* ----------------------------------------------*/
/* M 00 - XTC Menu
/* ----------------------------------------------*/
#menuwrap {background: #fff;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px; margin: 10px 0.5% 0px; width: 99%}
#menu {background-color: transparent; background: url(https://wrightglazing.icaal.dev/templates/departure/images/menus/back.png)50% 50% repeat-x; padding: 0.5em 0;
border-radius: 6px; -moz-border-radius:6px; -webkit-border-radius:6px;}
@media(max-width:796px){

}

/* Top Level */
#menuwrap ul.menu > li > a {color:#333; background-color: transparent; }
#menuwrap ul.menu > li > a:hover,#header ul.menu > li.xtcHover a {color:#00B0F2;background-color: transparent; border-radius: 0; -moz-border-radius:0; -webkit-border-radius:0;}
#menuwrap ul.menu > li.active > a{color:#00B0F2;background-color: transparent;border-radius: 0; -moz-border-radius:0; -webkit-border-radius:0;}
/* Dropdown Level */
#menuwrap ul.menu li.parent > ul {background: #e8e8e8;-moz-box-shadow: 0 0 15px rgba(0,0,0,0.2);-webkit-box-shadow: 0 0 15px rgba(0,0,0,0.2);box-shadow: 0 0 15px rgba(0,0,0,0.2);clip:rect(0px, 1000px, 1000px, -10px);border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px;}

#menuwrap ul.menu li.parent > ul > li{}
#menuwrap ul.menu li.parent > ul > li.active{}
#menuwrap ul.menu li.parent > ul > li:hover {}


#menuwrap ul.menu li.parent > ul > li > a {color:#333;background: transparent;}
#menuwrap ul.menu li.parent > ul > li.active > a {color:#00B0F2;background: transparent;}
#menuwrap ul.menu li.parent > ul > li > a:hover {color:#fff;background: #00B0F2;}
/* ----------------------------------------------*/
/* M 01 - XTC Side Menu
/* ----------------------------------------------*/
ul.menu.iconside li:hover {background:#f1f1f1!important;}
/* ----------------------------------------------*/
/* S 00 - Module Suffixes
/* ----------------------------------------------*/
.module{background: ;}
.module h3{background:   ;}
.module h3 span.first_word{color:#999A9C;}
.module h3 span.rest{color:#00B0F2!important;}
.rtitle h3 span {background-color:#00B0F2;color:#fff!important; color: rgba(255,255,255,0.75)!important; text-shadow:-1px -1px 0px rgba(0,0,0,0.25);}
.frame {border: 8px solid #00B0F2!important;}
.box{background:#00B0F2!important;color:#fff!important;}
.stylebox{background:#ffad2a;color:#fff;}
#region9 .module h3 {border-bottom:1px solid #444;padding-bottom:20px;margin-bottom:25px!important}
#region9 .module h3 span {font-size:12px; text-transform:uppercase; color:#999;letter-spacing:0;  }
#region9 ul li {padding-left:0!important;margin-bottom:5px;font-size:13px;text-transform:upercase!important;}
.bwrap h3.moduletitle {background-color:#3E8EDE !important;}
.bwrap h3.moduletitle span,.bwrap i {color:#fff!important;}
.elegant h3 span {font-size:28px; background:#f1f1f1 url(https://wrightglazing.icaal.dev/templates/departure/images/backgrounds/ele-bkg.png)50% 50% no-repeat;padding:30px!important;display:inline-block !important; }
.lightbox .elegant h3 span {background-color:#fff !important;}
/* ----------------------------------------------*/
/* C 00 - Content Overrides
/* ----------------------------------------------*/
/* Joomla Content */
.comwrap {background:#f7f7f7;border:5px solid #ffffff;outline:1px solid #f1f1f1;}
.category_img{border:1px solid #e1e2de;background:#eef0eb;}
.cat-item div.action span{border-right:1px solid #CCCCCC;}
.btn input,.btn button{ background::#00B0F2;?>!important; color:#fff!important;text-shadow:none!important}
.btn { background:#00B0F2 !important; border:none; color:#fff!important;text-shadow:none!important }
.button, button {background:#00B0F2 ; color:#fff;text-shadow:none!important}
div.joomla div.item{border-bottom:1px dotted #ccc;}
.wallframe {background:#f7f7f7; border:1px solid #e6e6e6;}
.imgframe {background:#f7f7f7; border-top:1px solid #e6e6e6;border-left:1px solid #e6e6e6;border-right:1px solid #e6e6e6;}
.article_date_pad{color:#00B0F2;}
.article_date{background:#3E8EDE;}
div.contact.row-fluid h3 {color:#333;}
div.breadcrumbs a.pathway, div.breadcrumbs span.here {display:inline-block; padding-bottom:4px;}
span.showHere {color:#ccc;}
a.pathway {color:#ccc!important;}
span.here {color:#ccc!important;}
.readmore a {color:#3E8EDE !important;}
.readmore a span {color:#00B0F2;}
.readmore a:hover {background:#3E8EDE; color:#fff; text-shadow: 1px 1px 0 rgba(0,0,0,0.3); box-shadow: 2px 2px 0 rgba(0,0,0,0.15);}
.rmore1,.rmore1 input {background:#ffad2a; color: #f3f3f3;-moz-transition: background  1s;
  -webkit-transition: background 1s;
  -o-transition: background  1s;
  -ms-transition: background 1s;
  transition: background 1s;}
.rmore1:hover,.rmore1:hover input {background: rgba(255,255,255,1); color: #00B0F2;}
div.pagination span {color:#ccc;}
.pagination ul > li > a, .pagination ul > li > span {background-color:#999A9C;color:#ccc;}
.pagination ul > li > a {color:#fff;}
.pagination ul > li > a:hover {color:#666;}
legend {color:#3E8EDE !important;}
dt.result-title, dt.result-title a {color:#3E8EDE !important; font-weight:normal;}
.search_menu_btn {color:#ebebeb;background:#666;}
.search_menu_btn:hover {color:#fff;background:#3E8EDE;cursor:pointer;}
.items-more h3 {color:#3E8EDE!important;}
/* ----------------------------------------------*/
/* C 01 - Typography
/* ----------------------------------------------*/
.numbered:after, .numbered-medium:after, .numbered-small:after {border-color:#fff;}
.bargraphv,.bargraphv a:hover{ background-color:#3E8EDE!important;}
.circletag { background-color:#3E8EDE!important;}
.circlebottom {border-top-color: #3E8EDE!important;}
.cloud_tag1 {background-color:#00B0F2!important;}
.bargraphv,.bargraphv a {background-color:#3E8EDE!important;}
/* ----------------------------------------------*/
/* H 03 - Acymailing
/* ----------------------------------------------*/
#user_name_formAcymailing,#user_email_formAcymailing {background:#666!important;}
/* ----------------------------------------------*/
/* K2 Styling
/* ----------------------------------------------*/
a.subCategoryMore {background:#3E8EDE !important;color:#fff;}
div.subCategory-rwd h2 {background:#fff;!important;}
div.subCategory-rwd h2 a {color:#3E8EDE !important;}
.catwall {background:#fff;}
.catimgwrap {padding: 0; border:1px solid #ededed; border-bottom:none;}
.catimgwrap  img {/*min-width:150px !important;*/}
a.info {background:#00B0F2;color:#fff; padding:5px 5px 6px 5px;display:block;}
a.info i {font-size:12px; margin:4px 3px 0 -20px; color: rgba(255,255,255,0.35);}
.info:hover {background:#3E8EDE;}
.k2-zoom .newstext2 {background: rgba(255,255,255,0.85);}
/* ----------------------------------------------*/
/* NewsPro
/* ----------------------------------------------*/
.slidewrap h1 {background:#666; background: rgba(0,0,0,0.54); color:#f1f1f1;}
.slidewrap h2 {background:#666; background: rgba(0,0,0,0.54); color:#f1f1f1;}
.slidewrap a {background-color:#ffad2a !important; color:#fff;}
.newstext {background:#fff;}
.newstext h3 a {}
.newstext h3 a.catlink {color:#3E8EDE !important; background:#fff;}
.newstext h4 a.titlelink  {color:#555 !important;}
.newstext h4 a.titlelink1  {color:#555 !important;}
a.article-readmore1 {color:#00B0F2 !important; font-size: 0.9em;}
div.twitt a {color:#3E8EDE !important;}
.newstext1,.newstext1content {background:#fff;}
.newstext1 span.rounded_i,.newstext1content span.rounded_i {background:#3E8EDE !important; color:#fff;}
.newstext2 h3 a.titlelink {display:block; background:#00B0F2 !important; color:#fff; }
p.article-intro {color:#555; text-align:left;}
.newsright1 {border-bottom:1px solid #ededed;}
.newsright1 a {color:#333 !important;}
.newsright1 p {color:#aaa !important;}
/* ----------------------------------------------*/
/* Custom HTML
/* ----------------------------------------------*/
a.loginbutton, a.registerbutton {display:inline-block;text-align:center!important;padding:0; width:22px; height:22px;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-o-border-radius:2px; font-size:12px; color:#fff; line-height:192%;}
a.loginbutton {background:#3E8EDE;}
a.registerbutton, .miniCartButton i {background:#555 !important;}
ul.social {}
ul.social li {display:block;}
ul.social li a {color:#666;}
ul.social li a i {display:inline-block;text-align:center;padding:0; width:22px; height:22px;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-o-border-radius:2px;  color:#fff; background:#777; line-height:192%; margin:-3px 15px 0 0;}
a.buttontools{color:#fff;  background:#3E8EDE;}

/* ----------------------------------------------*/
/* H 06 - Kommento
/* ----------------------------------------------*/
.kmt-readmore span {color:#393939;}
.kmt-readmore a {color:#3E8EDE !important;border-right:1px solid #ccc;}
.kmt-readmore a:hover {color:#3E8EDE !important;}
.kmt-comment span {color:#393939;}
.kmt-comment a {color:#3E8EDE !important;border-right:1px solid #ccc;}
.kmt-comment a:hover {color:#3E8EDE !important;}
.kmt-hits span {color:#393939;}
.kmt-hits a {color:#3E8EDE !important;}
.kmt-hits a:hover {color:#3E8EDE !important;}
#section-kmt .input.button {background:#3E8EDE !important;color:#fff !important;	}
#section-kmt .kmt-btn-submit {background:#3E8EDE !important;color:#fff !important;}
div.kmt-content p {background:#fff;}
div.kmt-content p:after {border-color:transparent #fff;}
.circle {background:#3E8EDE !important;color:#fff !important;}
/* ----------------------------------------------*/
/* T 01 MOBILE
/* ----------------------------------------------*/
.mobilebtn {background-color:#3E8EDE!important;}


#user37{
	padding: 0 10% 1%;
    text-align: center;
    width: 100%;
}
.ac-cf-type-selectlist:before{
	content: 'How did you hear about us?';
}

/* ----------------------------------------------*/
/* Style
/* ----------------------------------------------*/

.home-slider-text{
  position: absolute;
  top: 150px;
  width: 100%;
  height: auto;
  z-index: 2;
  font-size: 20px;
  background-color: rgba(51,51,51,0.8);
  color: #fff;
  padding: 10px;
}

@media (max-width: 767px){
.home-slider-text{
  position: none;
}
.home-slider-text h2{
  font-size: 20px !important;
}
.home-slider-text p{
  font-size: 15px !important;
}
}
.startyourquotebutton a{
  background:#02b2f1 !important;
  padding:10px 20px !important;
  color:#ffffff !important;
  -webkit-transition: 0.6s ease-out;
  -moz-transition: 0.6s ease-out;
  -o-transition: 0.6s ease-out;
  transition: 0.6s ease-out;
}
.startyourquotebutton a:hover{
  background:#f1f1f1 !important;
  color:#02b2f1 !important;
}
h2.title, h1.title {
  text-transform: none !important;
}
@media (min-width: 768px) {
    .bottomMenu {
  display: none !important;
}
  .mob-quote{
  	display: none !important;
}
}
@media (max-width: 767px) {
.bottomMenu {
  display: none;
  position: fixed;
  bottom: 0 !important;
  width: 100%;
  height: 50px;
  border-top: none !important;
  background: #02b2f1;
  z-index: 999999999 !important;
  text-align: center;
  color:#ffffff;
  font-size: 20px;
}
.bottomMenu a{
  color:#ffffff;
  line-height: 45px;
}
.hide-mob{
	display: none !important;
}
.mob-quote{
 display: block;
 margin-top: 50px;
 width: 100% !important;

}
.mob-quote a {
    background: #00b0f2;
    padding: 10px 20px;
    color: #ffffff;
    display: block;
    text-align: center;
}
.mob-quote a:hover{
 background:#f1f1f1 !important;
  color:#02b2f1 !important;
	}
.startyourquotebutton a {
	display: block;
	text-align: center;
}
}

.imggallerycontainer {
    display: block !important;
    margin-bottom: 20px;
    overflow: hidden;
}
.imagegalleryplg img {
    width: 100% !important;
}
.separator {
	margin-bottom: 20px !important;
	margin-top: 7px !important;
	padding: 5px 8px 20px 22px !important;
  	font-size : 0.9em;
  	
}
.item-414 .item-489 ul {
  height: auto !important;
	width: 250px;
	position: absolute;
	left: 5px;
	top: -20px !important;
}
.item-414 ul {
  height: 210px !important
}












.bg-primary {
    color: #fff !important;
    background-color: #02b2f1 !important;
}
.card {
	width: 50% !important;
    position: relative !important;
    display: block !important;
    margin-bottom: .75rem !important;
    background-color: #fff !important;
    border: 1px solid #e5e5e5 !important;
    border-radius: .25rem !important;
    box-shadow: 0 3px 3px rgba(0,0,0,0.15) !important;
}

.card-header {
    padding: .75rem 1.25rem !important;
    border-bottom: 1px solid #e5e5e5 !important;
    background-color: none !important;
}

.card-block {
    padding: 1.25rem !important;
}

.icon-list {
    margin-bottom: 0.5rem !important;
}

.icon-list-icon {
    float: left !important;
    text-align: center !important;
    min-width: 1rem !important;
}

.icon-list-items {
    display: table-cell !important;
    list-style-type: none !important;
    padding-left: 0.75rem !important;
}
.moduletable h1{
  padding-top: 2rem;
  margin-bottom:30px;
}