/* Design Style */
a:link { color:#2b3482;}
a:visited { color:#2b3482;}
a:hover { color:#0ca2d0;text-decoration: none;}
a:active { color:#2b3482;}
h1{color:#2b3482;}
h2{color:#3c3c3c;}
h3{color:#2b3482;}
h4{color:#3c3c3c;}
h5{color:#3c3c3c;}
h6{color:#3c3c3c;}
A.Footer:hover { color:#feebaf;}
.color_text { color:#0ca2d0;}
.color_bg{ background-color:#0ca2d0; }
A.Breadcrumb:hover{ color:#0ca2d0;}
/* .skin_banner{ background-color:#0ca2d0;} */
.main_top_bg{ background-color:#0ca2d0;}
.content_colorbg{ background-color:#0ca2d0;}
.content_blackbg:hover{ background-color:#0ca2d0;}
A.Login:hover {color:#0ca2d0;}
A.User:hover { color:#0ca2d0; }
#leftMenu .leftSub li.selected > a span, #leftMenu .leftSub li a:hover span{ color:#0ca2d0;}
/* Header1 Style */
#HeaderOne #standardMenu li.lampback{border-color:#761113;}
#HeaderOne #standardMenu .rootMenu li.selected > a > span, #HeaderOne #standardMenu .rootMenu li.breadcrumb > a > span, #HeaderOne #standardMenu .rootMenu li:hover > a > span, #HeaderOne #standardMenu .rootMenu li > a:hover > span { color:#ffffff ;}
#HeaderOne #standardMenu .subMenu li.selected > a > span, #HeaderOne #standardMenu .subMenu li.breadcrumb > a > span, #HeaderOne #standardMenu .subMenu li.item > a:hover > span {color:#0ca2d0;}
#HeaderOne #megaMenu li.lampback{ border-color:#0ca2d0;}
#HeaderOne #megaMenu .root li.selected > a > span, #HeaderOne #megaMenu .root > li.breadcrumb > a > span, #HeaderOne #megaMenu .root li > a:hover > span { color:#0ca2d0 ;}
#HeaderOne #megaMenu .category li.selected > a > span, #HeaderOne #megaMenu .category li.item > a:hover > span {color:#0ca2d0;}
#HeaderOne #Login .registerGroup a:hover,#HeaderOne #Login .loginGroup a:hover{color:#0ca2d0;}
.find-us h3 {
color: #fff;
background-color: #0ca2d0;
margin: 0px;
padding: 6px 15px;
}
.find-us a:hover h3 {
background-color: #2b3482;
color: #fff;
text-decoration: none;
}
.find-us a:hover {
text-decoration: none;
}
.user_style {
margin-inline-start: 1rem;
}
/* Header2 Style */
#HeaderTwo #skin_header{ border-top-color:#0ca2d0;}
#HeaderTwo #standardMenu .rootMenu > li.selected > a > span, #HeaderTwo #standardMenu .rootMenu > li.breadcrumb > a > span, #HeaderTwo #standardMenu .rootMenu > li:hover > a > span{ color:#0ca2d0;}
#HeaderTwo #standardMenu .subMenu li.selected > a span, #HeaderTwo #standardMenu .subMenu li.breadcrumb > a span, #HeaderTwo #standardMenu .subMenu li.item > a:hover span{ color:#0ca2d0;}
#HeaderTwo #megaMenu .root > li.selected > a > span, #HeaderTwo #megaMenu .root > li.breadcrumb > a > span, #HeaderTwo #megaMenu .root li > a:hover > span{color:#0ca2d0;}
#HeaderTwo #megaMenu .category li.selected > a > span, #HeaderTwo #megaMenu .category li.item > a:hover > span { color:#0ca2d0;}
/* Header3 Style */
#HeaderThree #standardMenu li.lampback{border-top-color:#0ca2d0; }
#HeaderThree #standardMenu li.lampback .lampleft .lampcenter{border-top-color:#0ca2d0;}
#HeaderThree #standardMenu .rootMenu li.selected > a > span, #HeaderThree #standardMenu .rootMenu li.breadcrumb > a > span, #HeaderThree #standardMenu .rootMenu li:hover > a > span, #HeaderThree #standardMenu .rootMenu li > a:hover > span{ color:#0ca2d0;}
#HeaderThree #standardMenu .subMenu li.selected > a > span, #HeaderThree #standardMenu .subMenu li.breadcrumb > a > span, #HeaderThree #standardMenu .subMenu li.item a:hover > span {color:#0ca2d0;}
#HeaderThree #megaMenu li.lampback{border-top-color:#0ca2d0; }
#HeaderThree #megaMenu li.lampback .lampleft .lampcenter{border-top-color:#0ca2d0;}
#HeaderThree #megaMenu .root li.selected > a > span, #HeaderThree #megaMenu .root > li.breadcrumb > a > span, #HeaderThree #megaMenu .root li > a:hover > span{ color:#0ca2d0 ;}
#HeaderThree #megaMenu .category li.selected > a > span, #HeaderThree #megaMenu .category li.item > a:hover > span {color:#0ca2d0;}
/* Header4 Style */
#HeaderFour #skin_header{ background-color:#0ca2d0;}
#HeaderFour #standardMenu .subMenu ul{background-color:#0ca2d0;}
#HeaderFour #megaMenu .category > ul{background-color:#0ca2d0;}
/*Add spacing to named anchor bookmarks to account for sticky-menu in md and lg views CAA 2015-09-23*/
/*Using a */
/*Location of span may matter (before/after/nested) and could possibly use id and class on another element like or - but would need to test */
@media (min-width: 992px)
{
.bookmark{
position:relative;
top:-135px;
display: block;
}
}
/*Quick Links*/
.quick-links-left, .quick-links-right {
float: left;
width: 50%;
max-width: 250px;
font-size: 15px;
}
.quick-links-left li, .quick-links-right li {
list-style-type: none;
line-height: 3em;
}
.quick-links-left ul {
margin-left: 0;
}
.fa-quick-links {
text-align: center;
font-size: 20px;
margin-right: 7px;
color: #555;
}
.quick-links-col{
display: inline-block;
vertical-align: middle;
font-size: 16px;
min-height: 35px;
}
/* Content Style */
.carouFredSel_style:hover span.carouFredSel_title {color:#0ca2d0;}
.carouFredSel_style:hover .carouFredSel_border{background-color:#0ca2d0;}
.caroul_prev { background-color:#0ca2d0;}
.caroul_next {background-color:#0ca2d0;}
.caroul_prev02 { background-color:#0ca2d0;}
.caroul_next02 { background-color:#0ca2d0;}
.project_inner .project_item1, .project_inner .project_item5{ background-color:#0ca2d0; }
.fancybox_style .img-overlay {background-color:#0ca2d0;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{color:#0ca2d0;}
.nav-tabs > li > a:hover { color:#0ca2d0;}
.tab_left_content h4 a{ color:#0ca2d0;}
.tab_text span{ color:#0ca2d0; }
.magnify_text .position_style{background-color:#0ca2d0;}
.footer_contact span{color:#0ca2d0;}
.site_info a:hover span{ background-color:#0ca2d0; border-color:#0ca2d0;}
.top_icon .fa{border-color:#0ca2d0;color:#0ca2d0;}
.top_icon:hover .fa{background-color:#0ca2d0;}
.home_top:hover .fa{background-color:#0ca2d0;}
.home_top:hover h3{ color:#0ca2d0;}
.home_top .readmore a{ color:#0ca2d0;}
.home_top:hover .scaling_border{ width:50%; background-color:#0ca2d0;}
.footer_list li:hover a,.footer_list li:hover a span{ color:#0ca2d0;}
.home_team:hover h3{ color:#0ca2d0;}
.content_404 h1:hover{ color:#0ca2d0;}
.content_404 a:hover span{ color:#0ca2d0;}
.categories_list li:hover a,.footer_list li:hover a span{ color:#0ca2d0;}
.sidebar_content p a{ color:#0ca2d0;}
.sidebar_content .sidebar_blockquote{border-left-color:#0ca2d0;}
.full_width p a{ color:#0ca2d0;}
.full_width .sidebar_blockquote{ border-left-color:#0ca2d0;}
.features_list span{color:#0ca2d0; border-color:#0ca2d0;}
.features_list:hover .features_list_right h3{ color:#0ca2d0;}
.service_list:hover{border-color:#0ca2d0;}
.service_list .fa{color:#0ca2d0;}
.service_list:hover h3{ color:#0ca2d0;}
.testimonials_style{ border-left-color:#0ca2d0;}
.testimonials_style .testimonials_right span{ color:#0ca2d0;}
.contact_number .btn-primary{ background-color:#0ca2d0;}
.prices_table_page:hover p.top_price_style,.prices_table_page.active p.top_price_style{background-color:#0ca2d0;}
.prices_table_page .bottom_button a{background-color:#0ca2d0;}
.pg-info{background-color:#0ca2d0;}
.pg-info4{background-color:#0ca2d0;}
.project_list a.read-more:hover { background-color:#0ca2d0;}
.page_number_style .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{ background-color:#0ca2d0;border-color:#0ca2d0;}
.inner-page.csoon .inner-csoon .btn-info{ background-color:#0ca2d0;}
/* Flexslider Style */
.flexslider_bg{ background-color:#0ca2d0;}
.flexslider3 .flex-control-paging li a {border-color:#0ca2d0;}
.flexslider3 .flex-control-paging li a:hover { background-color:#0ca2d0;}
.flexslider3 .flex-control-paging li a.flex-active {background-color:#0ca2d0;}
#options ul li { background-color:#0ca2d0;}
.project_inner { z-index: 1;}
.project_inner .project_item {background-color: rgba(12,162, 208, 0.8);}
.project_inner * {color: #fff;} /*Terrible approach, but overrides any skin * settings (like .footerpane_style)*/
.unoslider_indicator a.unoslider_indicator_active {background-color:#0ca2d0;}
/* Containers Style */
.content_graybg .c_title_Color{color:#ffffff; font-size: 38px; }
.content_graybg .c_content_style {border-top: 1px solid #56a792;}
.content_graybg .c_content_style a{color:#ffffff;}
.content_graybg .c_content_style a:hover {color:#cee9d6; text-decoration: underline;}
.content_graybg .ct1_content { padding: 10px 0; font-size: 14px; }
.content_graybg h2.c_title {margin-bottom: 20px;}
.content_graybg .ct1_content h4{ color:#ffffff; text-transform: capitalize; font-size: 16px; margin-bottom: 0;}
.content_graybg .ct1_content h4 a{ font-family: 'Oswald',Arial, Tahoma, sans-serif;}
.content_graybg .fa-quick-links {color:#fff;}
.content_graybg .ct1_content p {color: #cee9d6;}
.footer_top h2.c_title {margin: 20px auto;}
.footer_top .c_title_Color{color:#555555; font-size: 38px; line-height: 1.1em;}
.footer_top .ct1_style {margin-top: 20px; }
.footer_top .ct1_content p, .footer_top .ct1_content div{color:#fff;font-size: 14px; }
.Bt1_style:hover .c_title_black{ color:#0ca2d0;}
.Bt2_style:hover .c_title_black{ color:inherit;}
.Bt3_style:hover .c_title_black{ color:#0ca2d0; }
.Bt3_style .c_title { border-bottom-color:#0ca2d0; }
.Bt4_style:hover .c_title_black{ color:#0ca2d0;}
.ct2_top { border-bottom-color:#0ca2d0;}
.ch1_top {background-color:#0ca2d0;}
.ch2_top{border-color:#0ca2d0;}
.cb01_top {background-color:#2b3482;}
.cb01_content{ border-color:#2b3482;}
.cb02_top {background-color:#2b3482;}
.cb03_top {background-color:#2b3482;}
.gb1_style:hover .c_title_black{ color:#0ca2d0; }
.Footer01_border{background-color:#0ca2d0;}
.threeColSocial .console-mouseon{background-color:#0ca2d0;}
.threeColSocial a.dnnPrimaryAction{background-color:#0ca2d0;}
.threeColSocial .selectDrop.active > a{background-color:#0ca2d0;}
.threeColSocial .dnnButtonGroup > li > a.active{border-right-color:#0ca2d0 ;background-color:#0ca2d0;}
.threeColSocial .dnnButtonGroup > li > a.disabled:hover{border-left-color:#0ca2d0;background-color:#0ca2d0;}
.threeColSocial .alpha > a:hover{background-color:#0ca2d0 ;border-right-color:#0ca2d0;}
.threeColSocial .alpha > a,.threeColSocial .alpha > a:hover,.threeColSocial .alpha > a.active{border-left-color:#0ca2d0;}
.threeColSocial a.dnnSecondaryAction.ArchiveItems:hover{background-color:#0ca2d0;}
.threeColSocial .dnnTertiaryAction:hover,a.dnnTertiaryAction:hover{background-color:#0ca2d0;}
.colorhover {color:transparent;}
.colorhover:hover {background:rgba(44,55,130,0.8); color:#fff}
.colorback {background:#2b3482;}
.colorback h4 a {color:#fff;}
/* Replacement to the colorback/colorhover made by Liam 2023-08-16 */
/* Doesn't rely on Bootstrap or inline styles, making it much easier to make and maintain */
.imagehover-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 0.75rem;
}
.imagehover {
position: relative;
}
.imagehover h4 {
color: white;
background-color: #0061aa;
margin: 0;
padding: 0.25rem;
text-transform: uppercase;
text-align: center;
}
.imagehover img {
width: 100%;
}
.imagehover p {
background-color: rgba(0,97,170,0.8);
box-sizing: border-box;
color: white;
display: none;
position: absolute;
top: 1%;
left: 0;
width: 100%;
height: 90%;
padding: 1rem;
}
.imagehover img:hover + p, .imagehover p:hover {
display: unset;
}
/* CSS For Mobile View */
@media handheld, only screen and (max-width: 991px){
#standardMenu .rootMenu > li.selected > a, #standardMenu .rootMenu > li.breadcrumb > a, #standardMenu .rootMenu > li:hover > a, #standardMenu .rootMenu >li > a:hover { background-color:#0ca2d0;}
#megaMenu .root > li.selected > a, #megaMenu .root > li.breadcrumb > a, #megaMenu .root > li:hover > a, #megaMenu .root > li > a:hover { background-color:#0ca2d0;}
}
/*wrap class for embedded iframe videos to be responsive. Works well for YouTube, and should work for any iframe video SAM 2016-12-04. This class used to be applied to an individual page setting but as we add more videos should be site wide.*/
.videoWrapper {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
padding-top: 25px;
height: 0;
}
.videoWrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}